/* CSS Text Document */
a:link { color: #000000 }  /* for unvisited links */
a:visited { color: #000000 } /* for visited links */
a:active { color: #000000 } /* when link is clicked */
a:hover { color: #000000 } /* when mouse is over link 

*/
  a.plain { text-decoration: none 
  
}

label {
		color: #000000;
		display: block;
		font-size: 0.9em;
		font-weight: 700;
		margin: 0 0 1em 0;
	}

body {
	
	  margin: 0 auto;
      width: 100%;
      max-width: 1980px;
      background-color: #ffffff;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	  font-family : "Libre Baskerville", Arial, Helvetica, sans-serif;
    }
    .contenidoUno {
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      font-size: 18px;
      line-height: 1.6em;
      color: #000000;
    }
    .contenidoSubPaginas {
      width: 90%;
      margin: 0 auto;
      max-width: 1366px;
    }
	
h1
{
line-height: 105%;
}

* {
margin:0 auto;
padding:0;

}

p {
padding:10px;
}

.back {
background-image: url(back.jpg);
background-repeat:no-repeat;
background-position:center center;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
} 

#principal {
color:#000000;
background:#F5F5F5;
width:90%;
}
#principal ul {
list-style: none;
}
#contenedor{
 margin-top:5px;
 height:34px;
 width:100%;
 border:solid 0px #CCCCCC;
 border-radius:1px;
 font-family : Libre Baskerville, Arial,Helvetica,sans-serif; 
 font-size : 14px; 
 color-font : #CC6600; 
 background-color : none; 



 /*background:-moz-linear-gradient(#c30 0%, #c40 100%);
 background:-ms-linear-gradient(#c30 0%, #c40 100%);
 background:-o-linear-gradient(#c30 0%, #c40 100%);
 background:-webkit-linear-gradient(#c30 0%, #c40 100%);
 background:linear-gradient(#c30 0%, #c40 100%);*/
 }
 
#principal li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:0px solid #E3E3E1;
}
#principal li:hover {
background: #F5F5F5;

}
#principal a, #principal a:visited {
/*Control Menu Prinicpal*/
margin: 0px;
padding:8px 14px;
font-weight:normal;
/*color:#000;*/
color:none;
display:block;
}
#principal a:hover {
color:#000000;
text-decoration:none;
display:block;
}
#principal li {
float: left;
margin: 0px;
padding: 0px;
}
#principal li li {
float: left;
margin: 0px;
padding: 0px;
width: 265px;
text-transform:none;
}
#principal li li a, #principal li li a:link, #principal li li a:visited {
/*Control Sub-Menu*/
background:#999999;
color:#FFFFFF;
width: 230px;
float: none;
margin: 0px;
padding: 5px 10px 10px 18px;
border: 0px;
}
#principal li li a:hover, #principal li li a:active {
/*background:-moz-linear-gradient(#F0F 0%, #F69 100%);
background:-ms-linear-gradient(#F0F 0%, #F69 100%);
background:-o-linear-gradient(#F0F 0%, #F69 100%);
background:-webkit-linear-gradient(#F0F 0%, #F69 100%);
background:linear-gradient(#F0F 0%, #F69 100%);*/
background:#666666;
padding: 5px 10px 10px 18px;
color:#FFFFFF;
border:solid 0px #FFFFFF;
}
#principal li ul {
position: absolute;
width: 20em;
left: -999em;
}
#principal li:hover ul {
left: auto;
display: block;
}
#principal li:hover ul, #principal li.sfhover ul {
left: auto;

}

.titulo { 
font-family : Trebuchet MS; 
font-size : 11px; 
color : #000000; 
background-color : #CCCCCC; 
text-decoration : none; 
} 

.titulo:link { 
color : #666666; 
text-decoration : none; 
} 
.titulo:hover { 
color : #666666; 
text-decoration : none; 
}

.menu { 
font-family : Trebuchet MS; 
font-size : 11px; 
color : #666666; 
background-color : #F4F4F4; 
/*background: url(../imagenes/fondos/gris-d-4785-2-5x40.png);*/
text-decoration : none; 
} 

.menu:link { 
color : #666666; 
text-decoration : none; 

} 
.menu:hover { 
color : #666666; 
text-decoration : none; 
} 

.menu:visited { 
color : #666666; 
text-decoration : none; 
} 

.menu2 { 
font-family : Libre Baskerville, Arial,Helvetica,sans-serif; 
font-size : 11px; 
color : #666666; 
/*background-color : #F4F4F4; */
/*background: url(../imagenes/fondos/gris-d-4785-2-5x40.png);*/
text-decoration : none; 
} 

.menu2:link { 
color : #666666; 
text-decoration : none; 

} 
.menu2:hover { 
color : #666666; 
text-decoration : none; 
} 

.menu2:visited { 
color : #666666; 
text-decoration : none; 
} 

.sub_menu { 
font-family : Libre Baskerville; 
font-size : 12px; 
color : #666666; 
background-color : #666666; 
text-decoration : none; 
} 

.contenido { 
font-family : Libre Baskerville, sans-serif;; 
font-size : 18px; 
line-height: 1.6em;
color : #000000; 
/*background-color : #FFFFFF; */

} 
.contenido:link { 
color : #000000; 
} 

.contenido:hover { 
color : #000000; 
} 

.destacado { 
font-family : Libre Baskerville, Arial,Helvetica,sans-serif; 
font-size : 12px; 
color : #333333; 
background-color : #FFFFFF; 
text-decoration : none; 
} 
.destacado:link { 
color : #333333; 
text-decoration : none; 

} 
.destacado:hover { 
color : #000000; 
text-decoration : none; 
}
 
.destacado:visited { 
color : #333333; 
text-decoration : none; 
}
 
.creditos { 
font-family : Libre Baskerville, Arial,Helvetica,sans-serif; 
font-size : 14px; 
color : #000000; 
/*background-color : #F4F4F4; */
text-decoration : none; 
} 
.creditos a:link { 
color : #000000; 
text-decoration : none; 

} 
.creditos a:hover { 
color : #000000; 
text-decoration : none; 

} 
.creditos a:visited { 
color : #000000; 
text-decoration : none; 

} 

.creditos p {
padding:2px;
}

.creditos_pie { 
font-family : "Montserrat", Arial,Helvetica,sans-serif; 
font-size : 12px; 
color : #000000; 
/*background-color : #F4F4F4; */
text-decoration : none; 
} 
.creditos_pie a:link { 
color : #000000; 
text-decoration : none; 

} 
.creditos_pie a:hover { 
color : #000000; 
text-decoration : none; 

} 
.creditos_pie a:visited { 
color : #000000; 
text-decoration : none; 

}

/* Formularios */
.inputbox { 
 font-family: Libre Baskerville, Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px; 
 color:  #000000;
 background-color: #FFFFFF; 
 border: 1px solid #000000; 
}

.inputboxsearch { 
 font-family: Libre Baskerville, Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px; 
 color:  #000000;
 background-color: #FFFFFF; 
 border: 1px solid #000000; 
}

.button {
	width: 170px;
	border : solid 1px #000000;
	background-color: #666666;
	font-weight : bold;
	font-size : 14px;
	color : #FFFFFF;
	padding: 2px;
}

button_tx1 {
  background-image: linear-gradient(to bottom, #f9c56d 25%, #f19224 100%);
  background-color: #666666;
  border: none;
  border-radius: 1em;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  padding: 6px 20px 8px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
button_tx1:hover, button:active, button:focus {
  background-color: #f19224;
  background-image: none;
}

/* Cajas con contenido de color */
 
.box-w81,
.box-blue,
.box-gray,
.box-green,
.box-grey,
.box-red,
.box-gris1, 
.box-yellow {
    margin:0 0 25px;
	width: 95%;
	max-width: 300px;
	text-align:center;
    overflow:hidden;
    padding:10px 15px;
    -webkit-border-radius: 3px;
        border-radius: 3px;
		text-decoration : none; 
		
}
 
.box-blue {
    background-color:#d8ecf7;
    border:1px solid #afcde3;
}
 
.box-gray {
    background-color:#e2e2e2;
	color:#FFFFFF;
    border:1px solid #bdbdbd;
	text-decoration:none!Important;
}

 
.box-green {
    background-color:#d9edc2;
    border:1px solid #b2ce96;
}
 
.box-grey {
    background-color:#F5F5F5;
    border:1px solid #DDDDDD;
	text-decoration:none;
}
 
.box-red {
    background-color:#f9dbdb;
    border:1px solid #e9b3b3;
}
 
.box-yellow {
    background-color:#fef5c4;
    border:1px solid #fadf98;
}

.box-gris1 {
    background-color:#000000;
    border:1px solid #333333;
}

.box-w81 {
    background-color:#ffaaaa;
    border:1px solid #d46a6a;
}

.circulo 
{background: lightgrey; 
border-radius: 50%; 
height: 50px; 
width: 50px;
}

.imagen_news {
margin: 20px!important;
margin-bottom: 10px!important;
width: 85%!important;
max-width: 430px!important;
hspace: 30px!important;
vspace: 30px!important;
opacity: 1.0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
padding:10px;
/*box-shadow: rgba(0, 0, 0, 0.38) 0px 3px 8px;*/

}

.imagen_news:hover {
    opacity: 1;
}

#divPadre {

    width:100%;
     text-align:center;

}
#divHijo {

    width:95%;
     margin:0px auto;

}

#divPadreDos {

    width:100%;
     text-align:center;

}
#divHijoDos {

    width:90%;
     margin:0px auto;

}
/* Efectos en Imagenes*/

.fade{
    opacity: 0.8;

    -webkit-transition: opacity 0.3s;
   transition: opacity 0.3s;
}
.fade:hover {
    opacity: 1;
}

.imgRedonda {
    width:300px;
    height:300px;
    border-radius:160px;
    border:10px solid #eee;
}

.imgAgranda:hover{-webkit-transform:scale(1.6);transform:scale(1.6);}
.imgAgranda {
    overflow:hidden;
    transition:all .5s ease-in-out;
}

.imgAgranda-out:hover{-webkit-transform:scale(1.6);transform:scale(1.6);}
.imgAgranda-out {
    z-index:10000;
    overflow:visible;
    transition:all .5s ease-in-out;
}

.imgGris:hover {
filter: grayscale(80%);
transition:all .5s ease-in-out;
}

.imgRotar{
transition:all .5s ease-in-out;
}

.imgRotar:hover{
border-radius:50%;
-webkit-border-radius:50%;
box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
/*box-shadow: 0px 0px 15px 15px #ec731e;*/
-webkit-box-shadow: 0px 0px 15px 15px #333333;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

/*Ventana Modal*/

.modal-contenido{
  background-color:aqua;
  width:330px;
  max-width:330px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}
.modal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  
  }
  
  /* Caja Buscar */
  
  
  
  
  /* ------------------- */
  
  /* CSS de Botones */
  
 .boton_rojo{
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff!Important;
    background-color: #CC3300;
    border-radius: 3px;
    border: 2px solid #CC3300 ;
    transition: all 500ms ease;
  } 
  .boton_rojo:hover{
    color: #CC3300!Important;
    background-color: #ffffff!Important;
	
  }
  
/* Animacion de imagenes y listas -----------------------------------------------------------------*/

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);opacity:0.2;
  }
  100% {
    transform: translateX(0);opacity:1.0;
  }
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(-100%);opacity:1.0;
  }
  100% {
    transform: translateX(0);opacity:1.0;
	
  }
}

h1 {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromRight;
  }
h2 {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 2s ease-out 0s 1 slideInFromRight;
  }  

img {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 0.5s ease-out 0s 1 slideInFromLeft;
   }



/*-----------------------------------------------------------------*/