html {
	max-width: 100%;
	overflow-x: hidden;
}
/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-100 {padding-top:100px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}


.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(1,65,102,0);
	box-shadow:0 0 10px rgba(0,0,0,0);
}

.navbar-top-2 { background:rgba(0,20,50,0.4);
			box-shadow:0 0 10px rgba(0,20,50,0.4); }







/* Estilos de textos */

p { 
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.7em;
}

h1 { 	
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	font-size: 2.8em;
}

h2 { 	
	font-family: 'Nunito', sans-serif;
	font-weight: 700; 
	font-size: 3em;
	line-height: 0.3;
}

h3 { 	
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.8em;
}

h4 {	font-weight: 400;
line-height: 1.6em;}

.titulo-descarga{
	font-size: 2em;
}
		
/* estilos de color */

/* Menu principal */

.menu-principal li a { 
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 1em;
	font-weight: 900;
	padding: 5px 3px 
}

.menu-principal-02 li a { 
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color:rgba(0,0,0,1);
	cursor: pointer;
	font-size: 1em;
	font-weight: 900;
	padding: 5px 3px 
}

.menu-movil li a { 
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 2.4em;
	font-weight: 900;
	padding: 5px 3px 
}

.menu-movil li {	list-style: none;}


.menu-productos-opciones li a { 
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	color:rgba(0,0,0,1);
	font-size: 1em;
	font-weight: 900;
	padding: 5px 5px 
}



.menu-productos-opciones li {	list-style: none;}


.modal-menumovil  { background-color:rgba(0,0,0,0.7) !important; }

#menuMovil .modal-content { background:none;
					box-shadow: none;
					border: 0; }



.menu-movil li {	list-style: none;}

.modal-menu-movil  { background-color:rgba(18,55,92,0.8) !important; }

#menuMovil .modal-content { background:none;
					box-shadow: none;
					border: 0; }
.modal-menu-productos { background-color:rgba(255,255,255,0.8) !important; }

.close-menumovil { color: rgba(236,155,55,1); opacity: 1;
	font-size: 3em;
}

.modal-descarga { 
	background-color:rgba(255,255,255,0.8) !important; 
}




/* Estilos de seccion */


.c-blanco{ color: rgba(255,255,255,1);}


.seccion-compromiso{
	background-color: rgba(241,241,241,1);
}


.seccion-maquinas{
	background-color: rgba(0,0,0,1);
}

/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 0;
padding: 10px 40px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;}


.btn-negro { 	background: rgba(0,0,0,1); 
		 color:rgba(255,255,255,1);
		box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 color:rgba(255,255,255,1);
			 box-shadow: 0 6px 0 rgba(100,100,100,0.8);}

.btn-productos { 
	background: rgba(58,138,195,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 20px !important;
}

.btn-ver{ 
	background: rgba(7,30,48,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 20px !important;
}

.btn-productos-02 { 
	background: rgba(236,155,55,1); 
	min-width: 250px;
	max-width: 250px;
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 20px !important;
}

.btn-enviar{ 
	background: rgba(7,30,48,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 20px !important;
}

.btn-descarga{ 
	background: rgba(58,138,195,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 20px !important;
}




/* Estilos de bootstrap */

.img-boton-producto {
	-webkit-transition:all ease-in 300ms ;
	box-shadow:0 0px 0px rgba(0,0,0,0.4);
	border-radius: 20px;
}

.img-boton-producto:hover {
	-webkit-transition:all ease 400ms ;
	box-shadow:0 3px 8px rgba(0,0,0,0.4);
	border-radius: 22px;
}



.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}


.abajo{
	margin-top: 100px;
}


.mapa{
	border-radius: 20px !important;
}


.panel-formulario {
	margin-bottom: 20px;
	background-color: rgba(255,255,255,1);
	border: 0px solid;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.panel-productos {
	margin-bottom: 20px;
	background-color: rgba(241,241,241,1);
	border: 0px solid;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 0px solid;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/*Estilo de boton whatssap*/
.whatsapp-float { position: fixed;
	z-index: 99;
	bottom: 10%; 
	right:5%;
	 }


.whatsapp-float p { padding: 8px 12px;
	border-radius:8px;
	margin-top:10px;
	background: rgba(0,191,75,1); }