body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:url(img/bg-1.jpg) no-repeat center -200px #004066}

#header{height:101px; background:url(img/bg-header.png) center center no-repeat; position:absolute; width:100%; top:20px;}
#header #traker{display:block; background-image:url(img/traker-0.jpg); background-repeat:no-repeat; width:480px; height:65px; margin-left:470px; margin-top:25px;}

#content{position:relative; width:960px; left:50%; margin-left:-480px; margin-top:0px;}
#content #reservaya{text-align:center; margin-bottom:20px; margin-top:500px;//margin-top:500px;}
#content #page{background:#f2f2f2; padding:120px 20px 10px 20px}

#page h1{margin:0; padding:0; font-weight:bold; font-size:24px; color:#1dbde3; font-family:Georgia, "Times New Roman", Times, serif; margin-top:20px; margin-bottom:10px;}
#page h1 span{color:#525252;}
#page h2{margin:0; padding:0; font-weight:bold; font-size:12px; color:#000; margin-top:10px; margin-bottom:5px;}

#page .col-3{width:285px; float:left; padding:10px; overflow:hidden; min-height:530px; //min-height:590px;}
.col-3.borde{border-right:#9b9b9b solid 1px;}
#c2{opacity:0; filter:alpha(opacity = 0);}
#c3{opacity:0; filter:alpha(opacity = 0);}

select{width:260px; border:#c8c8c8 solid 1px; color:#0b333c; text-transform:lowercase; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding-right:0px;}
select option{background:#fff; padding:1px 0 1px 5px;}

#regiones{margin:0; padding:0;}
#regiones li{margin:0; padding:0; list-style:none; padding:4px 3px; color:#ffa200; margin-bottom:2px; cursor:pointer;}
#regiones li:hover{color:#fff;}

.listahoteles{margin:0; padding:0; margin-left:20px;}
.listahoteles li{list-style:none; list-style-image:url(img/star-blue.png); margin-bottom:3px; font-size:13px; font-weight:bold; color:#575757; cursor:pointer; -moz-border-radius:5px; padding:2px;}
.listahoteles li:hover{background:#D5D5D5;}

#jhotel{border-top:#9b9b9b solid 1px; margin-top:10px; padding-top:10px;}
#jhotel ul{margin:0; padding:0; margin-left:15px; color:#575757}
#jhotel ul li{margin-bottom:3px;}

.habitaciones{background:#FFFFFF;}
.habitaciones, .pasajeros{height:450px; overflow:hidden; overflow-y:auto; width:300px;}
.habitaciones .habitacion{border-bottom:#9b9b9b solid 1px; padding:3px; display:block}
.habitaciones .habitacion:hover{background:#EAEAEA;-webkit-box-shadow:0 0 10px rgb(0,0,0);-moz-box-shadow:0 0 10px rgb(0,0,0);}
.habitaciones .habitacion_nodispo{background:#FFA6AE; border-bottom:#9b9b9b solid 1px; padding:3px; display:block; cursor:pointer;}

.habitaciones .habitacion_select{border-bottom:#9b9b9b solid 1px; padding:3px; cursor:pointer; display:block; background:#1dbde3;}
.habitaciones .habitacion_select:hover{background:#1dbde3;}

.habitaciones a, .habitaciones a:visited{font-weight:bold; color:#1dbde3; text-decoration:none;}
.habitaciones a:hover, .habitaciones a:visited:hover{font-weight:bold; color:#1dbde3; text-decoration:underline;}

#cmd-sig{width:150px; height:49px; background:url(img/cmd-sig.png) 0px 0px no-repeat; cursor:pointer; margin-right:10px; border:none;}
#cmd-sig:hover{background:url(img/cmd-sig.png) 0px -49px no-repeat;}
#cmd-ant{width:150px; height:49px; background:url(img/cmd-ant.png) 0px 0px no-repeat; cursor:pointer; margin-right:10px; border:none;}
#cmd-ant:hover{background:url(img/cmd-ant.png) 0px -49px no-repeat;}
#cmd-cancel{background:url(img/cmd-cancel.jpg) no-repeat; width:118px; height:38px; cursor:pointer; border:none;}
#cmd-continuar{background:url(img/cmd-continuar.jpg) no-repeat; width:118px; height:38px; cursor:pointer; border:none;}
#cmd-modificar{background:url(img/cmd-modificar.jpg) no-repeat; width:118px; height:38px; cursor:pointer; border:none;}
#cmd-confirmar{background:url(img/cmd-confirmar.jpg) no-repeat; width:235px; height:38px; cursor:pointer; border:none;}
#cmd-buscar{background:url(img/cmd-buscar.jpg) no-repeat; width:117px; height:38px; cursor:pointer; border:none;}
#cmd-confirmar-small{background:url(img/cmd-confirmar-small.jpg) no-repeat; width:117px; height:38px; cursor:pointer; border:none;}
#cmd-lista{background:url(img/cmd-lista.jpg) no-repeat; width:117px; height:38px; cursor:pointer; border:none;}
#cmd-lista-mapa{background:url(img/cmd-lista-mapa.jpg) no-repeat; width:117px; height:38px; cursor:pointer; border:none;}

.calendario .dias{font-size:12px; text-align:right; background:none; height:25px; width:35px; background:none; vertical-align:top; padding:3px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border:#D5D5D5 solid 1px;}
.calendario .dias:hover{background:#D5D5D5;-webkit-box-shadow:0 0 10px rgb(0,0,0);-moz-box-shadow:0 0 10px rgb(0,0,0);}
.calendario .pasado{font-size:12px; text-align:right; background:none; height:25px; width:35px; background:none; vertical-align:top; padding:3px; color:#C0C0C0}
.calendario .tomado{font-size:12px; text-align:right; background:none; height:25px; width:35px; background:none; vertical-align:top; padding:3px; background:url(img/bg-dia-tomado.png); cursor:pointer;}
.calendario .selecionado{font-size:12px; text-align:right; height:25px; width:35px; background:none; vertical-align:top; padding:3px; background:#1dbde3; cursor:pointer;}

#footer{background:#1c1c1c; position:absolute; width:100%; text-align:center; padding:20px 0; color:#EAEAEA;}
#footer a, #footer a:visited{color:#EAEAEA; text-decoration:none;}
#footer a:hover, #footer a:visited:hover{color:#1dbde3; text-decoration:none;}

.loadinajax{margin:0; padding:0; font-family:"Trebuchet MS"; font-size:24px; color:#555351; background:url(img/ajax-loader-small.gif) no-repeat left top; padding-left:34px; height:32px; line-height:28px; letter-spacing:-1px;}

#error{position:absolute; width:700px; margin-left:130px; top:20%; border:#F00 solid 2px; background:#FFA6AE; color:#FFF; padding:15px; font-size:14px; font-weight:bold;}

.cmd-mod{background:url(img/bg-cmd.png) repeat-x; border:#575757 solid 1px; font-size:12px; font-family:"Trebuchet MS"; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;}


#link-ver-mapa{color:#ABABAB; text-decoration:underline;}
#cmd-cambiar-hotel{width:303px; background:#FFF; border:#818181 solid 1px; color:#818181; margin-top:5px;}
#cmd-cambiar-hotel:hover{border:#1DBDE3 solid 1px; color:#1DBDE3;}

#menu-sup{line-height:normal; height:38px; display:block; float:left;}
#menu-sup ul{margin:0; padding:1px 0 0; list-style:none;}
#menu-sup li{float:left; margin:0; padding:0; background:url(img/bg-item-menu-r.jpg) no-repeat right top; height:38px; display:block;}
#menu-sup a{height:28px; display:block; background:url(img/bg-item-menu-l.jpg) no-repeat left top; padding:10px 12px 0; font-size:10px; color:#000; text-decoration:none; float:none; white-space:nowrap; _width:1em; cursor:pointer}
#menu-sup #ac{background-image:url(img/bg-item-menu-r-ac.jpg); height:38px; display:block;}
#menu-sup #ac a{background-image:url(img/bg-item-menu-l-ac.jpg); color:#1DBDE3;}

#agencia{display:block; position:absolute; padding:4px 0; width:200px; left:740px; top:-43px; color:#818181;}
#agencia input.cmd{width:200px; background:#FFF; border:#818181 solid 1px; color:#818181; margin-left:5px;}
#agencia input.cmd:hover{border:#1DBDE3 solid 1px; color:#1DBDE3;}

#login_agencia{display:block; position:absolute; padding:4px 0; width:460px; left:500px; top:-43px; color:#818181;}
#login_agencia input{width:140px; background:#FFF; border:#818181 solid 1px; color:#818181;}
#login_agencia input.cmd{width:40px; background:#FFF; border:#818181 solid 1px; color:#818181; margin-left:5px;}
#login_agencia input.cmd:hover{border:#1DBDE3 solid 1px; color:#1DBDE3;}

#agencia_login{display:block; position:absolute; padding:4px 0; width:400px; left:540px; top:-43px; color:#818181;}
#agencia_login h1{margin:0; padding:0; font-weight:bold; font-family:"Trebuchet MS"; font-size:18px; color:#FFB56A; text-align:right}

#detallehabitacion{height:0px; overflow:hidden; overflow-y:auto; width:300px; display:block;}

#loading_tapa{display:none;}
#loading_tapa_bg{z-index:9990; position:absolute; width:100%; height:100%; left:0; top:0; padding:0; filter:Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; background-color:#000000;}
#loading_tapa_loader{z-index:9999; position:absolute; padding:30px; border:#999999 solid 3px; background:#FFFFFF; width:300px; height:15px; left:50%; margin-left:-150px; top:40%; -moz-opacity:1; opacity:1; -moz-border-radius:8px; -webkit-border-radius:8px; text-align:center;}

.fecha{width:135px; border:#c8c8c8 solid 1px; color:#0b333c; text-transform:lowercase; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; padding-right:25px; letter-spacing:2px; background:url(admin-hotel/img/iconos/16/date.png) no-repeat 140px 1px #FFF; text-align:right}


	#text_content{width:290px; border:#c8c8c8 solid 1px; color:#0b333c; text-transform:lowercase; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding-right:0px;}
	.output-div-container{border:1px solid silver; background-color:#F8F8F8; padding:10px;}
	#box{width:283px; height:auto; overflow:auto; border:1px solid #C5C5C5; background:#F8F8F8; border-top:none; text-align:left; display:none; margin-left:3px;}
	#box tr{cursor:pointer;}
	#box tr:hover{background:#C0C0C0}
	#box tr b{text-transform:uppercase; background:#CF0;}
	
	#input_2{width:260px; border:#c8c8c8 solid; border-width:1px 0 1px 1px; color:#0b333c; text-transform:lowercase; font-weight:bold; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; background:#fff; padding-right:0px;}
	#opendesplegable{width:20px; border:#c8c8c8 solid 1px; color:#0b333c; text-transform:lowercase; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; background:#fff; text-align:center; cursor:pointer;}
	
	#lista{width:283px; height:auto; overflow:auto; border:1px solid #C5C5C5; background:#F8F8F8; border-top:none; text-align:left; display:none; margin-left:3px;}
	#lista .resaltado{background-color:#C8C8C8; color:#000000; cursor:pointer;}
	#lista .normal{background-color:#f2f2f2; color:#000000;}
	
	#lista2{width:320px; height:auto; overflow:auto; border:solid #C5C5C5 1px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#F8F8F8; text-align:left; display:none; margin-left:-20px;}
	#lista2 .in{padding:10px;}
	#lista2 .in p{margin:2px 0; font-size:10px; line-height:12px; display:block; width:150px; float:left;}
	#lista2 .in a, #lista2 .in a:visited{text-decoration:none; color:#000;}
	#lista2 .in a:hover, #lista2 .in a:visited:hover{background:#c8c8c8;}
	
	#div_fechas{display:none;}
	
	#div_habitaciones{display:none;}
	#div_habitaciones small{font-size:10px; color:#575757;}
	
	<? if($_SESSION['from']==""){?>
	#div_lista_hoteles{display:none;}
	#div_lista_habitaciones{display:none;}
	<? }else{?>
	#div_lista_hoteles{display:none;}
	#div_lista_habitaciones{display:block;}
	<? }?>
	#div_lista_hoteles .loading, #div_lista_habitaciones .loading{background:url(img/ajax-loader-small.gif) no-repeat center center; height:400px; width:100%;}
	#xdiv_pax .loading{background:url(img/ajax-loader-small.gif) no-repeat center center; height:100px; width:100%;}
	
	.nombre_hotel{padding:5px; font-size:14px; color:#fff; font-weight:bold; background:#1DBDE3;}
	.tipo_hotel{padding:5px; font-size:12px; color:#fff; font-weight:normal; background:#1DBDE3;}
	.info_hotel{border:#1dbde3 solid 1px;}
	.sub_info_hotel{padding:5px;}


.awesome, .awesome:visited{
	background:#222 url(/img/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #1dbde3; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; } 

.debug{border:#575757; color:#575757; font-family:"Courier New", Courier, monospace; font-size:10px; padding:5px; width:450px; background:#E2E2E2; margin:3px;}