/* =====================================BASE STYLES===================================== */html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*,*:before,*:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selectionbody ::-moz-selection {background: #ddd;color: #000;text-shadow: none}body ::selection {background:  #ddd;color: #000;text-shadow: none}*//* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 100%;min-width: 801px;max-width: 1024px;}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== *//* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 96%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 801px) {.container {width: 96%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 801px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}.hidden-sm {display: none !important;visibility: hidden !important;}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}@media only screen and (min-width: 801px) {.hidden-md {display: none !important;visibility: hidden !important;}}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: Simplex: Core Modified On 2015-05-11 09:47:32 */
/* =====================================FONTS===================================== */@font-face {font-family: 'TradeGothic';src: url('/assets/typo/TradeGothicLT.eot?#iefix') format('embedded-opentype'),url('/assets/typo/TradeGothicLT.woff') format('woff'),url('/assets/typo/TradeGothicLT.ttf') format('truetype'),url('/assets/typo/TradeGothicLT.svg#TradeGothicLT') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'TradeGothic';src: url('/assets/typo/TradeGothicLT-Bold.eot?#iefix') format('embedded-opentype'),url('/assets/typo/TradeGothicLT-Bold.woff') format('woff'),url('/assets/typo/TradeGothicLT-Bold.ttf') format('truetype'),url('/assets/typo/TradeGothicLT-Bold.svg#TradeGothicLT-Bold') format('svg');font-weight: 700;font-style: normal;}/* =====================================ICONS===================================== */@font-face {font-family: "icons";src:url("/assets/typo/icons_2b3f2a283a0c9a3f12d9d38ffbda9002.eot");src:url("/assets/typo/icons_2b3f2a283a0c9a3f12d9d38ffbda9002.eot?#iefix") format("embedded-opentype"),url("/assets/typo/icons_2b3f2a283a0c9a3f12d9d38ffbda9002.woff") format("woff"),url("/assets/typo/icons_2b3f2a283a0c9a3f12d9d38ffbda9002.ttf") format("truetype"),url("/assets/typo/icons_2b3f2a283a0c9a3f12d9d38ffbda9002.svg#icons") format("svg");font-weight: normal;font-style: normal;}[class^="icon-"]:before,[class*=" icon-"]:before {font-family: "icons" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-check:before {content: "\e000";}.icon-facebook:before {content: "\e001";}.flex-next:before,.icon-next:before {content: "\e002";}.icon-instagram:before {content: "\e003";}.flex-prev:before,.icon-prev:before {content: "\e004";}.icon-quote:before {content: "\e005";}.icon-twitter:before {content: "\e006";}.icon-mail:before {content: "\e007";}.icon-phone:before {content: "\e008";}.icon-up:before {content: "\e009";}/* =====================================BASIC STYLES===================================== */body {background: rgb(237, 193, 133);;font-family: 'TradeGothic', sans-serif; /* sans-serif falls back to default OS and Browser font, usually Arial or Helvetica and so on */font-size: 14px;color: #000;line-height: 1.3background-attachment: fixed;}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border-bottom: 2px solid rgb(234, 132, 47);;}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #5B5B5E}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #5B5B5E;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: solid #5B5B5E;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}table {margin-top: 25px;margin-bottom: 25px;text-align: center;}table th,table td {border-bottom: 1px solid #e9e9e9;padding: 10px 0;}table th {color: #0B101B;text-transform: uppercase;}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {text-decoration: underline;color: inherit}/**a:visited {color: inherit}a:hover {color: rgb(234, 132, 47);;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: none;}**/a:hover, a:active {outline: 0}/* default heading styles */h1,h2,h3,h4,h5,h6 {color: #000;font-family: 'TradeGothic', sans-serif;font-weight: 700;}h1 {font-size: 26px;margin: 10px 0;text-transform: uppercase;}h2 {font-size: 22px}h3 {font-size: 18px}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #5B5B5E;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #5B5B5E}blockquote cite {display: block;font-size: 12px;color: #5B5B5E}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}ul.lista {padding: 0;}ul.lista li {width: 50%;padding-bottom:1em;float:left;display:inline;list-style-type: none;}.content li{line-height: 1.6em;}.content img, .img-side, .img-full {max-width: 100%; height: auto;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {background-repeat: no-repeat;background-position: top center;}#mobile-menu {display: none;visibility: hidden;transform: none;transition: none;}/* ------ HEADER SECTION ------ */.bar-top {background-color: #000;color: #fff;padding: 5px 12px;}.bar-top-item {color: #fff;font-size: 12px;text-decoration: none;}.bar-top-item + .bar-top-item {margin-left: 10px;}.bar-top-item .icon:before {color: rgb(234, 132, 47);;font-size: 14px;margin-right: 5px;}.lang-item {color: #fff;font-size: 12px;text-decoration: none;text-transform: uppercase;}.lang-item + .lang-item {border-left: 1px solid #fff;padding-left: 6px;margin-left: 2px;}.lang-item.is-current {color: #9A999D;}/* if you need height or something for header part add style here */.header {background-color: rgba(237, 193, 133, 0.90);;/* box-shadow: 0 0 5px rgba(0,0,0,0.8); */}/* the logo */.logo {margin-top: 5px;position: relative}/* ------ NAVIGATION ------ *//* first level */.main-navigation {z-index: 990;height: 129px;line-height: 39px;}.main-navigation > ul {bottom: 0;position: absolute;padding: 0;right: 0;}.main-navigation > ul > li {float: left;padding: 0;position: relative}.main-navigation > ul > li > a,.main-navigation > ul > li.sectionheader span {color: #000;cursor: pointer;display: block;font-family: 'TradeGothic', sans-serif;font-weight: 700;font-size: 18px;padding-left: 7px;padding-right: 7px;text-decoration: none;text-transform: uppercase;transition: all 0.2s ease-out;margin: 0 5px;}/* Second Level */.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;min-width: 170px;background-color: rgb(234, 132, 47);;}.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 100%;right: 0;left: auto;display: block}.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;}.main-navigation ul ul span,.main-navigation ul ul a {color: #fff;display: block;font-size: 16px;padding: 10px 12px;text-decoration: none;}.main-navigation li:hover > a,.main-navigation li.sectionheader:hover > span,.main-navigation .is-current a,.main-navigation .is-current span {background-color: rgb(234, 132, 47);;color: #fff;}.header-bottom {height: 270px;position: relative;overflow: hidden;}.header-bottom .phrase {bottom: 10px;color: #fff;font-family: Georgia;font-size: 34px;left: 0;margin: 0;padding: 0 10px;position: absolute;text-shadow: 0 0 5px rgba(0,0,0,0.8);}.header-bottom-precio {top: 20px;position: absolute;text-align: center;right: 12px;transform: rotate(10deg);}.header-bottom-precio .precio-text--top {font-size: 30px;display: block;line-height: 1;margin-top: 50px;text-transform: uppercase;}.header-bottom-precio .precio-text--bottom {font-size: 50px;display: block;line-height: 1;letter-spacing: -2px;}/* ------ CONTENT AREA ------ */.content-wrapper {background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.8);margin-bottom: 20px;padding: 10px;position: relative;z-index: 20;}.sprite {background-image: url('/assets/images/sprite.png');background-position: 0 0;background-repeat: no-repeat;display: block;}.sprite--booking {background-position: 0px -172px;height: 58px;width: 260px;}.sprite--hostelworld {background-position: -172px 0px;height: 58px;width: 260px;}.sprite--oferta {height: 170px;width: 170px;}.index-item {min-height: 100px;overflow: hidden;margin-bottom: 20px !important;}.index-item-text {background-color: rgb(234, 132, 47);;bottom: 0;color: #000;font-size: 16px;padding: 8px 10px;position: absolute;text-transform: uppercase;width: 100%;}.index-item img{width: 100%;height: 100%;}.lista .icon:before {color: rgb(234, 132, 47);;font-size: 20px;margin-right: 5px;vertical-align: text-bottom;}/* ------ SIDEBAR AREA ------ */.sidebar-box {margin-bottom: 25px;}.sidebar-reserva {margin-bottom: 10px;position: relative;text-indent: -9999px;overflow: hidden;}/*.sidebar-reserva + .sidebar-reserva {margin-top: 15px;}*/.testimonio-item .icon {color: #5B5B5E;font-size: 45px;line-height: 1;}.testimonio-name {color: #5B5B5E;margin-bottom: 5px;margin-top: 0;text-align: right;}.testimonio-country {color: #5B5B5E;margin: 0;text-align: right;}.testimonio-flag {margin-left: 5px;vertical-align: text-bottom;}.testimonio-text {color: #5B5B5E;}ul#instagram {margin: 0;height: 455px;overflow-x: auto;padding: 5px 0;border-top: 1px solid #ddd;}ul#instagram li{list-style-type: none;float:left;width: 49%;display: inline-block;}ul#instagram li:nth-child(even){margin: 0 0 2% 2%;}ul#instagram li img{width: 100%;height: auto;}ul#instagram li a{opacity: 0.8;}ul#instagram li a:hover{opacity: 1;}.footer-instagram-box .footer-top-inner {padding: 5px; border: 1px solid #ddd; background: white;}.instatitle h3 {margin: 0; padding: 0;}.instatitle  {padding: 5px 0;}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {font-size: 12px;position: relative;margin-top: 15px;}.footer-top {margin-bottom: 10px;}.footer-top-title {border-bottom: 2px solid rgb(234, 132, 47);;font-weight: 700;margin: 0 0 10px;}.footer-bottom {background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.8);padding: 15px 20px;}.footer-bottom-info,.footer-bottom-social {height: 78px;}.footer-logo-img {margin-top: 5px;}.footer-social-title {font-size: 14px;margin-bottom: 15px;margin-top: 0px;text-align: left;text-transform: uppercase;}.social-link {color: #fff !important;font-size: 42px;text-decoration: none;height: 42px;line-height: 1;display: inline-block;margin: 0 5px;}.link-aviso-legal {border-right: 1px solid #000;color: #000;margin-right: 2px;padding-bottom: 2px;padding-right: 8px;}.contact-form-ok {margin: 40px 0;text-align: center;}.field {margin-bottom: 1%;min-height: 32px;padding: 3%;width: 100%;}.field:nth-child(odd) {background-color: rgb(237,237,237);}.field:nth-child(even) {background-color: rgba(237,237,237, 0.4);}.field-label {color: #666;display: inline-block;font-size: 14px;padding-right: 1%;vertical-align: middle;width: 25%;}.field-input {border: 1px solid #AEAEAE;display: inline-block;font-size: 14px;height: 30px;margin: 0px;padding: 0px 1%;text-indent: 5px;vertical-align: middle;width: 73%;}.field.is-req .field-input,.field.is-req .field-textarea,.field.is-req .field-input + .icon {border-color: rgb(231, 76, 60);}.field--textarea .field-textarea {border: 1px solid #AEAEAE;display: inline-block;height: 100px;padding: 10px;resize: none;width: 73%;}.field--textarea .field-textarea:focus {outline: 0 none;}.submit-box {display: table;margin-top: 10px;width: 100%;}.submit-text {display: table-cell;font-size: 12px;padding: 0 20px;vertical-align: middle;width: 50%;}.submit-input {border: 0px none;background-color: rgb(234, 132, 47);;color: #fff;font-size: 20px;padding: 12px 0px;text-align: center;text-transform: uppercase;max-width: 200px;min-width: 170px;width: 50%;}@media only screen and (min-width: 801px) {h1 {font-size: 23px;}.header-bottom .phrase {font-size: 40px;padding: 0 20% 0 0;}.header-bottom-precio {bottom: -22px;top: auto;}.sidebar-box {padding-left: 15%;}.footer-bottom {padding-left: 0;padding-right: 0;}.footer-bottom-copy {height: 78px;}.footer-copy-inner {bottom: 0;position: absolute;right: 0;}.field {margin-bottom: 0;padding: 1%;width: 49.5%;}.field + .field {margin-left: 0.5%;}.field--full {width: 99.5%;margin-left: 0 !important;}.field.odd { background-color: rgb(237,237,237) !important; }.field.even { background-color: rgba(237,237,237, 0.4) !important; }.field--full .field-label {width: 12%;}.field--full .field-input {width: 87%;}.field--textarea .field-textarea {width: 87%;}.submit-input {margin-right: 0.5%;}}
/* Stylesheet: Simplex: Layout Modified On 2016-06-04 13:40:22 */