body{
    margin:0;
}

.container {
    /*width:1200px !important;*/
    /*margin:auto;*/
    font-family: 'Open Sans', sans-serif;
}

.menu {
    border-right: 1px solid #9d9d9d;
    position: fixed;
    min-height: 600px;
}

.menu ul {
    padding-left: 0px;
}

.menu li {
    list-style: none;
}

.logo {
    width: 100%;
    margin-bottom: 65px;
    margin-top: 15px;
}

.centro {
    margin: 0 auto;
    width: 83%;
}

.logo .centro img {
    width: 100%;
}

.boton {
    padding-left: 30px;
    font-weight: bold;
    margin: 8px 0px;
}

.boton:hover a {
    color: #6c6c6c;
}

.boton:hover i {
    color: #6c6c6c;
}

.boton a {
    text-decoration: none;
    color: #9d9d9d;
    font-size: 14px;
}

.boton a i {
    text-decoration: none;
    color: #9d9d9d;
    font-size: 22px;
    padding-left: 17px;
}

.linea hr {
    width: 85%;
    border: 1px solid #9d9d9d;
}

.indicador {
    margin-top: -5px;
    float: right;
}

.indicador img {
    height: 48px;
    width: 5px;
    float: left;
}

.social {
    padding-left: 30px;
    position: absolute;
    bottom: 60px;
}

.social i {
    font-size: 30px;
    color: #9d9d9d;
    margin-right: 6px;
}

.social i:hover {
    color: #6c6c6c;
}

.copy {
    padding-left: 20px;
    position: absolute;
    bottom: 30px;
    font-size: 11px;
    color: #9d9d9d;
}

.cabecera {
    background-image: url('../img/cabecera.gif');
    background-size: 100%;
    height: 250px;
    margin-top: -30px;
}

.cabecera h1 {
    text-align: center;
    color: white;
    padding-top: 100px;
    position: relative;
}

.seccion {
    padding-left: 85px;
    padding-right: 60px;
}

.contenido {
    position: absolute;
    left: 17%;
}

.titulo {
    margin: 45px 0px 37px -25px;
}

.titulo h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 30px;
}

.complemento {
    width: 100%;
    float: left;
}

.complemento hr {
    width: 50px;
    float: left;
    border: 2px solid #55a266;
    margin-top: 5px;
}

.formulario {
    padding-top: 35px;
    padding-bottom: 39px;
}

.fornombre input {
    width: 100%;
    height: 32px;
    padding-left: 8px;
    margin-bottom: 9px;
    float: left;
}

.fortelefono input {
    width: 99.5%;
    height: 32px;
    padding-left: 8px;
    margin-bottom: 9px;
    float: left;
}

.foremail input {
    width: 99.5%;
    height: 32px;
    padding-left: 8px;
    margin-bottom: 9px;
    float: left;
}

.formensaje textarea {
    width: 100%;
    height: 110px;
    padding-left: 8px;
    padding-top: 7px;
    margin-bottom: 20px;
    float: left;
    font-family: Arial;
}

.enviar button {
    width: 102.5%;
    height: 50px;
    border: none;
    color: white;
    background-color: #55a266;
    font-weight: bold;
    font-size: 18px;
}

.enviar button:hover {
    color: #55a266;
    background-color: white;
    border: 1px solid #55a266;
}

.enviar {
    text-align: center;
}

.mapa {
    padding-top: 35px;
    padding-bottom: 35px;
}

.mapacenter {
    text-align: center;
}

.imgini1 img {
    width: 100%;
    margin-bottom: 35px;
    padding-left: 18px;
}

.comentario hr {
    width: 100%;
    float: left;
    border: 1px solid #55a266;
    margin-top: 5px;
}

.comentario blockquote {
    font-size: 22px;
    color: #9d9d9d;
    padding-right: 65px;
    padding-left: 65px;
    margin-top: 70px;
    margin-bottom: 45px;
}

.miniface {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
}

.miniface img {
    width: 170px;
}

.imgini2 img {
    width: 100%;
    margin-bottom: 35px;
    margin-top: 35px;
}

.recetas {
    text-align: center;
}

.recetas button {
    margin-top: 20px;
    width: 100%;
    height: 50px;
    border: none;
    color: white;
    background-color: #55a266;
    font-weight: bold;
    font-size: 18px;
}

.recetas button:hover {
    color: #55a266;
    background-color: white;
    border: 1px solid #55a266;
}

.catproduc {
    margin-top: 35px;
}

.catproduc h3 {
    margin-bottom: 14px;
}

.catproduc li {
    list-style: none;
}

.lineaproduc hr {
    width: 100%;
    margin-top: -8px;
    border: 1px solid #55a266;
}

.contproduc {
    margin-top: 35px;
}

.contproduc blockquote {
    margin-top: 30px;
}

.imgproduc img {
    width: 100%;
}

.vege {
    margin-top: 45px;
}

.lineavege hr {
    width: 100%;
    border: 1px solid #55a266;
    float: left;
}

.subvege {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
}

.subvege i {
    font-size: 23px;
}

.apartconoce {
    margin-top: 35px;
}

.apartconoce h3 {
    margin-bottom: 14px;
}

.apartconoce hr {
    width: 100%;
    margin-top: -8px;
    border: 1px solid #55a266;
}

.imgcono1 img {
    width: 100%;
    margin-bottom: 35px;
    padding-left: 18px;
}

.contgaleria {
    margin-top: 35px;
}

.videocono {
    margin-top: 35px;
    margin-bottom: 35px;
}


/*BARRA RESPONSIVE*/

.nav-res {
    display: none;
}

.barra-res {
    height: 70px;
    border-bottom: 1px solid #9d9d9d;
}

.logo-res {
    float: left;
}

.logo-res img {
    max-height: 50px;
    margin: 6px;
    padding-left: 12px;
}

.contbm-res {
    margin-right: 12px;
    margin-top: 16px;
}

.bm-res i {
    font-size: 25px;
    padding: 5px;
    color: #9d9d9d;
    float: right;
}

.menu-res {
    position: relative;
    background-color: #9d9d9d;
}

.todo-res {
    background-color: #9d9d9d;
    width: 60%;
    min-width: 200px;
    margin: 0 auto;
}

.boton-res {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
}

.tboton-res {
    padding-top: 2px;
}

.boton-res:hover a {
    color: #6c6c6c;
}

.boton-res:hover i {
    color: #6c6c6c;
}

.boton-res a {
    text-decoration: none;
    font-size: 14px;
    color: white;
}

.boton-res i {
    font-size: 22px;
    margin-bottom: 8px;
    color: white;
}

.iboton-res {
    margin-left: 20%;
}

.linea-res hr {
    width: 80%;
    border: 1px solid white;
}

.grupobm-res {
    padding-left: 0px;
}

footer {
    display: none;
    padding: 25px;
    font-size: 11px;
    color: #9d9d9d;
    padding-left: 26px;
}

footer hr {
    border: 1px solid #9d9d9d;
}


/*FIN BARRA RESPONSIVE*/

.infocontacto {
    padding-top: 35px;
    padding-bottom: 20px;
    font-size: 20px;
}

.infocontacto i {
    margin-bottom: 10px;
    font-size: 32px;
    color: #55a266;
    padding-left: 0px;
    text-align: center;
}

.subinfo:hover {
    cursor: pointer;
}

.subinfo {
    min-width: 200px;
    margin-bottom: 35px;
    text-align: center;
    color: black;
}

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

.menu-res,
.comentario-res {
    display: none;
}

.comentario-res hr {
    width: 100%;
    float: left;
    border: 1px solid #55a266;
    margin-top: 5px;
}

.comentario-res blockquote {
    font-size: 18px;
    color: #9d9d9d;
    margin-left: 8px;
    margin-top: 35px;
    margin-bottom: 35px;
}

.fortitulo {
    font-family: 'Open Sans', sans-serif;
    color: #55a266;
    padding-top: 40px;
}

.fortitulo i {
    font-size: 35px;
    padding-left: 12px;
}

.forsubtitulo {
    font-family: 'Open Sans', sans-serif;
    color: #6c6c6c;
}

.forboton {
    margin-top: 60px;
    width: 400px;
    height: 50px;
    border: none;
    color: white;
    background-color: #55a266;
    font-weight: bold;
    font-size: 18px;
}