@charset "utf-8";
/* CSS Document */

body{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

a:link{
	outline: 0 none;
}
a:visited{
	outline: 0 none;
}
img{
	border: none;
}
#contenedor {
    clear: both;
    margin: auto;
    width: 961px;
}
#contenido{
	clear: both;
    margin: auto;
}

#aleta_cajetin{
	background: url("../img/cajetin_busqueda/aleta_cajetin.png") no-repeat scroll 675px 0 transparent;
	width: 100%;
	height: 49px;
}

/** CAJETÍN **/
#reservasCont{
	background:url("../img/cajetin_busqueda/cajetin_sinborde_izq_superior.png") no-repeat 0px 0;
	float:left;
	color: #666666;
	text-align: left;
	height: 310px;
	padding: 0p;
	width: 100%;
}

#div_distancia_base{
	clear: both;
    min-height: 340px;;
}
p{
	text-align: left;
}

.campo-titulo{
	text-align:right; 
	padding-right: 100px;
	font-size:30px; 
	color:#210D4A; 
	float: right;
	margin-top: 8px;
}

#mensajeInicial{
	color: #1F0C4A;
	margin: 25px 0;
	float:left;
	width: 100%;
}

.columna-buscador {
    float: left;
    margin-right: 20px;
    width: auto;
}

.campos_buscador {
    float: left;
    margin: 20px 0px 0px 150px;
    width: 800px;
}

#reservasCont label{
	display:block;
	padding-bottom: 5px;
	color: #666666;
    font-size: 13px;
    font-weight: bold;
}

.selectCorto{
	width:100px !important;
}


.botonRojo{
	background-color: #DF1F0E;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    margin: auto;
    padding: 0;
    text-align: center;
    width: 182px;
}
.botonBusqueda{
	clear: both;
    float: left;
    margin-top: 45px;
    width: 100%;
}

/** MENSAJES INFORMATIVOS **/

#cuadroBusqueda{
	display:none;
}

.divMensajeBusqueda{
	color: #645352;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-left: 84px;
    margin-top: 17px;
    margin-right: 20px;
    margin-bottom: 10px;
    min-height: 54px;
    text-align: justify;
}

.loadingCont{
	margin: 0 auto;
    width: 350px;
    font-size: 17px;
}

p.subtitulo{
	color: #666666;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	text-align: left;
	padding: 0;
}

.titBloqIzq {
    color: #220E4A;
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
}

.bloqIzqInstruc {
    color: #999999;
    font-size: 14px;
}

.pie_cajetin{
    background-image: url("../img/cajetin_busqueda/borde-inferior.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 11px;
    margin-bottom: 20px;
    margin-left: 11px;
    margin-top: -11px;
    text-align: left;
    width: 960px;
}

.pie_cajetin a.desplegado {
    background: url("/sltwww/st/img/cajetin_busqueda/flecha-desplegable.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 17px;
    margin: 0 auto;
    padding: 5px 0 0;
    text-align: center;
    width: 30px;
}

.pie_cajetin a span {
    display: none;
}

.pie_cajetin a.plegado {
 	background: url("/sltwww/st/img/cajetin_busqueda/boton_desplegable_left.gif") no-repeat scroll 20px 0 transparent;
    float: left;
    height: 26px;
    margin-left: 40%;
    text-decoration: none;
}

.pie_cajetin a.plegado span {
  	background: url("/sltwww/st/img/cajetin_busqueda/boton_desplegable_right.gif") no-repeat scroll 63px 1px transparent;
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 46px;
    margin-top: -1px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    width: 155px;
}

.cuadroMensaje {
    margin: 10px auto;
    width: 960px;
    display: none;
}

.cuadroMensajeTop {
    background-image: url("../img/mensajes/linea-abre.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 10px;
    margin-left: 11px;
    padding-left: 30px;
    text-align: left;
    width: 100%;
}

.cuadroMensajeBody {
    background-color: #EED5D5;
    background-image: url("../img/mensajes/cuerpo-mensajes.png");
    background-position: -5px 50%;
    background-repeat: no-repeat;
    padding: 5px;
}

.cuadroMensajeBottom{
	background: url("../img/mensajes/linea-cierra.png") no-repeat left bottom;
    color: #FFFFFF;
    float: left;
    height: 10px;
    margin-left: 11px;
    margin-top: -12px;
    padding-left: 30px;
    text-align: left;
    width: 960px;
}

.divMensajeBusqueda {
    color: #645352;
    font-size: 18px;
    padding: 10px 0 0 50px;
    text-align: justify;
}

span.textoError {
    display: inline;
    margin-left: 25px;
    margin-top: 5px;
    min-height: 60px;
    padding: 10px;
    width: 870px;
}

.cajaTotal{
	line-height: 50px;
}

#ofeEnc{
	font-weight: bold;
	font-size: 14px;
}

/***************** estilos para resultados búsqueda ***********************/

#contenedorConsultaValoracion{
	width: 960px;
	background: #F2F2F2;
	display: none;
}

.contenedorTablaDatos {
   /* border: 1px solid #848386;*/
    clear: both;
    height: auto;
    margin: auto;
    overflow: hidden;
    width: 900px;
    padding-bottom: 30px;
}

.cab_seccion{
	color: #333333;
	float: left;
	margin: 0;
}

.menExpiracion {
    float: right;
    padding-top: 20px;
}

.separacionDetalleColumnas{
    background: #FFFFFF;
    display: inline;
    float: left;
    height: 100px;
    border-right: 1px dotted #999999;
    margin: 10px 0 0 -3px;
}

.importePagar {
    float: right;
    height: auto;
    margin-right: 20px;
    margin-top: 20px;
    width: auto;
}

p.importeTxtPagar {
    margin-top: 0;
    text-align: right;
}

.separador {
    height: 10px;
    width: 100%;
}

table.tablaResultados {
    margin-top: 0;
    width: 960px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666
}

.contenedorTablaDatosPresupuesto.consulta {
    height: auto;
    margin: auto;
    overflow: hidden;
    width: 976px;
}

.contenedorTablaDatosPresupuesto p {
    font-weight: bold;
    /*text-align: right;*/
}

.cuerpoCuadro {
    height: auto;
    overflow: hidden;
    width: 100%;
}

.cuerpoCuadro td {
    height: 25px;
}

tr.fondoGris {
    background-color: #DFDFDF;
}

.tablaServicios{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.imgIda{
	background: url("/sltwww/st/img/comun/avion-ida.png") no-repeat scroll 0 center transparent;
    height: 20px;
    margin-left: 30px;
    padding-top: 1px;
    text-align: center;
    width: 60px;
}

.imgVuelta{
	background: url("/sltwww/st/img/comun/avion-vuelta.png") no-repeat scroll 0 center transparent;
    height: 20px;
    margin-left: 30px;
    padding-top: 1px;
    text-align: center;
    width: 85px;
}

.vacio{
	height: 8px;
}

.vacioBorde{
	height: 8px;
	border-bottom: 1px solid #CCCCCC;
}

.valorServ{
	 text-align: left;
	 margin-left: 5px;
	 font-weight: bold;
	 font-size: 12px;
}

.tablaDatosPrecios{
	background: #FFFFFF;
}

.txtTotales{
	float: left;
	padding-left: 6px;
	font-size: 12px;
}

.numTotales{
	float: right;
	font-size: 19px;
}

.containerBotonFormalizar{
	margin-top: 30px;
}

/****************** diseño input select ******************/
.campo-buscador2_inpt {
    border: 1px solid #CCCCCC;
    color: #999999;
    font-family: Helvetica;
    font-size: 14px;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle;
    width: 180px;
    *float:left;
    *padding-top:0;
}

select {
    background: -moz-linear-gradient(#FFFFFF, #E4E4E4) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    color: #333333;
    font-weight: bold;
    height: 31px;
    padding: 5px;
    text-align: left;
    width: 165px;
    behavior: url(/PIE.htc);
}

/******************* alineaciones texto **************************/
.centro{
	text-align: center;
}

.der{
	text-align: right;
}

.izq{
	text-align: left;
}

/*********************  fuentes ****************************/
.negrita{
	font-weight: bold;
}

.fs12{
	font-size: 12px;
}


.fs13{
	font-size: 13px;
}

.fs15{
	font-size: 15px;
}

.fs16{
	font-size: 16px;
}

.fs18{
	font-size: 18px;
}

.fs20{
	font-size: 20px;
}

.fs29{
	font-size: 29px;
}

.fs30{
	font-size: 30px;
}

/*********************** a mayusculas ************************/
.upperCase{
	text-transform: uppercase;
}

/********************** floats *******************************/
.floatDer{
	float: right;
}

.floatIzq{
	float: left;
}

/******************** bordes td *******************************/
.bdt{
	border-right: 1px solid #BDBDBD;
}

.bst{
	border-top: 1px solid #BDBDBD;
}

/******************** margen ************************************/
.pMargenIzq{
	margin-left: 6px;
}

.pMargenDer{
	margin-right: 15px;
}

/******************** colores fuentes ********************************/
.rojo{
	color: #DF1F0C;
}