@CHARSET "UTF-8";

body {
	font-family: 'Roboto';
	font-size: 62.5%; 
}

div#pantalla-reservaciones{width:990px; margin:0 5px;}

div#modalMask{
	position:absolute;
	top: 0;
	left: 0;
	z-index:100000;
	background-color:#000;
	display:none;
}
div#modalMask div{
	background:url('loading_galery.gif') no-repeat center;
}

div#legenda{float:left;margin:5px 15px; overflow:hidden;}
div#legenda a{display:inline-block;padding:5px;font-weight:bold;font-size:1.2em;}
div#selec-fechas{float:left;margin:0 5px;}
div#selec-fechas label{font-size:12px; font-weight:bold}
div#selec-fechas input{text-align:center;}
div#selec-fechas img{position:relative; top:6px; left:5px; cursor:pointer;}
div#selec-fechas p{padding:0}

div.th{width:990px;  margin:0px auto 5px; overflow:hidden; position:relative;}
div.th-detalle table{border-collapse:collapse;border-spacing:0;}
div.th-detalle{width:990px; overflow:hidden; }
div.th-reubicacion{width:987px; height:36px; border-left:1px dashed #CCC; border-right:1px dashed #CCC; display:none;}
h2.th-head{
	font-size: 14px;
	width:985px;
	text-align:center;
}
h2.th-head img{
	width:16px;
	height:16px;
	cursor:pointer;
	cursor:hand;
	position:relative;
}
h2.th-head .btn-izq{left:-380px}
h2.th-head .btn-ocultar{left:-20px}
h2.th-head .btn-der{left:305px}

div.day-names-container{
	margin-left:85px;
}
div.day-names-cell{
	width:80px;
	height:17px;
	padding:0 1px;
	float:left;
	text-align:center;
	background:url("header-bg.png") repeat-x scroll 0 0 transparent;
	font-size:12px;
	font-family:'Roboto';
}

table.th-habitaciones{
	float:left
}

td.nro-hab div,td.nro-hab-head div{
	width:85px;
	height:9px;
	padding: 5px 0;
	color:#333333;
	border-bottom:1px solid #CCCCCC;
	background-color:#E6EEF1;
	font-size:10px;
	text-align:center;
}
td.nro-hab div{
	cursor:pointer;
	cursor:hand;
}
td.nro-hab-head div{
	height:6px;
}

div.th-reservas{
	float:left;
	overflow:hidden;
	position:relative;
	top:17px;
}
table.th-reservas td{
	width:81px;
	height:20px;
	border:1px solid #CCCCCC;
	border-width:0 1px 1px 0;
}
table.th-reservas td.today{background-color:#FFFFCC !important;}


/*Formulario de la reservacion*/
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; float:left; width:50%; }
input.text { margin:0 5px 12px; padding: .4em; }
div#dialog-reserva label {font-weight:bold; font-size:12px;}

#dialog-reserva .ui-tabs-panel{
	height:320px;
	width:825px;
	border:1px solid #6AA3CD;
	border-top:0px;
	overflow-y:scroll;
}

#precios{margin:0 auto;}
#precios td{padding:3px}
#precios label{cursor:pointer;cursor:hand;}
#dialog-reserva .tabla-formulario{margin:0 auto}
#dialog-reserva .tabla-formulario td{height:16px}
#tr-adultos,#tr-ninos{text-align:left;padding-left:20px;font-style:italic}
.validationMessage{width:310px}
.validationMessage span.error{background:url('unchecked.gif') no-repeat;color:red;font-weight:bold;padding-left:16px;}
.validationMessage span.checked{background:url('checked.gif') no-repeat;}
.pasajeros .validationMessage{width:auto}

.tabla-formulario td{
	padding:5px;
}
.tabla-formulario td.precio{
	text-align:center;
}

/*
0-Creando
1-Solicitando
2-Pagando
3-Verificando pago
4-Confirmada
*/
div.legenda{float:left;width:100px; height:12px;  text-align:center; padding:3px 2px 7px; color:#FFF; font-weight:normal; font-size:10px; font-weight:bold;}

div.day,div.info,div.joiner,div.splitter,div.droppable{
	position:absolute;
}
div.day{
	z-index:400;
}
div.joiner{
	z-index:500;
}
div.info{
	z-index:600;
}
div.splitter{
	z-index:700;
}

div.day,div.info{
	text-align:center;
	color:#FFF;
	font-size:11px;
	cursor:help;
	white-space:nowrap;
	overflow:ellipsis;
}

div.status-0{
	background:url("new-reserva.png") repeat scroll 0 0 transparent;
	border:0 solid #6d672c;
}
div.status-1{
	background:url("bg-solicitando.png") repeat scroll 50% 50% transparent;
	border:0 solid #2b6582;
}
div.status-2{
	background:url("bg-pagando.png") repeat scroll 50% 50% transparent;
	border:0 solid #6d672c;
}
div.status-3{
	background:url("bg-verificando.png") repeat scroll 50% 50% transparent;
	border:0 solid #223f38;
}
div.status-4, div.status-5{
	background:url("bg-confirmada.png") repeat scroll 50% 50% transparent;
	border:0 solid #1f374c;
}
div.status-5{
    color:#000000 !important;
}
div.droppable{
	border:1px solid #CDCDCD;
}

ul.ul-ayuda{
	clear:both;
}
ul.ul-ayuda li{
	float:left;
	margin-left:30px;
	font-size:10px;
}
td.nro-hab div.edit-HABNombre{
	height: 19px;
	padding: 0;
	text-align: left;
}
input.HABNombre{
	display: block;
	float: left;
	width: 65px;
	font-size: 10px;
}

#dialog-suspend-long table{
	margin-left: 10px;
}
#dialog-suspend-long table thead td{
	font-weight: bold;
}
#dialog-suspend-long td{
	font-size: 1.2em;
	padding: 3px;
}
#dialog-suspend-long .suspend-pax{
	text-align: center;
}
#dialog-suspend-long .HABCodigo, #dialog-suspend-short .RESLinea1, #dialog-suspend-short .CLINombre{
	font-weight: bold;
}

/*Tooltips*/
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }

/*Notificaciones*/
.jnotify-item{height: auto;padding: 4px 4px 4px 4px;margin: 0 0 5px 0;display: block;position: relative;}
.jnotify-item-close{float: right;margin-left: 2px;}

.contextMenu{
	width: 150px;
}