@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #88BCDE;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center;
}

div, h1, h2, h3, p, h6, table, td, tr {
	margin: 0; padding: 0;
}

.oneColFixCtrHdr #container {
	width: 875px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px none #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 12px;
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	margin: 0px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.oneColFixCtrHdr #mainContent {
	background-image: url(images/fondo_centro.png);
	margin-top: 6px;
	height: 596px;
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #footer {
	padding: 0;
}
.oneColFixCtrHdr #footer div {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

#footerBlue {
	background-image: url(images/fondo_pie.png);
	height: 56px;
	background-repeat: no-repeat;
}

#footerBlue p {
	font-size: 11px;
	margin-left: 30px;
	margin-top: 5px;
}

#footerBlue a {
	color: black;
	text-decoration: none;
}

#footerBlue a:hover {
	color: blue;
	text-decoration: underline;
}



h6 {
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-align: center;
	width: 100%;
}

#searchForm {
	width: 300px;
	height: 33px;
	background-color: #D7E7F6;
	margin-right: 35px;	
	margin-top: 15px;
	float: right;
	vertical-align: middle;
	padding: 10px 0px 0px 20px;
}

#searchForm input {
	width: 190px;
	border: 0px;
}


#searchOK {
	vertical-align: middle;
}

#col1, #col2 {
	float: left;
	width: 374px;
	margin-top: 30px;
	margin-left: 40px;
}

.banner {
	margin-top: 15px;	
}

#col2 p {
	font-size: 10px;
	color: gray;
	margin-top: 15px;
}

#col1 {
	margin-top: 40px;	
}

#listado {
	width: 371px;
	height: 268px;
	border: 1px solid #AAA;
	border-top: 0px;
	margin-top: -4px;
}

#institucional img {
	margin-top: 15px;
	margin-left: 50px;
}

#institucional div {
	margin-left: 40px;
	width: 204px;
	height: 78px;
	font-size: 11px;
	color:#0C72B8;
	float: left;
	padding: 3px 15px 0px 15px;
	background-image: url(images/fondo_tip.png);
	background-repeat: no-repeat
}

.listado {
	font-size: 11px;	
}

.listado table {
	width: 100%;	
	margin-top: 6px;
	visible: false;
}

#listadoMas {
	padding-top: 10px;
	padding-left: 230px;
}

.listado tr {
	background-color: #F2F9FA;
	width: 100%;
	margin-top: 3px;
	height: 25px;
	margin-bottom: 3px;
	cursor: pointer;
}




.listado tr.par {
	background-color: white;	
}

.listado .hover:hover {
	background-color: #E4F5BF;	
}

.listado .selected {
	background-color: #E4F5BF !important;		
}

.lisNombre {
	width: 120px;	
	padding-left: 20px;
}

.lisIcono {
	width: 25px;	
}

.lisEmpresa {
	width: 115px;	
}

.lisPrecio {
	text-align: right;
	padding-right: 20px;
}

#tab1, #tab2 {
	cursor: pointer;
}
#fichaConsulta {
	display: none;
	width: 700px;
	height: 553px;
	background-image: url('images/fondo_consulta.jpg');
	text-align: left;
	font-size: x-small;
	z-index: 5000;
}
#ficha {
	display: none;
	width: 384px;
	min-height: 302px;
	text-align: left;
	margin: 0;
	padding: 0;
	
}
#fichaTop {
	height: 18px;
	background-image: url('images/fondo_ficha_top.png');
}
#fichaMain {
	padding-top: 5px;	
	background: #FFF url('images/fondo_ficha_bottom.png') bottom no-repeat;
	padding-bottom: 10px;	
}

#fichaCerrar {
	margin-top: 0px;
	margin-right: 10px;
	border: 0px;
}
#fichaHeader {
	color: #EB2126;
	font-size: 15px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
#fichaHeader img {
	margin-right: 54px;
}

#ficha table {
	width: 330px;
	text-align: left;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

#ficha td {
	vertical-align: top;
}

#ficha table h2, #ficha table p {
	float: left;
	font-size: 11px;
	margin-bottom: 10px;
}

#ficha table h2 {
	width: 100px;
}

#ficha table p {
	color: 	#58595A;
	font-size: 11px;
	width: 230px;
}

.banner {
	width:369px;
	height:94px;
	cursor: pointer;
}

.clear {
	clear: right;
}

#fichaVigencia {
	margin-left: 20px;
	text-align: left;
}

#fichaVigencia h2, #fichaVigencia p {
	float: left;
	font-size: 11px;
}

#fichaVigencia p {
	margin-left: 10px;
	margin-right: 10px;
	width: 75px;
}

#btnConsultar {
	margin-left: 15px;
	margin-top: 10px;
	cursor: pointer;
}

/* jqModal */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 1%;
    left: 50%;
    
    margin-left: -400px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



#fichaConsultaCerrar, #fichaBusquedaCerrar {
	float: right;
	cursor: pointer;	
}

#fichaTabs {
	margin-top: 10px;
	
}

#fragment-1 {
	padding: 20px 10px 10px 30px;
}

#fragment-1 h1 {
	font-size: 20px;
	color: #262260;
}

#fragment-1 h1 span {
	color: #28A9E0;
}

#fragment-1 h2 {
	font-size: 12px;
	color: #58595A;
	width: 60%;
}

#formConsulta {
	margin-top: 15px;
	margin-bottom: 0px;
}

#formConsulta ul {
	padding: 0px;
	list-style: none;
}

#formConsulta li {
	float: left;
	width: 300px;
	margin-bottom: 15px;
}

#formConsulta li.doble {
	float: left;
	width: 600px;
	margin-bottom: 15px;
}


#formConsulta label {
	width: 75px;
	display: block;
	float: left;
}

#formConsulta label.obligatorio {
	color: red;
}


#formConsulta input {
	width: 180px;
	border: 1px solid #50B9E7;
}

input.error, textarea.error {
	background-color: yellow;
	border-color: 1px solid red;
}

label.error {
	color: red;
}


#formConsulta textarea {
	width: 480px;
	height: 70px;
	border: 1px solid #50B9E7;
}
#formConsulta #btnEnviar {
	margin-left: 40px;
	margin-top: -8px;
}



#fichaBusqueda {
	display: none;
	width: 450px;
	height: 413px;
	background-image: url('images/fondo_consulta.jpg');
	text-align: left;
	font-size: small;	
    top: 3%;
    left: 60%;
    margin-left: -400px;	
}

#resultadoBusqueda {
	margin: 15px 20px 15px 20px;
	border: 1px solid #444;
	background-color: white;
	padding: 10px;
	height: 310px;
	overflow: auto;
}

#resultadoBusqueda h1 {
	border: 1px solid #6FcADC;
	padding: 5px;
	font-size: 14px;
	color: #4998D1;
}
#resultadoBusqueda h2 {
	font-size: 17px;
	color: #4998D1;
	margin-top: 15px;
}
#busquedaAereos, #busquedaBuquebus {
	border: 1px solid #888;
	padding: 5px;
	margin-top: 10px;
}
#fragment-2, #fragment-3 {
	overflow: auto;
	padding: 20px;
}