@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%; margin: 0; padding: 0; line-height: 1; font-size: 12px; background:#000 }
body > * { position: absolute; top: 0; min-width:950px; min-height: 730px }
/**/
.png { width: 100%; height: 100%; background: url(../images/png_teste.png); position: fixed }
.clear { clear: both }
.frame {
    width: 300px;
 
    margin: 0 auto;
    max-width: 300px;
    min-width: 300px;
    min-height: 0;
}
#big-video-wrap { z-index: 0 ;display: none;}
#jq_ez_bg {display: none !important;}
/*

header

*/
body > div { position: relative;}
body > div.force {}
body > div > header { width: 300px; padding-top: 1px; }
body > div > header > h1 { background: url(../images/hostel-tomar-2300-small.png) no-repeat; width: 80px; height: 70px; margin: 0 auto; padding: 0; }
body > div > header > h1 a { display: block; overflow: hidden; text-indent: -300px; width: 80px; height: 70px; }

/**/

nav.m1 { display: block; margin: 0; padding: 0; font-size: 11pt; text-transform: uppercase; position: fixed; z-index: 60; width: 320px; top: 0; height: 100%; right: -1px;}
nav.m1 { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
nav.m1 .handler { display: block; float: left; width: 70px; height: 70px; background: url(../images/menu-handler.png) center center no-repeat; cursor: pointer;}
nav.m1 ul.menu1 { display: block; float: right; list-style: none; margin: 0; padding: 0; width: 250px; height: 100%; background: #333333; font-family: adelle_basic_rgbold, serif; font-size: 17px;}
nav.m1 ul.menu1 li { display: block; list-style: none; margin: 15px 0 0 15px; padding: 0; font-weight: 700 ; letter-spacing: 1.1px;}
nav.m1 ul.menu1 li a:link, nav.m1 ul.menu1 li a:visited { text-decoration: none; color: #C4C4C4; }
nav.m1 ul.menu1 li a:hover, nav.m1 ul.menu1 li a.active { color: #FFF !important; }
nav.m1 ul.menu1 ul { display: none}
nav.m1 ul.menu1 li.active ul { display: block}
nav.m1.closed { right: -250px;}
nav.m2 { display: none;}
/**/
section { width: 300px; padding: 30px; color: #fff; line-height: 1.2; font-family: 'aria_text_g1', serif; margin-bottom: 70px;}
section p { margin-bottom: 10px; font-family: aria_text_g1, sans-serif;}
section a:link, section a:visited { color: #F8AE00}
/**/
section .galeria { margin-top:20px;}
section .galeria ul { list-style: none; margin: 0; padding:0}
section .galeria ul li { display: none; }
section .galeria ul li:first-child { display: block; }
/**/
.testemunhos { display: none;}
.testemunhos .testemunho p { margin: 0; font-size: 17px; line-height: 1.8; 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: 90px; margin-top: 20px; clear: both; padding-top: 1px; width: 100%;  z-index:50 ; position: fixed; bottom: 0; background: url(../images/fade-footer.png) repeat-x;}
body > div > footer.force { height: 55px; margin-top: 20px; clear: both; padding-top: 1px; position: fixed; width: 320px; bottom: 0; z-index:50 ; background: #000;}
body > div > footer > div { position: absolute; bottom: 12px; width: 300px; z-index: 11}
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; }
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;}
/*



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 { display: 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; }