@import url(reset.cs);

* { margin: 0; padding: 0; outline: 0; }

body {
	font-size: 12px;
	line-height: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	min-width: 100%;
	margin:0;
	padding:0;
	background:url(../images/bg-all.jpg);

}

body a { -webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	color: #0252aa; text-decoration: none; cursor: pointer; }
body a:hover{ color:#77d763;}


a img { border: 0; }
a.more:hover { text-decoration: none;  }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.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; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }
ul{ list-style:none;}

	h2{ font-size:30px;  color: #fc890d; font-family: 'Viga', sans-serif; margin:30px 0;}
	h3{font-size:25px;  color: #636363; font-family: 'Viga', sans-serif; margin:10px 0;}

.contenedor { width:1100px; margin:0 auto;}
.main{ padding:30px 0;}

.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; }

.padd10{ padding:10px;}
.padd15{ padding:10px 15px;}
.padd20{ padding:10px 20px;}

#wrapper{ width:1100px; margin:0 auto; -moz-box-shadow: 0px 0px 30px #4e4e4e; -webkit-box-shadow: 0px 0px 30px #4e4e4e; box-shadow: 0px 0px 80px #4e4e4e; background:#FFF;	}
.contenedor{ width:1100px; margin:0 auto; }

#header{ height:95px; background:url(../images/bg-header.jpg) repeat-x}
#header .logo{ float:left; margin:10px 0 0 20px;}
#header .logo a{ display:block; background:url(../images/jr-steel-company.png) no-repeat;  width:319px; height:80px; text-indent:-99999px;}
#header .h-right{ float:right; width:700px;}
#header .h-right .telefono{ background:url(../images/bg-phone.jpg) no-repeat; width:294px; padding:5px 0; height:38px; color:#FFF;  float:right; text-align:center; font-size:16px; font-family: 'Viga', sans-serif; visibility: hidden; }
#header #menus{ background:url(../images/bg-menus.jpg); float:right; width:670px;}
	#header .triangle{ background:url(../images/ico/triangulo-plomo.png) no-repeat; width:30px; height:39px; float:left;}
#header #menus li{ float:left;}
#header #menus li a{ color:#FFF; background:url(../images/ico/ico-orange.png) 0 7px no-repeat; padding:9px 35px; font-size:14px; font-family: 'Viga', sans-serif; text-transform:uppercase; display:block; text-shadow:2px 2px 1px #000;}
#header #menus li a:hover{background:url(../images/ico/ico-orange-dark.png) 0 7px no-repeat; color:#ff9046;}
#slider{ border-bottom:#ff7d0b 15px solid;}
.categorias li{ margin:0 10px; float:left;}
.categorias li a{ border:#999 5px solid; padding:5px; display:block; transition:all .7s;}
.categorias li a:hover{ border:#f38820 5px solid;}
.categorias li img{display: block; width: 235px;}
	 /* nosotros */
	 .valores .tabla li{
	 	display: block;
    	background: url(../images/ico/ico-arrow.png) 0 3px no-repeat;
    	padding-left: 30px;
    	margin-bottom: 5px;
	 }
	 /* interior */
	 .empresa { background:url(../images/senorita.png) no-repeat right bottom 70px;}
	 .empresa .texto1{ width:550px; margin:20px 0 0 50px; text-align:justify;}
	 .empresa .texto1 h2, .empresa .texto1 h3{
	 	text-align: center;
	 }
	 /* productos */
	 .productos{
	 	padding: 90px 0 !important;
	 }
	 .productos li{margin:0 5px;}
	 .productos .right{ float:right; width:650px;}
	 .productos .tabla{ float:left; margin-right:60px;}
	 .productos .tabla li{ display:block; background:url(../images/ico/ico-arrow.png) 0 3px  no-repeat; padding-left:30px; margin-bottom:5px;}
	 
	 /* contacto */
	 .contacto .col1{ float:left; width:600px;}
	 .contacto .mensaje{ border-bottom:#a4a4a4 1px solid; padding-bottom:10px; margin-bottom:20px;}
	 .contacto .col2{ float:right; width:400px;}
	 .contacto  .campo{ display:block; border: #999 1px solid; border-radius:4px; padding:5px; width:380px; margin:10px 0;}
	 .contacto textarea{ width:380px;border-radius:4px; padding:5px; border:0; border: #999 1px solid; }
	 .contacto .enviar{ background:#F60; padding:10px 35px; border-radius:4px; border:0; color:#FFF; cursor:pointer;}
	 .contacto .enviar:hover{ background:#f88525;}
	 .contacto p{
	 	margin-bottom: 0.5rem;
	 }
	 .contacto ul{
	 	margin-bottom: 0.5rem;
	 }
	 .part-50{
	 	    width: 48%;
    padding-right: 10px;
    display: inline-block;
    vertical-align: text-top;
	 }

#footer{ /*background: url(../images/bg-footer.jpg) #2c2c2c repeat-x;*/ width: 100%; color:#CCC; padding:30px 0; background: #2c2c2c; display: flex;}
#footer .col{ width:23%; float: left; margin-right:30px; display: flex; flex-direction: column; height: 100%;} 
#footer .tit{ font-size:15px; border-bottom:#404040 1px solid; padding-bottom:5px; margin:10px 0;}
/*#footer .ubicacion{  padding-left:35px; background:url(../images/ico/ubicacion.png) no-repeat;}*/
#footer .mail{  padding-left:35px; background:url(../images/ico/mail.png) no-repeat;}
/*#footer .phone{  padding-left:35px; background:url(../images/ico/phone.png) no-repeat;}*/
.cont-footer{
	margin: 0 auto;
    padding: 0 2rem;
}
.contac-numero{
	display: flex;
    align-items: center;
    height: 100%;
}
.contac-numero ul{
	margin-top: -35px;
}
.contac-numero ul li{
	font-size: 2rem;
}
.esp-list{
	margin-bottom: 2rem;
}

.msj-envio{
	text-align: center;
    display: block;
    padding: 11em 0;
}
.msj-envio span{
	display: block;
    font-size: 1.5em;
    margin-bottom: 1.5em;
}
.msj-envio span strong{
	color: #f88525;
}
.msj-envio a{
	display: inline-block;
}
/**footer**/
.listado li{
	 	display: block;
    	background: url(../images/ico/ico-arrow.png) 0 3px no-repeat;
    	padding-left: 30px;
    	margin-bottom: 5px;
	 }