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


body{
	margin:auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	line-height: 24px;
}
.centrador{
	width: 1100px;
	margin: auto;
	margin-top: 3%;
}
img{
border:none
}
.datos-moviles, .telefono-movil {
	display:none;
}
.campo{
color: #000;
font-size: 12px;
border: 1px solid #e2e2e2;
width: 98%;
height: 35px;
background-color: #EBEBEB
}.multilinea{line-height:150%;height:90px;overflow:hidden;
color: #000;
font-size: 12px;
border: 1px solid #e2e2e2;
width: 98%;
background-color: #EBEBEB}
.boton{
text-align:center;
color:#fff;
font-size:15px;
border:0;
padding:2%;
	background-color: #181D42;
	text-transform: uppercase;
}
#medio-empresas{
color:#fff;
background-color:#fff;
margin:auto;
background-repeat:repeat-x;
width: 1100px;
padding: 5% 0%;
}

#medio-empresa{
margin:auto;
width:50%;
	margin-top: 3%;
}
#content {
	width:100%;
	margin:auto;
	text-align:left;
	clear: both;
	height: auto;
}
#content:after{
width: 100%;
height:0px;
display:block;
clear:both;
}
.clear {
	clear:both;
		}
	.cuatrocolumnas li{
width:22%;
margin:1%;
display:inline-table;
padding:1%;
border-radius:10px;
}
		#head {
		margin:0px;
		width:100%;
		}
		#head-contenido {
		margin:auto;
		width:1100px;
		}
		#botonmenumovil {
			display:none;
}
			#logo {
	text-align:left;
	width:20%;
	float:left;
			}
			#derecho {
	text-align:left;
	width:70%;
	float:right;
			}
				#espaciomenu {
	text-align:right;
	line-height:25px;
	color:#4B4A4A;
	font-size:15px;
				}
				#menu {
					width:100%;
					background-color:#0D2E51;
					color:#FFF;
				}
				#menusuperior {
	font-size:15px;
	margin:auto;
					width: 90%;
				}
				
#menusuperior ul{
	text-align: center;
	margin:0;
	padding:0;
}
#menusuperior li{
	display: inline-block;
	padding: 15px;
	border-right:1px dotted #999;
}
#menusuperior a{
	text-decoration:none;
	color:#000000;
	display:block;
	text-transform: uppercase;
}
#menusuperior a:hover{
	background-color:#FFF;
	color:#000;
}


			
			#banner-foto img{
				width:100%;
				height:auto;
		}
		#banner-texto{
	position:absolute;
	z-index:999999;
	color:#FFF;
	text-align:left;
	font-size:12px;
	top: 5px;
	width: 270px;
	left: 530px;
	line-height:20px;
		}
			
		#banner-2{
	width:315px;
	background-image:url(../images/banner-1.png);
	padding-top: 20px;
	padding-left: 485px;
	color:#FFF;
	font-size:12px;
	line-height:20px;
	padding-right: 30px;
	padding-bottom:80px;
		}
		#banner-3{
	background-image:url(../images/banner-2.png);
	padding-top: 20px;
	padding-left: 485px;
	color:#FFF;
	font-size:12px;
	line-height:20px;
	padding-right: 30px;
	padding-bottom:45px;
		}
		
		#banner-4 {
	background-image:url(../images/banner-4.png);
	padding-top: 5px;
	padding-left: 485px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	line-height:20px;
	padding-right: 30px;
	padding-bottom:50px;
		}
			
		#banner-5 {
	background-image:url(../images/banner-5.png);
	padding-top: 20px;
	padding-left: 485px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	line-height:20px;
	padding-right: 30px;
	padding-bottom:80px;
		}
	
		
	#contenido {
	text-align:left;
	width:900px;
	margin:auto;
	margin-top: 20px;
		}
		
		h1 {
	color:#ffffff;
	font-size: 25px;
	text-transform:uppercase;
	line-height: 29px;
		}
h2 {
	color:#193F80;
	font-size: 15px;
	text-transform:uppercase;
	line-height: 22px;
		}
#texto-home h1 {
	color:#006;
	font-size: 25px;
	text-transform:uppercase;
	line-height: 29px;
		}
		#texto-home {
	width:70%;
			margin: auto;
			padding: 10% 0%;
			text-align: center;
		}
		#contacto-home {
	width:50%;
			margin: auto;
	background-image: url(../images/fondo-contacto-home.jpg);
	background-repeat: no-repeat;
		}
			.campo-contacto {
	width:220px;
	font-size:12px;
	height:23px;
	background-color:#FFF;
	border:0;
	}
	.campo-texto-contacto {
	width:220px;
	font-size:12px;
	height:70px;
	background-color:#FFF;
	line-height:16px;
	border:0;
	}
    .boton-enviar-contacto {
	width:57px;
	height:22px;
	font-size:12px;
	background-image:url(../images/fondo-boton-contacto.jpg);
	color:#FFF;
	background-repeat:repeat-x;
	border:0;
	}
	
	#productos-home {
	text-align:left;
	width:840px;
	padding-left: 20px;
	margin: auto;
	padding-bottom: 20px;
		}
		#productos-titulo-home {
			font-weight: 800;
			font-size: 30px;
			color: #203C73;
			text-align: center;
		}
		.productos-home {
	text-align:left;
	background-image:url(../images/productos-titulo-home.jpg);
	color:#F60;
	font-family: 'Pathway Gothic One', sans-serif;
	background-repeat:no-repeat;
	font-size:24px;
		}
		#productos-contenido-home {
	text-align:left;
	line-height: 18px;
		}
#productos-contenido-home ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:10px;
	text-align: center;
}
#productos-contenido-home li{
	display: inline-table;
}
.foto-producto-home img{
	width: 100%;
	height: auto;
}
.texto-producto-home{
	line-height:25px;
	text-align: left;
	padding: 7% 0%;
}		
	.titulos-productos {
		padding: 5%;
		background-color: #E08825;
	color:#FFF;
	font-size:20px;
	text-align:center;
		}
		.leermas-home-banners {
			margin: auto;
			background-color: #E08825;
	width:20%;
			padding: 1%;
	color:#FFF;
	text-align:center;
		}
.leermas-home {
			margin: auto;
			background-color: #236D96;
	width:60%;
			padding: 6% 0%;
	color:#FFF;
	text-align:center;
		}
		.leermas-home a, .leermas-home-banners a {
	text-decoration:none;
	color:#FFF;
		}
		.leermas-home a:hover, .leermas-home-banners a:hover {
	text-decoration:none;
	color:#FFF;
		}
		
		#formulario-contacto {
			text-align: center;
		}
		
		
		#contenido-promocion {
		text-align:left;
		width:900px;
		height:800px;
		}
			
	#foto, #fotoclientes {
	width:440px;
	float:left;
	margin:auto;
			}
	#foto img, #fotoclientes img {
	width:100%;
			}
			#textoempresa {
	width:392px;
	float:right;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	padding-top:40px;
			}
			#textoempresa h3{
			text-align:left;
			font-weight:normal;
			font-size:16px;
			color:#FFF;
			background-image:url(../images/fondo-titulo-home.jpg);
			height:30px;
			background-repeat:no-repeat;
			padding-left:30px;
			padding-top:5px;
			}
			#uniformes ul{
	list-style:none;
	margin:0;
	text-align:center;
	padding:0px;
}
#uniformes li{
	padding-left:6px;
	padding-right:6px;
	display:inline-table!important;
	width:96px;
}
			#textocontacto {
	width:352px;
	float:right;
	padding-left:30px;
	padding-right:40px;
	padding-top:40px;
			}
			#textocontacto h2{
			text-align:left;
			font-size:13px;
			color:#039;
			}
			#textocontacto h3{
			text-align:left;
			font-weight:normal;
			font-size:16px;
			color:#FFF;
			background-image:url(../images/fondo-titulo-home.jpg);
			height:30px;
			background-repeat:no-repeat;
			padding-left:30px;
			padding-top:5px;
			}
			#texto h3{
			text-align:left;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:16px;
			color:#FFF;
			background-image:url(../images/fondo-titulo-home.jpg);
			height:30px;
			background-repeat:no-repeat;
			padding-left:30px;
			padding-top:5px;
			}
			#texto h2{
			text-align:left;
			font-size:14px;
			color:#005ABA;
			}
				#textosuperiorempresa {
	text-align:left;
				}
				
					.productos h1{
					text-align:center;
					font-size:11px;
					font-weight:bold;
					color:#000;
					}
					.productos a{
					text-align:center;
					font-size:11px;
					font-weight:bold;
					color:#000;
					text-decoration:none;
					}
				#subpie {
	width:100%;
	color:#FFF;
	background-color: #d9d5d5;
					text-align: center;
}
		#subpie img {
	width:12%;
			height: auto;
	}
#pie {
	width:100%;
	color:#FFF;
	background-color: #0D2E51;
	padding-bottom:10px;
}

#contenido-pie {
	width:1100px;
	margin:auto;
	color:#FFF;
	padding-top: 20px;
}
#contenido-pie ul{
	list-style:none;
	text-align: center;
	padding: 0;
	margin: 0;
	margin: 0;
}
#contenido-pie li{
	padding: 5%;
	display: inline-table;
}
				
			#pie a{
			color:#FFF;
			text-decoration:none;
			}
			#pie a:hover{
			color:#FFF;
			text-decoration:none;
			}

#contenido-promocion {
	text-align:left;
	width:900px;
	height:1150px;
	clear: both;
	margin: auto;
			}
			#foto {
	float:left;
	padding-top:40px;
	margin-left: 30px;
			}
	#foto ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
}
#foto li{
	display:inline;
	float:left;
	border-right:1px dotted #999;
}
#menu-productos {
	width:200px;
	float:left;
	padding-top:40px;
	margin-left: 30px;
			}
	#menu-productos ul{
	list-style:none;
	margin:0;
	padding:0;
		width: 100%;
		background-color: #E9E9E9;
}
#menu-productos li{
	width: 100%;
	display: flex;
}
#menu-productos li a {
	color: #2A4F80;
	width: 100%!important;
	padding: 3%;
	text-decoration: none;
}
 #menu-productos li a:hover {
	background-color: #F7931E;
	color: #FFFFFF;
	width: 100%!important;
	text-decoration: none;
}
	
 .menu-productos-seleccion {
	background-color: #F7931E;
	color: #FFFFFF;
	width: 100%!important;
	text-decoration: none;
}
	#texto {
	width:620px;
	float:right;
	margin-right: 30px;
			}
			
					#texto-2 {
	width:533px;
	height:750px;
	float:right;
	padding-top:40px;
	padding-left:40px;
	padding-right:60px;
			}
				#texto-2 h1{
			font-size:19px;
			color:#F7931E;
			}
	
			#texto h3{
			text-align:left;
			font-weight:normal;
			font-size:16px;
			color:#191956;
			height:30px;
			padding-left:30px;
			padding-top:5px;
			}
			#texto h1{
			text-align:left;
			font-size:19px;
			color:#F7931E;
			}
				#textosuperior {
	width:100%;
				}

	#productos {
	text-align:left;
	font-size:12px;
	color:#333;
	line-height: 19px;
	width: 500px;
	margin:auto;
	}
	.productos {
	text-align:left;
	width:100%;
	height:400px;
	font-size:12px;
	color:#F60;
	line-height: 19px;
				}
				.costos {
	text-align:center;
	font-size:13px;
	color:#333;
				}
				#productosderecho {
	padding-top: 10px;
	text-align:center;
				}
				#productosderecho img {
	width:100%;
	height:auto;
				}
	#foto-uniforme {
	float:left;
	width: 48%;
				}
				#texto-uniforme {
		float:right;
		width: 49%;
				}
		#texto-uniforme img {
			width:auto;
				}
				#textoproducto {
				text-align:left;
				width:430px;
				height:40px;
				float:right;
				padding:10px;
				}
				#productosizquierdo {
					margin:auto;
					width:420px;
				}
				#productosizquierdo2 {
	margin:auto;
	width:540px;
				}
				#inferiorproducto {
	text-align:left;
	width:530px;
	height:60px;
	float:left;
	padding-right:0px;
				}
.btn_wapp{
position: fixed;
bottom: 22px;
top:auto;
right: 20px;
border-radius: 50%;
padding: 10px;
background-color: #25d366;
color: #FFFFFF;
text-align: center;
box-sizing: border-box;
box-shadow: 0 5px 10px 2px rgba(0,0,0,.2);
display: flex;
align-items: center;
vertical-align: middle;
font-size: 16px;
z-index: 99999;
width: 60px;
}
.btn_wapp img{
width: 100%;
height: auto;
}
.btn_wapp a,.btn_wapp a:hover{color:#fff;text-decoration:none}
#banner-superior {
width:100%;
background: rgba(26,115,199,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(26,115,199,1) 0%, rgba(9,63,122,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(26,115,199,1)), color-stop(100%, rgba(9,63,122,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(26,115,199,1) 0%, rgba(9,63,122,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(26,115,199,1) 0%, rgba(9,63,122,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(26,115,199,1) 0%, rgba(9,63,122,1) 100%);
background: radial-gradient(ellipse at center, rgba(26,115,199,1) 0%, rgba(9,63,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a73c7', endColorstr='#093f7a', GradientType=1 );
}
#banner-superior2 {
width:100%;
background: rgba(168,212,36,1);
background: -moz-linear-gradient(top, rgba(168,212,36,1) 0%, rgba(97,163,35,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(168,212,36,1)), color-stop(100%, rgba(97,163,35,1)));
background: -webkit-linear-gradient(top, rgba(168,212,36,1) 0%, rgba(97,163,35,1) 100%);
background: -o-linear-gradient(top, rgba(168,212,36,1) 0%, rgba(97,163,35,1) 100%);
background: -ms-linear-gradient(top, rgba(168,212,36,1) 0%, rgba(97,163,35,1) 100%);
background: linear-gradient(to bottom, rgba(168,212,36,1) 0%, rgba(97,163,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d424', endColorstr='#61a323', GradientType=0 );
}
#banner-404 {
padding:5% 0%;
margin:auto;
width:1100px;
color: #FFFFFF;
	text-align: center;
}
#banner-superior-contenido {
padding:0px;
margin:auto;
width:1100px;
color: #FFFFFF;
}
#banner-superior-contenido h2{
color:#9DE082;
padding: 0px;
margin: 0px;
}
#banner-superior-contenido h1{
color: #FFFFFF;
	font-size: 50px;
	line-height: 55px;
}
#banner-superior-izq {
font-size:16px;
line-height:27px;
}
#banner-superior-izq, #banner-superior-izq2 {
float:left;
width:45%;
padding-top: 30px;
text-align: center;
}
#banner-superior-derecho {
float:right;
width:50%;
}
#banner-superior-derecho img{
	height: auto;
width:100%;
}