@charset "UTF-8";
/* CSS Document */

body{
background-color:#FFF;
margin:0px;
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:28px;
color:#333;
}
img{
border:none
}
.numeros{
	font-weight:800;
	font-size:25px;
	color:#F30;
}
.btn_wapp{
position: fixed;
bottom: 0;
	width: 250px;
	padding: 10px;
top:auto;
right: 0px;
z-index: 99999;
}
.btn_wapp img{
	width: 100%;
	height: auto;
}
.btn_wapp a,.btn_wapp a:hover{color:#fff;text-decoration:none}
h1{
font-family: 'Montserrat', sans-serif;
font-size:25px;
line-height:27px;
	text-transform: uppercase;
color:#F15A24;
	text-align: center;
}
h2{
font-family: 'Montserrat', sans-serif;
font-size:19px;
color:#C1272D;
	text-transform: uppercase;
	text-align: center;
}
h2 a, h2 a:hover{
color:#C1272D;
text-decoration:none;
}
.producto-titulo h2{
	text-align: left;
	font-size: 24px;
	padding-top: 5%;
} 
h3{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#000;
	font-weight:normal;
}
h4{
margin-bottom:12px;
font-size:25px;
padding-top:0px;
margin-top:5px;
font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.titulo404{
font-family: 'Montserrat', sans-serif;
font-size:30px;
color:#C1272D;
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
	font-weight: 800;
}
.centrador {
margin:auto;
width: 1000px;
}
.contenidoinicial{
	text-align:center;
	padding:50px 0px;
	background-color:#000;
}
.contenidoinicialcontenido{
	width:50%;
	margin:auto;
	color:#FFF;
	font-size:14px;
}
#banner-superior {
	width: 100%;
	margin: auto;
	background: rgb(153,175,187);
background: linear-gradient(232deg, rgba(153,175,187,1) 0%, rgba(255,255,255,1) 100%);
}
#banner-superior img {
	width: 100%;
	height: auto;
}
#contenido {
margin:auto;
width: 1000px;
background-color:#FFF;
padding-bottom: 20px;
}
#contenido2 {
margin:auto;
width: 1150px;
background-color:#FFF;
padding-bottom: 20px;
}
.clear {
clear:both;
}
#superior {
text-align:left;
margin:auto;
width: 1000px;
}
#espaciosuperiormenu{
background-image:url(../images/banner-superior.jpg);
}
#superior-head {
margin:auto;
width:1000px;
}
#logo {
    float: left;
    z-index: 999999;
    position: absolute;
    padding-left: 15px;
    top: -1px;
}
#contacto-head {
float:right;
font-size:18px;
color:#FFF;
padding-top:20px;
text-align: right;
width: 65%;
	padding-right: 2%;
}
#contacto-head h1{
font-family: 'Montserrat', sans-serif;
font-size:17px;
text-transform:uppercase;
padding:0px;
margin:10px;
margin-right:0px;
	text-align: right;
color:#FFF;
}
#contacto-head a, #contacto-head a:hover  {
color:#FFF;
text-decoration:none;
}
#general-menu {
background-color:#000;
width: 100%;
}
#botonmenumovil{
display:none;
	height: auto;
}
#botonmenumovil img{
	width: 6%;
}
.datos-moviles, .telefono-movil, .facebook-movil{
display:none;
}
.datoshead{
font-size:13px;
padding-bottom:10px;
}
#menu {
font-family: 'Montserrat', sans-serif;
font-size:12px;
width: 1000px;
margin:auto;
}
#menu ul{
list-style:none;
display:inline;
float:right;
margin:0;
padding:0;
}
#menu li{
float:left;
}
#menu li a{
color:#FFF;
text-decoration:none;
padding-right:20px;
padding-top:10px;
padding-left:20px;
border-right:1px dotted #666;
display:block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
height:34px;
}
#menu li a:hover{
background-color:#3A2707;
color:#FFF;
}


#espacioinferiormenu {
text-align:left;
margin:auto;
width: 1000px;
height:50px;
}
#carrusel {
width:100%;
background-image:url(../images/fondobanner.jpg);
background-size:cover;
background-position:center;
}
#banner {
width:1100px;
margin:auto;
	padding: 5% 0% 0% 0%;
}
#banner-derecho {
float:right;
	width: 53%;
}
#banner-derecho img {
	width: 100%;
	height: auto;
}
#banner-izquierdo {
	float:left;
	width: 46%;
	margin-top: 80px;
	color:#333;
	font-size:15px;
	text-align: center;
}
#banner-izquierdo-foto {
position:absolute;
z-index:999999;
width:250px;
}
#banner-izquierdo-foto img {
width:100%;
height:auto;
}
#medio {
text-align:left;
margin:auto;
width: 950px;
clear:both;
margin-top: 40px;
	margin-top: 10%;
}
#medio-interior {
text-align:left;
margin:auto;
width: 90%;
clear:both;
margin-top: 80px;
}
#contenidoizquierdo {
	margin:auto;
	float:left;
	width:65%;
}
#contenidoizquierdo img{
	width:100%;
	height:auto;
}
#maquinas {
text-align:left;
margin:auto;
width: 480px;
height:492px;
padding-left: 20px;
}
#contacto {
text-align:left;
float: right;
}
#contacto img{
width:100%;
height:auto;
}
#contenidoderecho {
	float:right;
	font-size:12px;
	width:28%
}
#contenidoderecho img{
	height:auto;
width:100%
}
#textohome {
text-align:left;
width: 425px;
font-size:12px;
color:#000;
padding-left:15px;
padding-right:45px;
}
#destaquehome {
text-align:center;
width: 420px;
font-size:12px;
color:#000;
padding-right:30px;
padding-left: 20px;
padding-top: 15px;
}
#textohome2 {
text-align:left;
width: 425px;
font-family: 'Montserrat', sans-serif;
font-size:12px;
color:#000;
padding-left:15px;
padding-right:45px;
}
#mediointeriores {
text-align:left;
background-repeat:no-repeat;
background-color: #FFF;
}
#mediointeriorespromociones {
text-align:left;
margin:auto;
width: 1000px;
background-repeat:no-repeat;
padding-top:30px;
background-color: #FFF;
}
#mediocontacto {
text-align:left;
margin:auto;
width: 1000px;
clear:both;
background-color: #FFF;
	margin-bottom: 5%;
}
#mediomaquinas {
text-align:left;
margin:auto;
background-repeat:no-repeat;
padding-top:  5%;
}

#contenidoizquierdomaquinas {
text-align:left;
margin:auto;
width: 100%;
padding-left: 10px;
}	
#contenidoizquierdomaquinas img{
width:100%;
height:auto;
}	
#contenidoderechomaquinas {
text-align:left;
margin:auto;
width: 510px;
float:right;
color:#000;
padding-top: 25px;
padding-right: 15px;
}
#contenidoderechomaquinas h1{
font-size:22px;
color:#F15A24;
}
#contenidoderechomaquinas h2{
font-size:17px;
color:#C1272D;
}
#contenidoderechomaquinas2 {
width: 100%;
color:#000;
	padding-top: 5%;
}
#lateral-contacto {
text-align:right;
width: 370px;
float: left;
background-image: url(../images/fondo-contacto.jpg);
background-repeat: no-repeat;
padding-top: 330px;
padding-bottom: 20px;
padding-right: 20px;
font: 20px;
color:#924529;
font-size:15px;
font-family: 'Montserrat', sans-serif;
	margin-top: 5%;
}
#fotomaquinas {
text-align:right;
width: 400px;
float: left;
background-repeat: no-repeat;
}
#fotomaquinas img {
	width: 100%;
	height: auto;
}
#textomaquinas {
	text-align: center;
	margin:auto;
	color:#000;
}
#textomaquinas img {
	width: 70%;
	height: auto;
}
#tablaproductos2 {
margin:auto;
width: 100%;
clear:both;
padding-top: 10%;
padding-bottom:20px;
}
#tablaproductos {
margin:auto;
width: 1300px;
clear:both;
padding-top: 10%;
padding-bottom:20px;
}
#tablaproductos h2, #tablaproductos2 h2 {
	font-size: 22px;
	text-align: center;
	line-height: 28px;
	min-height: 100px;
}
.descripcionproducto {
text-align:left;
margin:auto;
width: 235px;
font-size:12px;
color:#000;
padding-top:10px;
padding-bottom:10px;
}
#pie {
width:100%;
background-color: #3E2A22;
	font-size: 13px;
	line-height: 25px;
}
#inferior {
margin:auto;
width: 967px;
color:#FFF;
padding-left:33px;
	padding: 3% 0%;
}
#inferior a, #inferior a:hover{
color:#FFF;
text-decoration:none;
}
#inferior ul{
list-style:none;
}
#inferior li{
float:left;
text-align:left;
padding-right:35px;
width: 250px;
}
.boton{
color:#FFF;
font-size:13px;
border:0;
padding: 10px 20px;
background-color:#C00;
text-transform: uppercase;
}
.otrocampo{
	display:none;
}
.campo {
color:#000;
width:90%;
	height: 18px;
padding:4px 5%;
margin:3px 0px;
border-radius:5px;
border:none;
background-color:#BDCCD4;
}
.multilinea {
background-color:#BDCCD4;
width:90%;
padding:7px 5%;
margin:5px 0px;
height:70px;
border:none;
}
#contenido-ofrecemos {
margin:auto;
width: 970px;
clear:both;
margin:auto;
margin-top: 20px;
padding-top: 120px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
#contenido-ofrecemos-izq {
float:left;
width:470px;
background-color: #FFF9F9;
margin-right: 10px;
padding: 10px;
}
#contenido-ofrecemos-derecho {
float:right;
width:450px;
background-color: #FDFDF6;
padding: 10px;
}
#tipos-cafe {
padding:0px;
margin:0px;
-webkit-column-gap: 20px;
-webkit-column-count: 2;
-moz-column-rule: 1px solid #CCC;
-webkit-column-rule: 1px solid #CCC;
color:#A3762B;
font-size:17px;
font-family: 'Montserrat', sans-serif;
}
#tipos-cafe ul {
padding-top:0px;
margin-top:0px;
}
.balazo-maquinas {
color:#FFF;
font-size:15px;
padding:10px;
margin:auto;
width:90%;
line-height:20px;
font-family: 'Montserrat', sans-serif;
text-align:center;
background-color:#8D3113;
border-radius:7px;
margin-bottom: 15px;
}
.subtitulo {
color:#924529;
font-size:20px;
line-height:22px;
font-family: 'Montserrat', sans-serif;
	padding: 1% 0%;
}
.datos {
color:#722328;
font-size:13px;
line-height:18px;
}
.plan1 {
float:left;
width: 49%;
background-color:#FFF;
}
.plan2 {
float:right;
width: 49%;
background-color:#FFF;
}
.plan-texto {
padding:5px;
}
.titulo-plan {
background-color:#C26711;
color:#FFF;
padding:1% 0%;
	text-align: center;
font-size:17px;
	font-weight: 800;
	text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.ofrecemos {
margin-top:20px;
margin-bottom:10px;
}
#lugares ul, #lugares2 ul{
list-style:none;
padding:0px;
margin:0px;
text-align:center;
}
#lugares li{
width: 12%;
display: inline-block;
color: #900;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
	padding: 1%;
	font-weight: 800;
}
#lugares li img, #lugares2 li img{
width:100%;
	padding-bottom: 10%;
height:auto;
}
#lugares2 li{
width: 20%;
display: inline-block;
color: #900;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
	padding: 1%;
	font-weight: 800;
}
#tablaproductos ul, #tablaproductos2 ul{
list-style:none;
padding:0px;
margin:0px;
text-align:center;
}
#tablaproductos li{
text-align:left;
margin-bottom:7%;
width:20%;
	padding: 2%;
display:inline-table!important;
}
#tablaproductos2 li{
text-align:left;
margin-bottom:7%;
width:29%;
	padding: 2%;
display:inline-table!important;
}
#tablaproductos li img, #tablaproductos2 li img{
width:100%;
height:auto;
	padding-bottom: 6%;
}

.slogan{
	font-family: 'Montserrat', sans-serif;
	font-size:19px;
	line-height:28px;
	color:#930;
}
.contenidosintelingente{
	position:relative;
	margin-top:50px;
}
.contenidosintelingente2{
	position:relative;
}
.contenidosintelingente h2{
	font-size:30px;
	line-height:40px;
}
.contenidosintelingenteizquierdo{
	width:40%;
	padding:5%;
	background-color:#EEE;
}
.contenidosintelingenteizquierdo2{
	width:60%;
	padding:2%;
}
.contenidosintelingentederecho, .contenidosintelingentederecho2{
	width:50%;
	position:absolute;
	height:100%;
	background-image:url(../images/banner-planes-renta-maquina-cafe.jpg);
	background-size:cover;
}
.floatderecho{
	float:right;
	right:0;
}
.floatizquierdo{
	float:left;
}
.experiencia{
	text-align:center;
	padding:50px 0px;
}
#modalidades {
margin-top: 20px;
}
#modalidades h3 a{
	font-family: 'Montserrat', sans-serif;
	color:#C00;
	text-decoration:none;
	font-size:16px;
	text-align: center!important;
}
#modalidades ul{
list-style:none;
padding:0px;
margin:0px;
}
#modalidades li{
	width: 22%;
	padding-right: 2%;
	display: inline-table!important;
	text-align: center;
}
#modalidades li img{
width:100%;
height:auto;
}
.masinfo{
background-color:#8E8E8E;
color:#000000;
padding:3%;
text-align:center;
margin:10px 0px;
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 20px;
	width: 80%;
	margin: auto;
}
.masinfo a, .masinfo a:hover{
color:#FFF;
text-decoration:none;
}
#contacto-lateral{
background-color:#F6F6F6;
padding: 5%;
}
.planes {
background-color:#F6F6F6;
padding:5px;
margin-top: 15px;
}
#agradecimiento {
text-align:center;
}
#agradecimiento a,  #agradecimiento a:hover{
color:#000;
text-decoration:none;
}
.producto-detalle{
	padding: 8% 0%;
	text-align: center;
	margin: auto;
}
.producto-detalle h2{
	font-size: 30px;
	line-height: 35px;
}
.producto-foto{
	float: left;
	width: 50%;
}
.producto-foto img{
	height: auto;
	width: 100%;
}
.producto-titulo{
	float: right;
	width: 48%;
	text-align: left;
	font-size: 15px;
	line-height: 25px;
}
.producto-titulo h1{
	color: #761f3e;
	font-weight: 800;
	font-size: 40px;
	padding: 0;
	margin: 0;
}
#contacto-interiores{
	width: 40%;
	margin: auto;
	padding: 5% 0%;
}