@font-face{    font-family: 'robotocondensed';    src: url('roboto-condensed-webfont.eot');    src: url('roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),         url('roboto-condensed-webfont.ttf') format('truetype'),         url('roboto-condensed-webfont.svg#robotocondensed') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'robotolight';    src: url('roboto-light-webfont.eot');    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),         url('roboto-light-webfont.ttf') format('truetype'),         url('roboto-light-webfont.svg#robotolight') format('svg');    font-weight: normal;    font-style: normal;}

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,latin-ext");  


.ui-datepicker-trigger{cursor:pointer;}
.btncanvi4{cursor:pointer;}
.btncanvi6{cursor:pointer;}
.eliminar{cursor:pointer;}
.ui-datepicker-trigger{cursor:pointer;}
.EnviarTransfer{cursor:pointer;}
.ui-datepicker-trigger{top:11px;position:relative}

.texto1b
{
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;
	font-size: 12px;
	color: #666762;
	font-weight: normal;
	margin:0 10px 0 10px;
}
.noubtncanvi{
	background-color:#000000;
	color:#ffffff;
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;
	font-size: 14px;
	padding: 4px 20px 4px 20px;
	text-transform:uppercase;
	text-align:center;
	cursor: pointer;
	-webkit-transition:background-color 300ms linear;
-moz-transition:background-color 300ms linear;
-o-transition:background-color 300ms linear;
-ms-transition:background-color 300ms linear;
transition:background-color 300ms linear
}
.noubtncanvi:hover{
	background-color:#626262;
}

.noubtncanvi22{
	background-color:#000000;
	color:#ffffff;
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;
	font-size: 14px;
	padding: 4px 12px 4px 12px;
	text-transform:uppercase;
	text-align:center;
	cursor: pointer;
	-webkit-transition:background-color 300ms linear;
-moz-transition:background-color 300ms linear;
-o-transition:background-color 300ms linear;
-ms-transition:background-color 300ms linear;
transition:background-color 300ms linear
}
.noubtncanvi22:hover{
	background-color:#626262;
}



p{margin:0 0 10px 0;line-height:17px;}
.citys {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 35px;
    font-family: 'robotolight', Verdana, arial, sans-serif;
    padding: 0px 10px;
    width: 50%;
    background: url(../imgs/banner-button.png) repeat;
    z-index: 99;
    position: absolute;
    top: 150px;
}

body{
    font-family: Verdana, arial, sans-serif ;
	font-size: 14px;
}

.botonhotel{background-color:#626262;padding:3px 12px;color:#ffffff;font-size:13px;text-align:center;text-transform:uppercase;margin-right:14px;display:inline-block;	-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}
.botonhotel:hover{background-color:#000;}

.botonhotelx{background-color:#000;padding:6px 24px;color:#ffffff;font-size:15px;text-align:center;text-transform:uppercase;margin-right:14px;display:inline-block;	-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}
.botonhotelx:hover{background-color:#000;}

.botonhotelback{color:#b5b5b5;background-color:#efefef;padding:3px 12px;font-size:13px;text-align:center;text-transform:uppercase;margin-right:14px;display:inline-block;	-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}
.botonhotelback:hover{background-color:#efefef;}

.botonhotelbackx{color:#b5b5b5;background-color:#efefef;padding:6px 24px;font-size:15px;text-align:center;text-transform:uppercase;margin-right:16px;display:inline-block;	-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}
.botonhotelbackx:hover{background-color:#efefef;}

.botonhotel2{margin:10px;color:#000000!important;;height:33px;background-color:#ffffff;border:1px solid #5a5a5a;padding:3px 11px;color:#ffffff;font-size:11px;text-align:center;text-transform:uppercase;margin-right:14px;display:table-cell;	-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;vertical-align:middle;}
.botonhotel2:hover{background-color:#000; color:#ffffff!important;}
a.botonhotel2{color:#000000!important;}


.ciudades1b
{
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;
	font-size:30px;
	color: #000;
	font-weight: normal;
	line-height:30px;
}

.ciudades1b strong
{
	line-height:32px;
}


hr.linea
{ 
	width: 100%;
	height: 0px;
	margin-top: 15px;
	margin-bottom:15px;
	border: 0;
	border-bottom: 1px solid #000!important;
}

hr.lineagris
{ 
	width: 1000px;
	height: 0px;
	margin-top: 15px;
	margin-bottom:15px;
	border: 0;
	border-bottom: 1px solid #2e2e2e;
	float: center;
}


input[type='submit']
{
    background-color:Transparent;
    border:0;
}

.ciudades
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}
.ciudades2014
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.ciudades1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
}
.ciudad
{
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;
	font-size: 30px;
	line-height:28px;
	color: #000000;
	font-weight: normal;

}
.fecha
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #000;
	font-weight: bold;
}
.mes
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
}
.meses
{
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;
	font-size: 15px;
	color: #000;
	line-height:20px;
	font-weight: normal;
}
.texto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

.textonouer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height:14px;
	color: #464646;
	font-weight: normal;
	text-align: left;
}
.texto1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666762;
	font-weight: normal;
	margin:0 10px 0 10px;
}
#price
{
    font-family: Verdana, Verdana, arial, sans-serif !important;
    font-size: 40px;
    color: #666666;
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;
    float:right;
    width:170px;
    text-align:right;
}
.ico
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
}

.texto2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #021126;
	font-weight: normal;
}
.dades
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height:19px;
}
.hotel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ff0000;
	font-weight: bold;
}
.triar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	text-align: left;
}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 0px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0em;}
#xsnazzy h2 {padding-top:0em;}
#xsnazzy 
{
    background: transparent; 
    margin:0px 0px 0px 0px;

	overflow: scroll;
	overflow-y: hidden;
	width:630px; 
	height:auto;
	scrollbar-base-color: #F1F1F1; 
	scrollbar-face-color: #F1F1F1;
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #212121; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f1f4f9; border-left:1px solid #dee2e5; border-right:1px solid #dee2e5;}
.xb1 {margin:0 5px; background:#dee2e5;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#dce4f1; border:0 solid #dee2e5; border-width:0 1px;}

.blanc1
{
	font-family: 'roboto', verdana, arial, helvetica, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	color: #000002;
	font-weight: normal;
}


.bokx
{
	BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-RIGHT: 1px solid #cccccc;
    BORDER-BOTTOM: 0px solid;
  	BACKGROUND-IMAGE: url('../gifs/homenou9.gif');
  	BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 222px;
    HEIGHT: 30px;
    PADDING: 2px 0 0 6px;
	FONT-SIZE: 15px;
	COLOR: #000000;
	FONT-WEIGHT: normal;
	MARGIN-BOTTOM: 0px;
	-moz-appearance: none;
	-webkit-appearance: none;
 	appearance: none;
    font-family: 'robotocondensed', 'Roboto Condensed', Verdana, arial, sans-serif ;	
}


.bokx1
{
	BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-RIGHT: 0px solid;
    BORDER-BOTTOM: 0px solid;
  	BACKGROUND-IMAGE: url('../gifs/ok_home1.gif');
  	BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 220px;
    HEIGHT: 30px;
    PADDING: 6px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 0px;

}
.bokx2
{
	BORDER: 1px solid #d0cecf;
    WIDTH: 102px;
    HEIGHT: 29px;
    PADDING: 0px 0px 0px 8px;
    margin: 0px 0px 10px 0px;
	FONT-FAMILY: 'robotolight', Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:13px;
	text-transform:uppercase;
	COLOR: #000002;
	FONT-WEIGHT: bold;	
}
.bokxhome
{
	BORDER: 1px solid #d0cecf;
    WIDTH: 79px;
    HEIGHT: 30px;
    PADDING: 0px 0px 0px 8px;
	margin: 10px 5px 10px 0px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-WEIGHT: bold;
}
.bokx3
{
	BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-RIGHT: 0px solid;
    BORDER-BOTTOM: 0px solid;
  	/*BACKGROUND-IMAGE: url('../gifs/ok_home3.gif');
  	BACKGROUND-REPEAT: no-repeat;*/
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 80px;
	border-radius:6px 0 0 6px ;
    HEIGHT: 20px;
    PADDING: 2px 0px 0px 2px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 0px;
	
}
.dias
{
	BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-RIGHT: 0px solid;
    BORDER-BOTTOM: 0px solid;
  	BACKGROUND-IMAGE: url('../gifs/dias.gif');
  	BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ffffff;
    WIDTH: 60px;
    HEIGHT: 20px;
    PADDING:  0px 0px 2px 2px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 0px;
}
.titulin
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}



/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }


.blue select    { color: #fff; }
.blue select option  { color: #000; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}