html {
	height:100%;
	margin:0; padding:0;
	background:#000000;
	color:#fff;
}
body {
	width:100%;
	margin:0 auto; padding:0; /* padding requerido por Opera */
	font: 62.5% Arial, Helvetica, sans-serif;
	background:#000000;
}
img {border:0; margin:0; padding:0; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2em; margin:0 0 20px 0;}
h2 {font-size:1.3em; margin:0 0 10px 0;}
h3 {font-size:1.2em; margin:0 0 5px 0;}
h4 {font-size:1.1em; margin:0;}
ul, ol, li, p {
	margin:0;
	padding:0;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {text-decoration:none;}
a:link, a:visited, a:hover, a:active {text-decoration:none;}
a:hover {text-decoration:underline;}
em {font-style:normal;}
.izda {float:left;}
.dcha {float:right;}
/* cuerpo web */
div#site {
	position:relative;
	width:766px; height:100%;
	margin:0 auto; padding:0;
}
/* logo cabecera */
div#cabecera {
	width:766px;
	height:272px;
	margin:0;
	padding-bottom: 6px;
}
div#cabecera img {width:766px; height:272px;}
div#contenido {
	position:relative;
	width:766px;
	height:100%;
	margin:0 auto; border:0; padding:0;
}
/* ----------- CALENDARIO DE EVENTOS --------------- */
div#principal-cal {
	position:absolute;
	left:0px;
	top:0px;
	height: 669px;
	width:525px;
	background-image:url(../img/fondo_principal_cal.gif);
	background-repeat:no-repeat;
}
div#principal-cal p.lineatop {
	position:absolute; top:68px; left:25px;
	width:470px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}
div#paginacion p.paginacion {
	position:relative;
	float:right;
	top:15px;
	margin-right:5px;
}
div#eventos {
	margin:75px 25px 30px;
	position:relative;
}
div.eventos {
	position:relative;
	width:422px; height:90px;
	margin-bottom:0px;
}
div.eventos h2 {
	position:absolute; top:5px; left:130px;
	width:300px; height:20px;
	overflow:hidden;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#F8ED31;
}
div.eventos p.fecha {
	position:absolute; top:24px; left:130px;
	width:300px; height:20px;
	overflow:hidden;
	font-weight:bold;
	font-size:12px;
}
div.eventos p.hora {
	position:absolute; top:40px; left:130px;
	width:300px; height:20px;
	overflow:hidden;
	color:#D7C289;
	font-size:12px;
}
div.eventos p.precio {
	position:absolute; top:55px; left:130px;
	width:300px; height:20px;
	overflow:hidden;
	color:#D7C289;
	font-size:12px;
}
div.eventos p.venta {
	position:absolute; top:70px; left:130px;
	width:360px; height:20px;
	overflow:hidden;
	color:#D7C289;
	font-size:12px;
}
div.eventos p.venta a {
	color:#D7C289;
}
div.eventos p.lineabaja {
	position:absolute; top:86px; left:130px;
	width:340px; height:2px;
	overflow:hidden;
	background-image:url(../img/linea_cal.gif);
}
div.eventos img {
	position:relative; top:0px;
	width:110px; height:80px;
	margin-top:2px; padding:0px;
/*	border:1px solid;
	border-top-color:#2E2E2E;
	border-bottom-color:#6A6A6A;
	border-left-color:#2E2E2E;
	border-right-color:#6A6A6A;
*/}
div#borde_eventos {
	z-index:100;
	position:absolute;
	top:355px;
	left:25px;
	width:110px; height:531px;
}
/* ----------- INFO SALA --------------- */
div#principal-info {
	position:relative;
	left:0px;
	height: 669px;
	width:525px;
	float:left;
	background-image:url(../img/fondo_principal_info.gif);
	background-repeat:no-repeat;
}
div#principal-info p.lineatop {
	position:absolute; top:68px; left:25px;
	width:470px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}
div#infosup{
	position:absolute;
	margin-bottom: 0px;
	height:332px;
}
div#infosup img {
	margin-top:85px;
	position:absolute;
	margin-bottom:0px;
	margin-left:16px;
}
div.infosup p.superior {
	position: absolute;
	width:260px;
	margin:125px 242px 30px;
	line-height:17px;
}
div#infoinf{
	height:332px;
}
div#infoinf img {
	margin-top:470px;
	position:absolute;
	margin-bottom:0px;
	margin-left:226px;
}
div.infoinf p.inferior {
	position: absolute;
	width:180px;
	margin:476px 40px 30px;
	line-height:30px;
}
div.infoinf p.inferior strong{
	color:#EED700;
	font-size:11px;
	font-weight:bolder;
}
/* ----------- GALERIA DE FOTOS --------------- */
div#principal-fot {
	position:relative;
	left:0;
	height: 669px;
	width:525px;
	float:left;
	background-image:url(../img/fondo_principal_fot.gif);
	background-repeat:no-repeat;
}
div#principal-fot p.lineatop {
	position:absolute; top:68px; left:10px;
	width:505px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}
div#fotos {
	margin-top:75px;
	margin-left:8px;
	position:relative;
}
div.fotos {
	margin-top:75px;
	margin-left:5px;
	position:relative;
}
div#fotos p.txt_panoramica{
	position:relative;
	margin-top:15px;
	margin-bottom:10px;
	color:#EED700;
	font-size:13px;
	font-weight:bolder;
	text-align:center;
}
div.fotos {
	position:relative;
	width:505px; height:564px;
	margin-bottom:0px;
}
div#fotos_arriba {
	position:relative;
	width:515px;
	margin-bottom:0px;
	margin-top:75px;
}
div#fotos_arriba img{
	position:relative;
	height:59px;
	width:59px;
	margin-right:2px;
	margin-top:8px;
/*	bordes rectos con profundidad
	border:1px solid;
	border-top-color:#2E2E2E;
	border-bottom-color:#6A6A6A;
	border-left-color:#2E2E2E;
	border-right-color:#6A6A6A;
*/}
div#fotografias{
	margin-right:2px;
	margin-top:8px;
}
div#fotografias img{
	position:relative;
	height:59px;
	width:59px;
	margin-right:2px;
	margin-top:8px;
}
div#fotos_abajo {
	position:relative;
	width:505px; height:330px;
}
div#borde_abajo {
	z-index:100;
	position:absolute;
	top:595px;
	left:8px;
	width:505px; height:330px;
}
/*--------------- Contacto ----------------*/
div#principal-cto {
	position:relative;
	left:0px;
	height: 669px;
	width:525px;
	float:left;
	background-image:url(../img/fondo_principal_cto.gif);
	background-repeat:no-repeat;
}
div#principal-cto p.lineatop {
	position:absolute; top:68px; left:25px;
	width:475px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}
div#principal-cto p.lineabaja {
	position:absolute; top:568px; left:25px;
	width:475px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}
table.formulario-cto td { height:35px;
}
div#principal-cto table.formulario-cto {
	position:absolute; top:155px; left:64px;
	width:336px; height:20px;
	overflow:hidden;
}
div#principal-cto table.formulario-cto strong {
	overflow:hidden;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#EED700;
	padding-right:5px;
	padding-top:5px;
}
div#principal-cto table.formulario-cto em {
	height:20px;
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:4px;
	margin-top:3px;
	top:3px;
	color:#333333;
	padding-top:3px;
	padding-bottom:40px;
}
div#principal-cto table.formulario-cto input{
	width:178px;
	margin-top:3px;
	font-weight:bold;
	border:none;
	border:hidden;
	font-size:11px;
	color:#333333;
	background: transparent;
}
div#principal-cto table.formulario-cto textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:3px;
	font-weight:bold;
	border:none;
	border:hidden;
	font-size:11px;
	color:#333333;
	background: transparent;
	overflow: hidden;
}
div#principal-cto table.contacto {
	position:absolute; top:578px; left:25px;
	width:475px; height:20px;
	overflow:hidden;
}
div#principal-cto table.contacto td {
	width:40%;
}
div#principal-cto table.contacto strong {
	height:20px;
	overflow:hidden;
	font-size:15px;
	font-weight:bold;
	color:#EED700;
	width:217px;
}
div#principal-cto table.contacto em {
	height:20px;
	overflow:hidden;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#contacto{
	height:475px;
}
div#contacto img {
	margin-top:85px;
	position:absolute;
	margin-bottom:0px;
	margin-left:16px;
}
div#principal-cto p.superior {
	position: absolute;
	width:475px;
	margin:75px 25px 30px;
	line-height:17px;
}
/*--------------- Fiestas / Flyers ----------------*/
div#principal-fiestas {
	position:relative;
	left:0px;
	height: 669px;
	width:525px;
	float:left;
	background-image:url(../img/fondo_principal_cto.gif);
	background-repeat:no-repeat;
}
div#principal-fiestas p.lineatop {
	position:absolute; top:68px; left:25px;
	width:475px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}
div#principal-fiestas p.lineabaja {
	position:absolute; top:568px; left:25px;
	width:475px; height:3px;
	overflow:hidden;
	background-image:url(../img/linea.gif);
}



div#principal-fiestas table.formulario-fiestas {
	position:absolute; top:155px; left:64px;
	width:336px; height:20px;
	overflow:hidden;
}
table.formulario-fiestas td { height:35px;
}
div#principal-fiestas table.formulario-fiestas strong {
	overflow:hidden;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#EED700;
	padding-right:5px;
	padding-top:5px;
}
div#principal-fiestas table.formulario-fiestas em {
	height:20px;
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:4px;
	margin-top:3px;
	top:3px;
	color:#333333;
	padding-top:3px;
	padding-bottom:40px;
}
div#principal-fiestas table.formulario-fiestas input{
	width:178px;
	margin-top:3px;
	font-weight:bold;
	border:none;
	border:hidden;
	font-size:11px;
	color:#333333;
	background: transparent;
}
div#principal-fiestas table.formulario-fiestas textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:3px;
	font-weight:bold;
	border:none;
	border:hidden;
	font-size:11px;
	color:#333333;
	background: transparent;
	overflow: hidden;
}






div#principal-fiestas table.fiestas {
	position:absolute; top:578px; left:25px;
	width:475px; height:20px;
	overflow:hidden;
}
div#principal-fiestas table.fiestas td {
	width:40%;
}
div#principal-fiestas table.fiestas strong {
	height:20px;
	overflow:hidden;
	font-size:15px;
	font-weight:bold;
	color:#EED700;
	width:217px;
}
div#principal-fiestas table.fiestas em {
	height:20px;
	overflow:hidden;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#fiestas{
	height:475px;
}
div#fiestas img {
	margin-top:85px;
	position:absolute;
	margin-bottom:0px;
	margin-left:16px;
}
div#principal-fiestas p.superior {
	position: absolute;
	width:475px;
	margin:75px 25px 30px;
	line-height:17px;
}

/* ----------- MENU LATERAL --------------- */
div#lateral {
	position:relative;
	margin-right:0px;
	float:right;
	right:0px;
	height: 669px;
	width:234px;
}
div.lateral {
	position:relative;
	margin-right:0px;
	right:0px;
	width:234px;
}
div#nav {
	position:relative;
	float:right;
	margin-right:0px;
	right:0px;
	width:234px;
}
ul#nav2 {
	position:relative;
	float:right;
	margin-right:0px;
	width:234px; height:116px;
	margin:0; border:0; padding:0 0px;
}
ul#nav2 li {
	float:right;
	width:234px;
	height:29px;
	margin:0px 0 0px 0; padding:0;
	list-style:none;
	text-align:right;
}
ul#nav2 li a {
	display:block;
	padding:0 0px;
	text-decoration:none;
}
ul#nav3 {
	position:relative;
	float:right;
	margin-right:0px;
	width:234px; height:145px;
	margin:0; border:0; padding:0 0px;
}
ul#nav3 li {
	float:right;
	width:234px;
	height:29px;
	margin:0px 0 0px 0; padding:0;
	list-style:none;
	text-align:right;
}
ul#nav3 li a {
	display:block;
	padding:0 0px;
	text-decoration:none;
}
/* ----------- CALENDARIO NUMERICO --------------- */
div#calendario {
	position:relative;
	margin-right:0px;
	float:right;
	width:234px;
	height:187px;
	background-image:url(../img/fondo_cal.gif);
	margin-bottom: 4px;
}
div#calendario2 {
	position:relative;
	margin-right:0px;
	float:right;
	width:234px;
	height:158px;
	background-image:url(../img/fondo_cal2.gif);
	margin-bottom: 4px;
}
table.calendario {position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:11px; left:21px; top:21px; width:180px}
table.calendario thead {height:20px; color:#fff; font-weight:bold;}/*2linea*/
table.calendario thead td.fecha {height:20px; background-color:#6E6E6E; color:#DDDDDD; font-weight:bold;} /*primera linea*/
table.calendario tbody {color:#fff; font-size:11px; font-weight:bold;}
table.calendario tbody td {width:26px; height:18px; margin:0; padding:0; color:#fff; cursor:default;}
table.calendario tbody td.fiesta {color:#BEEE1C; text-decoration:underline;} /*verdes*/
table.calendario tbody td.fiesta a {color:#BEEE1C; text-decoration:underline; cursor:default; }
table.calendario tbody td.fiesta:hover { cursor:default;background-color:#4BA9B3;}

table.calendario2 {position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:11px; left:21px; top:11px; width:180px}
table.calendario2 thead {height:20px; color:#fff; font-weight:bold;}/*2linea*/
table.calendario2 thead td.fecha {height:20px; background-color:#6E6E6E; color:#DDDDDD; font-weight:bold;} /*primera linea*/
table.calendario2 tbody {color:#fff; font-size:11px; font-weight:bold;}
table.calendario2 tbody td {width:26px; height:18px; margin:0; padding:0; color:#fff; cursor:default;}
table.calendario2 tbody td.fiesta {color:#BEEE1C; text-decoration:underline;} /*verdes*/
table.calendario2 tbody td.fiesta a {color:#BEEE1C; text-decoration:underline; cursor:default; }
table.calendario2 tbody td.fiesta:hover { cursor:default;background-color:#4BA9B3;}


/* ----------- MAILING LIST --------------- */
div#titulo-mail {
	position:relative;
	margin-right:0px;
	float:right;
	right:0px;
	width:234px;
	margin-bottom: 4px;
}
div#mailing {
	position:relative;
	margin-right:0px;
	float:right;
	width:234px;
	height:118px;
	background-image:url(../img/fondo_mail.gif);
	background-repeat:no-repeat;
	margin-bottom: 4px;
}
div.mailing {
	position:relative;
	width:204px;
	height:118px;
	margin-left:17px;
	top:14px;
	line-height:15px;
	margin-right:17px;
}
div.mailing p.mailing-azul {
	font-weight:bold;
	color:#72C2C4;
}
div#mailing p#mailing-enviar {
	position:absolute;
	left:150px;
	top:66px;
}
div#mailing p#mailing-enviar2 input{
	margin-top:8px;
	margin-left:6px;
	border:none;
	border:hidden;
	font-size:11px;
	color:#FFFFFF;
	background: transparent;
}
/* ----------- UBICACION --------------- */
div#titulo-ubic {
	position:relative;
	right:0px;
	float:right;
	margin-right:0px;
	width:234px;
	margin-bottom: 4px;
}
div#ubicacion {
	position:relative;
	right:0px;
	margin-right:0px;
	float:right;
	width:234px;
	height:182px;
	background-image:url(../img/fondo_ubic.gif);
	margin-bottom: 4px;
}
div.ubicacion {
	position:relative;
	width:214px;
	height:182px;
	margin-left:17px;
	top:7px;
	line-height:14px;
}
div.ubicacion p.ubicacion-datos {
	font-weight:bold;
	color:#E68C00;
}
div#ubicacion p#ubicacion-mapa {
	position:absolute;
	left:120px;
	top:50px;
}
/* ----------- PIE DE PAGINA --------------- */
div#pie {
	width:766px; height:30px;
	margin:0px 0; padding:0 0px;
	clear:both;
	font:9px Arial, Helvetica, sans-serif;	
	line-height:12px; vertical-align:middle;
}
div#pie a {color:#525252; background-color:#000000; font-size:9px;}
div#pie ul {list-style:none;}
div#pie ul li {display:inline;}
div#pie ul li#codigo {float:left;color:#424242; background-color:#000000; font-size:9px;}
div#pie ul li#codigo a {color:#828282; background-color:#000000; font-size:9px;}
div#pie ul li#mediaria {float:right;color:#424242; background-color:#000000; font-size:9px;}
div#pie ul li#mediaria a {color:#828282; background-color:#000000; font-size:9px;}
/* ----------- LIGHTBOX --------------- */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0px;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0px;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display:inline; 
	width: 100%;
	}
* html .clearfix {
	height: 1%;
	}