/* CSS Document */
header,nav,section,article,aside,footer,figure{
	display:block;
}
body{
	padding:0px;
	margin:0px;
	font-size:13px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height:20px;
	color: #5c5c5c;
	border-top:#97ca31 5px solid;

}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.line { display: block; text-indent: -4000px; clear: both; border-bottom:#829bac 1px solid; }

.izq{ float:left;}
.der{ float:right;}

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.contenedor{width:1150px; margin:auto;}


a{ color:#1f96c7; text-decoration:none;}
a:hover{text-decoration:none;}

img{border:none;}
ul{	margin:0px;	padding:0px; list-style:none;}


h1{ font-size:0;}




h2, h3, h4, h5, h6{
	font-family: 'Comfortaa', cursive;
}

h2{ color:#000; font-weight:700; font-size:22px; margin:40px 0;}
h3{ color:#193aa7; margin:10px 0;}
	.resalt{ color:#1b74ec; font-size:18px; display:block;}
h4{color: #333; font-weight:100; font-size:15px; }


.col_01{    
    width: 500px;
    text-align: justify;
}

.col_02{
	width: 450px;
    text-align: justify;
	}

	.caja{
		    /* border: #E4E4E4 1px solid; */
    padding: 40px;
    /* box-shadow: 0 0 5px #D2D2D2; */
    /* background: #F4F4F4; */
		}
.left{ float:left;}
.right{ float:right;}
	.border-r{ border-right:#dae1f0 5px solid; padding-right:20px;}

.relative{ position:relative;}
#cabecera{ margin:20px 0;}
	#logo{ position:absolute; top:-20px; left:430px; z-index:888;}
	#logo a{ display:block; background:url(../images/logo-mes.png) no-repeat; width:336px; height:141px;}
	
	#nav{ background: url(../images/bg-nav1.jpg) repeat-x; padding:10px 40px; border:#E4E4E4 1px solid; box-shadow: 0 0 5px #CCCCCC}
	#nav li{ display:inline-block;}
	#nav li a{ display:block; background:url(../images/nav-li.gif) center right  no-repeat; padding:4px 42px; color: #333; transition:border .2s; font-family: 'Comfortaa', cursive; font-weight:700; font-size: 12px;  }
		.marg-r{ margin-right:290px; }
		.no-bg{ background:none !important;}
	#nav li a:hover{ color:#80ad0c;   }
	
	
	.sombra-1{ position:absolute; top:50px; left:0; background:url(../images/sombra-nav-left.jpg) no-repeat; width:266px; height:26px;}
	.sombra-2{ position:absolute; top:50px; right:0; background:url(../images/sombra-nav-right.jpg) no-repeat; width:266px; height:26px;}
	.redes{ position:absolute; top:13px; right:80px;}	
	
	
	.cabecera{ height:200px; background:url(../images/banner/ban_1.jpg) no-repeat top center;}
	
	/* categorias */
	.categorias{}
	.categorias li{ width:360px; background:url(../images/sombra-1.png) no-repeat bottom center; padding-bottom:20px; display:inline-block; margin-right:30px;}
	.categorias li p{ color: #666; }
	.categorias li a{ border:#eaeaea 1px solid; padding:20px 25px 25px; display:block; background-color:#FFF; transition:all .4s;  height:120px;}
	.categorias li a:hover{ box-shadow:#DBFFD5 0 0 6px; border:#b7ee38 1px solid;}
	.categorias .materiales:hover, .empaquetaduras:hover, .seguridad:hover{ background-position:  200px top !important;}
	
		.more{ background:#8bb917; color:#FFF !important; padding:8px 15px; display:inline; font-size:11px;}
		
		.more:hover{ background:#97d603;}
		.materiales{ background:url(../images/linea-materiales.jpg) no-repeat right top;}
		.empaquetaduras{ background:url(../images/linea-empaquetaduras.jpg) no-repeat right top;}
		.seguridad{ background:url(../images/linea-seguridad.jpg) no-repeat right top;}
		
		.list1 li{ margin-bottom:20px; background:url(../images/arrow1.png) 0 6px no-repeat; padding-left:15px;}
		.list2 li{ margin-bottom:10px; background:url(../images/arrow2.png) 0 6px no-repeat; padding-left:25px;}
		
		.border{  padding:4px;}
	
	/* formulario */
	.formulario .campo{
		    border: #b5bfc6 1px solid;
    padding: 11px 15px;
    display: block;
    width: 100%;
    margin: 10px 0;
    border-radius: 2px;
    font-family: arial;
    font-size: 13px;
		}
	.formulario  .enviar{ background:#0d3785 url(../images/icons/msg.png) no-repeat 14px 15px ; color:#FFF; padding:15px 15px 15px 45px; border:0; cursor:pointer; transition:all .3s;}
	.formulario  .enviar:hover{ background-color:#81b756; background-position:22px 15px}
#footer{
	    background: #eee7dd;
    color: #868686;
    margin: 15px auto 15px;
    width: 1150px;
	} 
#footer .linea{ width:100%; height:14px; background:url(../images/line-zz.jpg) repeat-x;}
#footer .linea1{ width:100%; height:14px; background:url(../images/line-zz1.jpg) repeat-x;}
	.col1{ border-right:#dbd0c1 1px solid; display:inline-block; width:360px; margin-right:20px;  vertical-align:top;  text-align:center; font-weight:bolder;}
		.dir{  background:url(../images/icons/location.png) 0 15px no-repeat;}
		.phones{  background:url(../images/icons/telephone.png) 0 19px no-repeat;}
		.email{  background:url(../images/icons/email.png) 0 15px no-repeat;}
	.call{ position:absolute; bottom:-30px; right:0;}
.facebook {
    position: absolute;
    top: 27px;
    right: 50px;
}
	
		.correo {
    height: 70px;
    line-height: 62px;
}