html, body{
    margin:0px;
    padding:0px;
    background-color: white;
    font-size:100%;
}
.centrador{
    width:100%;
    background-color: #388841;
}
@font-face {
    font-family: 'ln';
    src: url('Archivos/ln.eot');
    src: url('Archivos/ln.eot?#iefix') format('embedded-opentype'),
         url('Archivos/ln.woff2') format('woff2'),
         url('Archivos/ln.woff') format('woff'),
         url('Archivos/ln.ttf') format('truetype'),
         url('Archivos/ln.svg#ln') format('svg');
    font-weight: normal;
    font-style: normal;

}
.inline{
    display:block;
}
p{
    color:white;
    font-family: Helvetica;
    margin: 1em 0 1em 0;
}
img{
    border:0;
    margin:0;
    padding:0;
}
.al10{
    width:100%;
    margin:0;
    padding:0;
}
.espaciador{
    font-size: 1.1em;
    padding:0;
    margin:0;
}

#imagenes{
    position:relative;
    z-index: 1;
}

.play{
    cursor:pointer;
    -webkit-animation: rotar 2s infinite ;
    -moz-animation: rotar 2s infinite  ;
    animation: rotar 2s infinite  ;
}
.contenedorplay{
    position:absolute; margin-top:25vw; margin-left: 2vw;
}
.stop{
    cursor:pointer;
    display:none;
    -webkit-animation: rotar 2s infinite  ;
    -moz-animation: rotar 2s infinite  ;
    animation: rotar 2s infinite ;
}

@keyframes rotar{
    33% {
        transform: rotate(10deg);
    }
    66% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }    
}
@-webkit-keyframes rotar{
    33% {
        -webkit-transform: rotate(10deg);
    }
    66% {
        -webkit-transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes rotar{
    33% {
        -moz-transform: rotate(10deg);
    }
    66% {
        -moz-transform: rotate(-10deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}

/* LOGO */
#logo{
    position:absolute;
    z-index: 3;
    width:100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
}
.logoimagen{
    width:100%; height: auto;
}
.logo{
  position:relative;
  font-family: ln;
  font-size: 5vw;
  color:white;
  margin:0px;
  margin-top: 0.5em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.logo2{
    position:relative;
  font-family: ln;   
  font-size: 4vw;
  color:white;
  margin:0px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.logocolumna1{
    position:relative;
    width:15%;
    display:inline-block;
    vertical-align: bottom;
    text-align: right;
}
.logocolumna2{
        position:relative;
        width:70%;
        display:inline-block;
        vertical-align: top;
}
.feis{
    display:none;
}

/* CONTENIDOS */

#contenidos{
        background-image: url('Archivos/bambugrande.png');
    background-repeat: repeat-y;
    background-position: center;
    background-size: auto auto;
    margin:0;
    padding:2em 0 0 0;
    background-color: rgba(0,0,0,0);
    z-index: 3;
}


.titulomenu{
    font-family: ln;
    font-size: 1.5em;
    font-weight: lighter;
    color:white;
    margin:0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.titulomenuenseccion{
    font-family: ln;
    font-size: 1.5em;
    font-weight: lighter;
    color:white;
    margin:0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
}
.menuitem{
    cursor:pointer
}
.menuitem:hover{
    color:#aadcb0;
}
.renglonmenu{
    position:relative;
    width:100%;
    margin:0;
    padding: 0 0 2vw 0 ;
    text-align: center;
}
.columnamenu1{
    position:relative;
    display:inline-block;
    text-align:right;
    vertical-align: middle;
    width:48%;
}
.columnamenu2{
    position:relative;
    display:inline-block;
    text-align:center;
    vertical-align: middle;
}
.columnamenu3{
    position:relative;
    display:inline-block;
    text-align:left;
    width:48%;
    vertical-align: middle;
}

.justificado{
    text-align : justify;
}


.itemssecundarios{
    color:white;
    cursor:pointer;
    text-align:center;
}
.itemssecundarios:hover{
    color:#aadcb0;
}

ul{
    color:white;
    font-family: Helvetica;
    font-size: 1em;
}

/* FOTO */

#insertarfoto{
    position:absolute;
    z-index: 0;
}

.espaciador{
    width:100%;
    height:auto;
    position:relative;
    vertical-align: bottom;
}

.fotoprincipal{
    width:100%;
    height:auto;
    vertical-align: bottom;
    z-index: 0;
}

/* TEXTO PORTADA */

.portadacolumna2{
    display: inline-block; width:80%; padding: 1vw 1vw 1vw 0;
}
.portadacolumna1{
    display: inline-block; width:13%; text-align: center; vertical-align: top; padding: 1vw;
}
.imagenliliana{
    border-radius: 1em; margin-top: 1em; width:100%; height:auto;
}



/* CONTENIDO */

.al10enseccion{
    width:100%;
    position:relative;
    display:block;
}
.barritaenseccion{
    display:none;
}

.seccioncontenidocol1{
    display:block;
    vertical-align: top;
    text-align: center;
    width:100%;
}
.seccioncontenidocol2{
    display:block;
    vertical-align: top;
    width:100%; 
    text-align: center;
}
.seccioncontenidocol3{
    display:block;
    vertical-align: top;
    text-align: center;
    padding:1em;
}


/* CONTACTO  */


.contactocolumna1{
    position:relative;
    display:block; width:100%; text-align: center; vertical-align: middle;
}
.contactocolumna2{
    display:block; width:100%;text-align: center;
}
.titulocontacto{
    font-family:ln; font-size:2em; margin:0 0 1em 0;
}
.contactocolumna3{
    display:block; width:100%; text-align: center;
}


#contacto{
    background-color: #286234;
    padding:1em 0 1em 0;
}
input, textarea {
    font-size: 0.8em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 8px 5px;
    width: 90%;
    margin-bottom: 10px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
}

textarea{
    height:50px;
}

::-webkit-input-placeholder {
 font-size: 1em;
 color: #212121;
}
:-moz-placeholder { /* older Firefox*/
 font-size:1em;
 color: #212121;
}
::-moz-placeholder { /* Firefox 19+ */ 
 font-size: 1em;
 color: #212121; 
} 
:-ms-input-placeholder { 
 font-size: 1em; 
 color: #212121;
}

/* PIE */
.grande{
    color:white;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 4vw;
    vertical-align: middle;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.3);
}
.grandevcard{
    color:white;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 4vw;
    vertical-align: middle;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.3);
}
#pie{
    position:relative;
    background-color: black;
    width:100%;
    padding-top: 1em;
}
.piecolumna1{
    display:none;
}
.piecolumna2{
    vertical-align: middle;
    width:100%;
    text-align:center;
}
.piecolumna3{
    vertical-align: middle;
    width:100%;
    margin-top: 0.5em;
    text-align:center;
}
.piecolumna4{
    display:block;
    width:100%;
    text-align:center;
    margin-top: 0.5em;
}
.pietotal{
    clear: both; text-align: center; vertical-align: middle; margin:0;
}
.parrafopie{
    margin:1em 0 0 0; font-size: 0.8em;
}
.maneki{
    display:none;
}
a{
    color:white;
    text-decoration: none;
}
a:hover{
    color:white;
    text-decoration: underline;
}
.seccioninicial{
    position:relative;
}
#whats{
    z-index:999;
}