* {margin:0px; padding:0px; border:0px;}

body {text-align:center;

background:url(bambu_objetos/bambu_background.jpg);

background-color:#ced6a5;

background-width:100%;

background-size:100%;

background-attachment:fixed;

-moz-background-size:100%;

background-position:top center;

background-repeat:no-repeat;

width:100%;

height:100%;}

@font-face {font-family:BambuMoz; src:url(bambu_objetos/louis_george_cafe.ttf);}

@font-face {font-family:BambuIe; src:url(bambu_objetos/louis_george_cafe.eot);}

@font-face {font-family:BambuOt; src:url(bambu_objetos/louis_george_cafe.woff);}

h1 {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:1.8vw;}

h2 {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:2vw;}

h3 {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:1.8vw; color:#547b34;}

.tipo_pres {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:1.5vw; text-align:center;}

.tipo_main {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:1.2vw; text-align:justify;}

.tipo_main_center {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:1.2vw; text-align:center;}

.tipo_banner {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:1.8vw; text-align:justify; margin-left:5%; margin-right:5%; margin-top:10%; font-style:italic;} 

.tipo_info {font-family:BambuOt, BambuMoz, BambuIe, Verdana; font-size:2vw; font-weight:bold; text-align:center;}

a {text-decoration:none; font-size:1.2vw;}

hr {width:100%; height:0px; color:transparent;}

#header {position:relative; margin:0px auto; width:90%; height:40vw;}

#logo {position:absolute; top:5%; left:0px; height:90%; width:auto; z-index:100;}

#presentacion {position:absolute; top:8%; right:10%; width:40%; height:100px; z-index:100;}

#banner {position:absolute; bottom:8%; right:0px; width:60%; height:20vw; z-index:100; box-shadow:7px 7px 10px rgba(0,0,0,0.9);}

#img_banner {position:absolute; bottom:0px; right:0px; width:100%; height:20vw; background:url(bambu_objetos/lite_background.png); background-repeat:repeat;} 

.inside_banner {height:100%; position:relative; margin:0px auto; box-shadow:7px 7px 10px rgba(0,0,0,0.9);}

#menu-contenedor {height:3.1vw;}

#menupre {height:3.1vw; padding:0px; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; z-index:3;}

#menu {-webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; z-index:2;}

ul#menu {padding:0px; height:3.1vw;}

ul#menu li {display:inline-block; padding:0px 4%; position:relative; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in;}

ul#menu li a {text-decoration:none;}

.menu-fijo {position:fixed; top:0px; width:100%; background-color:#445900; z-index:2;}

.menu01 {display:block; line-height:3vw; font-family:BambuMoz, BambuIe, BambuOt; font-weight:bold; font-size:1.8vw; text-decoration:none; color:#445900;}

.menu02 {display:block; line-height:3vw; font-family:BambuMoz, BambuIe, BambuOt; font-weight:bold; font-size:1.8vw; text-decoration:none; color:#ecf5cf;}

section {width:80%; position:relative; margin:0px auto; background:url(bambu_objetos/lite_background_02.png); background-size:100%; background-repeat:repeat; border-radius:15px;}

.centro {width:70%; position:relative; margin:0px auto; padding:3%;}

#luna {width:35%; float:left; margin-right:2%; margin-botton:2%;}

.clear {clear:both;}

.hidden_text {display:none;}

.pres {box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:100%;}

.pres2 {border:2px solid #000000; box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:100%; opacity:0.5; filter:alpha(opacity=50)}

.pres3 {box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:70%;}

.pres4 {box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:40%; margin-right:3%;}

.pres5 {box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:40%; margin-left:3%;}

#flecha {position:fixed; bottom:10%; right:0px; width:4%; filter:alpha(opacity=70); opacity:0.7;}

.mail {width:20%; margin:0px auto; text-align:center;}

#logo_whatsapp {width:12%;}

#footer {background-color:#293501; color:#f5fae4; padding:1%; text-align:center; font-family:BambuMoz, BambuIe, BambuOt; font-size:1.7vw;}

#overbox3 {position:fixed; bottom:0px; left:0px; width:100%; height:100%; z-index:999999; display:block;}

#capabox3 {width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:#000000; filter:alpha(opacity=70); opacity:0.7;}

#infobox3 {margin:auto; position:absolute; bottom:0px; width:100%; text-align:center; background-color:#000000; border:1px solid #b4ce6f;}

.tipo_box {font-family:BambuMoz, BambuIe, BambuOt; font-size:1.5vw; color:#ffffff; text-align:center; padding-top:2%; padding-bottom:3%;}

.tipo_box_2 a {font-family:BambuMoz, BambuIe, BambuOt; margin-right:1%; margin-left:1%; margin-bottom;2%; text-decoration:none; font-weight:bold; background-color:#b4ce6f; color:#ffffff; padding:1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

#contenido_cookies {padding-top:3%; padding-left:3%; padding-right:3%;}

#volver {position:relative; margin:0px auto; text-align;center; width:80%;}

#volver a {position:relative; margin:0px auto; background-color:#b4ce6f; padding:2%; border-radius:10px; text-decoration:none; border:1px solid #000000; font-family:BambuMoz, BambuIe, BambuOt; font-size:1.5vw; font-weight:bold; color:#ffffff; cursor:hand;}





@media screen and (max-width:800px) {

body {text-align:center; background:url(bambu_objetos/bambu_background_02.jpg); background-size:100%; background-width:100%; background-color:#ced6a5; background-attachment:fixed; -moz-background-size: 100%; background-position:top center; background-repeat:no-repeat; width:100%; height:100%;}

h1 {font-size:3vw;}

h2 {font-size:3.6vw;}

h3 {font-size:3.3vw;}

.tipo_pres {font-size:2.8vw; text-align:justify;}

.tipo_main {font-size:3.3vw;}

.tipo_main_center {font-size:3.3vw;}

.tipo_info {font-size:3.2vw;}

.tipo_banner {font-size:3.3vw;}

a {font-size:3vw;}

hr {height:7px;}

#header {height:auto;}

#logo {position:relative; float:left; top:0px; margin-top:5%; width:40%; height:auto; z-index:100;}

#presentacion {position:relative; float:right; top:0px; margin-top:8%; width:55%; height:50px; right:0px; margin-right:0px; z-index:100;}

#banner {position:relative; margin-top:3%; width:100%; height:30vw; /*height:60vw;*/ z-index:100; border:1px solid #000000; box-shadow:4px 4px 7px rgba(0,0,0,0.9);}

#img_banner {position:absolute; bottom:0px; right:0px; width:100%; height:30vw; background:url(bambu_objetos/lite_background.png); background-repeat:repeat;}

#menu-contenedor {margin-top:5%;}

.pres {box-shadow:4px 4px 7px rgba(0,0,0,0.9); border:1px solid #000000;}

.pres2 {box-shadow:4px 4px 7px rgba(0,0,0,0.9); border:1px solid #000000;}

.pres3 {width:100%;}

.pres4 {box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:90%; margin-bottom:8%; margin-right:0%;}

.pres5 {box-shadow:7px 7px 10px rgba(0,0,0,0.9); width:90%; margin-left:0%;}

ul#menu {height:25px;}

ul#menu li {padding:1% 2.5%;}

.menu01 {font-size:2.7vw;}

section {width:90%;}

.centro {width:90%;}

br {line-height:70%;}

#flecha {width:7%;}

#footer {font-size:2.3vw;}

#fantasma {display:none;}

.tipo_box {font-size:2.3vw; font-weight:bold; margin-bottom:1%;}

.tipo_box_2 a {margin-right:3%; margin-left:3%; padding:2%; font-size:2.7vw; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#volver a {border-radius:5px; font-size:3vw;}

}