/* 
	css particular de eventos 
	
	A. HELPERS
	B. MAIN
	C. SIDEBAR
		C1. CALENDAR
		C2. LOCALIZACION
		C3. PROMOCIONES
	D. MENU DESPLEGABLE
	E. EVENTOS
		E1. CABECERAS EVENTOS
		E2. SECCIONES EVENTOS
	F. THICKBOX
*/
/************  A. HELPERS  ************/

.MAY{
	text-transform: uppercase;
}

/************  B. MAIN  ************/

#commonHeader{
	background:#fff url("../img/eventos/header.jpg") no-repeat 0 5px;
	color: #3F3F3F;
}

#commonHeader #nav .activo{
	background: #8BC0BF;
}
#commonHeader #common li{
	background:#D4C1A9;
}
#commonHeader #nav li a{
	color: #3f3f3f;
}
#commonHeader #common li a{
	background:#D4C1A9;
	color: #3f3f3f;

}
#commonHeader #nav li a:hover, #commonHeader #common li a:hover{
	color: #8BC0BF ;
}
.ui-datepicker-month{
	font-size:9px;
}
#mensajes ul {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin:0 0 10px;
	padding:10px;
	text-align: center;
	width:708px;
}

#main {
	border:1px solid #FFFFFF;
	display:block;
	float:left;
	overflow:hidden;
	width:737px;
}
#footer{
	background: #D4C1A9 url("../img/eventos/footer.jpg") no-repeat center;
	color: #3f3f3f;
}

/************  C. SIDEBAR  ************/

#sidebar .caption{
	background: #D4C1A9 url("../img/eventos/caption.jpg") no-repeat 0 0;
	z-index:2;
	position: relative;
	color: #3f3f3f;
}
#sidebar #formReservas{
	background: #F7F2EE url("../img/eventos/fondoReservas.jpg") no-repeat -2px -8px;
	margin: -5px 0 10px;
	padding:15px 9px 10px;
	position:relative;
	z-index:1;
}
#sidebar #formReservas label{
	clear:left;
	color:#7f7f7f;
	float:left;
	font-size:9px;
	font-weight:bold;
}
#sidebar #formReservas input{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #C4BCB1;
	clear:left;
	color:#666666;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	height:12px;
	margin:0 1px 5px 0;
	padding:2px;
	text-indent:3px;
	width:125px;
}
#sidebar #formReservas select,#sidebar #formReservas textarea{
	float: left;
	clear: left;
	-moz-border-radius:6px;
	border:1px solid #CCCCCC;
	clear:left;
	float:left;
	width:127px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:0 1px 5px 0;
		
}
#sidebar #formReservas p{
	display:block;
	overflow:auto;
	width:99%;
	clear: left;
}


#sidebar #formReservas #numInvitados{
	width: 50px;
	border: 1px solid #C4BCB1;
	float: left;
}


#sidebar #formReservas #enviar{
	background:transparent url(../img/eventos/consultarReservas.jpg) no-repeat scroll 0 3px;
	border:0 none;
	clear:none;
	cursor: pointer;
	float:right;
	height:20px;
	padding:0 4px 2px;
	text-align:left;
	text-indent:7px;
	width:78px;
	margin:10px 5px 0 0;
}
#sidebar #formReservas #pliegaForm{
	background:transparent url(../img/eventos/consultarReservas.jpg) no-repeat scroll 0 3px;
	border:0 none;
	clear:none;
	cursor: pointer;
	float:left;
	height:20px;
	padding:5px 4px 2px;
	text-align:left;
	text-indent:7px;
	text-decoration:none;
	color:#666666;
	width:78px;
	margin:10px 5px 0 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

#sidebar #sidebarPromociones{
	background:transparent url("../img/eventos/fondoMenuEventos.jpg") no-repeat scroll 0 bottom;
}

#sidebar .caption a{
	text-decoration: none;
	color: #000;
}
	/*---- C1. CALENDAR  ----*/
	.ui-datepicker{
		z-index: 100;
		width:13em;
	}
	.ui-datepicker .ui-datepicker-title{
	margin:0 1.7em;
	}
	.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width:45%;
	}
	.ui-datepicker th {
	padding:0.1em 0.3em;
	}
	#formAvanzado{
	display: auto;
	}
	.oculto{
		display: none;
	}
	/*---- C2. LOCALIZACION  ----*/
	#textosLocalizacion{
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #D7C5AD;
		color: #3F3F3F;
		margin:10px 10px 0 0;
		padding: 10px;
		width:709px;
	}
	#textosLocalizacion p{
		background:transparent url("../img/eventos/pIndent.jpg") no-repeat scroll 0 0;
	}
	#textosLocalizacion dd{
		background:transparent url("../img/eventos/pIndent.jpg") no-repeat scroll -14px 0;
	}
	#textosLocalizacion dt {
		color:#655949;
	}
	#textosLocalizacion dd ul li a{
		color:#D69311;
	}
	#textosLocalizacion div#geoLocalizacion span.titGeo{
		color:#D69311;
		float:left;
	}
	#llegarDesde{
		background: #655949;
		color: #FFFFFF;
	}	
	#llegarDesde a, #llegarDesde a:hover, #llegarDesde a:visited{
		color:#FFFFFF;
		text-decoration:underline;	
	}
	
	/*---- C3. PROMOCIONES  ----*/
	#promociones{
 	height:215px;
	margin:-2px 0 7px 1px;
	overflow:hidden;
	position:relative;
	width:195px;
	z-index:0;
 }

 #promociones #paginador {
	float:right;
	height:30px;
	width: auto;
	overflow:hidden;
	position:absolute;
	right:12px;
	top: 185px;
	z-index:20;
 }
  #promociones #paginador li{
  	float: left;
  }
  #promociones #paginador li a{
  	background-image:url(../img/hotel/paginadorOfertas.png);
  	_background-image:url(../img/hotel/paginadorOfertas.gif);
	display:block;
	height:16px;
	margin:0 0 0 6px;
	overflow:hidden;
	padding:4px 10px;
	text-indent:-9999px;
	width:0;

  }

   #promociones #paginador li .enviar{
   
   }
   #promociones #paginador li .boton-1{
   		background-position: -65px 0;
   }
   #promociones #paginador li .boton-2{
   		background-position: -88px 0;
   }
   #promociones #paginador li .boton-3{
   		background-position: -110px 0;
   }
   #promociones #paginador li .boton-4{
   		background-position: -133px 0;
   }
      #promociones #paginador li .boton-5{
   		background-position: -155px 0;
   }
      #promociones #paginador li .boton-6{
   		background-position: -176px 0;
   }
      #promociones #paginador li .boton-7{
   		background-position: -200px 0;
   }
      #promociones #paginador li .boton-8{
   		background-position: -222px 0;
   }
      #promociones #paginador li .boton-9{
   		background-position: -244px 0;
   }
      #promociones #paginador li .boton-10{
   		background-position: -267px 0;
   }
   #promociones #paginador li a#thickboxLink{
   	width: 43px;
   	cursor:pointer;
   }
 #promociones #contenidoPromociones{
	float:left;
	overflow:hidden;
	position:absolute;
	z-index:10;
	height:232px;
 }
 
  #contenidoPromociones .promocion{
	height:232px;
	margin-bottom:0;
	overflow:hidden;
  }
  #contenidoPromociones .titulo{
  	font-size: 14px;
  }
   #contenidoPromociones .titulo a {
		background:transparent url(../img/common/pdf.gif) no-repeat scroll 0 0;
		display:block;
		font-size:9px !important;
		height:15px;
		margin:5px 0;
		overflow:hidden;
		text-decoration:underline;
		text-indent:20px;
		width:59px;
	}
  
  #contenidoPromociones .precio{
  	color: #f00;
  }
   
#contenidoPromociones .texto {
	background:transparent url(../img/eventos/fondoTextoPromociones2.png) no-repeat scroll 0 0;
	padding:10px;
	position:absolute;
	width:173px;
}
  #contenidoPromociones .texto *{
	font-family:"Lucida sans",Arial,Helvetica,sans-serif;
	font-size:11px !important;
	padding:3px 0;
  	
  }
  #contenidoPromociones img{
  
  }
	
/************  D. MENU DESPLEGABLE  ************/

#desplegables {
	float:left;
	margin:21px 0 0;
	overflow:hidden;
}
#desplegables .contenedorDesplegable{
	float:left;
	margin:0 5px 0 0;
	width:179px;
}
#desplegables .contenedorDesplegable .captionDesplegable{
	background:#D4C1A9 url(../img/eventos/caption2.jpg) no-repeat scroll 0 0;
	color:#333333;
	display:block;
	font-size:9px;
	padding:7px 0 5px;
	text-indent:34px;
	text-transform:uppercase;
}
.captionDesplegable a{
	color: #333;
	text-decoration: none;
}
#desplegables .contenedorDesplegable dl{
	background: #EEE6E0;
}
#desplegables .contenedorDesplegable #desplegableBodas{
	background:#EEE6E0 url(../img/eventos/fondo_bodas.jpg) no-repeat scroll 0 0;
	height: 78px;
	color:#333333;
	font-size:10px;
	line-height:1;
	padding:9px 10px;
}
#desplegables .contenedorDesplegable dt{
	
}
#desplegables .contenedorDesplegable dt a{
	background:#82B3B3 url(../img/eventos/desplegable.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	padding:4px 8px 2px;
	text-decoration:none;
	text-indent:26px;
}
#desplegables .contenedorDesplegable dt a:hover{
	text-indent: 30px;
}
#desplegables .contenedorDesplegable dd{
	color:#333333;
	font-size:10px;
	line-height:1;
	padding:9px 10px;
}
#desplegables .contenedorDesplegable dd p{}

#desplegables .contenedorDesplegable dd ul{
	list-style-type:disc;
	margin:0 0 0 37px;
}
#desplegables .contenedorDesplegable dd li{}

#desplegables .contenedorDesplegable dd a{
	color:#333333;
	display:block;
	margin:0 0 5px;
	text-indent:0;
}
#desplegables .contenedorDesplegable dd a:hover{
	color:#91BCBC;
}


/************  E. EVENTOS ************/

#evento{
	background:transparent url(../img/eventos/fondoEventos.jpg) no-repeat scroll 0 0;
	height:306px;
	padding:2px;
	width:726px;
}
#evento #content{
float:right;
overflow:hidden;
width:450px;
}
#evento p{
	overflow: hidden;
	margin:0 0 10px 0;
	*margin: 0 0 10px 0;
}
#evento ul {
	margin: 70px 0 0 145px;
	overflow: hidden;
	float: rigth;
	width: 99%;
}
#evento ul li {
	float:left;
	margin:0 2px 0 0;
	overflow:hidden;
	width:181px;
}
#evento ul li span{
	display: block;
	clear: both;
}
#evento ul li a{

}
.linkPDF{
	background:#91BCBC url(../img/eventos/botonPDF.jpg) no-repeat scroll 0 0;
	color:#333333;
	clear:both;
	float:right;
	padding:12px 5px 12px 32px;
	position:relative;
	text-align:center;
	text-decoration:none;
	top:-22px;
	width:143px;
}
.linkPDF2{
	background: transparent url(../img/eventos/botonPDF.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:10px;
	height:20px;
	margin:175px 0 0;
	padding:11px 0 20px 44px;
	text-align:center;
	text-decoration:none;
	width:137px;
}
.captionPDF{
	color:white;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
#evento ul.listaGala {
	margin: 5px 0 0 20px;
	overflow: hidden;
	width: 99%;
}
#evento ul.listaGala li {
	list-style-type:disc;
	list-style-position:outside;
	float:left;
	margin:5px 2px 0 0;
	overflow:hidden;
	width:190px;
}
/*---- E1. CABECERAS EVENTOS  ----*/
#evento h2{
	float: left;
	height:150px;
	left:-15px;
	position:relative;
	top:-15px;
	width:231px;
	text-indent: -9999px;
	overflow: hidden;
}
#evento div.botonera{
	float:left;
	overflow:hidden;
	width:563px;
}
#evento #bodas div.botonera{
	margin:77px 0 0 141px;
}
#evento #mice div.botonera{
	margin:0 0 0 250px;	
}
#evento #tematicas div.botonera{
	margin:0 0 0 250px;	
}
#evento #mice div.botonera a.linkPDFDos{
	margin:10px 0 0 5px;
	padding:5px 5px 5px 32px;
}
#evento div.botonera a.linkPDF{
	clear:none;
	float:left;
	margin-left:5px;
	top:0;
}
#evento #bodas{
	background: transparent url("../img/eventos/bandas/fondoBodas.jpg") no-repeat 0 0;
	height:276px;
}
#evento #bodasFlyer{
	background: transparent url("../img/eventos/flyerNovios.jpg") no-repeat 0 0;
	height:276px;
}
#evento #diaMadreFlyer{
	background: transparent url("../img/eventos/Flyer_Dia_Madre.jpg") no-repeat 0 0;
	height:306px;
}
#evento #salones{
	background: transparent url("../img/eventos/bandas/bandaSalones.gif") no-repeat 0 0;
}
#evento #salones a.linkPDF2{
	margin:225px 0 0;
}
#evento #salas {
	background: transparent url("../img/eventos/bandas/bandaSalones.gif") no-repeat 0 0;
	height:276px;
}
#evento #mice {
	background: transparent url("../img/eventos/bandas/mice_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #mice a.linkPDF{
	/*top:64px;*/
}
#evento #coffees {
	background: transparent url("../img/eventos/bandas/coffee_bandas.jpg") no-repeat 0 0;
	height:276px;
}
#evento #coffees a.linkPDF{
	top:51px;
}
#evento #homenajes {
	background: transparent url("../img/eventos/bandas/homenajes_banda.jpg") no-repeat 0 0;
	height:276px;
}

#evento #gala {
	background: transparent url("../img/eventos/bandas/cenas_gala_bandas.jpg") no-repeat 0 0;
	height:276px;
}
#evento #bautizos {
	background: transparent url("../img/eventos/bandas/bautizo_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #bautizos a.linkPDF{
	top:4px;
}
#evento #comuniones {
	background: transparent url("../img/eventos/bandas/comuniones_bandas.jpg") no-repeat 0 0;
	height:276px;
}
#evento #comuniones a.linkPDF{
	display:block;
	float:none;
	left:516px;
}
#evento #asociaciones {
	background: transparent url("../img/eventos/bandas/asociaciones.jpg") no-repeat 0 0;
	height:276px;
}
#evento #graduaciones {
	background: transparent url("../img/eventos/bandas/graduacion_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #jubilaciones {
	background: transparent url("../img/eventos/bandas/jubilaciones_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #tematicas {
	background: transparent url("../img/eventos/bandas/tematicas_bandas.jpg") no-repeat 0 0;
	height:276px;
}
#evento #tematicas a.linkPDF{
	/*top:38px;*/
}
#evento #deportivos {
	background: transparent url("../img/eventos/bandas/deportivos_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #actosFalleros {
	background: transparent url("../img/eventos/bandas/fallas_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #actosFalleros a.linkPDF{
	display:block;
	float:none;
	height:27px;
	left:516px;
	margin:0;
	width:144px;
	z-index:999;
}
#evento #baile {
	background: transparent url("../img/eventos/bandas/bandaBaile.jpg") no-repeat 0 0;
	height:276px;
}

#evento #sanValentin {
	background: transparent url("../img/eventos/bandas/valentin_banda.jpg") no-repeat 0 0;
	height:276px;
}

#evento #diaPadre {
	background: transparent url("../img/eventos/bandas/dia_padre_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #nochevieja {
	background: transparent url("../img/eventos/bandas/nochevieja_banda.jpg") no-repeat 0 0;
	height:276px;
}
#evento #nochevieja a.linkPDF{
top:14px;
}


#evento #singles{
	background: transparent url("../img/eventos/bandas/single_banda.jpg") no-repeat 0 0;
	height:276px;
}
#salones, #mice, #coffees, #homenajes, #gala, #bautizos, #comuniones, #asociaciones,
#graduaciones, #jubilaciones, #tematicas, #deportivos, #actosFalleros, #baile, #diaPadre, #sanValentin, #nochevieja, #singles{
	padding: 15px;
}

/*---- E2. SECCIONES EVENTOS  ----*/

#salones #tabla{
	background:#FFFFFF url(../img/eventos/tablaSalones.png) no-repeat scroll 0 0;
	float:right;
	height:203px;
	width:450px;
}

#bodas, #bodasFlyer{
	padding:15px;
}
#bodas ul{
	left:10px;
	position:relative;
	top: 75px;
	*top: 0;
}


#tematicas ul {
	float:left;
	margin:50px 0 0 145px;
	
	*float: none;
	*margin: inherit;
}
/************  F. THICKBOX  ************/

#popupPromociones{
	font-size: 90%;
}

#popupPromociones #botonCerrar{
	background:transparent url(../img/eventos/botonCerrar.jpg) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	display:block;
	float:right;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	width:16px;
}
#popupPromociones #calendars{
	margin-top: 5px;
}
#popupPromociones .ui-datepicker {
	font-size:90%;
	margin:0 0 0 15px;
	width: 18em;
	z-index:100;
}
#popupPromociones strong {
	display:block;
	font-weight:bold;
	margin:0 0 5px;
}

#popupPromociones p{
	overflow: hidden;
	float: left;
	clear: left;
}
#popupPromociones span p{
	clear: none;
	float: none;
}
#popupPromociones .paso{
	float:left;
	margin:0 0 15px 25px;
	overflow:hidden;
	width:290px;
}
#popupPromociones label{
	clear: left;
	float: left;
	margin:0 0 0 16px;
}
#popupPromociones input, #popupPromociones select, #popupPromociones textarea{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #CCCCCC;
	clear:left;
	float:left;
	font-size:12px;
	margin:2px 0 7px 15px;
	padding:1px;
	width:233px;	
	
}
#popupPromociones select{
	width: 241px;
}
#popupPromociones  #infoSolicitud{
	padding: 0 0 0 15px;
}
#popupPromociones #enviarSolicitudPromocion{
	cursor:pointer;
	left:570px;
	position:absolute;
	top:420px;
	width:80px;
}
#popupPromociones strong img{
	background-image:url(../img/eventos/numeros.png);
	height:20px;
	margin:0 5px 0 0;
	vertical-align:bottom;
	width:22px;
}
#popupPromociones .fijo{
	color: #006573;
}
#popupPromociones #paso1{
	position: absolute;
	top: 10px;
	left: 10px;

}
#popupPromociones #calendars{
	position: absolute;
	top: 5px;
	left: 350px;
	width:210px;
}

.ui-datepicker table {
	margin: 0;
}

margin:0;
.ui-datepicker .ui-datepicker-header {
	padding: 1px 0;
}
#popupPromociones .ui-datepicker td span, .ui-datepicker td a {
	padding: 0;
	
}
#popupPromociones #paso3{
	position: absolute;
	top: 180px;
	left: 10px;
	

}
#popupPromociones #infoSolicitud{
	position: absolute;
	left: 350px;
	top:215px;
	padding: 0 0 0 20px;
}
#popupPromociones #infoSolicitud strong{
	position: relative;
	left: -20px;
}

#datosPromocion{
	display:block;
	height:60px;
	width:180px;
	overflow:auto;
}
#popupPromociones #imgPaso1{
	background-position: -65px 0;
}
#popupPromociones #imgPaso2{
	background-position: -88px 0;
}
#popupPromociones #imgPaso3{
	background-position: -111px 0;
}
#popupPromociones #imgPaso4{
	background-position: -136px 0;
}

div#videos{background:#F7F2EE;}