@font-face { font-family: 'arialregular'; src: url('fonts/arial-webfont.eot'); src: url('fonts/arial-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arial-webfont.woff2') format('woff2'), url('fonts/arial-webfont.woff') format('woff'), url('fonts/arial-webfont.ttf') format('truetype'), url('fonts/arial-webfont.svg#arialregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aria_text_g1bold'; src: url('fonts/AriaTextG1-Bold-webfont.eot'); src: url('fonts/AriaTextG1-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/AriaTextG1-Bold-webfont.woff2') format('woff2'), url('fonts/AriaTextG1-Bold-webfont.woff') format('woff'), url('fonts/AriaTextG1-Bold-webfont.ttf') format('truetype'), url('fonts/AriaTextG1-Bold-webfont.svg#aria_text_g1bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aria_text_g1italic'; src: url('fonts/AriaTextG1-Italic-webfont.eot'); src: url('fonts/AriaTextG1-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/AriaTextG1-Italic-webfont.woff2') format('woff2'), url('fonts/AriaTextG1-Italic-webfont.woff') format('woff'), url('fonts/AriaTextG1-Italic-webfont.ttf') format('truetype'), url('fonts/AriaTextG1-Italic-webfont.svg#aria_text_g1italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aria_text_g1'; src: url('fonts/AriaTextG1-Regular-webfont.eot'); src: url('fonts/AriaTextG1-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/AriaTextG1-Regular-webfont.woff2') format('woff2'), url('fonts/AriaTextG1-Regular-webfont.woff') format('woff'), url('fonts/AriaTextG1-Regular-webfont.ttf') format('truetype'), url('fonts/AriaTextG1-Regular-webfont.svg#aria_text_g1regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'adelle_basic_rgbold'; src: url('fonts/AdelleBasic_Bold-webfont.eot'); src: url('fonts/AdelleBasic_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/AdelleBasic_Bold-webfont.woff2') format('woff2'), url('fonts/AdelleBasic_Bold-webfont.woff') format('woff'), url('fonts/AdelleBasic_Bold-webfont.ttf') format('truetype'), url('fonts/AdelleBasic_Bold-webfont.svg#adelle_basic_rgbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'adelle_basic_rgbold_italic'; src: url('fonts/AdelleBasic_BoldItalic-webfont.eot'); src: url('fonts/AdelleBasic_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/AdelleBasic_BoldItalic-webfont.woff2') format('woff2'), url('fonts/AdelleBasic_BoldItalic-webfont.woff') format('woff'), url('fonts/AdelleBasic_BoldItalic-webfont.ttf') format('truetype'), url('fonts/AdelleBasic_BoldItalic-webfont.svg#adelle_basic_rgbold_italic') format('svg'); font-weight: normal; font-style: normal; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc);
font-weight: 400 }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; line-height: 1; font-size: 12px }
body > * { position: absolute; top: 0; min-width: 950px; min-height: 600px; }
/**/
.png { width: 100%; height: 100%; background: url(../images/png_teste.png); position: fixed }
.clear { clear: both }
.frame { z-index: 1; }
#big-video-wrap { z-index: 0 }
/*

header

*/
body > div { width: 100%; position: relative; height: 100%; }
body > div.frame { background: url(../images/fundo-transparencia.png) repeat-y; }
body > div.force { height: auto; }
body > div > header { padding-top: 15px; display: block; position: fixed; right: 50px; top: 10px; width: 220px; height: 200px; }
body > div > header > h1 { background: url(../images/hostel-thomar-2300-cinza.png) no-repeat; background-size: 100% 100%; width: 220px; height: 193px; margin: 0 auto; padding: 0; }
body > div > header > h1 a { display: block; overflow: hidden; text-indent: -300px; width: 220px; height: 193px; }
/**/
nav.m1 { display: none }
nav.m2 { }
nav.m2 > ul { width: 100%; list-style: none; display: block; /* height: 90px; */ z-index: 2; position: relative; font-family: adelle_basic_rgbold, serif; letter-spacing: 0.5px; }
nav.m2 > ul li { padding: 5px; position: relative; }
nav.m2 > ul li a { color: #fff; text-decoration: none; text-transform: uppercase; margin-left: 30px; position: relative; }
nav.m2 > ul li a span { }
nav.m2 > ul li a:link { opacity: 1 }
nav.m2 > ul li a:hover, nav.m2 > ul li.active a span { opacity: 1; }
nav.m2 > ul li.active a { opacity: 1; color: #fff; }
nav.m2 > ul li a:before { }
nav.m2 > ul li.active, nav.m2 > ul li:hover { background: #1E1A16; }
nav.m2 > ul > li.active > a:after { content: ":" }
nav.m2 > ul li.active ul, nav.m2 > ul li:hover ul { display: inline-block; padding: 0; position: absolute; margin: -5px 0 0 10px; }
nav.m2 > ul ul { display: none; /* left: 88px; */ }
nav.m2 > ul ul li { display: inline-block; }
nav.m2 > ul ul li a { margin-left: 0; border-left: 1px solid #fff; padding-left: 10px; }
/**/
section { height: 320px; width: 358px; overflow: auto; padding: 30px 30px 0 30px; box-sizing: content-box; color: #fff; line-height: 1.2; font-family: 'aria_text_g1', serif; }
section p { margin-bottom: 10px; font-family: aria_text_g1, sans-serif; font-size: 13px; line-height: 1.4; }
section a:link, section a:visited { color: #fff }
section .galeria { margin-top: 20px; }
section .galeria p a { font-size: 12px; font-family: adelle_basic_rgbold, serif; text-transform: uppercase; text-decoration: none }
section .galeria ul { list-style: none; margin: 0; padding: 0 }
section .galeria ul li { display: none; }
/**/
.testemunhos { position: fixed; bottom: 10px; right: 30px; width: 550px; z-index: 51; }
.testemunhos .testemunho p { margin: 0; font-size: 17px; line-height: 1.7; text-align: right; position: absolute; bottom: 10px; width: 100%; font-family: aria_text_g1italic, serif; }
.testemunhos .testemunho .autor { line-height: 1.5; display: inline-block; float: right; clear: both; margin-top: 13px; font-family: arial, sans-serif; font-size: 12px; }
.testemunhos .testemunho span { background: #1E1A16; margin-top: 20px; display: inline; padding: 3px 0px; color: #fff; box-shadow: 0px 0px 0px 5px #1E1A16; }
/**/
section h2:first-child { display: none }
/*

footer*/

body > div > footer { height: 240px; margin-top: 20px; clear: both; padding-top: 1px; width: 100%; z-index: 50 }
body > div > footer > div { bottom: 20px; width: 418px; z-index: 11; margin-top: 20px; }
body > div > footer p { color: #999999; width: 418px; float: left; font-style: italic; padding-top: 5px }
body > div > footer .social { display: block; text-align: center; }
body > div > footer .social > * { display: inline-block; text-align: center; }
body > div > footer .social > a +a { margin-left: 3px; }
body > div > footer .newsletter { float: right; text-align: right; display: inline-block; margin-left: 15px; background: #fff; padding-top: 1px; }
body > div > footer .newsletter input[type=text] { border: 0; outline: 0; padding-left: 5px; font-size: 13px; font-weight: 400; font-style: italic; /* padding-top: 10px; */ color: #999999; }
body > div > footer .newsletter input[type=submit] { background: #000 url(../images/seta_newsletter.png) center center no-repeat; border: 0; outline: 0; color: transparent; }
body > div > footer .addthis_toolbox a { margin-right: 8px; }
body > div > footer .reservar { display: block; position: relative; background: #CCC; width: 223px; height: 23px; border-radius: 10px; cursor: pointer; margin: 0 auto 10px auto; right: 2px; font-family: adelle_basic_rgbold, serif; }
body > div > footer .reservar a { color: #333; text-decoration: none; text-transform: uppercase; position: relative; top: 5px; display: block; }
body > div > footer .lang { display: inline-block; position: relative; background: #CCC; width: 70px; height: 23px; border-radius: 10px; cursor: pointer }
body > div > footer .lang ul { display: none; width: 70px; }
body > div > footer .lang:before { content: " "; display: block; position: absolute; width: 14px; height: 10px; top: 7px; left: 7px; background: url(../images/seta-menu.png) no-repeat; }
body > div > footer .lang:hover ul { display: block; position: absolute; top: -83px; background: #CCC; width: 70px; border-radius: 10px; list-style: none; border-bottom: 1px solid transparent; }
body > div > footer .lang:hover ul li { margin: 0; padding: 0; text-align: center }
body > div > footer .lang:hover ul li a { display: inline-block; width: 21px; height: 25px; overflow: hidden; text-indent: -100px; margin: 0; padding: 0 }
body > div > footer .lang:hover ul li.pt a { background: #CCC url(../images/portugal.jpg) center center no-repeat; }
body > div > footer .lang:hover ul li.en a { background: #CCC url(../images/england.jpg) center center no-repeat; }
body > div > footer .lang:hover ul li.fr a { background: #CCC url(../images/france.jpg) center center no-repeat; }
body > div > footer .lang.pt { background: #CCC url(../images/portugal.jpg) center center no-repeat; }
body > div > footer .lang.en { background: #CCC url(../images/england.jpg) center center no-repeat; }
body > div > footer .lang.fr { background: #CCC url(../images/france.jpg) center center no-repeat; }
/**/
body > div > footer.force { height: 240px; margin-top: 20px; clear: both; padding-top: 1px; position: fixed; width: 100%; bottom: 0; z-index: 50 }
body > div > footer.force nav.m2 { position: absolute; bottom: 150px; width: 100%; z-index: 10 }
body > div > footer.force > div { position: absolute; bottom: 20px; width: 418px; z-index: 11 }
/*



FORMS*/

section form { margin-top: 20px }
section form p { text-align: right; }
section form label { display: none }
section input[type=text], section textarea { border: 1px solid #fff; padding: 5px; width: 100%; color: #4C4C4C; font-style: italic; font-size: 14px }
section input[type=reset], section input[type=submit] { padding: 5px 10px; border: 1px solid #fff; background: #4C4C4C; color: #fff; font-style: italic; text-transform: lowercase; border: 0px; cursor: pointer }
section input[type=submit] { margin-right: 9px; }
section aside textarea { height: 60px }
section aside p { font-size: 14px; height: auto!important; }
section aside ul { margin: 30px 0 30px 0; list-style: none }
section aside ul li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #444; color: #fff; text-transform: uppercase }
/*


OUTROS */

.shadow { -webkit-box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2); }
.screen { display: none; }
.mandatory { color: red !important }
.credits { font-size: 8px; color: #FFF; text-align: right; text-transform: uppercase; letter-spacing: 1px; position: fixed; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -moz-transform-origin: 0 50%; -moz-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform-origin: 0 50%; -ms-transform: rotate(-90deg) translate(-50%, 50%); -o-transform-origin: 0 50%; -o-transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50%; transform: rotate(-90deg) translate(-50%, 50%); left: 5px; bottom: 140px; z-index: 1000 }
.credits a { color: #fff; text-decoration: none }
.swiper-container, .swiper-slide { width: 500px; }
.sw1 { }
.sw1 .controls { height: 24px; margin: 0 0 5px 5px; }
.sw1, .sw1 .swiper-slide { height: 110px; }
.sw1 .swiper-slide div { padding: 0 10px 10px 10px; }
.sw1 #next, .sw1 #prev { position: relative; display: inline-block; width: 24px; height: 24px; cursor: pointer; background: #231F20; color: #fff; text-align: center; }