/* /////////////////////////////////////////////////////////////////////////
Hoja De Estilos - INTUR 2010
Realizacion: digival.es 
joseignacio.marcos@digival.es
///////////////////////////////////////////////////////////////////////// */
HTML{
	height: 100%;
}
BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1b1a1f;
	margin: 0;
	padding: 0;
	height: 100%;
	background:#fdc900 url(../images/bg.gif) repeat-x top;
}
HTML{
	height: auto;
	min-height: 100%;
}
IMG{
	border: 0;
}
*{
	padding: 0;
	margin: 0;
}
.clear0{
	clear: both;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}
.clear{
	clear: both;
}
P{
	line-height: 18px;
	margin-bottom: 15px;
}
a{
	color: #1b1a1f;
	text-decoration: none;
	outline: none;
}
a.under{
	text-decoration: underline;
}
a:hover{
	color: #ffcb04;
	text-decoration: underline;
}
.justif{
	text-align: justify;
}
.centro{
	text-align: center;
}
.alignDer{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fleftMargin{
	float: left;
	margin: 0px 10px 10px 0px;
}
.frightMargin{
	float: right;
	margin: 0px 0px 10px 10px;
}
input, button, textarea, select{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
ul{
	list-style: none;
}
.mtop5{
	margin-top: 5px;
}
.mtop10{
	margin-top: 10px;
}
.mtop15{
	margin-top: 15px;
}
.mtop20{
	margin-top: 20px;
}
.mright5{
	margin-right: 5px;
}
.amarillo{
	color: #ffcb04;
}
.azul{
	color: #447faa;
}
.fsize12{
	font-size: 12px;
}
/* ---------------------------------------------------------------------------------------- */
/*   DIVS GENERALES --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#sitio{
	width: 770px;
	margin: 0px auto;
	background: url(../images/bgMed.gif) repeat-y 5px 0px;
	position: relative;
}
#cabecera{
	width: 770px;
	height: 210px;
	position: relative;
	margin: 0px auto;
	background: url(../images/bgCab.jpg) no-repeat 0px 0px ;
}
.eng #cabecera{
	background: url(../images/bgCab_en.jpg) no-repeat 0px 0px ;
}
#cuerpo{
	width: 760px;
	overflow: hidden;
	margin: 0px auto;
	position: relative;
	padding-top: 10px;
}
#izquierda{
	width: 200px;
	float: left;
	overflow: hidden;
	padding-bottom: 400px;
}
#derecha{
	width: 530px;
	float: right;
	overflow: hidden;
	padding-bottom: 80px;
}
.intDerecha{
	padding: 0px 15px 15px 15px;
	text-align: justify;
}
#footer{
	width: 760px;
	display: block;
	height: 45px;
	position: relative;
	overflow: hidden;
	margin: -45px auto 0px auto;
}
#footer P{
	width: 500px;
	float: right;
	display: block;
	height: 45px;
	overflow: hidden;
	margin-right: 15px;
	color: #333333;
}
#footer P span{
	float: right;
}
.maleta{
	width: 231px;
	height: 394px;
	display: block;
	position: absolute;
	bottom: 0px;
	left: -8px;
	background: url(../images/maleta.jpg) no-repeat;
}
/* ---------------------------------------------------------------------------------------- */
/*   CAJAS --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#cabecera h1 a{
	width: 355px;
	height: 160px;
	overflow: hidden;
	text-indent: -99999px;
	position: relative;
	display: block;
	z-index: 2;
}
.idioma_eng, .idioma_esp{
	width: 70px;
	height: 18px;
	display: block;
	position: absolute;
	background: url(../images/english.gif) no-repeat;
	text-indent: -99999px;
	top:13px;
	left: 470px;
	z-index: 10;
	overflow: hidden;
}
.idioma_esp{
	background: url(../images/espanol.gif) no-repeat;
}
.idioma_eng:hover, .idioma_esp:hover{	
	background-position: 0px -18px;
}
.feriaEnlace{
	width: 80px;
	height: 60px;
	display: block;
	position: absolute;
	background: url(../images/feria.gif) no-repeat;
	text-indent: -99999px;
	top: 50px;
	left: 385px;
	z-index: 10;
	overflow: hidden;
}
.feriaEnlace:hover{	
	background-position: -80px 0px;
}

#derecha h2{
	width: 515px;
	height: 30px;
	padding: 0px 0px 0px 15px;
	background: #ffcb04 url(../images/flecha.gif) no-repeat right;
	overflow: hidden;
	color: #1b1a1f;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	display: block;
	margin-bottom: 15px;
}
h3{
	color: #1b1a1f;
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	border-bottom: 1px solid #ffcb04;
}

.tituloH4{
	border-bottom: 1px solid #FFCB04;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-bottom: 3px;
	color: #333;
	font-size: 12px;
}
#izquierda ul{
	list-style: none;
	width: 200px;
	display: block;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	position: relative;
	text-transform: uppercase;
	overflow: hidden;
}
#izquierda ul li{
	line-height: 26px;
	border-bottom: 1px solid #333333;
}
#izquierda ul li a{
	width: 170px;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 0px 15px;
	border-bottom: 1px solid #000000;
}
#izquierda ul li a:hover{
	text-decoration: none;
	color: #ffcb04;
}
#izquierda ul li.submenu a.tit:hover{
	background: url(../images/icoMenu.gif) no-repeat 184px 11px;
}
#izquierda ul li.activo a.tit{
	color: #ffcb04;
	background: url(../images/icoMenu.gif) no-repeat 184px 11px;
}
#izquierda ul li ul{
	padding: 5px 0px;
	text-transform: none;
	margin: 0px;
	border-top: 1px solid #333333;
}
#izquierda ul li ul li{
	background: none;
	border: none;
}
#izquierda ul li ul li a{
	width: 155px;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 0px 15px 0px 29px;
	border: none;
	background: url(../images/icoSub.gif) no-repeat 17px 9px;
}
#izquierda ul li ul li a:hover{
	color: #ffcb04;
	background: url(../images/icoSub_on.gif) no-repeat 17px 9px;
}
.bannerMenu{
	width:170px;
	padding: 0px 15px;
	margin-bottom: 30px;
}
.siguenos{
	color: #ffcb04;
	font-style: italic;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}
.frame{
	width: 520px;
	margin-left: -7px;
}

#mapa{
	width: 498px;
	height: 460px;
	border: 1px solid #F9CE03;
}

.listaFicha{
	margin-bottom: 20px;
	width: 510px;
	margin: 0px auto;
}
.listaFicha li{
	margin-bottom: 15px;
	text-align: left;
	overflow: hidden;
}
.listaFicha li strong{
	width: 130px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 10px;
	line-height: 18px;
}
.listaFicha li span{
	width: 360px;
	display: block;
	float: left;
	line-height: 18px;
}
.listaFicha li span.noStrong{
	padding-left: 210px;
}
.lista{
	margin-bottom: 20px;
}
.lista li{
	margin-bottom: 20px;
	margin-bottom: 15px;
	background: url(../images/ico.gif) no-repeat left 3px;
	padding-left: 10px;
}
.calendario{
	border-collapse: collapse;
	border:1px solid #FFCB04;
}
.calendario th{
	background: #FFCB04;
	color: #333;
	padding: 10px;
	text-align: center;
}
.calendario td{
	border-bottom:1px dashed #FFCB04;
	color: #333;
	padding: 10px;
	line-height: 18px;
}
/*---------------- HOTELES ------------------------------------------*/
.hotel{
	width: 490px;
	margin: 5px 0px;
	padding: 5px;
	border-top: 2px solid #FCDC61;
	overflow: auto;
}
.finHotel{
	border-bottom: 2px solid #FCDC61;
}
.nombrehotel{
	float:left;
	width: 200px;
}
.tithotel{
	color: #0256A2;
	font-size:13px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}
.tablaprecios{
	width:290px;
	text-align: center;
	float:right;
	margin-top: 10px;
}
.tablaprecios th{
	background-color: #FDCB08;
	font-size: 10px;
	color: #111111;
	padding: 2px;
	font-weight: normal;
}
.centrologos{
	text-align: center;
	margin: 10px 0px;
}
.centrologos IMG{
	margin:5px 15px;;
}
.galeria{
	width: 500px;
	overflow: hidden;
	margin: 30px 0px;
}
.galeria li{
	width: 166px;
	display: block;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}
.actividadesTbl{
	border-collapse: collapse;
}
.actividadesTbl td{
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
.actividadesTbl td.dia{
	background: #FFCB04;
	color: #fff;
	font-weight: bold;	
	border-bottom: none;
	padding: 5px;
}
.hora{
	width: 70px;
}
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
.cajaform{
	width: 95%;
	overflow: auto;
}
.cajaform strong{
	/*color: #105f9d;*/
}
.fila {
	clear:both;
	display: block !important;
	display: inline;
}
.campo{
	display: inline;
	margin: 5px 0px 10px 10px;
	float: left;
	line-height: 20px; 
	width: 55%;
}
.etiqueta {
	display: inline;
	margin: 5px 0px 10px 10px;
	float: left;
   text-align: right;
   line-height: 20px;
	width: 35%;
	font-weight: bold;
}
.combo{
	width: 80%;
	height: 15px;
	line-height: 15px;
	padding-left: 5px;
	padding-top: 2px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #ffcb04;
	background: #fffae5;
}
select.combo{
	height: 19px;
	width: 82%;
	height: 20px;
	line-height: 15px;
	padding-left: 5px;
	padding-top: 2px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #ffcb04;
	background: #fffae5;
}
.combotext{
	width: 80%;
	height: 80px;
	line-height: 15px;
	padding-left: 5px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #ffcb04;
	background: #fffae5;
}
.boton, .boton2{
	width: 100px;
	height: 20px;
	line-height:15px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #FDCB08;
	background:#FCDC61;
	margin: 20px 10px;
	cursor: pointer;
}
.boton2{
	width: 150px;
}
.actividades{
	margin-bottom: 5px;
}
.actividades label{
	width: 33%;
	float: left;
	margin-bottom:3px; 
	text-align: left;
}
.actividades label.fin{
	clear: both;
	width: 33%;
	float: left;
	margin-bottom:3px; 
	text-align: left;
}
.actividades label.fin2{
	clear: both;
	float: none;
	margin-bottom:3px; 
}
.actividades1{
	margin-bottom: 5px;
	width: 300px;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
}
.actividades1 label{
	width: 49%;
	float: left;
	margin-bottom:10px; 
	text-align: left;
}
.actividades1 label.fin{
	clear: both;
	width: 49%;
	float: left;
	margin-bottom:10px; 
	text-align: left;
}
.actividades1 label.fin2{
	clear: both;
	float: none;
	margin-bottom:3px; 
}

.actividades2{
	margin-bottom: 10px;
	width: 470px;
	float: right;
	margin-left: 10px;
	padding-top: 0px;
}
.actividades2 label{
	width: 49%;
	float: left;
	margin-bottom:10px; 
	text-align: left;
}

.actividades3{
	margin-bottom: 5px;
	width: 305px;
	float: right;
	margin-left: 10px;
	padding-top: 7px;
}
.actividades3 label{
	width:300px;
	display: block;
	margin-bottom:10px; 
	text-align: left;
}


.actividadesOtros {
	margin-bottom: 20px;
	clear: both;
	width: 400px;
	overflow: hidden;
}
.actividadesOtros input{
	width: 350px;
	border: none;
	border-bottom: 1px solid #FDCB08;
	background: none;
}
.actividadesOtros1 {
	margin-bottom: 20px;
	clear: both;
	width: 305px;
	overflow: hidden;
	float: right;
}
.actividadesOtros1 input{
	width: 240px;
	border: none;
	border-bottom: 1px solid #FDCB08;
	background: none;
}
.letrapeq{
	font-size:10px;
}
.letrapeqcursiva{
	font-size:10px;
	font-style: italic;
}

span.errorForm{
	display: block;
	width: 230px;
	color: #ff3300;
	font-size:10px;
	font-style: italic;
	clear: both;
}
.normas{
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
}

.textoLegal{
	padding: 0px 30px;	
	font-size: 11px;
	/*text-transform: uppercase;*/
}
.textoLegal P{
	line-height: 20px;
}
.textoLegal input{
	vertical-align: text-top !important;
	vertical-align: middle;
}