*{ margin:0; padding:0}
body{background:#F2F2F2; font:normal 11px Arial; color:#FFF}
p, h1, h2, h3, h4, h5, li, ul{display:block}
li{ list-style-type:none}
td{vertical-align:top}
a:link{text-decoration:none; color:#333}
a:visited{text-decoration:none; color:#333}
a:hover{text-decoration:underline; color:#204E86}
a:active{text-decoration:none;}
a:focus{outline:0}
img{border:none; max-width:100%}
img.trigger {margin:6px 0 0 -30px; vertical-align: top; cursor:pointer }; .mandatory .datepick-cmd-clear { display:none}
/* Top */
#dhea{float:left; width:100%; padding:15px 0 0}
#dhea #dhead{width:1040px; margin:0 auto; -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; display:table; padding:20px 80px 40px; margin-bottom:50px; background:#FFF; border-radius:10px}
#dhea #dhead .logo{width:95%; text-align:left; float:left; padding-bottom:25px; position:relative; padding-left:5%}
#dhea #dhead .logres{position:absolute; top:30px; right:3%}
#dhea #dhead .bores{display:block; text-align:right}
#dhea #dhead .banderas{display:block; text-align:center; padding-bottom:15px}
#dhea #dhead .banderas img{border-radius:0; padding:0 5px}
#dhea #dhead .banderas .baun{opacity: 0.4; filter: alpha(opacity=40)}
#dhea #dhead .banderas a:hover{opacity: 0.4; filter: alpha(opacity=40)}
/* Botones */
#dhead #botones{background:url(../imagenes/fondo-botones.jpg) repeat-x; width:100%; float:left; -webkit-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; background-size:contain; margin-bottom:15px; border-radius:10px}
#dhead #botones ul.botonese{width:100%; font-family:"Times New Roman", Times, serif; font-size:17px; font-weight:normal}
#dhead #botones ul.botonese li{width:20%; text-align:center; float:left;}
#dhead #botones ul.botonese .segu{background:url(../imagenes/fondo-botones-1.jpg) repeat-x; color:#fff; text-shadow:1px 1px 8px #000; border-radius:10px 0 0 10px; background-size:contain}
#dhead #botones ul.botonese .segus{background:url(../imagenes/fondo-botones-1.jpg) repeat-x; color:#fff; text-shadow:1px 1px 8px #000; background-size:contain}
#dhead #botones ul.botonese a{display:block; text-decoration:none; text-align:center; color:#FFF; padding:7px 0; text-shadow:1px 1px 8px #000; border-right:solid 1px #333333}
#dhead #botones ul.botonese a:hover{color:#fff; text-decoration:none; background:url(../imagenes/fondo-botones-1.jpg) repeat-x; text-shadow:1px 1px 8px #000; background-size:contain}
.mas{display:none}
/* Banner */
#banner{width:100%; float:left; padding-bottom:30px}
.rslides{ width:100%; overflow:hidden; position:relative}
.rslides li{width:100%; display:none; position:relative}
.rslides li:first-child{float:left; display:block; position:relative}
.rslides img {width:100%; height:auto; float:left; display:block; border-radius:10px}
.rslides_tabs {text-align: center;  width: 100%; position:absolute; z-index:99; bottom:15px}
.rslides_tabs li {  display: inline;  float: none; font-size:0  }
.rslides_tabs a {padding:7px; background:#E0E1E3; border-radius:100%; margin-right:15px; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000}
.rslides_tabs a:hover{background:#1A98D7; -webkit-box-shadow:0 0 10px #fff; -moz-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff}
.rslides_tabs .rslides_here a{background:#1A98D7; -webkit-box-shadow:0 0 10px #fff; -moz-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff}

/* Medio */
#dbod #dbody{width:1040px; margin:0 auto; }
#dbody #cont{float:left; background-size:cover; width:100%}
#dbody #iz{width:44%; margin-right:4%; float:left; background:#F8F8F8; border:solid 1px #aaa}
#dbody #de{width:50%; float:left}
#dbody #izq{width:21%; margin-right:2%; float:left}
#dbody #der{width:77%; float:left}

#dbody .logobo{width:100%; padding-bottom:13px; padding-top:4px}
#dbody .logobo1{width:100%; padding-bottom:16px; display:none; padding-top:4px}
#dbody .logtit{height:25px; background:url(../imagenes/fondo-botones2.jpg) repeat-x; border-radius:30px 30px; width:100%; margin:0 auto}
#dbody .logtit p{color:#fff; font-family: Arial, Helvetica, sans-serif; text-align:center; line-height:22px; font-size:15px; font-weight:400; padding-top:3px}
#dbody .logobo img{border:solid 1px #AAAAAA; border-radius:3%}
#dbody .cambio{width:100%; float:left; display:none}
#dbody .subti{background:url(../imagenes/fondo-botones1.jpg) repeat-x; background-size:contain; width:100%}
#dbody .subtit{font-family: "Times New Roman", Times, serif; font-size:15px; line-height:18px; color:#FFF; padding:12px}
#dbody .moneda{width:100%; background:#FFF; padding:10px 0 0; float:left; text-align:center}
/* Reservas */
#dbody #reserv{width:99.6%; background:#F7F7F7; border:solid 2px #aaa; margin-bottom:15px; display:table}
#dbody #formul{padding:15px 25px}
#dbody #formul .restitu{font-family:"Times New Roman", Times, serif; font-size:28px; line-height:40px; padding-bottom:30px; color:#174780; text-align:center}
#dbody #formul .restitu span{font-size:28px}
#dbody #formul .fori1{width:30.3%; padding-right:3%; float:left}
#dbody #formul .fori2{width:30.3%; padding-right:3%; float:left}
#dbody #formul .fori3{width:33.3%; float:left}
#dbody #formul .fori4{text-align:right; padding:0; float:left; width:51%}
#dbody #formul .fori5{width:35%; float:left}
#dbody #formul .pas{padding:0 0 8px; font-size:14px; color:#333}
#dbody #formul .pass{padding:0; height:30px}
#dbody #formul input.text{width:94%; height:19px; padding:8px 3%; border:solid 1px #333; font-size:12px; color:#333; overflow: hidden;
  background: #fff}
#dbody #formul input.fecha{width:92%; height:19px; padding:8px 3%; border:solid 1px #333; font-size:15px; color:#333; cursor:pointer; background:#fff}
#dbody #formul select{-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
background: #fff url(../imagenes/arrow2.png) no-repeat right;
border:solid 1px #333;;
padding: 8px 3%;
margin: 0;
width: 100%;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius: 0; height:37px; font-size:15px}
#dbody #formul select::-ms-expand {
    display: none;
}
#dbody #formul #popUpYesa{background:url(../imagenes/flecha-reserva.png) no-repeat; background-size:contain; border:none; cursor:pointer; width:150px; height:70px; font-family:'Yanone Kaffeesatz'; font-weight:NORMAL; font-size:23px; color:#fff; border-radius:7px}
#dbody #formul #popUpYesa:hover{color:#fff; opacity:0.8}
#dbody #formul #popUpYesa:focus{ outline:none}
#dbody .auto1{width:25%; float:left; text-align:center}
#dbody .auto2{width:25%; float:left; text-align:center; padding-top:0}
#dbody .auto3{width:25%; float:left; text-align:center; padding-top:0}
#dbody .auto4{width:25%; float:left; text-align:center; padding-top:0}

/* Info */
#dbody .info{width:94%; background:#fff; padding:3% 3%; margin-bottom:15px; display:table}
#dbody .infor{width:91.8%; background:#fff; border:solid 1px #aaa; padding:3% 4%; margin-bottom:15px; display:table}
#dbody .image{width:35%; float:left; padding-right:3%}
#dbody .image img{border:solid 1px #FFF}
#dbody .imaget{width:62%; float:left}

#dbody h1{font-family:"Times New Roman", Times, serif; font-size:27px; color:#174780; font-weight:normal; padding-bottom:30px; text-align:center}
#dbody h2{font-family:"Times New Roman", Times, serif; font-size:25px; color:#FFF; font-weight:normal; text-shadow:1px 1px 8px #000}
#dbody h3{font-family:"Times New Roman", Times, serif; font-size:25px; color:#FFF; font-weight:normal; text-shadow:1px 1px 8px #000}
#dbody .texto{color:#000; font:normal 15px Arial, Helvetica, sans-serif; line-height:25px; text-align:justify}
#dbody .texto1{color:#000; font:normal 15px Arial, Helvetica, sans-serif; line-height:25px; padding-bottom:12px; text-align:justify}


#dbody .reser{text-align:right;	height:23px}
#dbody .linea{border-top:dashed 1px #aaa; margin:35px 0; width:100%; float:left}
#dbody .titulo{font-family:'Great Vibes'; font-size:25px; color:#FFF; font-weight:normal; text-shadow:1px 1px 8px #000; padding-bottom:10px}

#dmed{background:url(../imagenes/sub-banner.jpg) no-repeat top center; background-size:cover; float:left; width:100%; height:300px; margin-bottom:30px; border-radius:10px}
#dmed .dsub{width:1040px; margin:0 auto; padding:15px; display:table}
#dmed h1{font-family:'Fjalla One'; font-size:60px; font-weight:normal; color:#fff; padding:110px 0 0 10px; text-align:center; text-shadow:0 0 8px #333}

#feet{background: url(../imagenes/fondo-direc.jpg) repeat-x center; float:left; width:100%; border-radius:10px}
#dire{width:1040px; margin:0 auto; padding:25px 0 20px; display:table}
#dire .izdir{width:26%; float:left; padding-right:5%; padding-top:5px; text-align:center}
#dire a{color:#FFF}
#dire .cedir{width:39%; float:left;}
#dire .dedir{width:23%; float:left;}
#dire .titudir{font-family:"Times New Roman", Times, serif; font-size:20px; color:#fff; padding-bottom:25px; line-height:20px}
#dire ul{font:normal 16px "Times New Roman", Times, serif; color:#fff; padding:0 0 0; line-height:20px}
#dire ul li{padding-bottom:10px; display:block; padding-left:35px; float:left; width:100%}
#dire ul li.dirt{padding-bottom:10px; display:block; padding-left:35px; float:left; width:30%}
#dire ul li.dirt2{padding-bottom:10px; display:block; padding-left:55px; float:left; width:40%}
#dire .iconos{width:45px; height:45px; padding:23px 0 0 5px}
#dire img{padding:0 10px}
#dire .time{text-align:center}
#dire .times{color:#fff; font-size:18px; font-weight:normal; padding-bottom:7px}
#dire .times1{text-align:center; color:#fff; font-size:18px; font-weight:bold}

#dhead .alert{padding:20px; color:#FFF; text-align:center;  margin:0 }
#dhead .alert h4{ display:block; font:bold 16px Verdana}
#dhead .alert p{ font:normal 13px Verdana}

/* Tarifas */
#dbody .tareserv{ padding-top:55px; text-align:center; background:#DCDCDC; height:125px; border-left:solid 2px #fff}
#dbody .tareserv1{ padding-top:55px; text-align:center; background:#D1D1D1; height:125px; border-left:solid 2px #fff}
#dbody .tarifa1{width:99.9%; float:left; background: #fff; padding:2px 2px 0 0}
#dbody .rate1{width:30%; float:left}
#dbody .rate2{width:25%; float:left}
#dbody .rate3{width:0%; float:left}
#dbody .rate4{width:10%; float:left}
#dbody .rate5{width:10%; float:left}
#dbody .rate6{width:10%; float:left}
#dbody .rate7{width:15%; float:left;background:#D1D1D1; }
#dbody .subrate{background:#D4D4D4; padding:5px 8px; text-align:center; font:bold 12px Arial; color:#333; border-bottom:solid 2px #fff; border-left:solid 2px #fff; height:33px}
#dbody .subrates{background:#DCDCDC; padding:5px 8px; text-align:center; border-bottom:solid 2px #fff; height:170px; border-left:solid 2px #fff; position:relative}
#dbody .subrates1{padding-top:20px}
#dbody .subrates2{text-align:center; padding:80px 0 0; font:bold 17px Arial, Helvetica, sans-serif; color:#222}
#dbody .subrates3{padding-top:45px}
#dbody .subrates4{padding-top:30px}
#dbody .taritextos{width:46%; height:100%; float:left; padding:0 0 0 20px; text-align:center}
#dbody .tariti{font-family:Verdana, Geneva, sans-serif; font-size:15px; font-weight:normal; text-align:center; line-height:25px; color:#fff; text-align:center; background:#888888}
#dbody .taritis{font-family:Verdana, Geneva, sans-serif; font-size:15px; font-weight:800; text-align:center; line-height:25px; color:#333; text-align:center; background:#EAFF2D;; border-radius:30px 30px}
#dbody .taritis1{font-family:Verdana, Geneva, sans-serif; font-size:12.5px; font-weight:800; text-align:center; line-height:25px; color:#333; text-align:center; background:#EAFF2D; margin:0 6px; border-radius:30px 30px}
#dbody .taritis2{font-family:Verdana, Geneva, sans-serif; font-size:15px; font-weight:500; text-align:center; line-height:25px; color:#174780; text-align:center; background:#F7F7F7; margin:0 6px}

#dbody .taribo{width:100%; float:left; padding-top:10px}
#dbody .ratext{text-align:center; padding:7px; font:bold 14px Arial, Helvetica, sans-serif; border-bottom:solid 1px #666; background:#E0EDE3}
#dbody .ratexto{text-align:center; padding:7px; font:bold 15px Arial, Helvetica, sans-serif; background:#C9D2D2; color:#017201}
#dbody .road{position:absolute; top:10px; right:10px}

/* cabeceras tabla */
#dbody .htable{background:#DCDCDC; color:#000}
#dbody .h24{height:24px}
#dbody .t14{padding-top:14px;}

@media screen and (max-width:1000px){
#dhea #dhead{width:92%; padding-left:4%; padding-right:4%}
#dbod #dbody{width:100%; margin:0 auto}
#dire{width:100%}
#dmed .dsub{width:100%; margin:0 auto; padding:15px 0; display:table; text-align:center}
#dbody #iz{width:43.8%; margin-right:3%; float:left; background:#F8F8F8; border:solid 1px #aaa; margin-bottom:30px}
#dbody #de{width:52%; float:left}
}
@media screen and (max-width:768px){
#dhea #dhead .logo img{max-width:94%; padding:0 3%}
#dbody .tariimage{width:100%; height:100%; text-align:center; float:left;}
#dbody .tariimage img{max-width:60%}
#dbody .taritextos{width:100%; height:100%; float:left; padding:0 0 0 0; text-align:center}
#dbody .taritextos img{max-width:60%}
#dbody #izq{width:100%; margin-right:0; float:left; padding-bottom:20px}
#dbody #der{width:100%; float:left}
#dbody .logobo{width:100%; padding-bottom:0; text-align:center;}
#dbody .cambio{width:48%; float:left; padding-right:2%}
#feet{background: url(../imagenes/fondo-direc.jpg) repeat-x center; background-size:cover;}
#dbody .rate7{width:15%;}
#dbody .tareserv1{padding-top:35px;height:auto;}
#dbody .tareserv{ padding-top:55px;height:auto;}
}
@media screen and (max-width:650px){
#dbody .info{width:93.8%;  padding:3%; margin-bottom:15px; display:table}
#dbody .auto1{width:50%; float:left; text-align:center}
#dbody .auto2{width:50%; float:left; text-align:center}
#dbody .auto3{width:50%; float:left; text-align:center}
#dbody .auto4{width:50%; float:left; text-align:center}

#dire .izdir{width:45%; float:left; padding-right:5%; padding-top:5px; text-align:center}
#dire .cedir{width:50%; float:left; padding-right:0}
#dire .dedir{width:90%; float:left; padding:0 5%}
#dbody .tariti{font-size:11px; line-height:18px}
#dbody .subrate{background:#D4D4D4; padding:5px 8px; text-align:center; font:bold 11px Arial}
#dbody .subrates{background:#fff; padding:5px 8px; text-align:center; border-bottom:solid 1px #aaa; height:110px; border-left:solid 1px #aaa}
#dbody .subrates2{text-align:center; padding:35px 0 0; font:bold 14px Arial, Helvetica, sans-serif; color:#222}
#dbody #iz{width:99.8%; margin-right:0; float:left; background:#F8F8F8; border:solid 1px #aaa; margin-bottom:30px}
#dbody #de{width:100%; float:left}
#dire ul{font:normal 14px "Times New Roman", Times, serif; color:#fff; padding:0 0 0; line-height:20px}
#dire ul li.dirt{padding-bottom:10px; display:block; padding-left:35px; float:left; width:95%}
#dire ul li{width:95%}
#dire .time{text-align:center; padding:0}
#dire .times{color:#fff; font-size:16px; font-weight:bold; padding-bottom:7px;}
#dire .times1{text-align:center; color:#fff; font-size:16px; font-weight:bold}
#dhea #dhead .logres{position:static; top:30px; right:3%; width:100%; float:left}
#dbody .rate7{width:15%;}
#dbody .tareserv1{padding-top:25px;height:auto;}
#dbody .tareserv{ padding-top:25px;height:auto;}
}
@media screen and (max-width:520px){
#dbody .auto1{width:100%; float:left; text-align:center}
#dbody .auto2{width:100%; float:left; text-align:center}
#dbody .auto3{width:100%; float:left; text-align:center}
#dbody .auto4{width:100%; float:left; text-align:center}
#dbody #formul .fori1{width:100%; padding-right:0; float:left; padding-bottom:18px}
#dbody #formul .fori2{width:100%; padding-left:0; float:left; padding-bottom:18px}
#dbody #formul .fori3{width:100%; padding-left:0; float:left}
#dbody #formul .fori4{text-align:center; padding-top:10px; float:left; width:100%}
#dire .izdir{width:100%; float:left; padding-right:0; padding-top:5px; text-align:center}
#dire .cedir{width:90%; float:left; padding:20px 5%}
#dbody .subrates2{text-align:center; padding:35px 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222}
#dbody .cambio{width:100%; float:left; padding-right:0}
#dbody .road{right:0}
#dbody .road img{max-width:50%}
#dbody .image{width:100%; float:left; padding-right:0; text-align:center}
#dbody .imaget{width:100%; float:left}
#dbody .infor{width:87.8%; background:#fff; border:solid 1px #aaa; padding:3% 6%; margin-bottom:15px; display:table}
#dbody .logobo1{width:100%; padding-bottom:10px; display:block; text-align:center}
#dbody .logobo{display:none}
#dbody .rate7{width:15%;}
#dbody .tareserv1{padding-top:25px;height:auto;}
#dbody .tareserv{ padding-top:25px;height:auto;}
#dbody .subrate{ font-size:9px}
}
@media screen and (max-width:380px){
#dbody .subrates{background:#fff; padding:5px 8px; text-align:center; border-bottom:solid 1px #aaa; height:80px; border-left:solid 1px #aaa}
#dbody .tariti{font-size:11px; line-height:15px}
#dbody .rate7{width:15%;}
#dbody .tareserv1{padding-top:25px;height:auto;}
#dbody .tareserv{ padding-top:25px;height:auto;}
#dbody .subrate{ font-size:9px}
}
