/*
Verdes chulos que combinan:
CLARITO: #86ba17
OSCURO: #6c933e
*/

/* ELEMENTOS */
* { }
body{background-color: #fff; margin: 0; padding: 0; outline: none; width:100%; font-family: "Open Sans","Helvetica Neue", 'Ubuntu', Arial, Helvetica, sans-serif; color: #333; text-align:left; font-size: 16px; margin: 0px;}
a{font-family: "Open Sans","Helvetica Neue", 'Ubuntu', Arial, Helvetica, sans-serif; text-decoration: none;}
input{font-size: 18px;}
p{clear:both;}
h1{font-size: 42px;}
h3{margin-bottom: 5px;}
h5{min-height: 80px;}

header{top: 0px; padding-bottom: 1px;
        background: url(../images/fondo2.jpg) no-repeat; clear:both; background-size: cover; 
        width: 100%;}
    #logo_bloke{display: block; width: 400px; float:left;}
    #logo{background: url(../images/logo.png) no-repeat; float:left; background-size: cover; margin-right: 20px;}
    #logo-bw{background: url(../images/logo-bw.png) no-repeat; float:left; background-size: cover; margin-right: 20px;}
    
menu{}
    .nav{padding: 2px; clear:both; width:100%; margin:2px; box-sizing: border-box;}
    .btn-acceso{color: #fff; background-color: #333; padding: 8px 60px; clear:both; width:100%; margin:2px; cursor:pointer; border-radius: 0px;}
    #acceder{background: url("../images/ico/user.png") no-repeat scroll 0% 0%; float: left; height: 20px; width: 20px; background-size: cover; margin: 0px 10px;}
    
#slogan1 {clear: both; margin: auto; max-width: 1000px; font-size: 40px; color: #FFF; text-align: center; margin: 50px 0px 10px; padding-top: 30px;}
#slogan2 {clear: both; margin: auto; max-width: 1000px; font-size: 26px; color: #FFF; text-align: center;}

cuerpo{clear: both; padding: 0px 30px; max-width: 1000px; min-width: 300px; margin: auto; overfloat:auto; display: block; box-sizing: border-box;}


content{display: inline-block; padding:30px; width:100%; box-sizing: border-box;}
 .verde{background-color: #6c933e; color: #fff;}
 .marron{background-color: #58443d; color: #fff;}
 .amarillo{background-color: #f0e8ba; color: #58443d;}

.llamada-accion{clear:both; max-width:600px; margin: 80px auto; background-image: url('../images/transparent.png'); background-position: -10px; }
.login-mail {padding:15px; top:0px; position: inline-block;}
.login-boton {border:none; background: transparent; border:solid thin #FFF; color: #FFF; padding:15px 40px; cursor: pointer; position: inline-block;}
.login-boton:hover{background-color: #FFF; color: #333;}

.alta-grupo{
    clear:both;  max-width:600px; 
    padding:30px; margin: 30px auto;
    position: relative;
    background-image: url('../images/transparent.png'); background-size: 100%; 
    cursor: pointer;
    text-align: center;
    font-size: 32px;
    color:#FFF;
}
.alta-grupo:hover{background-color: #FFF; color: #333;}

.slide{display:none; width:100%; min-height:200px;}
.slide-activa{display_off:block !important;}

.img_inicio{width: 100%;}
.ico {padding: 70px 20px 20px 0px !important; min-width: 300px !important;}
.ico_time{background: url("../images/ico/ico-ahorra-tiempo.png") no-repeat;}
.ico_gente{background: url("../images/ico/ico-gente.png") no-repeat;}
.ico_xls{background: url("../images/ico/ico-xls.png") no-repeat;}


.boton_ini{float:left; text-align:center; padding:30 10px; font-size:28px; font-weight:bold; color:#FFF; background-color:#999; cursor:pointer; border-style:none; border-radius:3px; width:100%; margin: 10px auto; box-sizing: border-box;}
.boton_ini:hover{background-color: #8C8; color:#222;}
#btn_hierbabuena{background-color: #393}
#btn_tomatera{background-color: #ff3333}
#btn_granhuerta{background-color: #00F}

#foto_yorch{background: url("../images/yorch.jpg") no-repeat; width:300px; margin:0px;}

pie{background-color: #262626; padding: 60px 0px 30px; color: #919496; display: block; font-weight: 200;}
#pie_titulo{margin-bottom: 30px; padding-bottom: 30px;}
.pie_item{clear:both; float:left;}
#pie_rights{clear:both; display: inline-block; margin: 50px 0px; font-size: 10px;}