﻿@charset "UTF-8";


.sprites {background:url("/hoteltools/images/sprites.png") no-repeat; }

/* Basic HTML --------------------------------------------------*/


form {overflow: none;}
input, select {vertical-align:sub;}
input[type="radio"] { margin: 0 }
input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"],
input[type="file"],
textarea, select { 
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	padding: 4px; 
	color: #777;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
textarea {line-height: 18px;	overflow: auto;}
textarea.small {height:5.5em; }
textarea.medium {height:10em;}
textarea.large {height:20em;}

input.half, select.half, textarea.half {width:50%;}
input.full, select.full, textarea.full {width:95%;}
input.title {font-size:20px;}
input[type="submit"], input[type="reset"], input[type="button"]{margin-bottom: 0;}
input:focus, textarea:focus, select:focus {border-color: #969696;	outline-width:0;}

fieldset {margin:10px 0 0;	padding:6px;	position:relative;	background: #fff;}
legend {background:#fff;	color:#93BB3A;	font-weight:bold;	padding:0 6px 0 0;}
label {font-size:13px;	text-transform:uppercase;	font-weight:bold;}
label.required:before {content: "*";	color:red;	font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
label.ok {background:none no-repeat;	padding-left:16px;}
label.error {	color:#d00;	text-transform: none;	margin-left:6px;}
label.choice {vertical-align:middle;	font-weight:normal;	text-transform: none;}
input.error, select.error, textarea.error {	background: #FFE6DF;}
fieldset small {color:#999;	font-size:11px;	display:block;} 
.radius {border-radius: 3px;}

.hotelesciudad { background-color: #caea54; padding: 2px 0 2px 10px; margin-bottom: 12px;}

.btn {display: inline-block;	padding: 5px 10px;	color: #fff !important;	text-decoration: none;	font-weight: bold;	font-size: 14px;	font-family: Tahoma, Arial, sans-serif;	position: relative;	cursor: pointer;	border:none;	background:#666;}
.btn:hover, .btn:focus, .btn:active {outline:medium none;	opacity: .9;}
.btn-custom {color: #fff !important;	background-color: #FFA21E !important;}
form p {margin-bottom: 10px;}
button:hover {opacity: .9;	cursor:pointer;}

.puntos { float: left;  height: 8px;  margin-top: 6px;  width: 55px;}
h2.headline {background:#FFA21E;	color:#fff;	font-size:17px;	font-weight:normal;	height:32px;	letter-spacing:-1px;	line-height:2em;	padding:0 10px;	box-shadow:0px 2px 0px #FFA21E;}

.address {font:italic 12px Georgia,"Times New Roman",Times,serif; margin-bottom:7px;}

/* jQuery date picker  -----------------------------------*/

.datepick {background-color: #fff; color: #222;	border: 2px solid #FFA21E;	font-family: Arial,Helvetica,Sans-serif;	font-size: 90%;}
.datepick-rtl {direction: rtl;}
.datepick-popup {z-index: 1000;}
.datepick-disable {position: absolute;	z-index: 100;	background-color: white;	opacity: 0.5;}
.datepick a {color: #fff;	text-decoration: none;}
.datepick a.datepick-disabled {	color: #888;	cursor: auto;}
.datepick button {margin: 0.25em;  padding: 0.125em 0em;    background-color: #fcc;    border: none;    border-radius: 0.25em;    font-weight: bold;}
.datepick-nav, .datepick-ctrl {float: left;	width: 100%;	background-color: #FFA21E;}
.datepick-ctrl {background-color: #FFA21E;	font-weight: bold;}
.datepick-cmd {width: 30%;}
.datepick-cmd:hover {background-color: #FF6633;	color: #fff;}
.datepick-ctrl .datepick-cmd:hover {background-color: #41BCDF;}.datepick-cmd-prevJump, .datepick-cmd-nextJump {width: 8%;}
a.datepick-cmd {height: 1.5em; color:black !important}
button.datepick-cmd {text-align: center;}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {float: left;	padding-left: 2%;}
.datepick-cmd-current, .datepick-cmd-today {float: left;	width: 35%;	text-align: center;}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {float: right;	padding-right: 2%;	text-align: right;}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear {float: right;	padding-left: 0%;	padding-right: 2%;	text-align: right;}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {float: right;}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, datepick-rtl .datepick-cmd-close {float: left;	padding-left: 2%;	padding-right: 0%;	text-align: left;}
.datepick-month-nav {float: left;	text-align: center;}
.datepick-month-nav div {float: left;	width: 12.5%;	margin: 1%;	padding: 1%;}
.datepick-month-nav span {color: #888;}
.datepick-month-row {clear: left; }
.datepick-month {float: left;	width: 15em;	border: 1px solid #fff;	text-align: center;}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {background-color: #e0e0e0;	color: #222;	font-weight: bold;	padding: 0;}
.datepick-month-header select, .datepick-month-header input {border: none;	font-size: 11px;}
.datepick-month-header input {position: absolute;	display: none;}
.datepick-month table {width: 100%;	border-collapse: collapse;	margin: 0;}
.datepick-month thead {border-bottom: 1px solid #aaa;}
.datepick-month th, .datepick-month td {margin: 0em;	padding: 0em;	font-weight: normal;	text-align: center;	color: #aaa;}
.datepick-month thead tr {border: 1px solid #fff;}
.datepick-month td {background-color: #eee;	border: 1px solid #fff;}
.datepick-month td.datepick-week * {background-color: #e0e0e0;	color: #222;	border: none;}
.datepick-month a {	display: block;	width: 100%;	padding: 0.125em 0em;	background-color: #eee;	color: #000;	text-decoration: none;}
.datepick-month span {display: block;	width: 100%;	padding: 0.125em 0em;}
.datepick-month td span {color: #ccc;}
.datepick-month td .datepick-other-month {background-color: #fff;}
.datepick-month td .datepick-weekend {background-color: #ddd;}
.datepick-month td .datepick-today {background-color: #f90;	font-weight:bold;}
.datepick-month td .datepick-highlight {background-color: #FFA21E;	color: #fff;}
.datepick-month td .datepick-selected {background-color: #FFA21E;}
.datepick-status {clear: both;	text-align: center;}
.datepick-clear-fix {	clear: both;}
.datepick-cover { display: none; display/**/: block;    position: absolute;    z-index: -1;    top: -1px;    left: -1px;    width: 100px;    height: 100px;}
img.trigger {background: url("/hoteltools/images/calendar.gif") no-repeat;	width: 16px;	height: 16px;	cursor: pointer;	position: relative;	margin: 0;	right: 22px;	top: 5px;}


/* Nyro popup window -----------------------------------*/

div#nyroModalFull {font-size: 12px; color: #777;}
div#nyroModalFull div#nyroModalLoading {border: 6px solid #777;	width: 150px;	height: 150px;	text-indent: -9999em;	background: #fff url("/hoteltools/images/loader.gif") no-repeat;	background-position: center;}
div#nyroModalFull div#nyroModalLoading.error {border: 6px solid #f66;	line-height: 20px;	padding: 20px;	width: 300px;	height: 100px;	text-indent: 0;	background: #fff;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;	border: 6px solid #777;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {	position: absolute;	display: block;	top: -13px;	right: -13px;	width: 12px;	height: 12px;	text-indent: -9999em;	background: url("/hoteltools/images/nyro/close.gif") no-repeat;	outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {background-color: transparent;margin: 0;font-size: 26px;	padding: 0;	position: absolute;	top: -36px;	left: 0;	color: #ddd;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {	overflow: auto;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;	overflow: hidden;	text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;	bottom: 0;	left: 0;	background: black;	padding: 10px;	margin: 10px;	border: 1px white dotted;	overflow: hidden;	opacity: 0.2;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;	cursor: help;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {z-index: 105;	outline: none;	position: absolute;	top: 0;	height: 100%;	width: 40%;	cursor: pointer;	text-indent: -9999em;	background: left 20% no-repeat;	background-image: none; /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {height: 60%;	width: 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {left: 0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {	background-image: url("/hoteltools/images/nyro/prev.gif");}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {right: 0;	background-position: right 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {background-image: url("/hoteltools/images/nyro/next.gif");}



.hotelData{ width:100%; height:100px;}

.hotelData .imagen{ float:left; width:auto;}
.hotelData .datos{ float:left; margin-left:10px; max-width:305px; }
.hotelData .precio {  border-left: 1px solid #F2F2F2; margin-left:10px;    float: right;    font-size: 11px;    line-height: 20px;    margin-top: 0px; text-align: center;}
.hotelData .precio img {padding-bottom:2px;}
.hotelData .precio span {font-size:25px; font-weight:bold}


#selects P{float:left;}
#selects SELECT{width:190px;}
#selects LABEL{margin-left:5px;}

