/* estilos del sitio web */

/*fuentes y fuentes CDN*/

/*estilos generales*/
html, body{opacity:0}
html{position:relative; min-height:100%}
body{margin-bottom:0px; font-family: 'Roboto', sans-serif;}
.height-100{height:100%}
.displayflex{display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-flex-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: center;
  justify-content: center;
}
div.alertify button.ajs-button{
	background-color: transparent;
    border-radius: 16px;
    height: 20px;
    padding-bottom: 0;
    border: 1px #8b5126 solid;
    min-height: 28px!important;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
}
div.alertify div.ajs-header{
	font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
}
div.alertify div.ajs-body{
	min-height: 56px;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 0px;}
.input-error{border:1px #F00 solid;}
.has-error{border:1px red solid!important;}
.inicio-1 .slide-5 .ms-slide-layers{max-width: inherit !important;left: 0px !important}
.background2 {background: rgba(42, 42, 42, 0.32) url('../img/bg.png');width: 100%;height:100%;position: absolute;z-index:-1;top: 0; z-index:10; pointer-events:none}
.alertify-notifier .ajs-message.ajs-success{background: #fff !important; color: #8b5126 !important; border: 1px solid #8b5126 !important; border-radius: 5px}
.sinpaddingleft{padding-left:0px !important}
.sinpaddingright{padding-right:0px !important}
.row-con-margen{margin-left:-15px; margin-right:-15px}
.w100Hauto{width:100%; height:auto}
.error{color:#F00; font-size:10px; font-weight:300;}
.success{color:#ffffff; font-size:10px; font-weight:300;}
span.error{    font-family: 'Roboto Mono', monospace;font-size: 11px;}
span.success{    font-family: 'Roboto Mono', monospace;font-size: 11px;}
.empty{color:#F00; font-size:10px; font-weight:300;}
.oculto-success{font-size:14px; font-weight:300; text-align:center; margin-top:10px; color:#000}
.error-borde{border:1px solid #DB2629 !important}
.centrado {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
}
.mailto{color:inherit; text-decoration:none}
.mailto:hover{color:inherit; text-decoration:underline;}
.display-block{display:block}
.grayscale
{
-moz-filter: grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
/*-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.grayscale:hover{
	-webkit-filter:none !important;
	filter:none !important;
	-moz-filter:none !important;
	-o-filter:none !important;
	-ms-filter:none !important;
}
span.pointer,b.pointer,a.pointer{cursor:pointer}
.relative{position:relative}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 appearance:none;
 -moz-appearance:none;
 margin: 0;
}
.pointer{cursor:pointer}
.transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}
.row{margin-left:0px; margin-right:0px}
.row-con-margen{margin-left:-15px !important; margin-right:-15px !important}
:focus {
    outline: none;
}

/*Header*/
header .bloque-1{
	background-color: #e5e0d2; padding-right:29px; padding-top:8px; padding-bottom:10px
}
header .bloque-1 ul{padding-left:0px; text-align:right; margin-bottom:0px}
header .bloque-1 ul li{list-style-type:none; display:inline-block; margin-left:27px}
header .bloque-1 ul li a{
	font-family: 'Roboto Mono', monospace;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	color: #584224;
	text-decoration:none;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s
}
header .bloque-1 ul li a:hover,header .bloque-1 ul li a.active{
	color: #ffffff; text-decoration:none
}
header .bloque-1 ul li a i{font-size:20px; position:relative; top:1px}
header .bloque-1 ul li.ultimo a i{font-size:23px; top:2px}
header .bloque-1 ul li.penultimo{margin-left:51px}
header .bloque-2{
	padding-left:40px; padding-right:48px
}
header .bloque-2 .logo{margin-top:28px; margin-bottom:28px}
header .bloque-2 ul{padding-left:0px; text-align:right; margin-top:33px; margin-bottom:26px}
header .bloque-2 ul li{list-style-type:none; display:inline-block; margin-left:35px}
header .bloque-2 ul li.penultimo{margin-left:90px}
header .bloque-2 ul li.ultimo{margin-left:49px}
header .bloque-2 ul li a{
	font-family: 'Roboto Mono', monospace;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #979797;
	text-decoration:none;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s
}
header .bloque-2 ul li a:hover,header .bloque-2 ul li a.active{
	color: #8b5126; text-decoration:none
}
li.dropdown:hover > .dropdown-menu{display:block}
header .bloque-2 .dropdown-menu{text-align:center !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 30px !important; border:none; padding-bottom:0px; margin-top: 0px !important;  margin:0; border-radius:0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; width:204px; left:-51px}
header .bloque-2 .dropdown-menu ul{
	text-align:center !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; border:none; padding-bottom:20.5px; margin-top: 0px !important;  margin:0; border: solid 1px #ececec;
}
header .bloque-2 .dropdown-menu>ul>li{padding-left:0px !important; padding-top:15.6px; width:100%; position:relative; padding-right:0px; margin-left:0px;}
header .bloque-2 .dropdown-menu>ul>li a{
	font-size: 13px; font-weight: 700; line-height: 1.85;
}
header .bloque-2 .dropdown-menu>li>a:hover, header .bloque-2 .dropdown-menu>li>a:focus{border:none !important; text-decoration:none; background:none}
header .bloque-2 .dropdown-menu ul li .shape{
	width: 106px;
	height: 1px;
	background:#ececec;
	display:inline-block;
	margin-top:10.5px
}
header .bloque-2 .dropdown-menu .shape-dropdown{position:absolute; left:0; right:0; top:5px; margin:auto}
header .bloque-1.dos{display:none}

/*Footer*/
footer{
	background-color: #9f632f; padding-left:46px; padding-right:46px; padding-top:32px; padding-bottom:33px
}
footer h2{
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
	color: #ffffff;
	font-weight:400;
	margin-top:0px;
	margin-bottom:12px
}
footer input{
	width: 360px;
	height: 30px;
	border-radius: 5px;
	border: solid 1px #e5e0d2;
	max-width:100%;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #c39f6a;
	font-weight:400;
	padding-left:15px;
	margin-bottom:12px;
	background:none
}
footer button{
	width: 104px;
	height: 31px;
	border-radius: 30px;
	background-color: #c39f6a;
	font-size: 15px;
	text-align: center;
	color: #9f632f;
	font-weight:400;
	border:none
}
footer *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #c39f6a !important;
	opacity:1;
}
footer *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #c39f6a !important;
	opacity:1;
}
footer *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #c39f6a !important;
	opacity:1;
}
footer *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #c39f6a !important;
	opacity:1;
}
footer h1{
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #59401f;
	margin-top:0px;
	margin-bottom:19px;
	font-family: 'Roboto Mono', monospace;
}
footer table{width:100%}
footer table td{
	width:50%;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #ffffff;
	font-weight:400;
	position:relative
}
footer table td a, footer table td a:hover{
	color: #ffffff; text-decoration:none
}
footer table td img{margin-right:10px}
footer table td img.dos{position:absolute; top:0; left:-30px}
footer table tr{vertical-align:top}
footer ul{padding-left:0px}
footer ul li{list-style-type:none}
footer ul li a{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #ffffff;
	font-weight:400;
	text-decoration:none
}
footer ul li a:hover{
	color: #ffffff; text-decoration:none
}
footer .logo{margin-top:27px; max-width:100%}
footer h3{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #ffffff;
	font-weight:400;
	margin-top:0px;
	margin-bottom:0px
}

/*Inicio*/
.inicio-1{max-height:591px}
.inicio-1 .ms-skin-default .ms-bullet-selected {
    background-position:none;
    background: #fff !important;
    border-radius: 50%;
}
.inicio-1 .ms-skin-default .ms-bullet {
    width: 11px;
    height: 11px;
    background:rgba(216,216,216,0.40);
    margin: 4px;
    background-position:none;
	border-radius: 50%;
	margin-bottom:30px !important
}
.inicio-1 .ms-skin-default .ms-slide .ms-slide-vpbtn, .inicio-1 .ms-skin-default .ms-video-btn {
    width: 148px;
    height: 148px;
    background: url(../img/play.png);
    top: 50%;
    left: 50%;
    margin: -74px 0 0 -74px;
}
.inicio-1 .slide-5 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 48px;
	font-weight: 300 !important;
	line-height: 0.58;
	text-align: center;
	color: #ffffff;
	margin:0px;
	position:absolute;
	left:0 !important;
	right:0 !important;
	bottom:99px;
	top:inherit !important;
	border:none !important;
	margin:auto;
	z-index:100
}
.inicio-bloque-2{
	background:url(../img/inicio-2.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; position:relative; height: 77px;
}
.inicio-bloque-2 button{
	width: 380px;
	height: 31px;
	border-radius: 30px;
	background-color: #8b5126;
	font-size: 15px;
	text-align: center;
	color: #ffffff;
	font-weight:400;
	border:none
}
.inicio-bloque-3{margin-top:49px; padding-left:130px; padding-right:130px; margin-bottom:57px;}
.inicio-bloque-3 .carousel {
    margin-bottom: 0;
}
.inicio-bloque-3 .carousel-inner{padding-top:126px}
.inicio-bloque-3 .carousel-control {
    height: 40px;
	width: 20px;
    border:none;
    border-radius:0;
    margin-top: 0px;
	top:0;
	bottom:0;
	margin:auto;
	opacity:1
}
.inicio-bloque-3 .carousel-control.left{
	left: -51px;
	background:url(../img/arrow-left.png); display:none
}
.inicio-bloque-3 .carousel-control.right {
	background:url(../img/arrow-right.png); display:none;
	right: -51px;
}
.inicio-bloque-3 .destacados .items{
	position:relative; border-radius: 9px;
	border: solid 1px #ececec; padding-left:20px; padding-right:20px; text-align:center
}
.inicio-bloque-3 .destacados .items img{
	max-width:100%; margin-top:-126px
}
.inicio-bloque-3 .destacados .items h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	color: #4e3a1e;
	margin-top:25px; margin-bottom:13px
}
.inicio-bloque-3 .destacados .items .p{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-align: center;
	color: #797979;
}
.inicio-bloque-3 .destacados .items .desde{
	font-size: 12px;
	font-weight: bold;
	line-height: 2.0;
	text-align: center;
	color: #4e3a1e;
}
.inicio-bloque-3 .destacados .items .precio{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.41;
	text-align: center;
	color: #4e3a1e;
	margin-bottom:23px
}
.inicio-bloque-3 .destacados .items button{
	width: 185px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	background:#fff;
	margin-bottom:24px
}
.inicio-bloque-3 .destacados .cols{padding-left:7.5px; padding-right:7.5px}
.inicio-bloque-4{padding-left:15px; padding-right:15px}
.inicio-bloque-4 .img{
	height: 100%;
}
.inicio-bloque-4 .uno .info{
	background-color: #9f632f; padding-top:109px; padding-left:15%; padding-right:15%; padding-bottom:108px
}
.inicio-bloque-4 .uno .info h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #634925;
	margin-top:0px; margin-bottom:30px
}
.inicio-bloque-4 .uno .info p{
	font-size: 18px;
	line-height: 1.61;
	text-align: justify;
	color: #ffffff;
	margin-bottom:0px
}
.inicio-bloque-4 .dos .info{
	background-color: #59401f; padding-left:15%; padding-right:30%; padding-top:101px; padding-bottom:101px
}
.inicio-bloque-4 .dos .info h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #c9a878;
	margin-top:0px; margin-bottom:30px
}
.inicio-bloque-4 .dos .info p{
	font-size: 18px;
	line-height: 1.61;
	text-align: justify;
	color: #ffffff;
	font-weight:400;
}
.inicio-bloque-4 .tres .info{
	background-color: #c39f6a; padding-left:112px; padding-right:61px; padding-top:92px; padding-bottom:83px
}
.inicio-bloque-4 .tres .info h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px; margin-bottom:30px
}
.inicio-bloque-4 .tres .info p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	margin-bottom:26px
}
.inicio-bloque-4 .tres .info button{
	width: 128px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none
}
.inicio-bloque-5{
	padding-top:78px; padding-bottom:71px; padding-left:8%; padding-right:8%
}
.inicio-bloque-5 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:30px
}
.inicio-bloque-5 p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	margin-bottom:25.1px
}
.inicio-bloque-5 ul{padding-left:0px; margin-bottom:0px}
.inicio-bloque-5 ul li{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	list-style-type:none;
	margin-bottom:32px;
	display:block
}
.inicio-bloque-5 ul li img{
	margin-right:20px
}
.inicio-bloque-5 p.dos{
	margin-bottom:30px
}
.inicio-bloque-5 button{
	width: 212px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	background:none
}
.inicio-bloque-5 h1.dos{margin-bottom:4px}
.inicio-bloque-5 button.dos{margin-top:22px; width:260px}
.inicio-bloque-5 div.imgCacaocultores{background-size: contain!important;background-position: center!important;min-height: 450px!important;position: relative!important;}
.inicio-bloque-5 div.content-cert{    position: absolute; margin: auto;bottom: 16.5%;left: 0;right: 0; text-align: center;}
.inicio-bloque-5 img.separacion{margin-left:7px;margin-right: 7px;}
.inicio-bloque-6{
	background-color: #e5e0d2; padding-top:49px; padding-bottom:50px; padding-left:5%; padding-right:5%
}
.inicio-bloque-6 ul{padding-left:0px}
.inicio-bloque-6 ul li{list-style-type:none; display:inline-block; margin-bottom:13px; width:20%; height:250px; position:relative; float:left; padding-left:6.5px; padding-right:6.5px}
.inicio-bloque-6 ul li a{display:block; position:relative; height:100%; width:100%}
.inicio-bloque-6 ul li span{display:block; position:absolute; width:100%; height:100%; top:0; left:0}
.inicio-bloque-6 h1{
	font-size: 48px;
	text-align: center;
	color: #614a2a;
	margin-bottom:30px;
	margin-top:0px;
	font-weight:400
}
.inicio-bloque-6 h1 a, .inicio-bloque-6 h1 a:hover{text-decoration:none; color: #614a2a;}
.inicio-bloque-7{padding-top:65px; padding-left:10%; padding-right:10%; padding-bottom:49px}
.inicio-bloque-7 .destacados-not .item{
	position:relative; text-align:center; padding-left:30px; padding-right:30px
}
.inicio-bloque-7 .destacados-not .img{
	height: 180px;
	box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); margin-bottom:20px; position:relative
}
.inicio-bloque-7 .destacados-not h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	color: #c29641;
	margin-top:0px; margin-bottom:10px
}
.inicio-bloque-7 .destacados-not .categoria{
	font-size: 13px;
	color: #fff;
	font-weight:400;
	margin-bottom:10px
}
.inicio-bloque-7 .destacados-not .categoria .separador{
	margin-left:13px; margin-right:13px
}
.inicio-bloque-7 .destacados-not .categoria b{
	font-size: 13px;
	text-align: left;
	color: #c29641;
	font-weight:400
}
.inicio-bloque-7 .destacados-not .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	color: #fff;
	font-weight:400;
	margin-bottom:20px
}
.inicio-bloque-7 .destacados-not button{
	width: 263px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #c29641;
	font-size: 15px;
	text-align: center;
	color: #c29641;
	margin-bottom:20px;
	background:none;
	max-width:100%
}
.inicio-bloque-7 .destacados-not .info{
	border: solid 1px #ececec;
	background:#59401f;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
	padding-top:110px;
	margin-top:-110px
}
.inicio-bloque-7 div.titulo{
	font-size: 48px;
	text-align: center;
	color: #614a2a;
	margin-bottom:49px;
	margin-top:0px;
	font-weight:400
}
.inicio-bloque-8{
	background:url(../img/inicio-8.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; position:relative; height: 77px;
}
.inicio-bloque-8 button{
	width: 380px;
	height: 31px;
	border-radius: 30px;
	background-color: #8b5126;
	font-size: 15px;
	text-align: center;
	color: #ffffff;
	font-weight:400;
	border:none
}

/*Nosotros*/
.nosotros-bloque-1 .portada{
	box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); margin-bottom:62px
}
.nosotros-bloque-2{padding-left:60px; padding-right:60px}
.nosotros-bloque-2 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:30px
}
.nosotros-bloque-2 p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	margin-bottom:36px
}
.nosotros-bloque-2 .img{position:relative; margin-bottom:62px}
.nosotros-bloque-2 .img .shape{
	width: 164px;
	height: 145px;
	position:absolute;
	top:0;
	bottom:0;
	left:-82px;
	margin:auto
}
.nosotros-bloque-2 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-bottom:27px;
	margin-top:0
}
.nosotros-bloque-2 p.dos{
	line-height: 1.9;
}
.video-nosotros .ms-skin-default .ms-slide .ms-slide-vpbtn, .inicio-1 .ms-skin-default .ms-video-btn {
    width: 53px;
    height: 54px;
    background: url(../img/play-nosotros.png);
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}
.video-nosotros{height:375px}
.nosotros-ultimo-bloque .img{height:375px; margin-bottom:30px}
.footer-nosotros{margin-top:-30px}

/*Historia*/
.historia-bloque-1{
	padding-left:59px; padding-right:59px; padding-top:136px; margin-bottom:77px
}
.historia-bloque-1 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #4e3a1e;
	margin-top:46px;
	margin-bottom:37px
}
.historia-bloque-1 p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400
}
.historia-bloque-1 .img-2{max-width:100%; margin-top:50px}
.historia-bloque-1 .contiene-img{text-align:right}
.historia-bloque-2 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #4e3a1e;
	margin-bottom:35px;
	margin-top:0px
}
.historia-bloque-2 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	color: #8b5126;
	margin-bottom:27px;
	margin-top:0px
}
.historia-bloque-2 p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400
}
.historia-bloque-2 .img{
	height: 437px; margin-top:50px; margin-bottom:-310px
}
.historia-bloque-3{padding-left:59px; padding-right:59px;}
.historia-bloque-3 .img{
	margin-bottom:27px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15), 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
.historia-bloque-3 .row{}

/*Productos*/
.productos-bloque-1 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding-top:75px; margin-bottom:40px; margin-top:0px
}
.productos-bloque-1 p{
	width: 473px;
	max-width:100%;
	font-family: Roboto;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	color: #ffffff;
	margin-bottom:25px
}
.productos-bloque-1 img{
	margin-bottom:62px
}
.productos-bloque-2.destacados .items{
	position:relative; border-radius: 9px;
	border: solid 1px #ececec; padding-left:20px; padding-right:20px; text-align:center;
}
.productos-bloque-2.destacados .items img{
	max-width:100%; margin-top:-126px
}
.productos-bloque-2.destacados .items h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	color: #4e3a1e;
	margin-top:25px; margin-bottom:13px
}
.productos-bloque-2.destacados .items .p{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-align: center;
	color: #797979;
}
.productos-bloque-2.destacados .items .desde{
	font-size: 12px;
	font-weight: bold;
	line-height: 2.0;
	text-align: center;
	color: #4e3a1e;
}
.productos-bloque-2.destacados .items .precio{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.41;
	text-align: center;
	color: #4e3a1e;
	margin-bottom:23px
}
.productos-bloque-2.destacados .items button{
	width: 266px;
	max-width:100%;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	background:#fff;
	margin-bottom:24px
}
.productos-bloque-2.destacados .cols{padding-left:29.5px; padding-right:29.5px}
.productos-bloque-2{padding-top:182px; padding-left:46.5px; padding-right:46.5px}
.cargar-mas{
	font-family: 'Roboto Mono', monospace;
    font-size: 15px;
    font-weight: 700;
	color: #8b5126;
	display:block;
	margin-top:50px;
	margin-bottom:50px
}
.productos-bloque-2 .divisor{height:206px}

/*Producto detalle*/
.detalle-producto-1{
	padding-left:62px; padding-top:47px; padding-right:62px
}
.detalle-producto-1 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	text-align: left;
	color: #b2a18b;
	margin-top:0px;
	margin-bottom:116px
}
.detalle-producto-1 h1 a,.detalle-producto-1 h1 a:hover{
	color: #4e3a1e;
	text-decoration:none
}
.detalle-producto-1 .imagen{
	padding-bottom:0px
}
.detalle-producto-1 .ms-view {
    margin: 0px auto;
    overflow: hidden;
    background: #ffffff;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}
.detalle-producto-1 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -50px;
    right: 50%;
    width: 100px;
}
.detalle-producto-1 .info{min-width:360px}
.detalle-producto-1 img.shape-2 {
    max-width: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
    max-height: 65px;
}
.detalle-producto-1 .info .shape{margin-right:30px}
.detalle-producto-1 .info table.uno td{padding-bottom:22px}
.detalle-producto-1 .info h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 25px;
	text-align: left;
	color: #4e3a1e;
	margin-bottom:14px;
	margin-top:0px;
	font-weight:400
}
.detalle-producto-1 .info .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	margin-bottom:29px
}
.detalle-producto-1 .info .precio{
	font-size: 24px;
	font-weight: 900;
	line-height: 1.21;
	text-align: left;
	color: #4e3a1e;
	margin-bottom:35px;
	display:block
}
.detalle-producto-1 .info table{border:none; width:100%}
.detalle-producto-1 .info table td{
	font-size: 17px;
	font-weight: 300;
	line-height: 1.76;
	text-align: left;
	color: #797979;
	padding-bottom:41px
}
.detalle-producto-1 .info table td.uno{width:157px}
.detalle-producto-1 .info input[type=radio]{display:none}
.detalle-producto-1 .info label{
	border-radius: 8px;
	border: solid 1px #797979;
	font-size: 15px;
	text-align: center;
	color: #797979;
	font-weight:400;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:30px;
	cursor:pointer
}
.detalle-producto-1 .info input:checked + label {
	border: solid 1px #8b5126; color: #8b5126;
}
.detalle-producto-1 .info input:disabled + label {
    border: solid 1px #8b5126; color: #8b5126;
}
.detalle-producto-1 .info table.dos tr{vertical-align:top}
.detalle-producto-1 .info table.dos button{width:auto; height:auto; background:none; border:none}
.detalle-producto-1 .info table.dos input[type=text]{
	width:50px;
	font-size: 20px;
	text-align: center;
	color: #797979;
	border:none;
	padding-top:5px;
	height:35px;
	position:relative;
	top:2px
}
.detalle-producto-1 .info .agregar{
	width: 178px;
	height: 31px;
	border-radius: 30px;
	background-color: #8b5126;
	font-size: 15px;
	text-align: center;
	color: #ffffff;
	font-weight:400;
	border:none;
	margin-right:40px;
	margin-bottom:68px
}
.detalle-producto-1 .ms-skin-default .ms-bullet-selected {
    background-position:none;
    background: #d8d8d8 !important;
    border-radius: 50%;
}
.detalle-producto-1 .ms-skin-default .ms-bullet {
    width: 6px;
    height: 6px;
    background:#4e3a1e;
    margin: 11px !important;
    background-position:none;
	border-radius: 50%;
	margin-bottom:0px !important
}
.detalle-producto-1 .ms-skin-default .ms-nav-next, .detalle-producto-1 .ms-skin-default .ms-nav-prev {
    width: 9px;
    background:none;
    background-position:none;
    height: 17px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}
.detalle-producto-1 .ms-skin-default .ms-nav-prev{
	 background: url(../img/arrow-producto-left.png); left:30px; bottom:-55px; top:inherit
}
.detalle-producto-1 .ms-skin-default .ms-nav-next{
	 background: url(../img/arrow-producto-right.png); right:30px; bottom:-55px; top:inherit; left:inherit
}
.detalle-producto-2 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	text-align: left;
	color: #797979;
	margin-top:106px;
	margin-bottom:20px;
	font-weight:400;
	margin-right:-50px
}
.detalle-producto-2 h1 span.active{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #8b5126;
}
.detalle-producto-2 h1 span{cursor:pointer}
.detalle-producto-2 h1 .muestra-tabla{
	margin-right:52px
}
.detalle-producto-2{
	padding-left:62px; padding-right:62px
}
.detalle-producto-2 .divisor{
	background:#ececec; margin-bottom:50px; height:1px
}
.detalle-producto-2 .info table{width:auto; border:none}
.detalle-producto-2 .info table td{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	padding-bottom:18px;
	border-bottom: solid 1px #ececec;
	padding-top:12px
}
.detalle-producto-2 .info table td span{
	font-weight: 900;
	line-height: 1.6;
	text-align: left;
	color: #797979;
	margin-right:50px
}
.detalle-producto-2 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-bottom:15px;
	margin-top:0px
}
.detalle-producto-2 .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	padding-top:12px
}
.detalle-producto-2 .p ul{padding-left:0px}
.detalle-producto-2 .p ul li{list-style-type:none}
.detalle-producto-2{margin-bottom:100px}
.detalle-producto-2 .historia .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #797979;
	font-weight:400;
	padding-top:0px
}
.detalle-producto-2 .historia{
	margin-bottom:109px
}
.detalle-producto-2 .tab{
	display:none
}
.detalle-producto-2 .tab.active{display:block}
.detalle-producto-1 .contiene-add{display:inline-block; top:15px; position:relative}
.detalle-producto-1 .at-style-responsive .at-share-btn{
	background-color: #4e3a1f !important; margin-left:1px; margin-right:1px
}

/*Contacto*/
.contacto-bloque-1{padding-left:15px; padding-right:15px}
.fondoCafe{background:#59401f}
.contacto-bloque-1 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #c29641;
	margin-bottom:33px;
	margin-top:21px
}
.contacto-bloque-1 table{width:100%; border:none}
.contacto-bloque-1 table td{
	padding-right:10px;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #fff;
	font-weight:400;
	padding-bottom:24px
}
.contacto-bloque-1 table td a,.contacto-bloque-1 table td a:hover{
	color: #fff; text-decoration:none
}
.contacto-bloque-1 input{
	width:100%;
	height: 30px;
	border-radius: 5px;
	border: solid 1px #ececec;
	margin-bottom:20px;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	padding-left:15px;
	font-weight:400;
	background:none
}
.contacto-bloque-1 textarea{
	width:100%;
	height: 133px;
	border-radius: 5px;
	border: solid 1px #ececec;
	margin-bottom:20px;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	padding-left:15px;
	font-weight:400;
	background:none
}
.contacto-bloque-1 .p-r{padding-right:10px}
.contacto-bloque-1 .p-l{padding-left:10px}
#valid-captcha{transform: scale(0.6) !important; -webkit-transform: scale(.6) !important; transform-origin: 50% 0% !important; -webkit-transform-origin: 50% 0% !important;}
.contacto-bloque-1 button.enviar{
	width: 170px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #c29641;
	background:none;
	font-size: 15px;
	text-align: center;
	color: #c29641;
	font-weight:400;
	margin: 0 auto;
	display: block;
	margin-top: -10px;
	margin-bottom: 40px;
}
.contacto-bloque-2{
	background-color: #fbfaf6; padding-top:79px; padding-bottom:71px
}
.contacto-bloque-2 h1{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-bottom:30px;
	margin-top:0px
}
.contacto-bloque-2 h2{
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	text-align: left;
	color: #797979;
	margin-bottom:20px;
	margin-top:0px
}
.contacto-bloque-2 p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	margin-bottom:20px
}
.contacto-bloque-2 button{
	width: 166px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #c29641;
	font-size: 15px;
	text-align: center;
	color: #c29641;
	font-weight:400;
	background:none;
	margin-bottom: 50px;
}
.contacto-bloque-1 .mapa{height: 732px;}
.contacto-bloque-1 .mapa #maps{height:100%; width:100%}
.contacto-bloque-1 *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #fff !important;
	opacity:1;
}
.contacto-bloque-1 *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #fff !important;
	opacity:1;
}
.contacto-bloque-1 *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #fff !important;
	opacity:1;
}
.contacto-bloque-1 *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #fff !important;
	opacity:1;
}
.contiene-info-contacto{position:relative; z-index:1}

/*Blog*/
.blog-1{
	padding-top:21px;
}
.blog-1 h1{
	font-size: 30px;
	font-weight: 700;
	text-align: left;
	color: #8b5126;
	font-family: 'Roboto Mono', monospace;
	margin-top:0px;
	margin-bottom:0px
}
.blog-1 .contiene-input{position:relative}
.blog-1 .contiene-input input{
	width:100%;
	height: 30px;
	border-radius: 30px;
	border: solid 1px #979797;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	padding-left:20px;
	font-weight:400
}
.blog-1 .contiene-input .buscar{position:absolute; right:15px; top:5px}
.blog-1 ul{padding-left:0px; text-align:center; margin-bottom:20px; margin-top:40px}
.blog-1 ul li{list-style-type:none; display:inline-block; margin-left:10px; margin-right:10px; margin-bottom:20px}
.blog-1 ul li a{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	text-decoration:none
}
.blog-1 ul li a:hover,.blog-1 ul li a:focus,.blog-1 ul li a.active{
	color: #8b5126; text-decoration:none; font-weight:700
}
.blog-2 .inicio-bloque-7{
	padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px
}
.blog-2 .inicio-bloque-7 .item{margin-bottom:80px}
ul.paginador{padding-left:0px; text-align:center; margin-bottom:40px; margin-top:-40px}
ul.paginador li{list-style-type:none; margin-left:8.5px; margin-right:8.5px; display:inline-block}
ul.paginador li a{
	font-size: 15px;
	line-height: 1.93;
	text-align: center;
	color: #797979;
	font-weight:400;
	text-decoration:none
}
ul.paginador li a:hover,ul.paginador li a.active,ul.paginador li a:focus{
	color: #c29641; font-weight:700
}
ul.paginador li.primero{
	margin-right:70.5px
}
ul.paginador li.ultimo{
	margin-left:70.5px
}

/*Detalle blog*/
.detalle-blog-2 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:400
}
.detalle-blog-2 .p h1{font-size:36px; color: #4e3a1e; font-weight:500}
.detalle-blog-2 .p h2,.detalle-blog-2 .p h3,.detalle-blog-2 .p h4,.detalle-blog-2 .p h5,.detalle-blog-2 .p h6{color: #4e3a1e; font-family: 'Roboto Mono', monospace;}

.detalle-blog-2 .categoria{
	font-size: 13px;
	color: #949494;
	font-weight:400;
	margin-bottom:20px
}
.detalle-blog-2 .categoria .separador{
	margin-left:13px; margin-right:13px
}
.detalle-blog-2 .categoria b{
	font-size: 13px;
	text-align: left;
	color: #8b5126;
	font-weight:400
}
.detalle-blog-2 .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #797979;
	font-weight:400
}
.margin-30{margin-bottom:30px}
.detalle-blog-2 div.estilo-royal-slider {
    width: 100%;
    margin-top: 0px;
}
.detalle-blog-2 .estilo-royal-video{width:100% !important; height:auto}
.detalle-blog-2 .img-royal-gallery{width:100%; height:auto}
.detalle-blog-2 .at-style-responsive .at-share-btn{
	background-color: #4e3a1f !important
}
.detalle-blog-2 .contiene-add{margin-top:10px; text-align:right}
.detalle-blog-2 .contiene-add.dos{text-align:left; margin-bottom:60px; margin-top:60px}
.detalle-blog-3 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:30px
}
.detalle-blog-3 .item-reciente{
	padding-top:25px; padding-left:39px; padding-right:39px; padding-bottom:26px; border: solid 1px #ececec;	text-align:center; margin-bottom:40px; background:#59401f
}
.detalle-blog-3 .item-reciente .img{
	height: 113px;
	box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); margin-bottom:20px;
}
.detalle-blog-3 .item-reciente h3{
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.1px;
	text-align: center;
	color: #c29641;
	margin-bottom:20px;
	margin-top:0px
}
.detalle-blog-3 .item-reciente button{
	width: 157px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #c29641;
	font-size: 15px;
	text-align: center;
	color: #c29641;
	font-weight:400;
	background:none
}

/*Compromiso*/
.contenido-compromiso{
	padding-left:15px; padding-right:15px
}
.contenido-compromiso .compromiso-1{
	margin-top:111px
}
.contenido-compromiso .compromiso-1 .portada{width:110%; margin-left:-5%}
.contenido-compromiso h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:30px
}
.contenido-compromiso p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	margin-bottom:25.1px
}
.contenido-compromiso ul{padding-left:0px; margin-bottom:0px}
.contenido-compromiso ul li{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	list-style-type:none;
	margin-bottom:32px;
	display:block
}
.contenido-compromiso ul li img{
	margin-right:20px
}
.contenido-compromiso p.dos{
	margin-bottom:30px
}
.contenido-compromiso button{
	width: 100%;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	background:none
}
.contenido-compromiso .compromiso-2{
	margin-top:140px
}
.contenido-compromiso .compromiso-2 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:55px
}
.contenido-compromiso .compromiso-2 .img{
	margin-bottom:50px
}
.contenido-compromiso .compromiso-2 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:27px
}
.contenido-compromiso .compromiso-2 .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400
}
.contenido-compromiso .compromiso-2 .bloques{
	margin-top:80px; margin-bottom:80px
}
.contenido-compromiso .compromiso-2 .bloques .item{margin-bottom:50px}
.contenido-compromiso .compromiso-2 .bloques .item img{
	margin-bottom:25px
}
.contenido-compromiso .compromiso-2 .bloques .item h3{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-bottom:20px;
	margin-top:0px
}

/*Salud*/
.salud{
	background:url(../img/salud-1.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; position:relative; padding-top:119px; padding-bottom:118px; padding-left:15px; padding-right:15px; background-position:bottom
}
.salud h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:40px
}
.salud .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #ffffff;
	font-weight:400
}
.salud-2{
	margin-top:67px; padding-left:15px; padding-right:15px; margin-bottom:60px
}
.salud-2 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:54px;
	font-weight:400
}
.salud-2 ul{padding-left:0px; column-count:2}
.salud-2 ul li{
	list-style-type:none; margin-bottom:40px; position:relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	text-align: justify;
	color: #2a2a2a;
	padding-left:50px; padding-right:70px
}
.salud-2 ul li img{position:absolute; left:0px}
.salud-3{
	background-color: #fbf9f6; padding-top:69px; padding-bottom:87px; padding-left:15px; padding-right:15px
}
.salud-3 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:50px;
	font-weight:400
}
.salud-3 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:27px;
}
.salud-3 .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	column-count:2
}
.salud-4{
	padding-left:15px; padding-right:15px; padding-top:59px; padding-bottom:59px
}
.salud-4 h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:30px;
	font-weight:400
}
.salud-4 .p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400
}
.salud-4 img{margin-top:60px; padding-right:67px}
.salud-5{
	padding-left:15px; padding-right:15px; margin-bottom:46px
}
.salud-5 .divisor{
	background:#e0e0e0; height:1px; margin-bottom:19px
}
.salud-5 h1{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	color: #797979;
	margin-bottom:21px;
	margin-top:0px
}
.salud-5 .p{
	font-family: Roboto;
	font-size: 13px;
	line-height: 1.85;
	text-align: left;
	color: #afafaf;
	font-weight:400
}

/*Código de ética*/
.codigo-etica{
	padding-top:37px; margin-bottom:70px
}
.codigo-etica h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:0px
}
.codigo-etica h2{
	font-size: 30px;
	text-align: left;
	color: #4e3a1e;
	margin-top:64px;
	margin-bottom:40px
}
.codigo-etica p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400
}
.codigo-etica h3{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-top:40px;
	margin-bottom:27px
}

/*Modal*/
#modalRegistro .modal-dialog{width: 780px; max-width:100%; margin-top:5%}
#modalRegistro .modal-content{padding-left:0px; padding-right:0px; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); border:none; padding-bottom:0px; background:none}
#modalRegistro button .icon{color:#8b5126; font-size:42px}
#modalRegistro button.close:hover{opacity:1}
#modalRegistro .close{
	opacity:1;
	position: absolute;
    right: 12px;
    top: 0px;
	z-index:10
}
#modalRegistro .contenido{
	padding-top:45px; padding-bottom:45px; padding-left:56px; padding-right:56px; position:relative; background:#ffffff; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalRegistro .contenido .shape{
	width:1px; height:100%; position:absolute; left:0; right:0; top:0; margin:auto; background:#ececec
}
#modalRegistro .contenido h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 25px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:40px;
	font-weight:400
}
#modalRegistro .contenido h2{
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:30px;
	font-weight:400
}
#modalRegistro .contenido input{
	width: 100%;
	height: 30px;
	border-radius: 5px;
	border: solid 1px #ececec;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	font-weight:400;
	padding-left:15px;
	background:none;
	margin-bottom:20px
}
#modalRegistro .contenido .forgot{
	font-size: 13px;
	text-align: left;
	color: #8b5126;
	margin-bottom:43px;
	text-decoration:none;
	display:block
}
#modalRegistro .contenido button{
	width: 100%;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none
}
#modalRegistro .pr-7{padding-right:7.5px}
#modalRegistro .pl-7{padding-left:7.5px}
#modalRegistro input.last{margin-bottom:31px}
#modalRegistro .r{padding-right:50px}
#modalRegistro .l{padding-left:50px}
#modalRegistro *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #989898 !important;
	opacity:1;
}
#modalRegistro *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #989898 !important;
	opacity:1;
}
#modalRegistro *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalRegistro *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalRegistro .recuadro{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #8b5126;
	height:80px; margin-top:-37px
}

/* Modal Recuperar*/
#modalRecuperar .modal-dialog{width: 780px; max-width:100%; margin-top:5%}
#modalRecuperar .modal-content{padding-left:0px; padding-right:0px; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); border:none; padding-bottom:0px; background:none}
#modalRecuperar button .icon{color:#8b5126; font-size:42px}
#modalRecuperar button.close:hover{opacity:1}
#modalRecuperar .close{
	opacity:1;
	position: absolute;
    right: 12px;
    top: 0px;
	z-index:10
}
#modalRecuperar .contenido{
	padding-top:45px; padding-bottom:45px; padding-left:56px; padding-right:56px; position:relative; background:#ffffff; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalRecuperar .contenido .shape{
	width:1px; height:100%; position:absolute; left:0; right:0; top:0; margin:auto; background:#ececec
}
#modalRecuperar .contenido h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 25px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:40px;
	font-weight:400
}
#modalRecuperar .contenido h2{
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:30px;
	font-weight:400
}
#modalRecuperar .contenido input{
	width: 100%;
	height: 30px;
	border-radius: 5px;
	border: solid 1px #ececec;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	font-weight:400;
	padding-left:15px;
	background:none;
	margin-bottom:20px
}
#modalRecuperar .contenido .forgot{
	font-size: 13px;
	text-align: left;
	color: #8b5126;
	margin-bottom:43px;
	text-decoration:none;
	display:block
}
#modalRecuperar .contenido button{
	width: 100%;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none
}
#modalRecuperar .pr-7{padding-right:7.5px}
#modalRecuperar .pl-7{padding-left:7.5px}
#modalRecuperar input.last{margin-bottom:31px}
#modalRecuperar .r{padding-right:50px}
#modalRecuperar .l{padding-left:50px}
#modalRecuperar *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #989898 !important;
	opacity:1;
}
#modalRecuperar *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #989898 !important;
	opacity:1;
}
#modalRecuperar *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalRecuperar *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalRecuperar .recuadro{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #8b5126;
	height:80px; margin-top:-37px
}

/*Perfil*/
.perfil{margin-bottom:142px}
.perfil .edit-correo{padding-top: 5px;}
.perfil .editar-correo{display: inline-block;    width: auto!important;height: auto!important;}
.perfil .edit-password{padding-top: 5px;}
.perfil .editar-password{display: inline-block;    width: auto!important;height: auto!important;}
.perfil .bloque-1 h1{
	margin-top:61px; margin-bottom:60px;
	font-size: 20px;
	text-align: left;
	color: #797979;
	font-family: 'Roboto Mono', monospace;
	font-weight:400
}
.perfil .bloque-1 h1 span.active{
	font-size: 30px;
	font-weight: 700;
	text-align: left;
	color: #8b5126;
}
.perfil .bloque-1 h1 span{
	cursor:pointer
}
.perfil .bloque-1 h1 span.dos{margin-left:50px}
.perfil .bloque-1 h1.dos{text-align:right}
.perfil .bloque-2 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:0px
}
.perfil .bloque-2 table{width:100%; border:none; margin-top:46px; margin-bottom:46px}
.perfil .bloque-2 table td span{
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	text-align: left;
	color: #797979;
}
.perfil .bloque-2 table td{border-bottom: solid 1px #ececec; padding-bottom:7px; padding-top:6px}
.perfil .bloque-2 table td.dos{padding-left:15px}
.perfil .bloque-2 button{
	width: 163px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none;
	margin-bottom:50px
}
.perfil .bloque-2 input{
	height: 24px;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #555555;
	font-weight:400;
	width:100%;
	border:none;
	background:none
}
.perfil .bloque-2 input.edicion{
	height: 30px;
	border-radius: 5px;
	border: solid 1px #ececec;
	color: #989898;
	margin-top:1px;
	padding-left:15px
}
.perfil .bloque-2 .contiene-tabla{padding-left:15px}
.perfil .bloque-3 button{
	width: 163px;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none;
	margin-bottom:0px
}
.perfil .bloque-3 .columna-dos{text-align:right}
.perfil .bloque-3 .bloque-tarjeta{
	border: solid 1px #ececec; margin-top:23px;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	padding-top:23px;
	padding-bottom:23px
}
.perfil .bloque-3 .bloque-tarjeta span{
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	text-align: left;
	color: #797979;
}
.perfil .bloque-3 .bloque-tarjeta .last{text-align:right}
.perfil .bloque-3 .bloque-tarjeta .editar-tarjeta{
	margin-right:20px
}
.perfil .bloque-3 .bloque-tarjeta .acciones{position:absolute; top:0px; right:15px}
.perfil .bloque-3 .bloque-tarjeta .vencimiento{padding-right:80px}
.perfil .bloque-3 .bloque-tarjeta .c-1{padding-left:0px}
.perfil .bloque-3 .divisor{height:68px}
.perfil .bloque-3 .bloque-tarjeta .acciones img{cursor:pointer}

.perfil .bloque-3 .bloque-direccion{
	border: solid 1px #ececec; margin-top:23px;
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	padding-top:23px;
	padding-bottom:23px
}
.perfil .bloque-3 .bloque-direccion span{
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	text-align: left;
	color: #797979;
}
.perfil .bloque-3 .bloque-direccion .last{text-align:right}
.perfil .bloque-3 .bloque-direccion .editar-direccion{
	margin-right:20px
}
.perfil .bloque-3 .bloque-direccion .acciones{position:absolute; top:0px; right:15px}
.perfil .bloque-3 .bloque-direccion .direccion{padding-right:100px}
.perfil .bloque-3 .bloque-direccion .acciones img{cursor:pointer}
.perfil .historial table{width:100%; border:none; margin-top:60px}
.perfil .historial table td{
	font-size: 15px;
	line-height: 1.6;
	color: #797979;
	padding-top:25px; padding-bottom:22px; font-weight:400; padding-left:15px; padding-right:15px
}
.perfil .historial table tbody td:nth-child(1){
	padding-left:30px
}
.perfil .historial table tbody td:nth-child(2) {
    color: #555555;
}
.perfil .historial table tbody td:nth-child(4) {
    font-weight: 900;
	color: #797979;
}
.perfil .historial table tbody td:nth-child(6) {
    color: #8b5126;
}
.perfil .historial table thead td{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	border:none
}
.perfil .historial table tbody tr{
	border: solid 1px #ececec;
}
.perfil .historial table tbody tr.inpar td{
	background-color: #fbfbfb;
}
.perfil .historial table tbody tr.item td:nth-child(1),.perfil .historial table tbody tr.item td:nth-child(2){
	border-bottom:1px #fff solid
}
.perfil .historial table tbody tr.item.last td{
	border-bottom:1px #ececec solid
}
.perfil .item-oculto{display:none}
.perfil img.desplegar{
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s
}
.perfil img.desplegar.active{
	    transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);
}
.perfil .tab-content.active{display:block}
.perfil .tab-content{display:none}
.perfil .password-oculto{display:none}
.agregar-editar-tarjeta{
	padding-top:20px; padding-bottom:0px; border-top: solid 1px #ececec; border-bottom: solid 1px #ececec; margin-top:30px; padding-left:100px; position:relative; display:none
}
.agregar-editar-tarjeta .cerrar{
	position:absolute; top:28px; left:28px; cursor:pointer
}
.agregar-editar-tarjeta input{
	width:100%;
	height: 30px !important;
	border-radius: 5px;
	border: solid 1px #ececec;
	font-size: 15px !important;
	line-height: 1.6;
	text-align: left;
	color: #989898 !important;
	font-weight:400;
	padding-left:15px;
	background:none;
	margin-bottom:20px
}
.agregar-editar-tarjeta select{
	width:100%;
	height: 30px;
	border-radius: 5px !important;
	border: solid 1px #ececec;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	font-weight:400;
	padding-left:15px;
	background:none;
	margin-bottom:20px;
	border-radius:0px;
	appearance:none; -webkit-appearance:none; -moz-appearance:none
}
.agregar-editar-tarjeta button{width:100% !important}
.agregar-editar-tarjeta .contiene-select{position:relative}
.agregar-editar-tarjeta .contiene-select img{position:absolute; top:9px; right:10px; pointer-events:none; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.agregar-editar-tarjeta *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #989898 !important;
	opacity:1;
}
.agregar-editar-tarjeta *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #989898 !important;
	opacity:1;
}
.agregar-editar-tarjeta *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #989898 !important;
	opacity:1;
}
.agregar-editar-tarjeta *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #989898 !important;
	opacity:1;
}
.perfil h1.medio{text-align:center}

/*Carrito*/
#carrito .historial table{margin-top:0px}
#carrito .cantity button{width:auto; height:auto; background:none; border:none}
#carrito .cantity input[type=text]{
	font-family: 'Roboto Mono', monospace;
	width:50px;
	font-size: 20px;
	text-align: center;
	color: #797979;
	border:none;
	padding-top:5px;
	height:35px;
	position:relative;
	top:2px;
	font-weight:400
}
#carrito .historial table tbody td:nth-child(1) {
    padding-left: 15px;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	text-align: left;
	color: #797979;
	width:300px
}
#carrito .historial table tbody td:nth-child(1) .img{
	width:80px
}
#carrito .historial table tbody td:nth-child(1) table{border:none; margin:0px}
#carrito .historial table tbody td:nth-child(1) table td{padding:0px; width:auto !important; border:none; padding-left:15px}
#carrito .historial table tbody td:nth-child(1) table tr{border:none}
#carrito .cupon{
	margin-top:60px
}
#carrito .cupon .contiene-cupon{
	padding-top:27px; padding-bottom:38px; padding-left:97px; padding-right:97px; border: solid 1px #ececec;
}
#carrito .cupon .contiene-cupon h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:16px
}
#carrito .cupon .contiene-cupon p{
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	color: #797979;
	font-weight:400;
	margin-bottom:30px
}
#carrito .cupon .contiene-cupon input{
	width: 100%;
	height: 30px;
	border-radius: 5px;
	border: solid 1px #ececec;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	font-weight:400;
	background:none;
	margin-bottom:33px;
	padding-left:15px
}
#carrito .cupon .contiene-cupon button{
	width: 165px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px
}
#carrito .contiene-table{
	border: solid 1px #ececec; padding:30px
}
#carrito .contiene-table table{width:100%; border:none}
#carrito .contiene-table table td{
	width:33.3%;
	font-size: 15px;
	line-height: 1.6;
	text-align: right;
	color: #797979;
	font-weight:400;
	padding-bottom:20px
}
#carrito .contiene-table table td span{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #797979;
}
#carrito .contiene-table table tr.item td{
	padding-bottom:30px
}
#carrito .contiene-table table tr.item td span{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400
}
#carrito .contiene-table table tr.totales td{
	padding-bottom:30px
}
#carrito .contiene-table table td:nth-child(1){text-align:left}
#carrito .contiene-table table td:nth-child(2){text-align:center}
#carrito .contiene-boton-continuar button{
	width: 165px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
	margin-top:39px
}
#carrito .contiene-boton-continuar{text-align:right}
#carrito .historial table tbody td{
	padding-top:10px; padding-bottom:10px
}
#carrito .carrito-2 .agregar-editar-tarjeta{
	padding-left:0px
}
#carrito .carrito-2 h2{
	font-size: 25px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:43px;
}
#carrito .carrito-2 .agregar-editar-tarjeta{
	border:none;
	padding-top:0px
}
#carrito .carrito-2 .iniciar-sesion{
	font-family: Roboto;
	font-size: 18px;
	line-height: 1.61;
	text-align: left;
	color: #797979;
	font-weight:400;
	padding-bottom:16px;
	display:block;
	border-bottom: solid 1px #ececec;
	margin-bottom:20px;
	cursor:pointer
}
input[type="radio"]{display: none}
input[type="radio"]:checked + label span {background:url(../img/item-check.png)}
input[type="radio"] + label span{
	display: inline-block; border-radius:50%; vertical-align: middle; cursor:pointer;
	width: 22px;
	height: 22px;
	background:url(../img/item.png); position:relative; bottom:3px; margin-right:11px; margin-left:0px
	}
input[type="radio"] + label{padding-left:0px; border-radius:0px; padding:0px; position:relative}
#carrito .carrito-2 .div-checks{
	font-size: 18px;
	line-height: 1.61;
	text-align: left;
	color: #797979;
	font-weight:400
}
#carrito .carrito-2 .div-checks .img{margin-left:20px}
#carrito .carrito-2 .div-checks .divs{height:20px}
input[type="checkbox"]{display: none}
input[type="checkbox"]:checked + label span {background:url(../img/item-check.png)}
input[type="checkbox"] + label span{
	display: inline-block; border-radius:50%; vertical-align: middle; cursor:pointer;
	width: 22px;
	height: 22px;
	background:url(../img/item.png); position:relative; bottom:3px; margin-right:11px; margin-left:0px
	}
input[type="checkbox"] + label{padding-left:0px; border-radius:0px; padding:0px; position:relative}
#carrito .carrito-2 .crear-cuenta{
	font-family: Roboto;
	font-size: 18px;
	line-height: 1.61;
	text-align: left;
	color: #797979;
	font-weight:400;
	padding-bottom:60px;
	display:block;
	border-bottom: solid 1px #ececec;
	margin-bottom:20px;
	margin-top:35px
}
#carrito #enviar-regalo .contiene-cupon{
	padding:0px; border:none
}
#carrito #enviar-regalo .contiene-cupon span{
	font-family: Roboto;
	font-size: 18px;
	line-height: 1.61;
	text-align: left;
	color: #797979;
	font-weight:400;
	padding-bottom:0px;
}
#carrito #enviar-regalo .divisor{height:20px}
#carrito #enviar-regalo .contiene-cupon input{margin-bottom:20px}
#carrito #enviar-regalo .contiene-cupon input.mensaje{
	height: 133px;
}
#carrito #enviar-regalo{margin-top:40px}
#carrito .carrito-3 #parte-1{

}
#carrito .carrito-3 #parte-1 h4{
	font-size: 18px;
	line-height: 1.61;
	text-align: right;
	color: #797979;
	margin-top:0px;
	margin-bottom:1px;
	font-weight:400
}
#carrito .carrito-3 #parte-1 h5{
	font-family: Roboto;
	font-size: 15px;
	line-height: 1.6;
	text-align: right;
	color: #555555;
	font-weight:400;
	margin-bottom:30px;
	margin-top:0px
}
#carrito .carrito-3 #parte-1 h6{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
	color: #8b5126;
	margin-bottom:40px;
	padding-bottom:13px;
	border-bottom: solid 1px #ececec;
	margin-top:0px
}
#carrito .carrito-3 #parte-1 .caja{
	border: solid 1px #ececec; padding:30px; margin-bottom:20px
}
#carrito .carrito-3 #parte-1 .caja h1{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #797979;
	margin:0px
}
#carrito .carrito-3 #parte-1 .caja h1 span{
	font-size: 15px;
	text-align: left;
	color: #797979;
	display:block;
	padding-top:10px; padding-bottom:0px; font-weight:400
}
#carrito .carrito-3 #parte-1 .caja .divisor{
	height: 1px;
	background: #ececec;
	margin-bottom:20px;
	margin-top:17px
}
#carrito .carrito-3 #parte-1 .caja img{max-width:100%}
#carrito .carrito-3 #parte-1 .caja p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	margin-bottom:12px
}
#carrito .carrito-3 #parte-1 .caja h3{
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #8b5126;
	margin-bottom:0px
}
#carrito table#carro-3 td:nth-child(2) {
    text-align: right;
}

#carrito #enviar-regalo .caja{
	border: solid 1px #ececec; padding:30px; margin-bottom:20px
}
#carrito #enviar-regalo .caja h1{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #797979;
	margin:0px
}
#carrito #enviar-regalo .caja h1 span{
	font-size: 15px;
	text-align: left;
	color: #797979;
	display:block;
	padding-top:10px; padding-bottom:0px; font-weight:400
}
#carrito #enviar-regalo .caja .divisor{
	height: 1px;
	background: #ececec;
	margin-bottom:20px;
	margin-top:17px
}
#carrito #enviar-regalo .caja img{max-width:100%}
#carrito #enviar-regalo .caja p{
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
	color: #555555;
	font-weight:400;
	margin-bottom:12px
}
#carrito #enviar-regalo .caja h3{
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #8b5126;
	margin-bottom:0px
}
#carrito .p-final{
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	color: #797979;
	font-weight:400;
	width: 555px;
	margin-top:47px
}
#carrito .p-final span{
	font-weight: 900;
	color: #4e3a1e;
}

/*Adicionales*/
/*Modal*/
#modalAgregar .modal-dialog{width: 555px; max-width:100%; margin-top:5%}
#modalAgregar .modal-content{padding-left:0px; padding-right:0px; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); border:none; padding-bottom:0px; background:none}
#modalAgregar button .icon{color:#8b5126; font-size:42px}
#modalAgregar button.close:hover{opacity:1}
#modalAgregar .close{
	opacity:1;
	position: absolute;
    right: 12px;
    top: 0px;
	z-index:10
}
#modalAgregar .contenido{
	padding-top:52px; padding-bottom:51px; padding-left:97px; padding-right:97px; position:relative; background:#ffffff; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalAgregar .contenido h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 25px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:26px;
	font-weight:400
}
#modalAgregar .contenido button{
	width: 100%;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none
}
#modalAgregar .pr-7{padding-right:7.5px}
#modalAgregar .pl-7{padding-left:7.5px}
#modalAgregar input.last{margin-bottom:31px}
#modalAgregar .r{padding-right:50px}
#modalAgregar .l{padding-left:50px}
#modalAgregar *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #989898 !important;
	opacity:1;
}
#modalAgregar *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #989898 !important;
	opacity:1;
}
#modalAgregar *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalAgregar *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #989898 !important;
	opacity:1;
}

/*Modal Newsletter*/
#modalNewsletter .modal-dialog{width: 800px; max-width:100%; margin-top:5%}
#modalNewsletter .modal-content{padding-left:0px; padding-right:0px; border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); border:none; padding-bottom:0px; background:none}
#modalNewsletter button .icon{color:#8b5126; font-size:42px}
#modalNewsletter button.close:hover{opacity:1}
#modalNewsletter .close{
	opacity:1;
	position: absolute;
    left: 20px;
    top: 8px;
	z-index:10
}
#modalNewsletter .contenido .info{
	border-radius:5px; box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15); padding-top:60px; padding-bottom:60px; padding-left:56px; padding-right:56px; background:#fff; height:370px
}
#modalNewsletter .contenido h1{
	font-family: 'Roboto Mono', monospace;
	font-size: 25px;
	text-align: left;
	color: #4e3a1e;
	margin-top:0px;
	margin-bottom:50px;
	font-weight:400
}
#modalNewsletter .contenido h2{
	font-family: Roboto;
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
	color: #8b5126;
	margin-top:0px;
	margin-bottom:30px
}
#modalNewsletter .contenido input{
	width:100%;
	height: 30px;
	border-radius: 5px;
	border: solid 1px #ececec;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	color: #989898;
	padding-left:15px;
	margin-bottom:20px;
	background:none
}
#modalNewsletter .contenido button{
	width: 100%;
	height: 31px;
	border-radius: 30px;
	border: solid 1px #8b5126;
	font-size: 15px;
	text-align: center;
	color: #8b5126;
	font-weight:400;
	background:none
}
#modalNewsletter .pr-7{padding-right:7.5px}
#modalNewsletter .pl-7{padding-left:7.5px}
#modalNewsletter input.last{margin-bottom:31px}
#modalNewsletter .r{padding-right:50px}
#modalNewsletter .l{padding-left:50px}
#modalNewsletter *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #989898 !important;
	opacity:1;
}
#modalNewsletter *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #989898 !important;
	opacity:1;
}
#modalNewsletter *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalNewsletter *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #989898 !important;
	opacity:1;
}
#modalNewsletter .contenido .contiene-img{
	background-color: #8b5126; padding:40px; height:370px
}
#modalNewsletter .contenido .contiene-img .img{height:100%}
#itemsBlog{
	height: 700px;
}
/* medias */
@media (max-width:767px)
{
header .bloque-2 {
    padding-left: 15px;
    padding-right: 15px;
	position:relative
}
header .bloque-2 .logo {
    margin-top: 15px;
    margin-bottom: 15px;
}
header .bloque-2 .desplegar-menu{
	position:absolute; right:15px; top:5px; cursor:pointer; z-index:10
}
header .bloque-2 ul {
    padding-left: 0px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}
header .bloque-2 ul li {
    list-style-type: none;
    display: block;
    margin-left: 0px;
    margin-bottom: 15px;
}
header .bloque-2 ul li.penultimo {
    margin-left: 7.5px;
    margin-right: 7.5px;
    display: inline-block;
	margin-top:10px
}
header .bloque-2 ul li.ultimo {
    margin-left: 7.5px;
    margin-right: 7.5px;
    display: inline-block;
	margin-top:10px
}
header .bloque-1 {
    background-color: #e5e0d2;
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 0px;
}
header .bloque-1 ul li {
    margin-left: 15px !important; margin-right:15px !important
}
header .bloque-1 ul {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 0px;
}
header .bloque-2 .dropdown-menu {
    text-align: center !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 30px !important;
    border: none;
    padding-bottom: 0px;
    margin-top: 0px !important;
    margin: 0;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    left: 0px;
    margin-bottom: 20px;
}
.dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
header .bloque-2 .dropdown-menu>ul>li{margin-bottom:0px}
#menu-a-desplegar,header .bloque-1.dos{display:none}
.inicio-1 .ms-skin-default .ms-slide .ms-slide-vpbtn, .inicio-1 .ms-skin-default .ms-video-btn {
    width: 32px;
    height: 32px;
    background: url(../img/play-movil.png);
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}
.inicio-1 .ms-skin-default .ms-bullet {
    width: 11px;
    height: 11px;
    background: rgba(216,216,216,0.40);
    margin: 4px;
    background-position: none;
    border-radius: 50%;
    margin-bottom: 10px !important;
}
.inicio-bloque-3 {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: -100px;
}
.inicio-bloque-3 .carousel-control {
    height: 40px;
    width: 20px;
    border: none;
    border-radius: 0;
    margin-top: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
	display:none
}
.inicio-bloque-2 button {
    width: 280px;
    height: 31px;
    border-radius: 30px;
    background-color: #8b5126;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    border: none;
}
.inicio-bloque-5 div.imgCacaocultores{
	margin-bottom: 100px;
}
.inicio-bloque-5 div.content-cert{
	position: relative;
	margin-top: 30px;
}
.inicio-bloque-8 button {
    width: 280px;
    height: 31px;
    border-radius: 30px;
    background-color: #8b5126;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    border: none;
}
.inicio-bloque-6 h1 {
    font-size: 28px;
    text-align: center;
    color: #614a2a;
    margin-bottom: 30px;
    margin-top: 0px;
    font-weight: 400;
}
.inicio-bloque-3 .destacados .items {
    position: relative;
    border-radius: 9px;
    border: solid 1px #ececec;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 156px;
}
.carousel-inner>.item {
    display: block;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.inicio-bloque-4 .uno .info {
    background-color: #9f632f;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
.inicio-bloque-4 .uno .info h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    color: #634925;
    margin-top: 0px;
    margin-bottom: 20px;
}
.inicio-bloque-4 .uno .info p {
    font-size: 16px;
    line-height: 1.61;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 0px;
}
.inicio-bloque-4 .dos .info {
    background-color: #59401f;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.inicio-bloque-4 .tres .info {
    background-color: #c39f6a;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.inicio-bloque-4 .dos .info p {
    font-size: 16px;
    line-height: 1.61;
    text-align: justify;
    color: #ffffff;
    font-weight: 400;
}
.inicio-bloque-4 .dos .info h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 23px;
    text-align: left;
    color: #c9a878;
    margin-top: 0px;
    margin-bottom: 20px;
}
.inicio-bloque-4 .img {
    height: 280px;
}
.inicio-bloque-4 .tres .info h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 23px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 20px;
}
.inicio-bloque-5 {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 8%;
    padding-right: 8%;
}
.inicio-bloque-5 table td{display:block}
.inicio-bloque-5 h1.dos {
    margin-bottom: 4px;
    margin-top: 30px;
}
.inicio-bloque-6 {
    background-color: #e5e0d2;
    padding-top: 27px;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
}
.inicio-bloque-6 ul li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 13px;
    width: 50%;
    height: 120px;
    position: relative;
    float: left;
    padding-left: 6.5px;
    padding-right: 6.5px;
}
.inicio-bloque-7 div.titulo {
    font-size: 30px;
    text-align: center;
    color: #614a2a;
    margin-bottom: 30px;
    margin-top: 0px;
    font-weight: 400;
}
.inicio-bloque-7 .destacados-not .item {
    position: relative;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}
.inicio-bloque-7 {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
footer {
    background-color: #9f632f;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 36px;
	text-align:center
}
footer h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #59401f;
    margin-top: 30px;
    margin-bottom: 19px;
    font-family: 'Roboto Mono', monospace;
}
footer table td {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    position: relative;
    display: block;
}
footer table td.dos{padding-left:30px; padding-top:30px}
footer table td img.dos {
    position: absolute;
    top: 35px;
    left: 0px;
}
footer h3 {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0px;
}
footer h2 {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 12px;
}
.nosotros-bloque-2 {
    padding-left: 15px;
    padding-right: 15px;
}
.nosotros-bloque-1 .portada {
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 32px;
}
.nosotros-bloque-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
}
.nosotros-bloque-2 .img {
    position: relative;
    margin-bottom: 32px;
}
.video-nosotros {
    height: 275px;
    margin-bottom: 30px;
}
.nosotros-ultimo-bloque .img {
    height: 275px;
    margin-bottom: 30px;
}
.historia-bloque-1 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    margin-bottom: 50px;
}
.historia-bloque-1 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    color: #4e3a1e;
    margin-top: 40px;
    margin-bottom: 37px;
}
.historia-bloque-1 .img-2 {
    max-width: 100%;
    margin-top: 40px;
}
.historia-bloque-2 .img {
    height: 237px;
    margin-top: 40px;
    margin-bottom: -220px;
}
.historia-bloque-3 {
    padding-left: 30px;
    padding-right: 30px;
}
.productos-bloque-1 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding-top: 30px;
    margin-bottom: 30px;
    margin-top: 0px;
}
.productos-bloque-1 p {
    width: 473px;
    max-width: 100%;
    font-family: Roboto;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
}
.productos-bloque-1 img {
    margin-bottom: 42px;
}
.productos-bloque-2 {
    padding-top: 152px;
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom:-156px
}
.productos-bloque-2 .divisor {
    height: 0px;
}
.productos-bloque-2.destacados .items {
    position: relative;
    border-radius: 9px;
    border: solid 1px #ececec;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 156px;
}
.detalle-producto-1 {
    padding-left: 15px;
    padding-top: 30px;
    padding-right: 15px;
}
.detalle-producto-1 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    text-align: left;
    color: #b2a18b;
    margin-top: 0px;
    margin-bottom: 30px;
}
.detalle-producto-1 .info {
    min-width: inherit;
    /* max-width: 100%; */
    width: 100%;
	margin-top:90px
}
.detalle-producto-1 .info table td {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.76;
    text-align: left;
    color: #797979;
    padding-bottom: 30px;
}
.detalle-producto-1 .info table td.uno {
    width: 120px;
}
.detalle-producto-1 .info label {
    border-radius: 8px;
    border: solid 1px #797979;
    font-size: 12px;
    text-align: center;
    color: #797979;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 15px;
    cursor: pointer;
}
.detalle-producto-1 .info .agregar {
    width: 178px;
    height: 31px;
    border-radius: 30px;
    background-color: #8b5126;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    border: none;
    margin-right: 40px;
    margin-bottom: 30px;
}
.detalle-producto-1 .contiene-add {
    display: inline-block;
    top: 15px;
    position: relative;
    margin-bottom: 40px;
}
.detalle-producto-1 .info .shape-2{max-width:100%}
.detalle-producto-2 {
    padding-left: 15px;
    padding-right: 15px;
	margin-bottom:40px
}
.detalle-producto-2 h1 span.active {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #8b5126;
}
.detalle-producto-2 h1 .muestra-tabla {
    margin-right: 10px;
    /* max-width: 50%; */
    width: 180px;
    display: inline-block;
    text-align: left !important;
}
.detalle-producto-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    text-align: left;
    color: #797979;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 400;
    margin-right: 0px;
}
.detalle-producto-2 .divisor {
    background: #ececec;
    margin-bottom: 30px;
    height: 1px;
}
.detalle-producto-2 h2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-bottom: 15px;
    margin-top: 0px;
}
.detalle-producto-2 .info table td {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #555555;
    font-weight: 400;
    padding-bottom: 18px;
    border-bottom: solid 1px #ececec;
    padding-top: 12px;
}
.detalle-producto-2 .info table td {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #555555;
    font-weight: 400;
    padding-bottom: 18px;
    border-bottom: solid 1px #ececec;
    padding-top: 12px;
}
.detalle-producto-2 .info table {
    width: auto;
    border: none;
    margin-bottom: 30px;
}
.detalle-producto-2 .historia .p {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #797979;
    font-weight: 400;
    padding-top: 0px;
    margin-bottom: 40px;
}
.detalle-producto-2 .historia {
    margin-bottom: 10px;
}
.contenido-compromiso .compromiso-1 {
    margin-top: 30px;
}
.contenido-compromiso .compromiso-1 .portada {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
}
.contenido-compromiso table td{display:block}
.contenido-compromiso .compromiso-2 {
    margin-top: 40px;
}
.contenido-compromiso .compromiso-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
}
.contenido-compromiso .compromiso-2 .img {
    margin-bottom: 30px;
}
.contenido-compromiso .compromiso-2 h2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 27px;
}
.contenido-compromiso .compromiso-2 .bloques {
    margin-top: 40px;
    margin-bottom: 0px;
}
.salud {
    background: url(../img/salud-1.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    padding-top: 50px;
    padding-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
    background-position: bottom;
}
.salud h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 30px;
}
.salud-2 {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px;
}
.salud-2 ul {
    padding-left: 0px;
    column-count: 1;
}
.salud-2 ul li {
    list-style-type: none;
    margin-bottom: 40px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.33;
    text-align: justify;
    color: #2a2a2a;
    padding-left: 50px;
    padding-right: 0px;
}
.salud-2 {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
}
.salud-3 {
    background-color: #fbf9f6;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}
.salud-3 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
.salud-3 .p {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #555555;
    font-weight: 400;
    column-count: 1;
}
.salud-4 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 40px;
}
.salud-4 img {
    margin-top: 40px;
    padding-right: 0px;
    margin-bottom: 30px;
}
.salud-4 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
.salud-5 .divisor {
    background: #e0e0e0;
    height: 1px;
    margin-bottom: 37px;
}
.contacto-bloque-1 button.enviar {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    background: none;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
}
.contacto-bloque-1 .p-r {
    padding-right: 15px;
}
.contacto-bloque-1 .p-l {
    padding-left: 15px;
}
.contacto-bloque-1 .mapa {
    height: 350px;
    margin-left: -15px;
}
.contacto-bloque-2 {
    background-color: #fbfaf6;
    padding-top: 30px;
    padding-bottom: 0px;
}
.contacto-bloque-2 button {
    width: 166px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 40px;
}
.contacto-bloque-2 h1 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-bottom: 15px;
    margin-top: 0px;
}
.blog-1 h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: #8b5126;
    font-family: 'Roboto Mono', monospace;
    margin-top: 0px;
    margin-bottom: 30px;
}
.blog-1 ul {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
ul.paginador {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0px;
}
ul.paginador li.primero {
    margin-right: 20.5px;
}
ul.paginador li.ultimo {
    margin-left: 20.5px;
}
.blog-1 ul li {
    list-style-type: none;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.detalle-blog-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 400;
}
.detalle-blog-2 .contiene-add {
    margin-top: 10px;
    text-align: left;
    margin-bottom: 30px;
}
.detalle-blog-2 .contiene-add.dos {
    text-align: left;
    margin-bottom: 40px;
    margin-top: 40px;
}
.codigo-etica {
    padding-top: 20px;
    margin-bottom: 30px;
}
.codigo-etica h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 0px;
}
.codigo-etica h2 {
    font-size: 20px;
    text-align: center;
    color: #4e3a1e;
    margin-top: 34px;
    margin-bottom: 30px;
}
#row-etica{margin-left:-15px; margin-right:-15px}
#modalRegistro .modal-dialog {
    width: 780px;
    max-width: 90%;
    margin-top: 5%;
    margin-left: 5%;
}
#modalRegistro .contenido {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalRegistro .r {
    padding-right: 15px;
}
#modalRegistro .contenido h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 20px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
#modalRegistro .contenido h2 {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
#modalRegistro .l {
    padding-left: 15px;
}
#modalRegistro .pr-7 {
    padding-right: 15px;
}
#modalRegistro .pl-7 {
    padding-left: 15px;
}
#modalRegistro .close {
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 10;
}
#modalRegistro .contenido button {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 20px;
}
#modalRegistro .contenido {
    padding-top: 45px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalRegistro .contenido .forgot {
    font-size: 13px;
    text-align: left;
    color: #8b5126;
    margin-bottom: 30px;
    text-decoration: none;
    display: block;
}
#modalRegistro .contenido h1.dos{margin-top:35px}
#modalRegistro .contenido .shape {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ececec;
}
.perfil .bloque-1 h1 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 20px;
    text-align: left;
    color: #797979;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
	position:relative
}
.perfil h1.medio {
    text-align: left;
}
.perfil .bloque-1 h1.dos {
    text-align: left;
}
.perfil .bloque-1 h1 span.active {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    color: #8b5126;
}
#carrito .historial table thead{display:none}
#carrito .historial table tbody, #carrito .historial table thead, #carrito .historial table tr, #carrito .historial table td{display:block; text-align:center}
#carrito .historial table tbody td:nth-child(1) table td {
    padding: 0px;
    width: auto !important;
    border: none;
    padding-left: 15px;
    text-align: center;
    padding-bottom: 0px;
}
#carrito .historial table tbody td:nth-child(1) {
    padding-left: 15px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.6;
    text-align: left;
    color: #797979;
    width: 100%;
}
#carrito .historial table tbody td:nth-child(1) .img {
    width: 80px;
    margin-bottom: 25px;
}
#carrito .historial table thead, #carrito .historial table tr{margin-bottom:20px}
#carrito .cupon {
    margin-top: 10px;
}
#carrito .cupon .contiene-cupon {
    padding-top: 27px;
    padding-bottom: 38px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px #ececec;
}
#carrito .cupon .contiene-cupon button {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 12px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
}
#carrito .cupon .contiene-cupon {
    padding-top: 27px;
    padding-bottom: 38px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px #ececec;
    margin-bottom: 30px;
}
#carrito .contiene-table {
    border: solid 1px #ececec;
    padding: 15px;
}
#carrito .contiene-table table td {
    width: 33.3%;
    font-size: 12px;
    line-height: 1.6;
    text-align: right;
    color: #797979;
    font-weight: 400;
    padding-bottom: 20px;
}
#carrito .contiene-table table td span {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #797979;
}
#carrito .contiene-table table tr.item td span {
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    color: #555555;
    font-weight: 400;
}
#carrito .contiene-table table tr.item td span {
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    color: #555555;
    font-weight: 400;
}
.perfil {
    margin-bottom: 40px;
}
#carrito .contiene-boton-continuar {
    text-align: center;
}
#carrito .carrito-2 h2 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 20px;
}
#carrito .carrito-2 .div-checks .img {
    margin-left: 20px;
    width: 150px;
}
#carrito .carrito-2 .crear-cuenta {
    font-family: Roboto;
    font-size: 18px;
    line-height: 1.61;
    text-align: left;
    color: #797979;
    font-weight: 400;
    padding-bottom: 50px;
    display: block;
    border-bottom: solid 1px #ececec;
    margin-bottom: 20px;
    margin-top: 25px;
}
#carrito #enviar-regalo {
    margin-top: 30px;
}
#carrito .contiene-boton-continuar button {
    width: 165px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 12px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
    margin-top: 39px;
    max-width: 100%;
}
#carrito .carrito-3 #parte-1 h4 {
    font-size: 18px;
    line-height: 1.61;
    text-align: left;
    color: #797979;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: 400;
    margin-top: 20px;
}
#carrito .carrito-3 #parte-1 h5 {
    font-family: Roboto;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0px;
}
#carrito .carrito-3 #parte-1 .caja img {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}
#carrito .p-final {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #797979;
    font-weight: 400;
    width: 100%;
    margin-top: 15px;
}
.perfil .bloque-1 h1 .icon{
	position: absolute;
    top: 3px;
    right: 0px;
    font-size: 25px;
	cursor:pointer
}
.perfil .bloque-2 table {
    width: 100%;
    border: none;
    margin-top: 20px;
    margin-bottom: 46px;
}
.perfil .bloque-3 button {
    width: 163px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 13px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
    width: 100%;
}
.perfil .bloque-3 .bloque-tarjeta .vencimiento {
    padding-right: 80px;
    padding-left: 15px;
}
.perfil .bloque-3 .bloque-tarjeta .acciones {
    position: absolute;
    top: -15px;
    right: 15px;
}
.agregar-editar-tarjeta {
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: solid 1px #ececec;
    border-bottom: solid 1px #ececec;
    margin-top: 30px;
    padding-left: 100px;
    position: relative;
    display: none;
    padding-bottom: 22px;
}
.perfil .bloque-1 h1 span.dos {
    margin-left: 30px;
}
.perfil .historial table {
    width: 100%;
    border: none;
    margin-top: 0px;
	margin-bottom:30px
}
.perfil .historial table span{
	color: #8b5126;
	font-size: 18px;
	font-weight: 300;
}
.perfil .historial table.detalle-movil td{text-align:center; padding-bottom:20px}
.perfil .historial table.detalle-movil td b{display:block; margin-bottom:10px; margin-top:10px}
.perfil .historial table td {
    font-size: 15px;
    line-height: 1.6;
    color: #797979;
    padding-top: 5px;
    padding-bottom: 7px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
}
.perfil .historial table .muestra-detalle-movil{cursor:pointer}
.perfil .historial table.detalle-movil{margin-top:-30px; margin-bottom:30px}
.perfil .historial table.detalle-movil.oculto{display:none}
.perfil .historial table img{
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.perfil .historial table img.active{
	    transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);
}
#modalAgregar .modal-dialog {
    width: 555px;
    max-width: 90%;
    margin-top: 5%;
    margin-left: 5%;
}
#modalAgregar .contenido {
    padding-top: 52px;
    padding-bottom: 31px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalAgregar .contenido button {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 20px;
}
#modalNewsletter .modal-dialog {
    width: 800px;
    max-width: 90%;
    margin-top: 5%;
    margin-left: 5%;
}
#modalNewsletter .cols{padding-left:15px !important; padding-right:15px !important}
#modalNewsletter .contenido .contiene-img {
    background-color: #8b5126;
    padding: 40px;
    height: 320px;
}
#modalNewsletter .contenido .info {
    border-radius: 5px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: #fff;
    height: auto;
}
#modalNewsletter .close {
    opacity: 1;
    position: absolute;
    left: inherit;
	right:10px;
    top: 0px;
    z-index: 10;
}
#modalNewsletter .contenido button {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 20px;
}
#modalNewsletter .contenido h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
#itemsBlog{
		height: auto;
	}
}

@media (min-width:360px) and (max-width:767px){
	#itemsBlog{
		height: auto;
	}
}

@media (min-width:768px) and (max-width:991px)
{
.historia-bloque-1 .contiene-img {
    text-align: center;
}
header .bloque-2 {
    padding-left: 15px;
    padding-right: 15px;
	position:relative
}
header .bloque-2 .logo {
    margin-top: 15px;
    margin-bottom: 15px;
}
header .bloque-2 .desplegar-menu{
	position:absolute; right:15px; top:19px; cursor:pointer; z-index:10
}
header .bloque-2 ul {
    padding-left: 0px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}
header .bloque-2 ul li {
    list-style-type: none;
    display: block;
    margin-left: 0px;
    margin-bottom: 15px;
}
header .bloque-2 ul li.penultimo {
    margin-left: 7.5px;
    margin-right: 7.5px;
    display: inline-block;
	margin-top:10px
}
header .bloque-2 ul li.ultimo {
    margin-left: 7.5px;
    margin-right: 7.5px;
    display: inline-block;
	margin-top:10px
}
header .bloque-1 {
    background-color: #e5e0d2;
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 0px;
}
header .bloque-1 ul li {
    margin-left: 15px !important; margin-right:15px !important
}
header .bloque-1 ul {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 0px;
}
header .bloque-2 .dropdown-menu {
    text-align: center !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 30px !important;
    border: none;
    padding-bottom: 0px;
    margin-top: 0px !important;
    margin: 0;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    left: 0px;
    margin-bottom: 20px;
}
.dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
header .bloque-2 .dropdown-menu>ul>li{margin-bottom:0px}
#menu-a-desplegar,header .bloque-1.dos{display:none}
.inicio-1 .ms-skin-default .ms-slide .ms-slide-vpbtn, .inicio-1 .ms-skin-default .ms-video-btn {
    width: 32px;
    height: 32px;
    background: url(../img/play-movil.png);
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}
.inicio-1 .ms-skin-default .ms-bullet {
    width: 11px;
    height: 11px;
    background: rgba(216,216,216,0.40);
    margin: 4px;
    background-position: none;
    border-radius: 50%;
    margin-bottom: 10px !important;
}
.inicio-bloque-3 {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: -100px;
}
.inicio-bloque-3 .carousel-control {
    height: 40px;
    width: 20px;
    border: none;
    border-radius: 0;
    margin-top: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
	display:none
}
.inicio-bloque-2 button {
    width: 280px;
    height: 31px;
    border-radius: 30px;
    background-color: #8b5126;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    border: none;
}
.inicio-bloque-8 button {
    width: 280px;
    height: 31px;
    border-radius: 30px;
    background-color: #8b5126;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    border: none;
}
.inicio-bloque-6 h1 {
    font-size: 28px;
    text-align: center;
    color: #614a2a;
    margin-bottom: 30px;
    margin-top: 0px;
    font-weight: 400;
}
.inicio-bloque-3 .destacados .items {
    position: relative;
    border-radius: 9px;
    border: solid 1px #ececec;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 156px;
}
.carousel-inner>.item {
    display: block;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.inicio-bloque-4 .uno .info {
    background-color: #9f632f;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
.inicio-bloque-4 .uno .info h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    color: #634925;
    margin-top: 0px;
    margin-bottom: 20px;
}
.inicio-bloque-4 .uno .info p {
    font-size: 16px;
    line-height: 1.61;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 0px;
}
.inicio-bloque-4 .dos .info {
    background-color: #59401f;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.inicio-bloque-4 .tres .info {
    background-color: #c39f6a;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.inicio-bloque-4 .dos .info p {
    font-size: 16px;
    line-height: 1.61;
    text-align: justify;
    color: #ffffff;
    font-weight: 400;
}
.inicio-bloque-4 .dos .info h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 23px;
    text-align: left;
    color: #c9a878;
    margin-top: 0px;
    margin-bottom: 20px;
}
.inicio-bloque-4 .img {
    height: 280px;
}
.inicio-bloque-4 .tres .info h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 23px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 20px;
}
.inicio-bloque-5 {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 8%;
    padding-right: 8%;
}
.inicio-bloque-5 table td{display:block}
.inicio-bloque-5 h1.dos {
    margin-bottom: 4px;
    margin-top: 30px;
}
.inicio-bloque-6 {
    background-color: #e5e0d2;
    padding-top: 27px;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
}
.inicio-bloque-6 ul li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 13px;
    width: 50%;
    height: 120px;
    position: relative;
    float: left;
    padding-left: 6.5px;
    padding-right: 6.5px;
}
.inicio-bloque-7 div.titulo {
    font-size: 30px;
    text-align: center;
    color: #614a2a;
    margin-bottom: 30px;
    margin-top: 0px;
    font-weight: 400;
}
.inicio-bloque-7 .destacados-not .item {
    position: relative;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}
.inicio-bloque-7 {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
footer {
    background-color: #9f632f;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 36px;
	text-align:center
}
footer h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #59401f;
    margin-top: 30px;
    margin-bottom: 19px;
    font-family: 'Roboto Mono', monospace;
}
footer table td {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    position: relative;
    display: block;
}
footer table td.dos{padding-left:30px; padding-top:30px}
footer table td img.dos {
    position: relative;
    top: 0px;
    left: 0px;
}
footer h3 {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0px;
}
footer h2 {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 12px;
}
.nosotros-bloque-2 {
    padding-left: 15px;
    padding-right: 15px;
}
.nosotros-bloque-1 .portada {
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 32px;
}
.nosotros-bloque-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
}
.nosotros-bloque-2 .img {
    position: relative;
    margin-bottom: 32px;
}
.video-nosotros {
    height: 275px;
    margin-bottom: 30px;
}
.nosotros-ultimo-bloque .img {
    height: 275px;
    margin-bottom: 30px;
}
.historia-bloque-1 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    margin-bottom: 50px;
}
.historia-bloque-1 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    color: #4e3a1e;
    margin-top: 40px;
    margin-bottom: 37px;
}
.historia-bloque-1 .img-2 {
    max-width: 100%;
    margin-top: 40px;
}
.historia-bloque-2 .img {
    height: 237px;
    margin-top: 40px;
    margin-bottom: -220px;
}
.historia-bloque-3 {
    padding-left: 30px;
    padding-right: 30px;
}
.productos-bloque-1 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding-top: 30px;
    margin-bottom: 30px;
    margin-top: 0px;
}
.productos-bloque-1 p {
    width: 473px;
    max-width: 100%;
    font-family: Roboto;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    margin-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
}
.productos-bloque-1 img {
    margin-bottom: 42px;
}
.productos-bloque-2 {
    padding-top: 152px;
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom:-156px
}
.productos-bloque-2 .divisor {
    height: 0px;
}
.productos-bloque-2.destacados .items {
    position: relative;
    border-radius: 9px;
    border: solid 1px #ececec;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 156px;
}
.detalle-producto-1 {
    padding-left: 15px;
    padding-top: 30px;
    padding-right: 15px;
}
.detalle-producto-1 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    text-align: left;
    color: #b2a18b;
    margin-top: 0px;
    margin-bottom: 30px;
}
.detalle-producto-1 .info {
    min-width: inherit;
    /* max-width: 100%; */
    width: 100%;
	margin-top:90px
}
.detalle-producto-1 .info table td {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.76;
    text-align: left;
    color: #797979;
    padding-bottom: 30px;
}
.detalle-producto-1 .info table td.uno {
    width: 120px;
}
.detalle-producto-1 .info label {
    border-radius: 8px;
    border: solid 1px #797979;
    font-size: 12px;
    text-align: center;
    color: #797979;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 15px;
    cursor: pointer;
}
.detalle-producto-1 .info .agregar {
    width: 178px;
    height: 31px;
    border-radius: 30px;
    background-color: #8b5126;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    border: none;
    margin-right: 40px;
    margin-bottom: 30px;
}
.detalle-producto-1 .contiene-add {
    display: inline-block;
    top: 15px;
    position: relative;
    margin-bottom: 40px;
}
.detalle-producto-1 .info .shape-2{max-width:100%}
.detalle-producto-2 {
    padding-left: 15px;
    padding-right: 15px;
	margin-bottom:40px
}
.detalle-producto-2 h1 span.active {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #8b5126;
}
.detalle-producto-2 h1 .muestra-tabla {
    margin-right: 10px;
    /* max-width: 50%; */
    width: 180px;
    display: inline-block;
    text-align: left !important;
}
.detalle-producto-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    text-align: left;
    color: #797979;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 400;
    margin-right: 0px;
}
.detalle-producto-2 .divisor {
    background: #ececec;
    margin-bottom: 30px;
    height: 1px;
}
.detalle-producto-2 h2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-bottom: 15px;
    margin-top: 0px;
}
.detalle-producto-2 .info table td {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #555555;
    font-weight: 400;
    padding-bottom: 18px;
    border-bottom: solid 1px #ececec;
    padding-top: 12px;
}
.detalle-producto-2 .info table td {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #555555;
    font-weight: 400;
    padding-bottom: 18px;
    border-bottom: solid 1px #ececec;
    padding-top: 12px;
}
.detalle-producto-2 .info table {
    width: auto;
    border: none;
    margin-bottom: 30px;
}
.detalle-producto-2 .historia .p {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #797979;
    font-weight: 400;
    padding-top: 0px;
    margin-bottom: 40px;
}
.detalle-producto-2 .historia {
    margin-bottom: 10px;
}
.contenido-compromiso .compromiso-1 {
    margin-top: 30px;
}
.contenido-compromiso .compromiso-1 .portada {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
}
.contenido-compromiso table td{display:block}
.contenido-compromiso .compromiso-2 {
    margin-top: 40px;
}
.contenido-compromiso .compromiso-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
}
.contenido-compromiso .compromiso-2 .img {
    margin-bottom: 30px;
}
.contenido-compromiso .compromiso-2 h2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 27px;
}
.contenido-compromiso .compromiso-2 .bloques {
    margin-top: 40px;
    margin-bottom: 0px;
}
.salud {
    background: url(../img/salud-1.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    padding-top: 50px;
    padding-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
    background-position: bottom;
}
.salud h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 30px;
}
.salud-2 {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px;
}
.salud-2 ul {
    padding-left: 0px;
    column-count: 1;
}
.salud-2 ul li {
    list-style-type: none;
    margin-bottom: 40px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.33;
    text-align: justify;
    color: #2a2a2a;
    padding-left: 50px;
    padding-right: 0px;
}
.salud-2 {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
}
.salud-3 {
    background-color: #fbf9f6;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}
.salud-3 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 30px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
.salud-3 .p {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #555555;
    font-weight: 400;
    column-count: 1;
}
.salud-4 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 40px;
}
.salud-4 img {
    margin-top: 40px;
    padding-right: 0px;
    margin-bottom: 30px;
}
.salud-4 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
.salud-5 .divisor {
    background: #e0e0e0;
    height: 1px;
    margin-bottom: 37px;
}
.contacto-bloque-1 button.enviar {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    background: none;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
}
.contacto-bloque-1 .p-r {
    padding-right: 15px;
}
.contacto-bloque-1 .p-l {
    padding-left: 15px;
}
.contacto-bloque-1 .mapa {
    height: 350px;
    margin-left: -15px;
	margin-top:30px
}
.contacto-bloque-2 {
    background-color: #fbfaf6;
    padding-top: 30px;
    padding-bottom: 0px;
}
.contacto-bloque-2 button {
    width: 166px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 40px;
}
.contacto-bloque-2 h1 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-bottom: 15px;
    margin-top: 0px;
}
.blog-1 h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: #8b5126;
    font-family: 'Roboto Mono', monospace;
    margin-top: 0px;
    margin-bottom: 30px;
}
.blog-1 ul {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
ul.paginador {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0px;
}
ul.paginador li.primero {
    margin-right: 20.5px;
}
ul.paginador li.ultimo {
    margin-left: 20.5px;
}
.blog-1 ul li {
    list-style-type: none;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.detalle-blog-2 h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 400;
}
.detalle-blog-2 .contiene-add {
    margin-top: 10px;
    text-align: left;
    margin-bottom: 30px;
}
.detalle-blog-2 .contiene-add.dos {
    text-align: left;
    margin-bottom: 40px;
    margin-top: 40px;
}
.codigo-etica {
    padding-top: 20px;
    margin-bottom: 30px;
}
.codigo-etica h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 0px;
}
.codigo-etica h2 {
    font-size: 20px;
    text-align: center;
    color: #4e3a1e;
    margin-top: 34px;
    margin-bottom: 30px;
}
#row-etica{margin-left:-15px; margin-right:-15px}
#modalRegistro .modal-dialog {
    width: 780px;
    max-width: 90%;
    margin-top: 5%;
    margin-left: 5%;
}
#modalRegistro .contenido {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalRegistro .r {
    padding-right: 15px;
}
#modalRegistro .contenido h1 {
    font-family: 'Roboto Mono', monospace;
    font-size: 20px;
    text-align: left;
    color: #4e3a1e;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
#modalRegistro .contenido h2 {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
#modalRegistro .l {
    padding-left: 15px;
}
#modalRegistro .pr-7 {
    padding-right: 15px;
}
#modalRegistro .pl-7 {
    padding-left: 15px;
}
#modalRegistro .close {
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 10;
}
#modalRegistro .contenido button {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 20px;
}
#modalRegistro .contenido {
    padding-top: 45px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.15);
}
#modalRegistro .contenido .forgot {
    font-size: 13px;
    text-align: left;
    color: #8b5126;
    margin-bottom: 30px;
    text-decoration: none;
    display: block;
}
#modalRegistro .contenido h1.dos{margin-top:35px}
#modalRegistro .contenido .shape {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ececec;
}
.perfil .bloque-1 h1 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 20px;
    text-align: left;
    color: #797979;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
	position:relative
}
.perfil h1.medio {
    text-align: left;
}
.perfil .bloque-1 h1.dos {
    text-align: left;
}
.perfil .bloque-1 h1 span.active {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    color: #8b5126;
}
#carrito .historial table thead{display:none}
#carrito .historial table tbody, #carrito .historial table thead, #carrito .historial table tr, #carrito .historial table td{display:block; text-align:center}
#carrito .historial table tbody td:nth-child(1) table td {
    padding: 0px;
    width: auto !important;
    border: none;
    padding-left: 15px;
    text-align: center;
    padding-bottom: 0px;
}
#carrito .historial table tbody td:nth-child(1) {
    padding-left: 15px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.6;
    text-align: left;
    color: #797979;
    width: 100%;
}
#carrito .historial table tbody td:nth-child(1) .img {
    width: 80px;
    margin-bottom: 25px;
}
#carrito .historial table thead, #carrito .historial table tr{margin-bottom:20px}
#carrito .cupon {
    margin-top: 10px;
}
#carrito .cupon .contiene-cupon {
    padding-top: 27px;
    padding-bottom: 38px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px #ececec;
}
#carrito .cupon .contiene-cupon button {
    width: 100%;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 12px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
}
#carrito .cupon .contiene-cupon {
    padding-top: 27px;
    padding-bottom: 38px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px #ececec;
    margin-bottom: 30px;
}
#carrito .contiene-table {
    border: solid 1px #ececec;
    padding: 15px;
}
#carrito .contiene-table table td {
    width: 33.3%;
    font-size: 12px;
    line-height: 1.6;
    text-align: right;
    color: #797979;
    font-weight: 400;
    padding-bottom: 20px;
}
#carrito .contiene-table table td span {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #797979;
}
#carrito .contiene-table table tr.item td span {
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    color: #555555;
    font-weight: 400;
}
#carrito .contiene-table table tr.item td span {
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    color: #555555;
    font-weight: 400;
}
.perfil {
    margin-bottom: 40px;
}
#carrito .contiene-boton-continuar {
    text-align: center;
}
#carrito .carrito-2 h2 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
    color: #8b5126;
    margin-top: 0px;
    margin-bottom: 20px;
}
#carrito .carrito-2 .div-checks .img {
    margin-left: 20px;
    width: 150px;
}
#carrito .carrito-2 .crear-cuenta {
    font-family: Roboto;
    font-size: 18px;
    line-height: 1.61;
    text-align: left;
    color: #797979;
    font-weight: 400;
    padding-bottom: 50px;
    display: block;
    border-bottom: solid 1px #ececec;
    margin-bottom: 20px;
    margin-top: 25px;
}
#carrito #enviar-regalo {
    margin-top: 30px;
}
#carrito .contiene-boton-continuar button {
    width: 165px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 12px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
    margin-top: 39px;
    max-width: 100%;
}
#carrito .carrito-3 #parte-1 h4 {
    font-size: 18px;
    line-height: 1.61;
    text-align: left;
    color: #797979;
    margin-top: 0px;
    margin-bottom: 1px;
    font-weight: 400;
    margin-top: 20px;
}
#carrito .carrito-3 #parte-1 h5 {
    font-family: Roboto;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0px;
}
#carrito .carrito-3 #parte-1 .caja img {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}
#carrito .p-final {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #797979;
    font-weight: 400;
    width: 100%;
    margin-top: 15px;
}
.perfil .bloque-1 h1 .icon{
	position: absolute;
    top: 3px;
    right: 0px;
    font-size: 25px;
	cursor:pointer
}
.perfil .bloque-2 table {
    width: 100%;
    border: none;
    margin-top: 20px;
    margin-bottom: 46px;
}
.perfil .bloque-3 button {
    width: 163px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 13px;
    text-align: center;
    color: #8b5126;
    font-weight: 400;
    background: none;
    margin-bottom: 0px;
    width: 100%;
}
.perfil .bloque-3 .bloque-tarjeta .vencimiento {
    padding-right: 80px;
    padding-left: 15px;
}
.perfil .bloque-3 .bloque-tarjeta .acciones {
    position: absolute;
    top: 0px;
    right: 15px;
}
.agregar-editar-tarjeta {
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: solid 1px #ececec;
    border-bottom: solid 1px #ececec;
    margin-top: 30px;
    padding-left: 100px;
    position: relative;
    display: none;
    padding-bottom: 22px;
}
.perfil .bloque-1 h1 span.dos {
    margin-left: 30px;
}
.perfil .historial table {
    width: 100%;
    border: none;
    margin-top: 0px;
	margin-bottom:30px
}
.perfil .historial table span{
	color: #8b5126;
	font-size: 18px;
	font-weight: 300;
}
.perfil .historial table.detalle-movil td{text-align:center; padding-bottom:20px}
.perfil .historial table.detalle-movil td b{display:block; margin-bottom:10px; margin-top:10px}
.perfil .historial table td {
    font-size: 15px;
    line-height: 1.6;
    color: #797979;
    padding-top: 5px;
    padding-bottom: 7px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
}
.perfil .historial table .muestra-detalle-movil{cursor:pointer}
.perfil .historial table.detalle-movil{margin-top:-30px; margin-bottom:30px}
.perfil .historial table.detalle-movil.oculto{display:none}
.perfil .historial table img{
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.perfil .historial table img.active{
	    transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);
}
#itemsBlog{
	height: auto;
}
}

@media (min-width:992px) and (max-width:1199px)
{
header .bloque-2 ul li a {
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #979797;
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
header .bloque-2 ul li.penultimo {
    margin-left: 20px;
}
header .bloque-2 ul li.ultimo {
    margin-left: 20px;
}
header .bloque-2 ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 15px;
}
header .bloque-2 {
    padding-left: 28px;
    padding-right: 28px;
}
.inicio-bloque-3 {
    margin-top: 49px;
    padding-left: 59px;
    padding-right: 59px;
    margin-bottom: 57px;
}
.inicio-bloque-3 .destacados .items button {
    width: 185px;
    height: 31px;
    border-radius: 30px;
    border: solid 1px #8b5126;
    font-size: 15px;
    text-align: center;
    color: #8b5126;
    background: #fff;
    margin-bottom: 24px;
    max-width: 100%;
}
.inicio-bloque-3 .carousel-control.left {
    left: -31px;
    background: url(../img/arrow-left.png);
}
.inicio-bloque-3 .carousel-control.right {
    background: url(../img/arrow-right.png);
    right: -31px;
}
.inicio-bloque-4 .tres .info {
    background-color: #c39f6a;
    padding-left: 52px;
    padding-right: 61px;
    padding-top: 92px;
    padding-bottom: 83px;
}
.inicio-bloque-5 div.imgCacaocultores{
	margin-bottom: 100px;
}
.inicio-bloque-5 div.content-cert{
	bottom:-20%;
}
.inicio-bloque-7 {
    padding-top: 65px;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 49px;
}
footer table td {
    width: 50%;
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    color: #ffffff;
    font-weight: 400;
    position: relative;
}
footer h2 {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 12px;
}
footer ul li a {
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
}
footer h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #59401f;
    margin-top: 0px;
    margin-bottom: 19px;
    font-family: 'Roboto Mono', monospace;
}
footer h3 {
    font-size: 13px;
    line-height: 1.6;
    text-align: justify;
    color: #ffffff;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
}
.detalle-producto-1 .info label {
    border-radius: 8px;
    border: solid 1px #797979;
    font-size: 15px;
    text-align: center;
    color: #797979;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 20px;
    cursor: pointer;
}
#itemsBlog{
	height: 700px;
}
}
@media (min-width:1200px){

}
@media (min-width:768px){

}
@media (min-width:992px){
.nopadleft{padding-left:0px}	
.contacto-bloque-1 .contiene-info-contacto{width:360px}
.col-ofset-contacto{height:732px}
}
@media (min-width:1200px) and (max-width:1400px){
header .bloque-2 ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 25px;
}
header .bloque-2 ul li.penultimo {
    margin-left: 30px;
}
header .bloque-2 ul li.ultimo {
    margin-left: 30px;
}
}
