@charset "UTF-8";
/* ---- CSS
Autor: Michel Eduardo
Fecha: Mar 2010
---- */

@import url('../css/reset.css');
@font-face {font-family: Aviano; src: url('../fonts/AvianoSans.otf'); }

body{margin: 0px; font-family: "Verdana", Tahoma, Geneva, Helvetica, Arial, Sans-Serif; font-size:12px; color:#696969!important; background:#FFF url(../images/background-line.jpg) repeat-x left top; color:#2c2628;}

/* Anchors
---------------------------------------------------*/

li { list-style:none;}
h1, h2, h3 {font-family: "Tahoma", Verdana, Geneva, Helvetica, Arial, Sans-Serif;}
h1 {font-family: "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin:5px 0 0 0; color:#A41930; font-weight:normal; font-size:18px;}
h2 {font-family: Arial, sans-serif; margin-bottom:5px; font-size:2em; color:#007fa0; font-weight:normal; text-align:center; }
h3 { font-size:18px; margin:5px 0; color:#707070; font-weight:normal; letter-spacing:1px; font-family:"Times New Roman", Aviano, arial;}
h3.gray {color:#9a9a9a; font-weight:normal; text-transform:uppercase;}
h4 {color:#98012E; font-weight:normal; font-size:13px; margin:5px 0; font-size:14px}
h5 {background: url(../images/titles/bg-titles.png) no-repeat left center; height: 40px; padding-left:40px; font-family: times New Roman; color: #FFF; font-size: 20px; text-transform: uppercase;    letter-spacing: 2px; line-height: 40px;    font-weight: normal;margin: 0 0 10px 0;}
p {font-family: "Arial", Sans-Serif; line-height:15px; margin:0 0 5px 0; text-align:justify}
a:focus {outline:none;}
a { font-weight:normal!important; color:#696969;}
a:hover { text-decoration:none; color:#bb0f2f!important;}
hr {margin:5px 0;}

#movil { position:absolute; bottom:0; right:5px; width:240px; height:184px;z-index: 200; display:none;}
#new { position:absolute; bottom:0;right: -84px; width:212px; height:130px;z-index: 200;}

span.menu {color:#9a9a9a; font-weight:normal; text-transform:uppercase; display:block; text-align:center;font-family: times New Roman; font-size: 16px;}
span.menu:hover {color:#007da1;}
a.selected span.menu {    color:#007da1;}
table tr td a {text-decoration: none!important;}


/* WRAPPER
---------------------------------------------------*/
#wrapper {background:url(../images/background.jpg) no-repeat center top;}
#wrapper-main {width:900px; margin:0 auto;}
#header { position:relative;}
div#header .idiomas { position:absolute; top:25px; right:0; width:100px; height:10px; text-align:right;}
.encabezado {}
div#header #logo { height:auto; padding:15px 0 14px 0; text-align:center;}
#logo2 { height:auto; text-align:center; height:81px; width:114px; position:absolute;z-index:300;left:230px;top:87px;}
div#header #menu { height:28px; line-height:28px; font-family:"Tahoma", Arial;width:900px; background-color:#F8F8F8;}
div#menu ul {}
div#menu li { float:left; text-transform:uppercase; margin:0 21px; font-size:14px; color:#900028;}
div#menu li a {color:#900028; text-decoration:none;}

#banner-main { margin:0 auto 10px 0; width:900px; height:300px; position:relative}
div#banner-main .taxi {width:289px; height:288px; position:absolute; right:0;top: 14px;}
div#banner-main .ahorra {width:266px; height:265px; position:absolute; left:225px;bottom: -98px;}

div#banner-main .reservations {position:absolute; width:219px; border-right:2px #FFF solid; top:0; left:0; background-color:#d0d0d0; height:300px; z-index:200;}
.reservations-col {width:auto; height:auto; margin:0 0 15px 0;}
.titles { margin:5px 0;display:block; background:url(../images/titles/bg-titles.png) left center no-repeat; height:27px; padding:13px 0 0 35px;}

/* BANNER SLIDE */
#slideshow {
    position:relative;
    height:330px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* END BANNER SLIDE */

.main-cont { margin:15px 0;}
table.preciosTabla h4 { margin:0; padding:0; color:#7c7c7c;}
table.preciosTabla b {color:#007fa0;}
table.preciosTabla span {color:#007fa0; font-size: 10px;}
table.preciosTabla span.impuestos {color:#7c7c7c; font-size: 10px; margin-top:5px;}
table.preciosTabla td {border-bottom:dotted 1px #7c7c7c; padding:5px 0;}

/*rooms */
.room a { text-decoration:none!important;}
.room { padding:0 0 5px 0; border-bottom:dotted 1px #7c7c7c; float:left; margin:0 10px 5px 0; position:relative; /*width:217px;*/}
.room img { padding:5px; border:solid 1px #7c7c7c; background-color:#efefef; width:195px;}
.room img:hover {border:solid 1px #efefef; background-color:#7c7c7c;}
div.room span.title-room { position:absolute; font-size:13px; display:block; background-color:#efefef; color:#333; padding:3px; right:1px; top:1px; text-transform:uppercase; letter-spacing:1px; font-family:"Times New Roman", Geneva, Arial, Helvetica, sans-serif}
div.room:hover span.title-room { background-color:#7c7c7c; color:#FFF;}
.title-room img { border:0!important; padding:0!important;}
div.room .description { margin-top:5px;}
div.room .description span { text-align:right;}

/* cols */
#col-left, #col-right { float:left;}
#col-left { width:210px; margin-right:15px; background-color:#f0f0f0; padding:5px;}
ul.list-services { font-size:12px; font-family:Tahoma;}
ul.list-services li {border-bottom:dotted 1px #333; /*background:url(../images/arrow.png) left 11px no-repeat;*/ position:relative;}
ul.list-services li img {position:absolute; width:36px; height:14px; top:20%; right:5px;}
ul.list-services li a { text-decoration:none; padding:5px; display:block;}
ul.list-services li:hover a { color:#FFF!important; background-color:#007fa0; display:block;}
#col-right { width:655px; background-color:#fcfcfc; padding:0 5px;}


#columna-izquierda, #columna-derecha { float:left; margin:15px 0 0;}
#columna-izquierda { width:207px; margin-right:10px; padding:5px; background-color:#f0f0f0;}
div#columna-izquierda .room { margin-bottom:15px!important;}
#columna-derecha { width:663px; padding:0 5px 5px 5px; background-color:#fcfcfc;}


.col-int-left, .col-int-right { float:left;}
.col-int-left { width:415px; margin:0 15px 0 0;}
.col-int-right { width:225px;}
.politics { font-size:11px; margin-top:5px;}
.politics ul li { border-bottom:dotted 1px #333; padding-bottom:7px; margin-bottom:7px;}
.politics ul li a {text-decoration:underline; font-weight:bold;}

ul.list-home li {list-style:none outside url("../images/check.png"); margin-left:20px;}

/* Habitaciones */
#cont-habi { margin:20px 0 0 ;}
.box-habi { padding:0 0 10px 0; border-bottom:dotted 1px #333; margin:0 0 15px 0;}
.box-habi img { float:left; margin:0 15px 0 0;}
.box-habi h3 { color:#98012E; font-size:1.7em;}
div.box-habi span { text-align:right; display:block; margin:15px 0 0;}

#columna-derecha ul {float:left; margin:5px 16px; width:20%;}
#columna-derecha li {list-style:none outside url("../images/check.png");}

.gallery {margin:10px 0 15px;}
.gallery img {border:1px solid #666666; float:left; margin-right:10px; margin-bottom:10px; /*width:210px;*/}
.gallery img:hover {border:1px solid #CCC;}

table#table-titles { width:100%; margin-bottom:10px;}
table#table-titles tr td {background: url(../images/titles/bg-titles.png) no-repeat left center; height: 40px; padding-left:40px; font-family: times New Roman; color: #FFF; font-size: 20px; text-transform: uppercase;    letter-spacing: 2px;}

.costo-habi { position:relative; float:right; display:block; font-family:"Aviano", Arial!important; margin: 0 15px 0 0; height: 40px!important;}
div.costo-habi .promocion, .costo, .taxes { float:left;}
div.costo-habi .promocion {color:#f6e78c; font-size:15px; text-transform:uppercase;}
div.costo-habi .promocion span {color:#FFF; font-size:16px; position: relative; top: -2px;}
div.costo-habi .costo {color:#FFF; font-size: 27px; letter-spacing: -1px; text-transform:uppercase; margin: 0 7px 0 0 ;}
div.costo-habi .taxes {color:#f6e78c; font-size:10px; text-transform:uppercase; line-height: 12px; top: 9px; position: relative;}


.table-titles { width:auto; margin-bottom:10px; line-height:40px; background: url(../images/titles/bg-titles.png) no-repeat left center; height: 40px; padding-left:40px; color:#FFF; font-size:17px; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}

/* Servicios */
.box-servicios p { font-size:11px; text-align:left; padding: 0 0 0 217px;}
.box-servicios { margin:5px 0; padding:5px; border-bottom:dotted 1px #CCC;}
.box-servicios img {margin-right:15px; float:left; }
.box-servicios h1 { margin:0 0 3px 0; font-size:13px; font-weight:bold; font-family:'Tahoma', Arial, Helvetica, sans-serif; color:#333;}
.gris { background-color:#F7F7F7;}

div#servicios-right .box-servicios img { float:right; margin:0 0 0 15px;}
div#servicios-right .box-servicios { text-align:right!important;}
div#servicios-right .box-servicios h1 { text-align:right}
div#servicios-right .box-servicios p { text-align:right;  padding: 0 217px 0 0;}

/* RESERVAS
---------------------------------------------------*/
form.form-reservas {}
table h2 {text-align: left;}
.marginD {margin: 0 0 20px 0!important;}
.marginD table td {padding: 1px 3px!important;}
input.buttonForm {border: 0; padding: 5px; background-color: #9f9f9f; color: #FFF; text-transform: uppercase; cursor:pointer;}
.marginD select {padding: 3px; text-align: left; border: 0; background-color: #EEE; border: solid 1px #999; margin: 3px 0 7px 0; width: 150px;}
.marginD input {border: solid 1px #999; padding: 3px;}

/* FOOTER
---------------------------------------------------*/
#footer {padding:13px 0; background:url(../images/bg-footer.jpg) no-repeat center top;}
#footer  a { text-decoration:underline; font-weight:bold;}
div#footer .col-footer-2, .col-footer-3 { float:left; width:20%;}
div#footer .col-footer-1, .col-footer-4 { float:left; width:30%;}

/* XTRAS
---------------------------------------------------*/
.no-margin { margin:0!important;}
.marko {padding:5px; border:solid 1px #7c7c7c; background-color:#efefef;}
.marko:hover {border:solid 1px #7c7c7c; background-color:#CCC;}
.see-details {display:block; font-size:11px; text-transform:uppercase; font-weight:bold; font-family:"Georgia"; text-align:right;}
.see-details a {color:#007fa0; text-decoration:none;}
p.verdana {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
p.arial {font-size:12px; font-family:"Arial", Helvetica, sans-serif;}
.box { margin-bottom:15px;}
p.importante { color:#FF0000; font-size:11px; letter-spacing:0; text-align:center;}
.separator { background:url(../images/shadow.png) no-repeat center center; height:10px; margin-top:10px; clear:both}

.next { padding:7px; background-color:#9f9f9f; color:#FFF; text-transform:uppercase; cursor:pointer;}

.makereservation {
    border: 1px solid #999;
    padding: 3px;
    display: block;
    position: absolute; cursor:pointer;margin: 0;    bottom: 5px;}
	
	.form-reservation form input, select, textarea {
    border: 1px solid #999;
    padding: 3px;}
	div.form-reservation { position:relative;}
.btnreservar { border:1px solid #CCC; padding:4px;}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}