/*@charset "utf-8";*/
/* CSS Document */
/*válido versión CSS3*/
/*FORMATOS BÁSICOS*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:15px;}
a{color:#333; text-decoration:none;}

/*Estilos Generales*/
#contenedor{position:relative; width:900px; margin:0 auto; /*height:530px;*/}
#cabezote{position:relative; width:100%; height:130px;}
.precio, .destacado, .destacado1{color:#c30; font-weight:bold;} .destacado1{color:#036;}
.mascara{position:relative; height:330px; top:-15px;} .cuerpo{height:100%;}
.cuerpo, .cuerpoleft, .principal, .lateralD{position:relative;}

/*Estilos del cabezote*/
#logo{
	position:relative; width:595px; height:87px; top:45px;
	background:#fff url(../images/bktope.jpg) no-repeat;
}
#contacto{position:absolute; width:500px; height:32px; top:0.5em;}
#contacto .destacado{display:inline; font-size:14px; margin-right:1em;}

/*Estilos del menú principal*/
#buscador{position:absolute; width:317px; height:32px; background-color:#ccc; top:0.3em; right:3%;}
#PrincipalMenu{position:absolute; width:595px; height:35px; bottom:10px; z-index:500;}
#botonera ul{width:100%; position:relative;}
#botonera li{display:inline;}
#botonera li a{
	display:block; float:left; width:100px; background-color:#999;
	margin:0 0.1em; padding:0.4em; text-align:center; font-weight:bold;
}
#first{margin-left:0;}
#botonera li a:hover, #botonera li a:active{background-color:#ccc;}

/*Estilos del cuerpo a 3 columnas
.mascara{clear:both; float:left; overflow:hidden; position:relative;}
.cuerpo, .cuerpoleft{float:left; position:relative; width:100%;}
.principal, .lateralI, .lateralD{float:left; overflow:hidden; position:relative; padding:0 0 1em;}*/

/*a 3 columnas
.cuerpo{right:25%;} .cuerpoleft{right:50%;}
.principal {left:102%; width:46%;}
.lateralI{left:31%; width:21%;}
.lateralD {left:85%; width:21%;}*/

/*a 2 columnas cuerpo a izquierda
.cuerpoleft{height:300px;}*/
.principal {width:68%; float:left;}
.lateralI{display:none;}
.lateralD {position:absolute; left:68%; width:30%; top:-75px;}

/**Centro**/
/***Ruta***/
.ruta{position:relative; width:95%; text-align:right; right:0; font-size:0.6em; color:#fff;}
.ruta a{color:#fff; text-decoration:underline;}
/***Contenedor de información***/
.divcont{/*width:595px;*/ height:298px; margin-top:2em; overflow:auto; font-size:12px;}
.divcont h1{font-size:30px; font-weight:bold; color:#003;}
.divcont h2{font-size:24px; font-weight:bold; color:#036; margin-top:1em;}

/***Tabla***/
.infotabla{margin:2em auto; text-align:center; font-size:11px;}
.infotabla table{border-bottom:1px solid #ccc; margin:auto; margin-bottom:2em; width:90%;}
.tabla caption{background-color:#0077cb; height:30px; font-size:18px; color:#9cf; text-align:center; padding-top:0.2em;}
.tabla caption .destacado{color:#fff; font-weight:normal;}
.tabla thead{background-color:#105e8f; color:#fff;}
.tabla th, .tabla td{padding:0.3em 0.7em; height:23px; text-align:center; vertical-align:middle;}
.odd{background-color:#ebebeb;}
/***Anuncios***/
.anouncements{margin-top:2em;}
.anouncements h3{color:#900;}
dl{margin:1em;} dd,dt{margin:0.5em 0;}
dt{font-weight:bold; color:#105e8f;}
/***Formularios***/
.linkButton{border:0; padding:0; background:transparent; color:#900; border-bottom:1px solid #900; font-size:11px;}
.linkButton:hover{border-bottom-color:#fff; cursor:hand; cursor:pointer;}
.formulario {margin-top:2em; width:400px;}
.formulario fieldset{border:1px solid #0077cb; margin-bottom:1.5em; padding-bottom:1em;}
.formulario h3{height:20px; background-color:#0077cb; padding:0.3em; color:#9cf; font-size:16px; font-weight:bold;}
.formulario label{float:left; margin:3px 5px;}
.formulario input, .formulario select{border:1px solid #ccc; width:99%; font-size:12px; padding:0.2em;}
.formulario select{padding:0;}
.formulario input:focus, .formulario select:focus{background-color:#ebebeb;}
.ancho1{width:180px;} .ancho2{width:370px;} input.ancho2{width:376px; margin:3px 9px;}
.Boton{background:transparent; width:80%; margin:auto; font-weight:bold; color:#333; cursor:hand; cursor:pointer;}

/***Estilos del index***/
#inicioCont{background:#fff url(../images/infoPrincipal.jpg) no-repeat;}
#Beaumont{position:absolute; top:220px; background:#fff url(../images/iniBeaumont.jpg) no-repeat; width:394px; height:118px;} 
#Beaumont a{display:block; width:100%; height:100%; color:#fff;}
#Beaumont a:hover{text-decoration:underline;}
#Beaumont a span{position:absolute; bottom:15px; right:2px; font-weight:bold; cursor:hand; cursor:pointer;}

#extrabag{position:absolute; width:167px; height:32px; background:#fff url(../images/extrabag.jpg) no-repeat; bottom:20px; right:10px;}
#extrabag a{display:block; width:100%; height:32px;}

/***Estilos Schedule***/
#sche-cont{background:#fff url(../images/bkSchedule.jpg) no-repeat bottom right;}
#itemshedule{margin-top:2em;} #itemshedule li{margin:1em 0;}
#itemshedule a{background:transparent url(../images/shitem.jpg) no-repeat left; padding-left:40px; font-size:24px; color:#036; font-weight:bold;}
#itemshedule a:hover{text-decoration:underline;}

/***Estilos Reserva***/
#reserva-cont{background:#fff url(../images/bkReserva.jpg) no-repeat bottom right;}
td.full{background-color:#ffcaca; color:#900;}
.available{background-color:#efc; color:#090;}

/***Estilos Reservdata***/
#reservdata-cont{background:#fff url(../images/bkReservdata.jpg) no-repeat bottom right;}
td.unconfirmed{background-color:#ff9; color:#900; font-weight:bold;}
.confirmed{background-color:#efc; color:#090; font-weight:bold;}

/***Estilos checkreserv***/
.canceled{background-color:#fcc; color:#900; font-weight:bold;}

/***Estilos Pick***/
#checkAir{width:90%; margin:2em auto; background:transparent url(../images/bkPick.jpg) no-repeat; /*height:145px;*/ padding:80px 10px 60px 0;}
#checkAir a{display:block; color:#fff; text-align:right; font-size:12px; font-weight:bold;}
#chechAir a:hover{text-decoration:underline;}

/***Estilos Contact***/
#contact-cont{background:transparent url(../images/bkContact.jpg) no-repeat bottom right;}

/***Estilos Airlines***/
#airlines-cont{background:transparent url(../images/bkAirlines.jpg) no-repeat bottom right;}
td.uno span{width:90%; margin:0 auto; text-align:center;} td.tres span{width:28%;}
.a,.b,.c,.d, .e{display:block; float:left; margin:auto; padding:0.5em 0; color:#fff; font-weight:bold;}
.a{background-color:#0c3;} .b{background-color:#cc0;} .c{background-color:#06c;}
.d{background-color:#c00;} .e{background-color:#f90;}

/***Estilos Extrabags***/
#bags-cont{background:transparent url(../images/bkExtrabag.jpg) no-repeat bottom right;}

/***Estilos Beamount***/
#bmnt-cont{background:#fff url(../images/bkSchedule.jpg) no-repeat bottom right;}
#callbmnt{width:542px; height:116px; background:#fff url(../images/callBmnt.jpg) no-repeat;}

/**Menú derecha**/
/*.lateralD{width:275px;}*/
.block{width:96%; margin:0.3em auto;} .aplicacion, .info li{border:1px solid #ccc;}
.info li{
	height:40px; background:#fff url(../images/bkitemderecha.jpg) no-repeat;
	margin:0.3em 0; padding:0.5em; font-size:0.9em; vertical-align:middle; color:#333;
}
.aplicacion h2{font-size:1.1em; font-weight:bold; margin:0.3em;}
.aplicacion form{margin:0.3em;}

#formBooking{
	background-color:#FF9853;
} #formBooking h2{color:#c30;}
#formBooking fieldset{background-color:#fff; border:1px solid #ffc097;}
#formBooking label{font-size:0.7em; float:left; padding:0.3em;}
#formBooking input, #formBooking select{font-size:12px; width:98%;}
.ancho3{width:24%;}
.ancho4{width:20%;}

#formBooking .grupoForm{width:90%; margin:0 auto;}

.centradoForm{text-align:center}
.nota{font-size:0.7em; text-align:center; margin:0.3em;}

#formReserva{background:#3d3e38;} #formReserva h2{color:#ccc;}
#reservation fieldset{text-align:center;}

.mininfo{font-size:9px;}

/*a 2 columnas cuerpo a derecha
.cuerpoleft{right:75%;}
.principal {left:102%; width:71%;}
.lateralI{left:6%; width:21%;}
.lateralD {display:none;}*/

/*Estilos del footer*/
#footer{position:relative; bottom:-58px; z-index:1000;}
#MenuPie{position:relative; /*width:595px; height:70px;*/ background-color:#ccc;}
#MenuPie ul{padding:0.3em 0; list-style:inside square;}
#MenuPie li{margin-left:0.5em;} #MenuPie a{font-size:10px;}
#MenuPie a:hover{text-decoration:underline;}

#footer p, #footer h6{font-size:8px;}
#infoEmpresa{position:absolute; width:40%; top:0.3em; right:0.5em; text-align:right; font-size:0.9em; margin-right:0.5em;}
.adendo{width:40%; float:right;} #powered{font-size:8px;}

/***elementos ocultos***/
hr, .oculto, #cabezote h1 span, #PrincipalMenu h3 span, #inicioCont #txtMain, #inicioCont .precio, #Beaumont h3, #callbmnt p, #extrabag p span, #MenuPie h3 span, .aplicacion form legend, 
#reservation label, .adendo, legend, #buscador{display:none;}