/* CSS Document */
/* eabarcelona 2006 */

html, body{ 
	 margin:0; 
	 padding:0; 
	 text-align:center;
	 background: url("../img/fondo.jpg") repeat-x;
	 height:100%;
} 

body { 
	 color: #000000;
	 font: normal 10px verdana;
	 scrollbar-face-color:#ffffff;
	 scrollbar-shadow-color:#505750;
	 scrollbar-highlight-color: #505750;
	 scrollbar-3dlight-color:  #ffffff;
	 scrollbar-darkshadow-color: #ffffff;
	 scrollbar-track-color:   white;
	 scrollbar-arrow-color:   #000000;
	 background-color: #fff;
} 

div {margin:0px; padding:0px;}
table {color: #000000; font: normal 10px verdana;}
form {margin:0px;}
a, a:link, a:visited {font: normal 10px verdana;color: #000000;}
a:hover {color: #F67802;}
.clr{clear:both;}

/* CENTRAR ************************************************ */

#fondo {display:block;background: url("../img/cabecera.jpg") no-repeat center top;}

/* CABECERA y CUERPO ************************************************ */

#container {
	display:block;
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	}
/* html #container {width: 775px;} */

#menu  {
	float:left;
	padding:88px 7px 0px 0px;
	width:135px;	
}

#menu ul {
   float:right;
   margin:0px;
   padding:0px;
   width: 115px;
   list-style: none;
   list-style-position: outside;
   text-align: right;
   font: normal 10px verdana;
   color: #000;
}



#menu ul li {
	display:block;
	width: 109px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #EBF7FF;
	}
* html #menu ul li {width: 109px;}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	text-decoration:none;
}

#menu ul li.gris a, #menu ul li.gris a:link, #menu ul li.gris a:visited{
	display: block;
	text-decoration:none;
	color:#999;
}
.gris {color: #999;}

#menu ul li a:hover, #menu ul li.gris a:hover{
	color:#F67802;	
	text-decoration: none;
	}

#menu ul li.final {border-bottom: none;}

.imprimir {display:block;background: url("../img/print.gif") no-repeat 35px 2px;}

#menu ul li.titulo {
	display:block;
	padding-right:3px;
	font-weight:bold;
	background-color: #EBF7FF;
	border-bottom: none;
}


/* CUERPO ************************************************************* */

#cuerpo {
	display:block;
	float:left;
	width:230px;
	padding:30px 0px 0px 30px;
	text-align:left;
	color:#5C5C5C;
}

#cuerpo2  { 
    color:#5C5C5C; 
    text-align:left;
	margin-left:175px;  }
	
*html #cuerpo {width:260px;padding:30px 0px 0px 40px;}
#cuerpoentero {display:block;
	float:left;
	width:392px;
	padding:0px 0px 0px 30px;
	text-align:left;
	color:#5C5C5C;}
*html #cuerpoentero {width:432px;padding:0px 0px 0px 40px;}

#migas {display:block;padding-top:15px;font: normal 9px arial;color:#999;}
#migas a, #migas a:visited {font: normal 9px arial;color:#999;}
#migas a:hover {color:#F67802;text-decoration:none;}
#titulo {padding:10px 0px 10px 0px;}

#fotos {display:block;float:left;width:162px;padding:90px 0px 0px 10px;text-align:left;}
*html #fotos {width:172px;}
#fotos img {padding:1px;}
#idioma {display:block;padding:30px 0px 65px 100px;color:#fff;}
*html #idioma {padding:30px 0px 70px 100px;}
#idioma a, #idioma a:visited {color:#fff;}
#idioma a:hover {text-decoration: none;}

#cuerpo ul, #cuerpo2 ul {
   margin:0px;
   padding:0px;
   list-style: none;
   list-style-position: outside;
   font: normal 10px verdana;
   color: #000;
}

#cuerpo ul li, #cuerpo2 ul li {
	display:block;
	padding: 3px 0px 3px 0px;
	}
	
#cuerpo ul li a, #cuerpo ul li a:link, #cuerpo ul li a:visited, #cuerpo2 ul li a, #cuerpo2 ul li a:link, #cuerpo2 ul li a:visited {
	display: block;
	color:#005DA2;
	background: url("../img/flecha.gif") no-repeat left 2px;
	padding-left:15px;
}

#cuerpo ul li a:hover, #cuerpo2 ul li a:hover{
	color:#000;	
	text-decoration: none;
	}
	
/*ESPECTACULOS ******************************************  */
#pie_foto { 


}	

/* PIE ************************************************************* */
#disseny {display:block;float:left;width:400px;text-align:right;padding:47px 12px 0px 0px;}
*html #disseny {padding-right:5px;width:410px;}
#disseny a {color:#999999;}
#direccion {display:block;float:left;text-align:left;color:#999999;}
*html #direccion {padding-left:5px;}
#direccion a {color:#999999;}


 /*printer styles*/ 

@media print { 

/*hide the left column when printing*/

#menu {display:none;} 
#disseny {width:260px;}
*html #disseny{width:275px;}
}