body {
    font-family: 'Gotham Rounded Light', 'Gotham-Rounded-Light', 'Trebuchet MS', sans-serif;
    font-size: 62.5%;
}

body > *, #wrapper > li {

    visibility: visible;

    position: absolute;
    width: 100%;
    height: 100%;
    display: none;

    background-color: #000000;
}

body > #maquina-branca-btn, body > #maquina-preta-btn {
    visibility: visible !important;
}

#landscape_only {
    visibility: hidden;
    display: none;

}

#logodelta, #maquina-preta-btn, #maquina-branca-btn {
    display: block;
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6{color:#ccc; font-weight: normal; margin:0;}

p{font-size: 1.2em;}
a, a:link{color:#ffffff; text-decoration: none; outline:0; border:0;}


#logodelta {
    position: fixed;
    top: 0;
    left: 0;
    width: 148px;
    height: 61px;

    margin: 35px 0 0 35px;

    z-index: 990;
}

body.maquina-branca #logodelta {
    background: url(../images/logodelta-white.png) 0 0 no-repeat;
}

body.maquina-preta #logodelta {
    background: url(../images/logodelta-black.png) 0 0 no-repeat;
}

#logodelta a {
    width:100%;
    height: 100%;
    display: block;
    /*    text-indent:-9999px;*/
    color: transparent;
}



#preloader {
    display: block;
}

#preloader, #wrapper {
    margin: 0;
    padding: 0;
}

#preloader {
    z-index: 950;

    background-color: #ffffff;
    /*    border: 1px gray solid;*/

    position: absolute;
    /*    margin: -2px;*/
    width: 100%;
    height: 100%;

    text-align: center;
}

#preloader {
    background: #ffffff url(../images/alqimia_preloader.png) no-repeat center center fixed;
    /*     http://css-tricks.com/3458-perfect-full-page-background-image/ 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

#preloader h3 {
    font-size: 2.2em;
    position: absolute;
    right: 7%;
    bottom: 5%;
    text-transform: uppercase;
    font-weight: lighter;
    text-align: right;
    width: 550px;
    color: #333;
}

#loading-img { position: absolute; bottom: 25%;left: 48%; width: 20px; height: 20px;/* box-shadow: 0 0 4px #ccc;*/}



#wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}


#wrapper > li {
    list-style: none;
    display: block;
    position: relative;

    width: 100%;
    height: 100%;
}

#wrapper > li > div {
    position: absolute;
    width: 100%;
    height: 100%;
}




body.maquina-preta #intro .maquina-preta, body.maquina-branca #intro .maquina-branca {
    display: block;
}
body.maquina-branca #intro .maquina-preta, body.maquina-preta #intro .maquina-branca {
    display: none;
}


.cafe #capsula .cafe, .cafe #bebida .cafe, .cha #capsula .cha, .cha #bebida .cha {
    visibility: visible;
}
.cha #capsula .cafe, .cha #bebida .cafe, .cafe #capsula .cha, .cafe #bebida .cha {
    visibility: hidden;
}


body.maquina-preta #maquina-branca-btn, body.maquina-branca #maquina-preta-btn {
    visibility: visible;
}
body.maquina-branca #maquina-branca-btn, body.maquina-preta #maquina-preta-btn {
    visibility: hidden;
}




#maquina-preta-btn,  #maquina-branca-btn {
    position: fixed; 
    top: 114px;
    z-index: 190; 
    width: 23px; 
    height: 15px;
}

#maquina-branca-btn {
    left: 35px;
}
#maquina-preta-btn {
    left: 74px;
}

#maquina-branca-btn a {
    width: 100%; 
    height: 100%; 
    display: block;
    background:url(../images/btn-maquina-branca.png) center center no-repeat;
}
body.maquina-branca #maquina-branca-btn a {
    background:url(../images/btn-maquina-branca_disabled.png) center center no-repeat;
}

#maquina-preta-btn a {
    width: 100%; 
    height: 100%; 
    display: block;
    background:url(../images/btn-maquina-preta.png) center center no-repeat;
}
body.maquina-preta #maquina-preta-btn a {
    background:url(../images/btn-maquina-preta_disabled.png) center center no-repeat;
}

.voltar {
    position: absolute; 
    bottom: 0; 
    /*right: 0; */
    left: 25px;
    z-index: 150;
    width:75px; 
    height: 53px; 
}

body.maquina-branca .voltar {background:url(../images/white/btn-voltar.png) 0 0 no-repeat; /*display: none; */}
body.maquina-preta .voltar {background:url(../images/black/btn-voltar.png) 0 0 no-repeat; }

.voltar a, #maquina-preta-btn a, #maquina-branca-btn a {
    /*    text-indent: -9999px; */
    color: transparent;
}





#fix-intro-left, #fix-intro-right {
    position: absolute;
    top: 0;
    width: 230px;
    height: 100%;
}

#fix-intro-left {
    left: 0;
}

#fix-intro-right {
    right: 0;
}





























#container360-branca, #container360-preta {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}










body.maquina-branca #intro .intro360 {
    background: #ffffff url(../images/white/360/01.jpg) no-repeat 0 0;
}

body.maquina-preta #intro .intro360 {
    background: #ffffff url(../images/black/360/01.jpg) no-repeat 0 0;
}

body.maquina-branca #intro .intro360, body.maquina-preta #intro .intro360 {   
    /* Tem que estar depois do background */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.maquina-branca #capsula .cafe {
    background: #ffffff url(../images/white/capsula_cafe_bg.jpg) no-repeat 0 0;
}

body.maquina-preta #capsula .cafe {
    background: #000000 url(../images/black/capsula_cafe_bg.jpg) no-repeat 0 0;
}

body.maquina-branca #capsula .cha{
    background: #ffffff url(../images/white/capsula_cha_bg.jpg) no-repeat 0 0;
}

body.maquina-preta #capsula .cha {
    background: #000000 url(../images/black/capsula_cha_bg.jpg) no-repeat 0 0;
}

body.maquina-branca #capsula .cafe, body.maquina-preta #capsula .cafe,  body.maquina-branca #capsula .cha, body.maquina-preta #capsula .cha{
    /* Tem que estar depois do background */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


body.maquina-branca #bebida .cafe {
    background: #ffffff url(../images/white/bebida_cafe_bg.jpg) no-repeat 0 0;
}

body.maquina-preta #bebida .cafe {
    background: #000000 url(../images/black/bebida_cafe_bg.jpg) no-repeat 0 0;
}

body.maquina-branca #bebida .cha{
    background: #ffffff url(../images/white/bebida_cha_bg.jpg) no-repeat 0 0;
}

body.maquina-preta #bebida .cha {
    background: #000000 url(../images/black/bebida_cha_bg.jpg) no-repeat 0 0;
}

body.maquina-branca #bebida .cafe, body.maquina-preta #bebida .cafe, body.maquina-branca #bebida .cha, body.maquina-preta #bebida .cha{
    /* Tem que estar depois do background */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.nav{
    display: block;
    z-index: 110; 
    width: 100%; 
    /*    height: 160px; */
    position: absolute; 
    bottom: 3px; 
    text-align: center;
    font-size: 1.2em; 
    font-family: 'Gotham Rounded Medium', 'Gotham-Rounded-Medium', 'Trebuchet MS', sans-serif;
    font-weight: normal;
    /*    color:#333;*/
    color:#555;

    margin-bottom: 27px;
}
.nav li{
    list-style:none;
}
body.maquina-preta .nav li{
    color: #333;
}

.headline{
    width: 323px; 
    height: 250px; 
    position: absolute; 
    left: 40px; 
    /*    top: 22%;*/
    top: 27%;
}

.headline_right { position: absolute; left: auto; top:14%; right: 6%; width: 250px; }
.headline_left{position: absolute;  right:auto;height: auto; top:18%; left: 40px; width:380px;}
.headline_right h3{font-size: 2.4em; text-align: left; width:90%; z-index:25; line-height: 1.0em;}
.headline_left h5, .headline_right h5 {font-size: 1.4em; margin: 10px 0; }
.headline_right .reserva, .headline_right .specs{font-family: 'Gotham Rounded Medium', 'Gotham-Rounded-Medium', 'Trebuchet MS', sans-serif; color: #777; padding: 2px 15px 2px 0; height:6px; }
.headline_right .reserva {background: url(../images/arrow.png) no-repeat center right; background-size: 10px 10px; -webkit-background-size: 10px 10px;}

.que_deseja_tomar { 
    background: url(../images/arrows.png) no-repeat right top;
    padding: 25px 16px 0 20px;
/*    margin: 0 auto; */
    display: inline-block;
    overflow: hidden;
    color: #bbb;
    
    position: relative;
    top: -47px;
    
    margin-left: -145px;
}

.texto_comprar h3.specs { background: url(../images/arrows.png) no-repeat; background-position: 132px -60px; padding: 0px 15px 0px 0px; height: 21px; margin-bottom: -7px; }
.texto_comprar a.specs { background: url(../images/arrows.png) no-repeat; background-position: 202px -108px; padding: 0px 15px 0px 0px; height: 21px; margin-bottom: -7px; }

.headline h2{
    font-size: 3.6em; 
    position: relative; 
    text-align: left;
    width:90%; 
    z-index:121; 
    line-height: 1.0em; 
    text-transform: uppercase;
}

.headline.button h2{
    top: 50%; 
    left: 35%;
}

#inteligente .headline h2 { color: #fff; margin-bottom: 33px; }
#inteligente .headline h4 { color: #ddd; margin-bottom: 7px; }

#depositos_agua .headline h2 { color: #222; margin-bottom: 33px; }
#depositos_agua .headline h4 { color: #555; margin-bottom: 7px; }

#automatica .headline h2 { color: #333; margin-bottom: 33px; }
#automatica .headline h4 { color: #555; margin-bottom: 20px; }

#dados_tecnicos header { top: 22%; }
#dados_tecnicos header h2 { color: #555; margin-bottom: 26px; font-size: 2.6em; }
#dados_tecnicos header h5 { color: #555; }

body.maquina-branca .headline h2{color:#444;}

.headline h4{font-size: 1.3em; text-transform: uppercase; font-family: 'Gotham Rounded Medium', 'Gotham-Rounded-Medium', 'Trebuchet MS', sans-serif;  font-weight: normal; margin: 10px 0;}
h4.curto { background:url(../images/icon-copo-pouco-cheio.png) 4px 0 no-repeat; padding-left: 30px; height: 24px;}
h4.medio { background:url(../images/icon-copo-meio-cheio.png) 4px 0 no-repeat; padding-left: 30px; height: 24px;}
h4.longo { background:url(../images/icon-copo-cheio.png) 0 0 no-repeat; padding-left: 30px; height: 24px;}
h4.padding-left { background:url(../images/icon-capsula.png) 0 0 no-repeat; padding-left: 30px;}
.headline.button h2.text_right, h2.text_right{ text-align: right;}

.btn{
    width: 83px; 
    height: 88px; 
    margin: 0 auto; 
}
.small-btn {
    width: 90px; 
    height: 95px; 
    padding: 25px 20px 0 20px;
    margin: 0 auto; 
    display: inline-block;
}
.btn a, .small-btn a{
    display: block; 
    width:100%; 
    height:100%; 
    /*    text-indent: -9999px;*/
    color: transparent;
    overflow: hidden;
}

body.maquina-branca .btn-cafe-capsula{
    background: url(../images/white/btn-capsula-cafe.png) no-repeat 0 0;
}
body.maquina-branca .btn-cha-capsula{
    background: url(../images/white/btn-capsula-cha.png) no-repeat 0 0;
}
body.maquina-branca .btn-cafe{
    background: url(../images/white/btn-cafe.png) no-repeat 0 0;
}
body.maquina-branca .btn-cha{
    background: url(../images/white/btn-cha.png) no-repeat 0 0;
}


body.maquina-preta .btn-cafe-capsula{
    background: url(../images/black/btn-capsula-cafe.png) no-repeat 0 0;
}
body.maquina-preta .btn-cha-capsula{
    background: url(../images/black/btn-capsula-cha.png) no-repeat 0 0;
}
body.maquina-preta .btn-cafe{
    background: url(../images/black/btn-cafe.png) no-repeat 0 0;
}
body.maquina-preta .btn-cha{
    background: url(../images/black/btn-cha.png) no-repeat 0 0;
}


.btn-automatica{
    /*background: url(../images/white/btn-automatica.png) no-repeat 0 0;*/
}
.btn-img{z-index:100;}

/*.anuncio-btn{width: 195px; height: 190px; position: absolute; top:0; right:0; z-index:122;}*/

/*body.maquina-branca .btn-anuncio {background: url(../images/white/btn-anuncio.png) no-repeat 0 0;}
body.maquina-preta .btn-anuncio {background: url(../images/black/btn-anuncio.png) no-repeat 0 0;}

*/body.maquina-branca .partilhar-fb{background: url(../images/white/btn-partilhar-fb.png) no-repeat 0 0;}
body.maquina-preta .partilhar-fb{background: url(../images/black/btn-partilhar-fb.png) no-repeat 0 0;}

/*body.maquina-branca .anuncio-btn{color: #333;}
body.maquina-preta .anuncio-btn{color:#eee;}*/

/* ++++ LATERAIS ++++ */
.lateral {
    position: absolute;
    top: 0;
    left: -110%;
    display: none;
    z-index: 175;
}

.depositos .headline{ height: auto;}
.depositos .headline h2{text-align: left;} 


body.maquina-branca #inteligente, body.maquina-preta #inteligente, body.maquina-branca #automatica, body.maquina-preta #automatica, body.maquina-branca #dados_tecnicos, body.maquina-preta #dados_tecnicos, body.maquina-branca #depositos_agua, body.maquina-preta #depositos_agua {position: absolute; top:0; left: 0;}


body.maquina-branca #inteligente {
    background: url(../images/white/inteligente_bg.jpg) 0 0 no-repeat;
    /* http://css-tricks.com/3458-perfect-full-page-background-image/ */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}

body.maquina-preta #inteligente {
    background: url(../images/black/inteligente_bg.jpg) 0 0 no-repeat;
    /* http://css-tricks.com/3458-perfect-full-page-background-image/ */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}

body.maquina-branca #depositos_agua {
    background: #ffffff url(../images/white/depositos_agua_bg.jpg) no-repeat 0 0;
}

body.maquina-preta #depositos_agua {
    background: #000000 url(../images/black/depositos_agua_bg.jpg) no-repeat 0 0;
}

body.maquina-branca #depositos_agua, body.maquina-preta #depositos_agua{
    /* Tem que estar depois do background */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}

body.maquina-branca #automatica {
    background: url(../images/white/automatica_bg.jpg) 0 0 no-repeat;
    /* http://css-tricks.com/3458-perfect-full-page-background-image/ */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}

body.maquina-preta #automatica {
    background: url(../images/black/automatica_bg.jpg) 0 0 no-repeat;
    /* http://css-tricks.com/3458-perfect-full-page-background-image/ */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}

body.maquina-branca #dados_tecnicos {
    background: url(../images/white/dados_tecnicos_bg.jpg) 0 0 no-repeat;
    /* http://css-tricks.com/3458-perfect-full-page-background-image/ */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}

body.maquina-preta #dados_tecnicos {
    background: url(../images/black/dados_tecnicos_bg.jpg) 0 0 no-repeat;
    /* http://css-tricks.com/3458-perfect-full-page-background-image/ */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width:100%;
}


body.maquina-branca .maquina-branca, body.maquina-preta .maquina-preta {
    visibility: visible !important;
}

body.maquina-branca .maquina-preta, body.maquina-preta .maquina-branca {
    visibility: hidden !important;
}

.texto_comprar {
    top: 54%;
    right: 15px;
}

.texto_comprar h3 {
    color: #000;
    font-weight: lighter;
}

body.cha .texto_comprar {
    top: 56%;
    right: 7px;
}

body.maquina-preta.cafe .texto_comprar {
    right: -7px;
}

.partilhar-fb p {
    color: #333;
    position: absolute;
    top: 77px;
    font-size: 0.8em;
    margin-left: 7px;
}
.btn-anuncio > img {
    width: 170px;
    height: 170px;
}