/*--------------------------------------------------------------------
LAYOUT BASE - NOR267 (modern browsers)

#####    ###  #########  #########  #########  #########  #########
######   ###  ###   ###  ###   ###        ###  ###        #########
### ###  ###  ###   ###  ###   ###  #########  #########       ###
###  ### ###  ###   ###  #########  #########  ###   ###      ###
###   ######  ###   ###  ### ###    ####       ###   ###     ###
###    #####  #########  ###  ###   #########  #########    ###

Version: 	1.0 - 2014
author: 	Nor267 (Pedro campos)
email: 		geral@nor267.com
website: 	http://www.nor267.com
created with:   Brackets --http://brackets.io/--
--------------------------------------------------------------------*/
/*------------------------------------------------------------------*/


html,
body {
    min-width: 1008px;
    height: 100%;
    margin: 0;
    text-rendering: optimizeLegibility ;
    font-family: arial;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #d4ccb4;
}

* {
    text-decoration: none;
    color: #000000;
    outline: none;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

.wrapper {
    width: 100%;
    padding: 0 48px;
    float: left;
}
@media (min-height: 570px) {

.wrapper {
    position: absolute;
    top: 50%;
    margin-top: -310px;
}

}

/* HOME */
.home { position: relative; display: table; width: 636px; margin: 88px auto; }
.home .left { position: absolute; bottom: 0; float: left; }
.home .terradalva-logo { width: 100px; }
.home .left a {
    display: block;
    width: 82px;
    height: 30px;
    color: #d4ccb4;
    text-transform: uppercase;
    background-color: #aaa390;
    margin: 8px auto 0 auto;
    padding: 8px;
}
.home .left a:hover { color: #ffffff; }
.home .right {
    width: 514px;
    float: right;
    background-color: #990000;
    padding: 12px;
}
.home .slide {
    width: 432px;
    height: 316px !important;
    float: right;
}

.leftCort, .rightCort {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0; left: 0;
    background-color: #d4ccb4;
    z-index: 50;
    -webkit-transition: left 1.8s ease-in-out; transition: left 1.8s ease-in-out;
}
.rightCort { left: inherit; right: 0; -webkit-transition: right 1.8s ease-in-out; transition: right 1.8s ease-in-out; }
.leftCort.hide { left: -60%; }
.rightCort.hide { right: -60%; }

/* SITE */
.content {
    width: 100%;
    min-width: 912px;
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.content .top {
    width: 90%;
    margin: 0 auto;
}
.content .top .terradalva-logo {
    width: 86px;
    float: right;
    margin: 30px 12% 10px 116px;
}
.content .top .barra {
    width: 88%;
    height: 12px;
    background-color: #990000;
    float: left;
    clear: left;
}

.content .content-cnt {
    position: relative;
    width: 100%;
    float: left;
}

/* MENU */
.content .menu {
    position: relative;
    width: 10%;
    height: 338px;
    background-color: #990000;
    margin: 6px 0 0 0;
    padding: 12px 0 0 0;
    float: left;
    z-index: 10;
}
.content .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.content .menu ul li {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    padding: 0 0 0 8px;
    margin: 8px 0;
    float: left;
}
.content .menu ul li a {
    display: block;
    width: 100%;
    font-size: 10px;
    color: #d4ccb4;
    text-align: right;
    background-color: #990000;
    padding: 4px;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}
.content .menu ul li > a:hover, .content .menu ul li.current > a { color: #990000; background-color: #d4ccb4; }

.content .submenu {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    height: 50px;
    display: none;
}
.content .menu ul li.current .submenu { display: block; }
.content .submenu a {
    margin: 1px 2px;
    text-transform: none;
    background-color: #990000;
}
.content .submenu a:hover, .content .submenu a.current { color: #990000; background-color: #d4ccb4; }


/* PAGE */
.page {
    position: relative;
    width: 40%;
    height: 350px;
    float: left;
    z-index: 5;
}
.page .image-bg {
    position: absolute;
    width: 70%;
    height: 100%;
    padding: 6px 0 6px 6px;
}
.page .image-bg .image-bg-cnt {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}
.page .image-bg .image-bg-cnt.current { display: block; }
.page .right-red-bg {
    position: absolute;
    width: 30%;
    height: 100%;
    padding: 0 0 0 6px;
    right: 0;
}
.page .right-red-bg .right-red-bg-cnt {
    width: 100%;
    height: 100%;
    background-color: #990000;
}

.page .page-cnt {
    position: relative;
    width: 72%;
    height: 100%;
    float: right;
    padding: 6px 0;
    overflow: hidden;
    right: -50%;
    -webkit-transition: all 0.8s; transition: all 0.8s;
}
.page .page-cnt.open { right: 0; }

.page .page-cnt.openClose {
    -webkit-animation-name: openClose;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: openClose;
    animation-duration: 1.6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes openClose {
    from { right: 0; }
    50% { right: -50%; }
    to { right: 0; }
}
@keyframes openClose {
    from { right: 0; }
    50% { right: -50%; }
    to { right: 0; }
}
.page .page-cnt.openClose2 {
    -webkit-animation-name: openClose2;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: openClose2;
    animation-duration: 1.6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes openClose2 {
    from { right: 0; }
    50% { right: -50%; }
    to { right: 0; }
}
@keyframes openClose2 {
    from { right: 0; }
    50% { right: -50%; }
    to { right: 0; }
}

.page .page-cnt .info {
    position: relative;
    width: 100%;
    height: 294px;
    z-index: 10;
    background-color: #990000;
    padding: 24px 14px 0 14px;
    overflow: hidden;
}
.page-cnt .page-cnt-footer {
    position: absolute;
    width: 340px;
    height: 100px;
    bottom: -24px;
    right: 36%;
    background-image: url(../images/layout/content-page-footer.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 5;
    -webkit-transition: all 0.4s; transition: all 0.4s;
}
.page .page-cnt.open .page-cnt-footer { bottom: 4px; }

.page .page-cnt.openClose .page-cnt-footer {
    -webkit-animation-name: openCloseFooter;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: openCloseFooter;
    animation-duration: 1.6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes openCloseFooter {
    from { bottom: 4px; }
    50% { bottom: -30px; }
    to {  bottom: 4px; }
}
@keyframes openCloseFooter {
    from { bottom: 4px; }
    50% { bottom: -30px; }
    to {  bottom: 4px; }
}
.page .page-cnt.openClose2 .page-cnt-footer {
    -webkit-animation-name: openCloseFooter2;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: openCloseFooter2;
    animation-duration: 1.6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes openCloseFooter2 {
    from { bottom: 4px; }
    50% { bottom: -30px; }
    to {  bottom: 4px; }
}
@keyframes openCloseFooter2 {
    from { bottom: 4px; }
    50% { bottom: -30px; }
    to {  bottom: 4px; }
}



.page .page-cnt .info .info-cnt {
    position: relative;
    height: 270px;
    padding: 0 0 0 2px;
    overflow: hidden;
    display: none;
}
.page .page-cnt .info .info-cnt.current { display: block; }
.page .page-cnt .info h2 {
    width: 100%;
    font-size: 12px;
    color: #d4ccb4;
    text-transform: uppercase;
}
.page .page-cnt .info p {
    width: 100%;
    color: #d4ccb4;
    line-height: 16px;
}
.page .page-cnt .info p a { color: #d4ccb4; }
.page .page-cnt .info p a:hover { text-decoration: underline; }


/* GALLERY */
.gallery {
    position: relative;
    width: 50%;
    height: 350px;
    float: left;
    padding: 6px 0 6px 6px;
    z-index: 5;
    background-color: #d4ccb4;
}
.gallery .gallery-cnt {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 14px;
    background-color: #660000;
}
.gallery .gallery-cnt .slide {
    position: relative;
    width: 100%;
    height: 316px;
    background-size: cover;
    background-position: center center;
    overflow: visible;
    display: none;
}
.gallery .gallery-cnt .slide.maps { display: block; position: absolute; top: 0; left: 0; padding: 10px 14px; z-index: -1; }
.gallery .gallery-cnt .slide.maps.current { z-index: 1; }
.gallery .gallery-cnt .slide.bigger { height: 346px !important; }
.gallery .gallery-cnt .slide.current { display: block; }
.mapaArea {
    width: 100%;
    height: 316px;
}
/* slide */
ul.bjqs { height: 316px !important; }
li.bjqs-slide {
    width: 100%;
    height: 316px !important;
    background-size: cover;
    background-position: center center;
}
ul.bjqs li a { display: block; width: 100%; height: 100%; }

ol.bjqs-markers li a {
    width: 12px;
    height: 12px;
    text-align: center;
    font-size: 9px;
    color:#ffffff;
    text-align: center;
    opacity: 1;
    background-color: #990000;
    padding: 1px 0;
    margin: 0 1px;
}
ol.bjqs-markers li.active-marker a { background-color: #aaa390; }


/* FOOTER */
.content .footer {
    width: 90%;
    margin: 0 auto;
}
.content .footer .barra {
    width: 88%;
    height: 12px;
    background-color: #990000;
    float: left;
    clear: left;
}
.footer p {
    float: left;
    font-size: 10px;
    color: #990000;
    margin: 4px 0 48px 0;
}
.footer p a { color: #990000; }
.footer p a:hover { text-decoration: underline; }


a.mCSB_buttonUp, a.mCSB_buttonDown {
    width: 7px !important;
    height: 7px !important;
    background-color: #d4ccb4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1 !important;
    margin: 0 0 0 4px !important;
}



.musica {
    width: 12px;
    height: 12px;
    overflow: hidden;
	float: left;
    margin: 0 4px;
}
.musica .volumeLevel { display: none !important; }
.mbMiniPlayer span {
    width: 12px !important;
    background-color: #aaa390;
}
.musicState {
    float: left;
    height: 12px;
    overflow: hidden;
}
.musicState span {
    font-size: 10px;
    line-height: 10px;
    margin: 1px 0 0 0;
    color: #b4ad99;
    display: none;
}
.musicState span.current { display: block; }

/* RESERVAS */
.reservas .leftForm {
    width: 56%;
    float: left;
    padding: 12px 0 24px 24px;
}
.reservas .rightForm {
    width: 44%;
    float: right;
    padding: 12px 24px 24px 0;
}
.reservas .input { float: left; width: 100%; padding: 6px 0; }
.reservas .input.forCheck { padding: 6px 0 0 0; }
.reservas .input p { width: 100%; color: #757575; font-size: 10px; margin: 0 0 2px 0; }
.reservas .input p span { color: #92191b; }
.reservas .input p.side { width: auto; float: left; margin: 2px 4px;  }
.reservas .input p.aviso { color: #92191b; margin: 16px 0 0 0; }
.inputText {
    width: 100px;
    float: left;
    border: none;
    background-color: #edeae2;
    margin: 0;
}
.reservas .rightForm .inputText { width: 100%; }
.inputText.small { width: 20px; }
.inputCheck {
    margin: 0;
    float: left;
}
.textArea { max-width: 100%; height: 78px; max-height: 78px; resize: none; }
.inputSubmit { float: right; }

.tabelaPrecos {
    width: 80%;
    margin: 40px 10% 0 10%;
    border: 6px solid #d4ccb4;
    color: #d4ccb4;
    background-color: #990000;
    float: left;
}
.tabelaPrecos div { height: 34px; float: left; text-align: center; color: #d4ccb4; padding: 6px 0 0 0; }
.tabelaPrecos .t1 { width: 40%; border-bottom: 6px solid #d4ccb4; }
.tabelaPrecos .t2 { width: 20%; border-bottom: 6px solid #d4ccb4; border-left: 6px solid #d4ccb4; }
.tabelaPrecos .t3 { height: 44px; width: 40%; text-align: left; font-weight: 700; padding: 14px 8px; }
.tabelaPrecos .t4 { height: 44px; width: 20%; border-left: 6px solid #d4ccb4; padding: 14px 0; }
.tabelaPrecos .t3.last { height: 100px; padding: 14px 8px 38px 8px; }
.tabelaPrecos .t4.last { height: 100px; padding: 14px 0 38px 0; }


@media (min-width: 1180px) {
    
.wrapper { padding: 0 96px; }
.content .menu { height: 400px; }
.page { height: 412px; }
.page .page-cnt .info { height: 364px; }
.page .page-cnt .info .info-cnt { height: 334px; }
.gallery .gallery-cnt .slide.bigger { height: 408px !important; }
ul.bjqs { height: 378px !important; }
li.bjqs-slide { height: 378px !important; }
.gallery { height: 412px; }
    
.homeSlide ul.bjqs { height: 316px !important; }
.homeSlide li.bjqs-slide { height: 316px !important; }

.gallery .gallery-cnt .slide {
    width: 100%;
    height: 380px;
}
.mapaArea {
    width: 100%;
    height: 380px;
}
    
.reservas .leftForm {
    width: 50%;
    padding: 36px 0 24px 24px;
}
.reservas .rightForm {
    width: 50%;
    padding: 36px 24px 24px 24px;
}
    
.tabelaPrecos {
    margin: 66px 10% 0 10%;
}
    
}