@font-face {
    font-family: 'armwrestlerbold';
    src: url('../fuentes/ArmWrestler-webfont.eot');
    src: url('../fuentes/ArmWrestler-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/ArmWrestler-webfont.woff') format('woff'),
         url('../fuentes/ArmWrestler-webfont.ttf') format('truetype'),
         url('../fuentes/ArmWrestler-webfont.svg#armwrestlerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neristhin';
    src: url('../fuentes/Neris-Thin-webfont.eot');
    src: url('../fuentes/Neris-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/Neris-Thin-webfont.woff') format('woff'),
         url('../fuentes/Neris-Thin-webfont.ttf') format('truetype'),
         url('../fuentes/Neris-Thin-webfont.svg#neristhin') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
	margin: 0;
	padding: 0;
}
article{
	
	margin-top:1em;
	margin-left: 3em;
	width: 40%;
	border-radius: 5px;
	padding: 2em 1em;
	display: inline-block;
	vertical-align: top;
}

body{
	text-align: center;
	background-image: url("../imagenes/fondo1.jpg");
}
h1{
	font-family: "armwrestlerbold";
	text-align: center;
}
header{
	background: url("../imagenes/fondo4.png");
	background-size:100% 100%;
	text-align: left;
	box-shadow: 1px 10px 10px rgba(95,171,72,0.5);
}
header img{
	max-width: 500px;
	max-height: 150px;
	
}

footer{
	height: 150px;
	background-image: url("../imagenes/boton.png"),url("../imagenes/fondo5.png");
	background-size: 100% 100%;
	background-color: rgba(1,1,1,0.5);
	font-size: 13px;
	padding: 3em;
	margin-top: 4em;
}
footer img{
	width: 240px;
	float: left;
}
footer a{
	margin-left: 2em;
	font-size: 1em;
}
footer a:hover{
	box-shadow: 0,0,0;
}
figure{
	display: inline-block;
}
nav{
	font-family: "neristhin";
	margin-top: 3em;
	margin-bottom: 1.5em;
 	margin-left: 5em;
	font-size: 0.2em;
	text-align: right;
	width: 60%;
	display: inline-block;
	vertical-align:bottom;
}
nav a{
	text-decoration: none;
	font-size: 14px;
	font-style: bold;
	padding: 0.5em;
	color:rgba(255,255,255,1);
	-webkit-transition:all 0.8s ease-out;  /* Chrome y Safari */
 	-o-transition:all 0.8s ease-out;  /* Opera */
  	-moz-transition:all 0.8s ease-out;  /* Mozilla Firefox */
 	-ms-transition:all 0.8s ease-out;   /* Internet Explorer */
 	transition:all 0.8s ease-out;  /* W3C */
	
}
nav a:hover{
	background:url("../imagenes/boton1.png");
	color: rgba(1,1,1,0.7);
	text-decoration: none;
	font-size: 14px;
	border-radius: 5px;
	-webkit-transition:all 0.8s ease-out;  /* Chrome y Safari */
 	-o-transition:all 0.8s ease-out;  /* Opera */
  	-moz-transition:all 0.8s ease-out;  /* Mozilla Firefox */
 	-ms-transition:all 0.8s ease-out;   /* Internet Explorer */
 	transition:all 0.8s ease-out;  /* W3C */
}
nav ul li{
	display: inline-block;
	margin: 2.5em 0.5em;
}
p{
	font-size: 1em;
	color: rgba(10,10,10,1);
	font-family: "neristhin"
}

table th{
	padding: 1em 2em;

}
table td{
	padding: 1em 2em;

}


#ad-serv{
	width: 900px;
	height: 900px;
	background-color: rgba(255,255,255,0.77);
	padding: 2em;
	text-align: justify;
}
#cam-control{
	display: inline-block;
	width: 40%;
	margin-left: 1em;
}
#cam-control h1{
	font-size: 1.5em;
}
#cam-control a{
	text-decoration: none;
	color: #272822;
}
#cam-control a:hover{
	text-decoration:underline;
	color: #272822;
	opacity: 50%;
}
#cam-control ul{
	font-family:"neristhin";
	list-style-type: none;
	text-align: left;
	font-size: 1em;
}
#cam-control ul li{
	margin-top: 1em;
}
.nombre{
	width: 70%;
	float: right;
	margin-top: 2em;
}
.imagen{
	display: inline-block;

}
#img-ino img{
	width: 300px;
}
#img-inoo img{
	width: 300px;
	height: 200px;
}
#cam-control img{
	border-radius: 100%;
	width: 100px;
	height: 100px;
}
#cam-control img:hover{
	opacity: 0.5;
	
	-moz-transform: rotate(-10deg);
     -o-transform: rotate(-10deg);
     -webkit-transform: rotate(-10deg);
     transform: rotate(-10deg);
     -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
  -o-transition:all 0.5s ease-out;  /* Opera */
  -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
  -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
  transition:all 0.5s ease-out;  /* W3C */
}
#cer_info{

}
#eventos{
	text-align: left;
	text-align: justify;
	margin-left: 0;
}
#eventos h1{
	font-size: 1.5em;
}
#dir_junt{
	background-color: rgba(1,1,1,0.2);
	border-radius: 5px;
	box-shadow: 2px 2px 10px;
	font-family: sans-serif;
	font-size: 0.8em;
	margin: auto;
	padding: 0.5em;
	width: 45%
}
#juntas{
	margin-top: 2em;
	font-family: armwrestlerbold;
}
#juntas ul li{
	display: inline-block;
}
#juntas a{
	text-decoration: none;
	padding: 1em;
	color: rgba(1,1,1,0.7);
-o-transition:all 0.5s ease-out;  /* Opera */
  -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
  -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
  transition:all 0.5s ease-out;  /* W3C */
	
}
#juntas a:hover{
	color: rgba(87,127,46,0.8);
	text-shadow:5px 5px 10px; 
	-o-transition:all 0.5s ease-out;  /* Opera */
  -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
  -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
  transition:all 0.5s ease-out;  /* W3C */

}
#logo{
	display: inline-block;
}

#menu-alt li{
	display: inline-block;
	height: 50px;
	padding: 0.1em;
}
#menu-alt{
	width: 100%;
	font-size: 10px;

}
#menu-alt a{
	color: #272822;
}
#menu-alt a:hover{
	box-shadow: 0px 2px 2px rgba(1,1,1,0.5);
}
#main{
	padding: 2em;
}
#nosotros {

	text-align: justify;
	margin-left: -10em;
}
#nosotros h1{
	font-size: 1.5em;
}
#nosotros p{
	background-color: rgba(1,1,1,0.7);
	padding: 1em;
	color: rgba(255,255,255,1);
}
#nosotros ul{
	background-color: rgba(1,1,1,0.7);
	
	color: rgba(255,255,255,1);
}
#dg-container{
	margin: auto;	
}
#principal{
	background-image: url("../imagenes/fondo2.jpg");
	border-radius: 10px;
	margin: auto;
	width: 80%;
	padding: 1.5em;
}
#p-nosotros{
	background-image: url("../imagenes/practica1.png");
	width: 90%;
	height: 1200%;
	background-size: 100% 100%;

}
#cont-nosotros{
	background-color: rgba(255,255,255,0.77);
	padding: 2em;
	text-align: justify;

}
#cont-nosotros h1{
	font-size: 1.5em;
}
#main-principal{
	background-image: url("../imagenes/fondo2.jpg");
	border-radius: 10px;
	margin: auto;
	width: 90%;
	padding: 0.5em;
}
/*contacto*/
#contacto{
	text-align: left;
	
}
#titulo {
	margin: auto;
	padding-top:2em; 
}


.block {
	display:none;
	vertical-align: top;

}
.senasica{
	width: 100px;
	height: 100px;
	margin-left:2em; 
	opacity: 0.9;
	border-radius: 5px;
}
.valores{
	text-align:justify;
	width: 80%;
	font-family: neristhin;
}

.inocuidad{
	background: none;
	font-family:neristhin;
	border-right:none;
	padding: 1em; 
	
	text-align:justify;
}
.inocuidad h1{
	font-size: 1.5em;
}
.inocuidad h2{
	font-size: 1em;
}
.inocuidad img{
	width: 100px;
	height: 100px;

}
.inocuidad ul li{
	text-align: left;
}
.img-inocuidad img{
	width: 400px;
	height: 200px;
}


/*eventos Principal*/
#featured{   
    width:400px;   
    padding-right:250px;   
    position:relative;   
    height:250px;  
    background:#fff;  
    border:5px solid #ccc;  
} 
#featured ul.ui-tabs-nav{   
    position:absolute;   
    top:0; left:400px;   
    list-style:none;   
    padding:0; margin:0;   
    width:250px;   
}  
#featured ul.ui-tabs-nav li{   
    padding:1px 0; padding-left:13px;    
    font-size:12px;   
    color:#666;   
}  
#featured ul.ui-tabs-nav li span{   
    font-size:11px; font-family:Verdana;   
    line-height:18px;   
}
#featured .ui-tabs-panel{   
    width:400px; height:250px;   
    background:#999; position:relative;  
        overflow:hidden;  
}  
#featured .ui-tabs-hide{   
    display:none;   
} 
#featured li.ui-tabs-nav-item a{/*On Hover Style*/   
    display:block;   
    height:60px;   
    color:#333;  background:#fff;   
    line-height:20px;  
    outline:none;  
}  
#featured li.ui-tabs-nav-item a:hover{   
    background:#f2f2f2;   
}  
#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;    
}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{   
    background:#ccc;   
}  
#featured ul.ui-tabs-nav li img{   
    float:left; margin:2px 5px;   
    background:#fff;   
    padding:2px;   
    border:1px solid #eee;  
}  
#featured .ui-tabs-panel .info{   
    position:absolute;   
    top:180px; left:0;   
    height:70px; width: 400px;  
    background: url('images/transparent-bg.png');   
}  
#featured .info h2{   
    font-size:18px; font-family:Georgia, serif;   
    color:#fff; padding:5px; margin:0;  
    overflow:hidden;   
}  
#featured .info p{   
    margin:0 5px;   
    font-family:Verdana; font-size:11px;   
    line-height:15px; color:#f0f0f0;  
}  
#featured .info a{   
    text-decoration:none;   
    color:#fff;   
}  
#featured .info a:hover{   
    text-decoration:underline;   
}  


/* tabs en inocuidad*/
#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 3em;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a {
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 1.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after {
  background: #fff;
  z-index: 3;
}

#content {
  background: #fff;
  padding: 2em;

  position: relative;
  z-index: 2; 
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
#ino_imag {
width: 400px;
height: 200px;
}

#fondo_tab8 {
    width: 900px;
	height: 700px;
	background-color: rgba(255,255,255,0.77);
	padding: 2em;
	text-align: justify;

}
#fondo_tab10 {
    width: 900px;
	height: 700px;
	background-color: rgba(255,255,255,0.77);
	padding: 2em;
	text-align: justify;

}