@charset "utf-8";

#menuList {
  margin: 0px;
  padding: 2px;
  line-height:1px;
  width:12em; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
  /*border-bottom-style: dashed;  linea inferior única*/
  border:thin;
}

#menuList li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
 /* border:1px dashed #999900;   linea discontinua alrededor del botón*/
  margin: 2px;
  /* padding: 10px auto;  el espacio entre botón y botón es mayor*/
}

#menuList li a, #menuList1 li a:focus {
  display: block;
  background-color: #FFFFFF;
  border: 0px solid #999900;
  margin: 0;
  text-decoration: none;
  color: #000;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: normal  ;
  padding: 12px;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menuList li a:hover {
  background-color: #FFFFFF;
  border-color: #786f35;
  color: #999900;
}
#inicio {	
    background-image:url(img/1.gif);
	}
#mcinerea{	
    background-image:url(img/2.gif);
	}
#mexclusivos{	
    background-image:url(img/barra_magenta.gif);
	}

#camarote{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9px;
	color:#666666;
	text-align:center;
    }
#barra{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
	color:#8c0036;
	font-weight:bold;
    }
#titexclusivos{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
	color:#8c0036;
	font-style:italic;
    }
#titexclusivoscaqui{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
	color:#786f35;
	font-style:italic;
    }
	
.estiloadmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
}

#camarote2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
	color:#666666;
	text-align:center;
    }	
#enlace{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
	color:#666666;
	text-align:center;
    }

#avisolegal{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
	color: #333333;
	text-align: justify;
}
#index{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	font-style:italic;
    }

#eventos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #786f35;
	text-align: left;
	}
#eventosvino{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #8c0036;
	text-align: left;
	}
#evento{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
	color: #666666;
	text-align: justify;
    }
	
#temas{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
	color: #333333;   
	}
	
#temas1{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px;
	color: #333333;
	font-weight:bold;  
	}
#temastitulo{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px;
	color: #333333;
	text-align:center;
    font-weight:bold; 
	}
		
	/*segundo menú, cinerea rorizontal*/
#menu2 {  	
     list-style:none;	
	 margin:0;	
	 padding:0;
	 }

#menu2 li {
     float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #786f35;/*el color del apartado de menu qeu no tiene enlace*/
	 padding-right:10px;
	 }

#menu2 li a, #menu2 li a:focus {
     border: 0px solid #999900;
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
	 color: #8c0036;
     font-size: 12px;;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
	 padding-right:10px;
}

#menu2 li a:hover {
     padding-right:10px;
     letter-spacing: 5px;
     background-color: #FFFFFF;
     border-color: #FFFF00;
     color: #333333;
}
#menuexclusivos {  	
     list-style:none;	
	 margin:0;	
	 padding:0;
	 }

#menuexclusivos li {
     float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #786f35;/*el color del apartado de menu qeu no tiene enlace*/
	 padding-right:10px;
	 }

#menuexclusivos li a, #menuexclusivos li a:focus {
     border: 0px solid #999900;
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
	 color: #8c0036;
     font-size: 12px;;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
	 padding-right:10px;
}

#menuexclusivos li a:hover {
     letter-spacing: 1px;
     background-color: #FFFFFF;
     border-color: #FFFF00;
     color: #333333;
}



#menuludicos {  	
     list-style:none;	
	 margin:0;	
	 padding:0;
	 }

#menuludicos li {
     float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #786f35;/*el color del apartado de menu qeu no tiene enlace*/
	 padding-right:10px;
	 }

#menuludicos li a, #menuludicos li a:focus {
     border: 0px solid #999900;
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
	 color: #8c0036;
     font-size: 12px;;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
	 padding-right:10px;
}

#menuludicos li a:hover {
     letter-spacing: 1px;
     background-color: #e8e8e8;
     border-color: #e8e8e8;
     color: #8c0036;
}



/* el tercer menú delos eventos cinerea*/
#menu3 {
  margin-right:0px;
  padding: 0px;
  padding-left:15px;
  line-height:4px;
  width:9em; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
  /*border-bottom-style: dashed;  linea inferior única*/
  border:thin;
}

#menu3 li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
 /* border:1px dashed #999900;   linea discontinua alrededor del botón*/
 /* margin: 2px;*/
}

#menu3 li a, #menu3 li a:focus {
  display: block;
  background-color: #FFFFFF;
  border: 0px solid  #666666;
  text-decoration: none;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: normal;
  padding: 12px;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menu3 li a:hover {
  background-color: #FFFFFF;
  border-color: #786f35;
  color: #8c0036;
}

a.camarote:visited {
	color: #666666;
}
a.camarote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
a.camarote:hover {
	color: #8D0037;
}
a.camarote:active {
	color: #666666;
}

a.camarote:visited {
	color: #666666;
}

#pdf{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
	color:#333333;
	text-align: left;
	font-weight:bold;
    }
#intranet{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
	color:#8D0037;
	text-align: left;
	font-weight:bold;
	font-style:italic;
    }
	
	
a.pdf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.pdf:hover {
	color: #8D0037;
}
a.pdf:active {
	color: #333333;
}
a.pdf:visited {
	color: #786f35;
}
a.camarote2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #786f35;
}
a.camarote2:hover {
	color: #666666;
}
a.camarote2:active {
	color: #786f35;
}


a.email:visited {
	color: #333333;
	text-decoration:none;
}
a.email {
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size: 12px;
	color: #333333;
	text-decoration:none;
}
a.email:hover {
	color: #000000;
	text-decoration:underline;
}
a.email:active {
	color: #333333;
}
a.email {
	font-weight: bold;
}


a.valor:visited {
    text-decoration:none;
	color: #8c0036;
}
a.valor {
    text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8c0036;
}
a.valor:hover {
    letter-spacing: 5px;
	text-transform:uppercase;
	color: #333333;
}
a.valor:active {
	color: #8c0036;
}

/* el cuarto menú de los eventos cinerea*/

#menu4 {
  margin-right:0px;
  padding: 2px;
  padding-left:25px;
  line-height:1px;
  width:9em; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
  /*border-bottom-style: dashed;  linea inferior única*/
  border:thin;
}

#menu4 li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
 /* border:1px dashed #999900;   linea discontinua alrededor del botón*/
 /* margin: 2px;*/
}

#menu4 li a, #menu4 li a:focus {
  display: block;
  background-color: #FFFFFF;
  border: 0px solid  #666666;
  text-decoration: none;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: normal  ;
  padding: 12px;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menu4 li a:hover {
  text-transform:uppercase;
  background-color: #FFFFFF;
  border-color: #786f35;
  color: #786f35;
}
#menucabecera {  	
     list-style:none;	
	 margin:0;	
	 padding:0;
	 }

#menucabecera li {	
     padding:0px;
     float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #786f35;/*el color del apartado de menu qeu no tiene enlace*/
	 }

#menucabecera li a, #menucabecera li a:focus {
     border: 0px solid #999900;
     margin: 0;
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
	 color: #786f35;
     font-size: 12px;;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
	 padding-right:10px;
}

#menucabecera li a:hover {
     letter-spacing: 1px;
     background-color: #FFFFFF;
     border-color: #FFFF00;
     color: #333333;
}

#menucabecera1 {  	
     list-style:none;	
	 margin:0;	
	 padding:0;
	 }

#menucabecera1 li {	
     padding:0px;
     float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #786f35;/*el color del apartado de menu qeu no tiene enlace*/
	 }

#menucabecera1 li a, #menucabecera li a:focus {
     border: 0px solid #999900;
     margin: 0;
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
	 color:#8F0037;
     font-size: 12px;;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
	 padding-right:10px;
}

#menucabecera1 li a:hover {
     letter-spacing: 1px;
     background-color: #FFFFFF;
     border-color: #FFFF00;
     color: #333333;
}
#menucabecera2 {  	
     list-style:none;	
	 margin:0;	
	 padding:0;
	 }

#menucabecera2 li {	
     padding:0px;
     float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #786f35;/*el color del apartado de menu qeu no tiene enlace*/
	 }

#menucabecera2 li a, #menucabecera li a:focus {
     border: 0px solid #999900;
     margin: 0;
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
	 color: #8E8E8E;
     font-size: 12px;;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
	 padding-right:10px;
}

#menucabecera2 li a:hover {
     letter-spacing: 1px;
     background-color: #e8e8e8;
     border-color: #FFFF00;
     color: #333333;
}

#fichatec {
     list-style-type:circle;	
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #333333;
	 }


/* Scrollbar & content css */

div#scrollbar1{
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn1r	{ 
				position:relative;
   				height: 181px;
				width: 380px;
				float:left;
				background: #ffffff;
				overflow:hidden;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#444444;
		
				margin-top: 5px;
				text-align:justify;
			
				
	}
	
	div#wn1	{
	position:relative;
	height: 181px;
	width: 380px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;

	margin-top: 5px;
	text-align:justify;
			
				
	}
	
	div#wn1r	{
	position:relative;
	height: 201px;
	width: 380px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;

	margin-top: 5px;
	text-align:justify;
			
				
	}
	

div#rutas	{
	position:relative;
	height: 80px;
	width: 400px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	line-height:10px;
	}


div#lipsumpueblos	{
	line-height: 10px;
}
div#wn2	{
	position:relative;
	height: 450px;
	width: 700px;
	overflow:hidden;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
}
	div#wn2 img{
		border: 0px;
	}


div#scrollLinks {
	margin-top:7px;	
	margin-left:220px;
}
div#scrollbar1 { 
  position:relative;
  width:20px; 
  height:181px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:20px; height:157px;
  background: #f0f4cf;
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:19px; height:20px;
  background-color:#b7cc0d;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img {
    display:block; 
    } 


div#wn1enterosinscroll	{
	position:relative;
	height: 290px;
	width: 400px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	}


div#wn1entero	{
	position:relative;
	height: 290px;
	width: 380px;
	float:left;
	background: #ffffff;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	margin-left:23px;
	margin-right:18px;
	margin-top: 5px;
	text-align:justify;
	}
div#scrollbar1entero { 
  display:block; /* initially display:none; to hide from incapable */
  position:relative;
  width:20px; height:281px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1entero { 
  position:absolute; left:0; top:12px;
  width:20px; height:257px;
  background: #f0f4cf;
  }