@import url("carousel.css") screen;
@import url("base.css") screen;
@charset "utf-8";
 
 
 
/****************************************************/
/*estilos genericos */
/*fondo general de la pagina color defecto fondo y color defecto letra*/

/*

fondo ocre muy claro: FEF3CA   antes  FFEACA    
ocre oscuro: FECF34 bordes  opuesto 382CD6   antes FF6E81
naranja texto resaltado h1 h2 h3: FF9B17 	opuesto 136CD1
naranja apagado texto enlace: FB5400  				 opuesto 00C2C9
enlace visitado: FF864A   opuesto 3FD7DB

 
 
# 

*/



/*****************************************/
/*botones del menu de navegacion */
.nav_vertical2{
    border-width: 3px;
	border-style: dashed;
	width: 96%; /*97.2972972972973%; /* contenido en section col_izda  /*144 / 150; 20%;  */ 
	float: left;
	
	max-width:180px;
	border-image: url(../imagenes/recuadro.png)  15%    stretch ; 
	-webkit-border-image:url(../imagenes/recuadro.png)  15%    stretch ; /* Safari 3.1-5 */
    -o-border-image:url(../imagenes/recuadro.png)  15%    stretch ; /* Opera 11-12.1 */
	 
}
.nav_vertical2_contenido{
	text-align: center;
    float: left;
	width: 100%; /*   /*180 / 1024; 20%;  */
	background-color: #FFF;
	padding:0 0 2px 0;	margin:0; 
 
}
.nav_vertical2 li{
   list-style: none;
   position:relative; /* importante, para que el submenu tome la posición correcta*/
}
 
 

.nav_vertical2 li a{
   text-decoration:none;
   padding: 2.777777777777778%;  /* 5 /180 */
   display:block;
   
   
 	border: 2px solid #990000; /*2 /180 */
	margin-top:2px;
	height: 15px;
	background-color: #fde5c0;
	width: 75.22222222222222%; /* 130 / 180 */
	margin-left: 11.11111111111111%; /*20/180 */
	
	color:#7a0000;
	font-weight:bold;
	font-size: 75%;
}

.flecha_nav2  {
	float:right;
	margin-top:2px;
	width:4.444444444444444%;  /*  8 /180 */	
	
} 


.nav_vertical2 li a:hover{
   color:#009899;
}

/* submenus ******************/
.nav_vertical2 li.parent:hover{
    /* background: #fde5c0; */
	 
}

/* aquí esta lo importante!! */
.nav_vertical2 li ul {
   margin:0;
   display:none;
   position: absolute;
   left: 100%;
   top:-1px;
   padding: 1.666666666666667% 0;  /* 3 /180 */
   
   background-color:#fde5c0;
   border: 1px solid #7a0000;
   width: 100%; 
}
.nav_vertical2 li:hover ul {
   display: block;
}	

.nav_vertical2 li li a{	
   background:#FFF;
  
}
	
@media screen and (min-width:600px){     
	.texto_nav {
	   display:block;
	 
	}
	.texto_nav_peq{
		display:none;
	}	
	.texto_nav_med_libro{
		display:none;
	}	
}
@media screen and (max-width:870px){     
   .texto_nav_libro {
	 display:none;
	}
	.texto_nav_peq_libro{
		display:block;
	}	
	 
}
@media screen and (max-width:600px){     
   .texto_nav {
	 display:none;
	}
	.texto_nav_peq{
		display:block;
	}	
	 
}
	
	
/**********************************************/
/*estilos para contador */
.contador_vertical2{

	margin-top:260px;
    border-width: 3px;
	border-style: dashed;
	 width: 96%; /* contenido en section col_izda  /*144 / 150; 20%;  */ 
	max-width:180px;
	border-image: url(../imagenes/recuadro.png)  15%    stretch ; 
	-webkit-border-image:url(../imagenes/recuadro.png)  15%    stretch ; /* Safari 3.1-5 */
    -o-border-image:url(../imagenes/recuadro.png)  15%    stretch ; /* Opera 11-12.1 */
}
.contador_vertical2_contenido{
	text-align: left;
   
	 /*width: 99.578125%; /*   /*180 / 1024; 20%;  */
	background-color: #FFF;
	padding:0 0 2px 2px;	margin:0; 
 
} 
 
/*****************************************************/
/*imagenes */
.crossfade {
    position:relative;
    height:94px; /* 0.53888888888888888888888888888889%; /*94px; */
	
  
}
.crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
	 
	 
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;    
    transition: opacity 0.5s ease-in-out;    
	 
}
 
.crossfade img.encima:hover {
    opacity:0;
	
}

 

/******************************************/
/*estilos seccion principal*/
section.principal{
	margin: 10px 1%;
	width: 97.65625%; /*  1000px;/1024*/
	min-height:500px;
	
	 
}

section.principal  footer{ 
 	clear:left;
}

section.col_izda{
    width: 15%; /*17.578125%; /*  150px;/1000*/
	min-height:400px;
	float:left;
 
}
aside{
	 width: 20.5%; /*205/1000 /*20.99609375%; /*215 /1024 /*20.5078125%; /* 22.4609375%; /*210/1024 */
}


@media screen and (min-width:710px){     
	section.noticias{
	padding:5px; 
 	 float:left;
	margin:0 auto; 
	 width: 63%; /* 630/1000 /*60.20408163265306%; /*  590px;/980 */
	 
}

}
@media screen and (max-width:710px){     
	section.noticias{
	padding:5px; 
 	 float:left;
	margin:0 auto; 
	 width: 80%; /* 630/1000 /*60.20408163265306%; /*  590px;/980 */
	 
}
}


section.noticias article {
 	margin:5px auto; 
}

article.novedad{
	 border-bottom: 1px solid  #FECF34 ;
	 padding:5px 5px 10px 5px;
	 margin: 5px;
}
article .aviso{
	 color: #FFB14A;
  	 font-weight:bold;
	 margin-right:5px;
}

 section.principal  h1{
		margin: auto 5% 10px 5%;
 }

  
section.noticias h2{
	 font-weight: bold;
	 color:#FF9B17;
	 font-size: 1em;  /*16/16*/
	 text-align:left;
	 border-bottom: 1px solid  #FECF34;
	 padding:5px 5px 10px 5px;
	 margin-top:10px;
	
}
section.noticias h2.novedades{
	 margin-top:30px;
}

/****************************************************/
/* mismo que noticias pero mas ancha para cuando no hay aside */
section.informacion{
	 padding:5px 2%; /*20/1000 */
 	 float:left;
	 margin:0 auto; 
	 width: 75%; /* 750/1000   */
	 
}  
 
section.informacion article {
 	margin:10px auto; 
}
  
 section.informacion img {
 	width:30%;  /*225/750 */
}
   
 
 


 

/***********************************/
/*titulo de pagina y enlaces entre paginas */
/****************************************/
/*titulo y enlaces anterior y siguiente */
.titulo{
	float:left;
    text-align:center;
	margin: 0;
	padding:0;
	width:100%;
	 
}
.titulo_izda{ 
	float: left;
	
	width: 30%;
}
 

.titulo_centro1 p{
	font-family: "Comic Sans MS";
	font-weight:bold;
	font-size: 160%;
	color:#FF1927 ; /*bf093a;	 */
	text-align:center;
 	margin: 0 33% 0 33%;
	padding:0 0 3px 0;
}
 
 
.titulo_centro {
	font-family: "Comic Sans MS";
	font-weight:bold;
	font-size: 180%;
	color:#FF1927;	
	text-align:center;
 	margin: 0 ;
	padding:0 0 3px 0;
	 
} 
 
.titulo_numpag{
	font-size: 110%;
	font-weight:normal;
	font-family: "Comic Sans MS";
	text-align:center;
 	margin: 0 ;
	color:#FF7892;	
	padding:0 0 3px 0;
}
 
  

.titulo_dcha {
	 float: right;
	 width: 30%;
}
.subtitulo{
	clear:both;
	margin:5px 0;
	font-size:14px;
}
 
 
 
 /* *********textos ******* */
 
 
 
 .texto_resaltado{
	color:#7a0000;
	font-weight:bold;
	 
}
.texto_resaltado_peque{
 	font-weight:bold;
	font-size: 80%;
	color:#FF9B17;
}
 .texto_cursiva{
	color:#FF1927;
	font-style:italic;	 
}


.texto_normal{
	color:#000000;
	font-weight:normal;
	 
}
.texto_normal_peq{
	color:#000000;
	font-weight:normal;
	font-size: 85%;
	 
}
.texto_normal_muy_peq{
	color:#000000;
	font-weight:normal;
	font-size: 65%;
	 
}
.parrafo_aviso{
	 border-bottom: 1px solid  #FF7892;
	 padding:5px 5px 10px 5px;
	 margin: 5px;
}
.texto_aviso{
	color:#FF7892;
	font-weight:normal;
 
}

.texto_aviso_b{
	color:#FF7892;
	font-weight:bold;
 
}  

.marco{
	border: 2px solid #FF7892;
	font-weight: bold;
	padding:2px;
}

.centrado{
	text-align:center;
}


.izda{
	text-align:left;
}






/****************************************************/
/*estilos para tablas de videos y fotos 
*/
.tabla_fotos{
  margin:10px 10px;
  width: 976px; 
  text-align:center;
  border:1px solid #FF6E81;
	padding:0px 3px;
	background-color:#FFEEE3; 
}


 
 
.tabla_fotos1{
    margin:10px 10px;
    width: 976px; 
    text-align:center;
 
	border:1px solid #FF6E81;
	padding:0px 3px;
	background-color:#FFFAF2;   /*D5F9D3 */
 
	 
}
td{
	width:300px;
	background-color:white;
}

.salto{
	height:5px;
}
th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center; 
	color: #FFF;
}


#tabla_enlaces a{
 	 border-bottom: 1px dotted #F32828; 
}
 
.enlace_falla{
	border-bottom:1px solid #FF6E81;
	 background-color:#FFEACA;
}
 
 .texto_resaltado{
	 	color:#ff213f;
 }
 .subtitulo_falla{
	 color:#ff7892;
	 }
	 
.titulo_falla{
	font-weight:bold;
	font-size:150%;

	
	 
} 
.titulo_premio{
	font-weight:bold;
	font-size:120%;
	 
} 
.parrafo_boton{
	  text-align:left;
	  padding:2px;
	  color:#000000;
	  font-weight:normal;
	  border-top:1px solid #FF6E81;
	 background-color:#FFEACA;
	 height:8em;
}

.foto_contenido{
	border:1px solid #FECF34;
	width: 31.632653061224489795918367346939%; /*  31.632653061224489795918367346939%;  /*310/620*/
	 float: left;
	text-align:center;
  	margin: 0 0 0 0.40816326530612244897959183673469%;  /* 4/980*/
	max-width:225px;
	
}
.foto_contenido:hover{
	border:1px solid #382CD6;
}