/***** Global *****/

html, body{
border:0;
margin:0;
padding:0;
background:url(/img/fondo-body.jpg) repeat-x #555;
}

body{
font:.625em/1.25 Arial, Helvetica, sans-serif;
} 
ul, ol{
margin:0;
padding:0;
}
p{
margin:0;
padding:0;
text-align:justify;
font-size:1.2em;
}
small{
font-size:.85em;
}
img{
border:0;
}
em{
font-weight:bold;
}
/***** ULTIMOS *****/
#header ul.idiomas li.ultimo,
#footer ul li.ultimo{
border:none;
}
#content .izq .nav ul li.ultimo{
background:none ;
}

/***** Encabezados *****/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-weight:bold;
} 
h2{
padding:10px 0;
font-size:1.2em;
font-weight:bold;
}
h3{
font-size:1em;
font-weight:bold;
}
/***** Enlaces *****/ 
a,a:link,a:visited{
text-decoration:none;
color:#000;
}
a:hover,a:active{
text-decoration:underline;
color:#000;
}
/***** Wrap *****/ 
#wrap{
width:774px;
margin:0 auto;
background-color:#fff;
} 
/***** HEADER *****/

#header{
width:774px;
background:url(../img/bg-header-interior.jpg) no-repeat left top #E8EADF;
float:left;    
height:223px;
}
#header h1{
padding:10px 0 10px 10px;
letter-spacing:7.5px;
font-size:1.2em;
color:#fff;
height:15px;
width:570px;
float:right;
}
#header img.logo{
float:left;
width:146px;
height:176px;
padding:23px 16px 24px 30px;
}
#header img{
width:582px;
height:161px;
float:left;
}
#header ul.idiomas{
width:582px;
padding:0;
text-align:right;
height:27px;
}
#header ul.idiomas li{
float:left;
display:inline;
padding:0 10px;
border-right:#fff solid 1px;
margin-bottom:14px;
}
#header ul.idiomas li a:link, #header ul.idiomas li a:visited{
color:#fff;
text-decoration:none;
}
#header ul.idiomas li a:hover, #header ul.idiomas li a:active{
text-decoration:underline;
}
/***** Footer *****/

#footer{
width:774px;
margin:0 auto;
background-color:#d3d0c7;
text-align:center;
font-size:1.1em;
}
#footer p{
padding:1px 0 1px 194px;
text-align:center;
font-size:1em;
}

#footer ul{
width:503px;
padding:10px 30px;
margin-left:211px;
background-color:#e8eadf;
}
#footer ul li{
line-height:2em;
display:inline;
padding:0 5px;
border-right:1px solid #000;

}
/***** Content *****/
#content{
width:774px;
float:left;
background-color:#fff;
background:url(../img/bg-content.gif) repeat-y left top ;
}

#content .izq{
float:left;
width:211px;
background-color:#D3D0C7;
}
#content .izq .nav{
width:211px;
text-align:center;
font-size:1.2em;
background:url(../img/bg-ul-nav.jpg) repeat-y left top ;

}
#content .izq .nav ul{
width:211px;
background:url(../img/bg-ul-nav-bottom.jpg) no-repeat left bottom ;
padding:0 0 32px 0;
}
#content .izq .nav ul li{
height:1.8em;
background:url(../img/div-nav.jpg) no-repeat center bottom ;
padding:5px 15px 0 15px;
}
/***** CONTENIDO *****/
#content .contenido{
width:563px;
float:right;
padding:0 0 10px 0;
}
#content .contenido p{
color:#002A2E;
}
.contenido h2{
color:#4a6570;
font-size:2em;
text-align:right;
padding:35px 20px 0 10px;
}
.contenido h2.color{
padding:35px 20px 0 10px;
background-color:#d3d0c7;
}

.contenido p.color{
background-color:#d3d0c7;
line-height:1.5em;
padding:10px 20px;
margin-bottom:10px;
}

#wrap .estatico .contenido p.normal{
padding:0 10px;
line-height:3em;
color:#fff;
}
#wrap .estatico .contenido a{
font-weight:bold;
text-decoration:underline;
color:#fff;
}

#wrap .estatico .contenido a:hover, .contenido a:active{
text-decoration:none;
}

#wrap .estatico{
background:url(../img/bg-content-estatico.gif) repeat-y left 350px ;
}
#wrap .estatico .contenido{
background-color:#002A2E;

}
#wrap .estatico .contenido img{
margin:20px 0 20px 33px;
}
#wrap .estatico .contenido h2{
color:#002A2E;
background-color:#E8EADF;
}
#wrap .estatico .contenido .txtcolor{
width:497px;
padding:10px 33px 0 33px;
}
#wrap .estatico .contenido .left{
width:215px;
float:left;
padding-top:10px;
padding-right:33px;
padding-bottom:0pt;
padding-left:33px;
margin-top:0pt;
margin-right:0pt;
margin-bottom:0pt;
margin-left:0pt;
}
#wrap .estatico .contenido .txtcolor p{
color:#fff;
padding-bottom:20px;
} 
#wrap .estatico .contenido .txtcolor p bold{
font-weight:bold;
font-size:14px;
} 
#wrap .estatico .contenido img.right{
float:right;
margin-right:33px;
margin-left:0px;
} 
/*****  Indicaciones  *****/
.contenido .indicaciones {
width:562px;
float:left;
}
.contenido .indicaciones h5{
margin-top:10px;
color:#002A2E;
font-size:1.2em;
margin:3px 30px 20px 30px;
border-bottom:1px solid #002A2E;

}
.indicaciones h6{
margin-top:10px;
color:#000;
font-size:1.1em;
margin:3px 55px 0px 55px;
background-color:#d3d0c7;
width:422px;
padding:2px 5px;

}
.indicaciones table{
width:432px;
margin:0px 0px 20px 55px;
}
.indicaciones tr{
background-color:#E8EADF;
}
.indicaciones tr.gris{
background-color:#F3F4EE;
}
.indicaciones td{
padding:5px 10px;
margin:0px;
font-size:1.2em;
}
.indicaciones td.km{
border-left:1px solid #fff;
width:40px;
}
.indicaciones p{
text-align:center;

}
.indicaciones p.num{
color:#CC0000;
padding:0px 10px 0px 0px;
float:left;
}
.indicaciones a:link, .indicaciones a:visited{
color:#002A2E;
text-align:center;
}
.indicaciones a:hover, .indicaciones a:active{
color:#002A2E;
text-align:center;
}
.indicaciones img{
border:none;
margin:10px 26px;
}
.contenido .datos{
width:270px;
float:right;
margin-bottom:20px;    

}
.contenido .datos h3{
color:#002A2E;
font-size:1.2em;
margin:8px 0px;
}
.contenido .datos p{
margin:3px 0px;
}
.contenido .datos a{
color:#002A2E;
height:1.2em;
font-weight:normal;
}
/***** LISTADO Y FICHA OFERTAS *****/
.contenido .listoferta{
width:500px;
margin:10px 0 20px 30px;
display:block;
clear:both;
padding-bottom:20px;
}
.contenido .listoferta img{
float:left;
margin-right:25px;
}
.contenido .listoferta h3{
font-size:1.3em;
color:#002A2E;
text-decoration:underline;
margin-bottom:10px;
}
.contenido .listoferta a.boton{
float:right;
font-size:1.1em;
color:#002A2E;
text-decoration:none;
padding-right:20px;
font-weight:normal;
background:url(/img/bulet-flecha.gif) no-repeat right center;
}
.contenido .ficha{
margin-top:30px;
width:530px;
margin-left:30px;
}
.contenido .ficha img{
margin-right:20px;
}
.contenido .ficha p{
padding:10px 20px 10px 10px;
}
.contenido .ficha p.resumen{
background-color:#E8EADF;
padding:10px 20px 10px 10px;
}
.contenido .ficha h3{
background-color:#E8EADF;
font-size:1.3em;
color:#002A2E;
text-decoration:underline;
padding-bottom:10px;
}
.contenido .ficha p.fecha{
background-color:#fff;
text-align:right;
padding:0px 20px 10px 10px;
}
.contenido .ficha a{
float:right;
font-size:1.1em;
color:#002A2E;
text-decoration:none;
padding-left:20px;
font-weight:normal;
background:url(/img/bulet-flecha-2.gif) no-repeat left center;
}
.contenido .revista{
width:275px;
float:left;
margin:10px 0;
padding:0;
}
.contenido .ficha a.imgExtra{
background:none;
float:none;
padding:0;
text-decoration:underline;
margin-top:16px;
display:block;
clear:both;
}
.contenido img.extraRevista{
margin:5px;
}
.contenido ul.ulRevista{
margin:10px 0;
font-size:1.1em;
width:175px;
}
.contenido ul.ulRevista li{
display:inline;
margin:0 3px;
}
.contenido ul.ulRevista li.tituloRevista{
font-size:1.1em;
font-weight:bold;
}
.contenido ul.ulRevista li a{
text-decoration:underline;
}
.contenido a.volver{
font-size:1.1em;
background:url(/img/bulet-flecha-2.gif) no-repeat left center;
padding-left:18px;
margin:0 5px 0 0;
float:right;
}
/***** FIN LISTADO Y FICHA OFERTAS *****/

/***** FORM RESERVAS *****/
.contenido form.reservas{
margin:0px;
padding:0px;
width:563px;
}
.contenido form.reservas h3{
background-color:#d3d0c7;
font-weight:bold;
font-size:1.2em;
padding:10px 20px;
width:523px;

}
.contenido form.reservas img{
position:absolute;
margin-top:-25px;
margin-left:434px;
}
form.reservas label{
display:block;
width:180px;
float:left;
text-align:right;
font-size:1.2em;
margin-right:10px;
}

form.reservas fieldset.personal{
background-color:#E9E7E2;
padding:0 0 10px 0;
margin:0;
}
form.reservas h4{
padding:5px 20px;
font-weight:bold;
font-size:1.2em;
}
form.reservas input, form textarea, form select{
border:1px solid #666;
float:left;
height:1.5em;
width:160px;
}
form.reservas div.fila{
height:30px;
margin:5px 0px 0px 30px;
width:400px;
}
form.reservas div.boton{
width:563px;
float:left;
padding-top:10px;
text-align:center;
}
form.reservas div.boton .btnform{
width:119px;
height:23px;
float:none;
border:none;
}
form.reservas .datosReserva,
form.reservas .personal{
padding:0;
/*width:550px;*/
}
form.reservas .datosReserva legend,
form.reservas .personal legend{
font-size:1.2em;
font-weight:bold;
padding:5px 0 10px 15px;
color:#000;
}
form.reservas .datosReserva .campo,
form.reservas .personal .campo{
float:left;
width:450px;
padding-left:29px;
margin-bottom:18px;
}
form.reservas .datosReserva .campo .textoLargo{
height:75px;
}
form.reservas .datosReserva .selectorDestinoVisual.selectorDestinoVisualFecha{
display:block;
float:left;
width:130px;
height:16px;
border:solid 1px #000;
text-align:center;
font-size:1.1em;
}
form.reservas .datosReserva .boton{
display:block;
float:left;
width:16px;
height:16px;
text-indent:100px;
overflow:hidden;
}
form.reservas .datosReserva .boton.botonAbrir{
margin-left:10px;
background:url(/img/selectores/abrirfecha.gif) no-repeat;
}
form.reservas .datosReserva .boton.botonVaciar{
display:none;
}
#content .contenido form.reservas input.btnform{
width:119px;
height:23px;
margin:10px auto;
display:block;
float:none;
}
/*FECHAS*/
.divFondoVentana #selectorVentanaPopup{
background-color:#ddd;
}
.divFondoVentana #selectorVentanaPopup a.boton{
float:right;
display:block;
width:16px;
height:16px;
padding-right:0px;
overflow:hidden;
text-indent:100px;
text-decoration:none;
}
.divFondoVentana #selectorVentanaPopupContenido{
width:300px;
height:300px;
margin:0px auto;
}
.divFondoVentana #selectorVentanaPopup a.boton.botonVolver{
background:url(/img/selectores/volver.gif) no-repeat;
}
.divFondoVentana #selectorVentanaPopup a.boton.botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
}
#selectorVentanaPopup .calendarioBloque .mes{
float:left;
height:20px;
width:100px;
margin-left:5px;
}
#selectorVentanaPopup .calendarioBloque .anyo{
float:left;
height:20px;
width:70px;
}
#selectorVentanaPopup .calendarioBloque span{
float:left;
margin:0 5px;
font-size:1.2em;
}
#selectorVentanaPopup div.calendarioBloque div.mes .boton,
#selectorVentanaPopup div.calendarioBloque div.anyo .boton{
width:10px;
height:9px;
float:left;
margin-top:4px;
}
#selectorVentanaPopup .calendarioBloque .botonCalendarioAnt{
background:no-repeat url(/img/selectores/anterior.gif);
}
#selectorVentanaPopup .calendarioBloque .botonCalendarioSig{
background:no-repeat url(/img/selectores/siguiente.gif);
}
div.divFondoVentana #selectorVentanaPopup a.boton.botonVolver{
display:none;
}
#selectorVentanaPopup table.calendario{
width:100%;
padding:0;
margin:0 auto;
height:190px;
color:#191718;
overflow:hidden;
clear:both;
text-align:center;
background-color:#eee;
border-spacing:4px;
}
#selectorVentanaPopup table.calendario caption{
display:none;
}
#selectorVentanaPopup table.calendario th,
#selectorVentanaPopup table.calendario td{
text-align:center;
}
#selectorVentanaPopup table.calendario td.dia{
border:1px solid #ddd;
background-color:#ccc;
}
/**/
.contenido table.tarifas{
background-color:#E9E7E2;
font-size:1.2em;
margin:10px 0;
}
.contenido table.tarifas td{
border:1px solid #d3d0c7;
padding:5px 35px 5px 5px;
border-right:1px solid #fff;
text-align:right;
}
.contenido table.tarifas td.titulo{
background-color:#d3d0c7;
font-weight:bold;
padding:10px 35px 10px 10px;
border-right:1px solid #fff;
}
.contenido p.txt{
padding:10px;    
}
.contenido p.txt strong{
font-weight:bold;
}
.listaErrores ul{
width:400px;
margin:10px auto;
border:solid 1px #f00;
font-size:1.1em;
}
.listaErrores ul li{
color:#f00;
text-align:center;
}
.contenido span.envioCorrecto,
.contenido span.envioIncorrecto{
width:400px;
padding:10px;
border:solid 1px #0b0;
color:#0b0;
margin:10px auto;
display:block;
text-align:center;
font-size:1.2em;
}
#campoTelefono{
margin-bottom:10px;
}
.especial{
font-size:1.6em;
text-decoration:underline;
}
/***** FIN FORM RESERVAS *****/

/*Formulario trayectos*/
.contenido p.color b{
font-weight:bold;
}
.contenido #comoLlegar form{
width:515px;
height:25px;
margin:15px auto;
display:block;
}
#comoLlegar #formulario .fila{
float:left;
width:480px;
display:block;
}
#comoLlegar #formulario label{
width:45px;
float:left;
text-align:right;
font-size:1.2em;
margin-right:10px;
}
#comoLlegar #formulario #nombre,
form textarea,
form select{
border:1px solid #666;
float:left;
height:1.5em;
font-size:1.2em;
width:160px;
margin-right:5px;
}
#comoLlegar #formulario input{
width:100px;
}
#comoLlegar .botonCalcular{
float:left;
padding-right:16px;
background:url(/img/bulet-flecha.gif) no-repeat right;
}
#comoLlegar a.botonCalcular,
#comoLlegar a:hover.botonCalcular,
#comoLlegar a:visited.botonCalcular,
#comoLlegar a:link.botonCalcular{
text-decoration:none;
font-size:1.2em;
}
#comoLlegar #cargando{
width:100px;
height:1.3em;
float:left;
margin-left:10px;
font-size:1.2em;
}

/*****  Indicaciones  *****/
.contenido #indicaciones{
width:500px;
margin:0 auto;
overflow:auto;
text-align:left;
}
#indicaciones .fila0{
background-color:#eee;
}
#indicaciones .fila1{
background-color:#dde;
}
.contenido h5{
margin-top:10px;
color:#002A2E;
font-size:1.2em;
margin:3px 30px 20px 30px;
border-bottom:1px solid #002A2E;
}
#indicaciones h6{
margin-top:10px;
color:#000;
font-size:1.1em;
margin:3px 55px 0px 55px;
background-color:#d3d0c7;
width:422px;
padding:2px 5px;
}
#indicaciones table{
width:420px;
margin:0 auto;
}
#indicaciones tr{
background-color:#E8EADF;
}
#indicaciones tr.gris{
background-color:#F3F4EE;
}
#indicaciones td{
padding:5px 10px;
margin:0px;
font-size:1.2em;
}
#indicaciones td.km{
border-left:1px solid #fff;
width:40px;
}
#indicaciones p{
text-align:center;
}
#indicaciones p.num{
color:#CC0000;
padding:0px 10px 0px 0px;
float:left;
}
#indicaciones a:link, #indicaciones a:visited{
color:#002A2E;
text-align:center;
}
#indicaciones a:hover, #indicaciones a:active{
color:#002A2E;
text-align:center;
}
#indicaciones img{
border:none;
margin:10px 26px;
}
.contenido #datos{
width:500px;
display:block;
margin:10px auto;
}
.contenido #datos h3{
color:#002A2E;
font-size:1.2em;
margin:8px 0px;
}
.contenido #datos p{
margin:3px 0px;
}
.contenido #datos a{
color:#002A2E;
height:1.2em;
font-weight:bold;
padding-left:180px;
}
#mapa{
float:left;
display:block;
width:510px;
height:442px;
margin:10px 0 10px 15px;
}
#mapa #popupMapa{
padding-left:60px;
padding-bottom:30px;
background:url(/img/logotipo-mini.gif) no-repeat;
}
/*FIN Formulario trayectos*/

/****************Galeria de fotos ************************/
.galeria{
width:556px;
float:left;
padding-left:5px;
margin:10px 0px;
}
.galeria .thumb{
width:136px;
text-align:center;
padding-top:10px;
float:left;
height:117px;
}
.galeria .thumb img{
vertical-align:middle;
}

.divFondoVentana{
background:url(/img/fondo-trans.gif);
}
.divFondoVentana .previsualizacion{
position:absolute;
top:0;
left:50%;
margin-top:0;
padding:5px 5px 50px 5px;
background-color:#fff;
overflow:hidden;
border:solid 3px #425E69;
}
.divFondoVentana .previsualizacion .previsualizacionContenedor{
border:none;
}
.divFondoVentana .previsualizacion .boton.botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
overflow:hidden;
display:block;
width:0px;
height:16px;
padding-left:16px;
position:absolute;
right:5px;
top:6px;
}
.divFondoVentana .previsualizacion .infoInferior{
width:auto;
height:30px;
}
.divFondoVentana .previsualizacion .infoInferior .descripcionFoto{
display:block;
text-align:center;
}
.divFondoVentana .previsualizacion .barraBotones{
height:16px;
width:auto;
}
.divFondoVentana .previsualizacion .infoInferior .imagenAnterior{
background:url(/img/selectores/anterior.gif) no-repeat left;
height:14px;
padding-left:14px;
float:left;
}
.divFondoVentana .previsualizacion .infoInferior .imagenSiguiente{
background:url(/img/selectores/siguiente.gif) no-repeat right;
height:14px;
padding-right:14px;
float:right;
}

.contenido .fichaError{
width:150px;
margin:50px auto;
font-size:1.5em;;
}

/****************FIN de fotos ************************/
/*****  Clases Generales  *****/

.clear        { clear:both; }
.float-left   { float:left; }
.float-right  { float:right; }

.text-left    { text-align:left; }
.text-right   { text-align:right; }
.text-center  { text-align:center; }
.text-justify { text-align:justify; }

.bold         { font-weight:bold; }
.italic       { font-style:italic; }
.underline    { border-bottom:1px solid; }
.highlight    { background:#ffc; }

.img-left     { float:left;margin:0 10px 5px 0; }
.img-right    { float:right;margin:0 0 5px 10px; }

.nopadding    { padding:0; }
.noindent     { margin-left:0;padding-left:0; }
.nobullet     { list-style:none;list-style-image:none; }