/* RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }
@font-face {
font-family: 'Gudea';
src: url('../fonts/gudearegular.eot');
src: url('../fonts/gudearegular.eot?#iefix') format('embedded-opentype'),
url('../fonts/gudearegular.woff') format('woff'),
url('../fonts/gudearegular.ttf') format('truetype'),
url('../fonts/gudearegular.svg#gudearegular') format('svg');
font-weight: normal;
font-style: normal;
}
body { background:#5D1D16; height:100%; color:#FFF; }
a{ text-decoration:none; color:#FFF;}
.bold{ font-weight:bold;}
.clear{ clear:both;}
.button{ padding:10px 20px; display:block; color:#FFF; width:130px; font-size:18px; margin:auto; margin-bottom:25px; margin-top:5px; border-bottom:1px solid #000;}
.verde{ background:#6B9B3E;}
.verde:hover{ background:#5A8435;}
.bordo{ background:#730100; font-size:15px; width:110px; margin-bottom:0;}
.bordo:hover{ background:#9B0000;}
/*HEADER*/
.header{ background:url(../img/bg_menu.png); height:222px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; text-transform:uppercase; }
.header .menu{ width:1000px; margin:auto;clear: both;}
.menu ul{float:left; padding-top:55px;}
.menu ul li{ float:left; padding:6px; margin-right:15px;}
.menu ul li a{ color:#FFF; }
.menu ul li:hover{ background-color:#730100;}
.menu ul li.active{ background-color:#A11D17;}
.menu .logo{ padding:10px 50px;}
.menu .logo img{ width: 257px;}
nav a#pull {
display: none;
}
#fbic{ display:none;}
/*GENERAL*/
.wrapper{ width:1000px; margin:auto;}
.main{ margin:-60px 0 0;background:url('../img/bg-black.png'); width:285px; padding:35px 50px 35px 45px; line-height:20px; font-family:gudea; font-size:14px; }
.main h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; padding-bottom:18px; font-weight:lighter;}
.main h2{font-size:14px; font-weight:bold;}
.main p{ padding-bottom:18px;}
/*SUITES*/
.suites .wrapper{ min-height:710px;}
.suites .main{ width:475px; padding-bottom:10px;}
.suites .main2{ width:25px; margin:-60px 0 0;background:url('../img/bg-black.png'); padding:25px;}
.suites h1{ float:left; width:200px;}
.closeBox{ float: right; width:28px; margin-top:-15px; margin-right:-25px;}
/*UBICACION*/
.ubicacion .main{ width:385px;}
.coordenadas{ float:left; width:200px;}
.goooglemap{ float:left; width:170px;}
/*CAPILLA*/
.capilla .main{ width:420px; font-size:13px; line-height:18px; padding-bottom:5px; margin-bottom:30px;}
.capilla .main li{ width:420px; clear:both; padding-bottom:20px; height:95px;}
.capilla .thumb{ float:left; width:127px; height:91px; border:1px solid #FFF; margin-right:10px;}
.capilla .thumb img{ width:127px; height:91px;}
/*TARIFAS*/
.tarifas .main{ width:635px; padding-right:15px;}
.tarifas .data{ width:230px; float:left; padding-left:15px;}
.tarifas .data a.mail:hover{ text-decoration:underline;}
.tarifas .data a.fb{ margin-top:5px; display:block;}
.tarifas .button{ margin-top:20px;}
.tarifas .form{ width:370px; float:left; padding-right:15px; border-right:1px solid #FFF;}
.tarifas .form li { margin:0; padding:0; background:none; border:none; display:block;}
.tarifas .form li label {margin:0; padding:6px 0 0px; font-size:14px; color:#FFF; display:block;}
.tarifas .form li:first-child label{ padding:0;}
.tarifas .form input.text { width:350px; border:1px solid #CCC; padding:5px 2px; height:15px; background:#fff;}
.tarifas .form textarea { width:350px; border:1px solid #CCC; padding:2px; background:#fff; height:98px;}
.tarifas .form .error{ color:#FF0000; font-size:12px; background:#FC0; padding:3px;}
.tarifas p.para{ width:350px; }
/* Supersized - Fullscreen Slideshow jQuery Plugin
Version : 3.2.7
Site : www.buildinternet.com/project/supersized
Author : Sam Dunn
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License
*/
* { margin:0; padding:0; }
img { border:none; }
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
/***********************/
/***********************/
/* Media Queries
***********************/
/* Large Monitor (Note: Design for a width of 1170px) */
@media only screen and (min-width: 1170px) {
#prevslide, #nextslide{ display: none; visibility: hidden;}
.menu ul li:nth-child(5){ margin-left: 350px; }
.menu .logo{position: absolute; top: 2px; left: 50%; margin-left: -150px;}
}
/***********************/
/* desktop*/
@media only screen and (min-width: 980px) and (max-width: 1169px) {
.header .menu{ width:960px;}
.wrapper{ width:960px;}
.menu .logo{ padding:10px 20px;}
.suites .wrapper{ min-height:710px}
.menu ul li:nth-child(5){ margin-left: 300px; }
.menu .logo{position: absolute; top: 2px; left: 50%; margin-left: -140px;}
#prevslide, #nextslide{ display: none; visibility: hidden;}
}
/***********************/
/* Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
.header .menu{ width:640px;}
.wrapper{ width:750px;}
.menu .logo{ margin-top: 10px; padding:5px 0px; float: left; width: 320px; height: 120px;}
.menu .logo img{ width: 257px;}
.menu ul{ padding-top: 3px; font-size: 12px; margin: auto; float: left;}
.menu ul li{ padding: 6px 2px; margin-right:10px; float: none}
.menu ul li:last-child{margin-right:0px; margin-left:205px; width: 25px; float: left;}
.menu ul li:nth-child(5){ float: left; }
#prevslide, #nextslide{ display: none; visibility: hidden;}
}
@media all and (max-width: 480px) {
nav {
border-bottom: 0;
}
nav ul {
display: none;
height: auto;
margin-right:50px;
}
nav a#pull {
display: block;
/*background-color: #5E1D14;*/
width: 100%;
position: relative;
}
nav a#pull:after {
content: "";
background: url(../img/nav-icon.png) no-repeat;
width: 30px;
height: 20px;
display: block;
position: absolute;
right: 0px;
top: 5px;
}
nav ul {
margin-top:15px;
}
nav li {
display: block;
float: none;
width: 100%;
position: relative;
height:10px;
margin:0px;
padding:0px;
}
nav li a { font-size:10px }
#fbli{ display:none;}
#fbic{ display:block; float:left; top:35px; position:absolute; right:12px; }
}
/***********************/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px){
.header .menu{ width:475px;}
.wrapper{ width:475px;}
.menu .logo{ margin-top: 10px; padding:5px 0px; float: left; width: 250px; height: 120px;}
.menu .logo img{ width: 220px;}
.menu ul{ padding-top: 3px; font-size: 12px; margin: auto; float: left;}
.menu ul li{ padding: 6px 2px; margin-right:10px; float: none}
.menu ul li:last-child{margin-right:0px; margin-left:95px; width: 25px; float: left;}
.menu ul li:nth-child(5){ float: left; }
.suites .main{ width:405px; padding: 35px 20px; padding-right: 35px; padding-bottom:10px;}
#progress-back, #prevthumb, #nextthumb, #thumb-tray{ display: none; visibility: hidden;}
#prevslide, #nextslide{ top: 60%;}
.suites .wrapper{ min-height:300px;}
.ubicacion .main{ width:375px;}
.capilla .main{ width:410px; padding:35px 25px; }
.capilla .main li{ width:400px; clear:both; padding-bottom:20px; height:105px;}
.tarifas .main{ width:410px;}
.tarifas .data{ width: 375px; float: none; border-top: 1px solid #FFF;}
.tarifas .form{ float: none; border: none;}
}
/***********************/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.header .menu{ width:315px;}
.wrapper{ width:315px;}
.menu .logo{ margin-top: 15px; padding:5px 0px; float: left; width: 165px; height: 120px;}
.menu .logo img{ width: 160px;}
.menu ul{ padding-top: 3px; font-size: 12px; margin: auto;}
.menu ul li{ padding: 6px 2px; margin: 0;float: none;}
.menu ul li:last-child{margin-right:0px; margin-left:55px; float: left;}
.menu ul li:nth-child(5){ float: left; }
.main { width:280px; padding:35px 15px; }
.suites .main{ width:250px; padding: 35px 20px; padding-right: 35px; padding-bottom:10px;}
#progress-back, #prevthumb, #nextthumb, #thumb-tray{ display: none; visibility: hidden;}
#prevslide, #nextslide{ top: 60%;}
.suites .wrapper{ min-height:300px;}
.ubicacion .main{ width:280px;}
.capilla .main{ width:280px; padding:35px 15px; }
.capilla .main li{ width:280px; clear:both; padding-bottom:15px; height:130px;}
.capilla .thumb{width:100px; height: 71px;}
.capilla .thumb img{ width:100px; height: 71px; }
.tarifas .main{ width:280px;}
.tarifas .data{ width: 260px; float: none; border-top: 1px solid #FFF;}
.tarifas .form{ width: 280px; float: none; border: none;}
.tarifas p.para{ width:260px;}
.tarifas .form input.text { width:270px;}
.tarifas .form textarea { width:270px;}
}