@import 'https://fonts.googleapis.com/css?family=Suez+One';

/* Inicio */
body {font-family: 'Verdana, Arial', sans-serif; font-size: 11px; line-height: 1.5em; background-color: #000;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; }

main, article, footer {width: 980px; margin: auto;}

a {color: #b5b6a1;text-decoration: none;}
a:hover {color: #fff;text-decoration: none;}

h2 {color: #fff;letter-spacing: 0.02em;font-size: 1.4em;}
h4 {color: #ccc;text-transform: uppercase;}

/* Header */
#headercaja {background-image: url(../fondo/fondo_h.jpg); background-repeat: repeat-x;}

#headercajaico {width: 800px;margin: auto;}

.headerlogo {padding-left: 10px;}

.headerm {margin-left: 350px;margin-top: -75px;}
.headermenu {font-weight: bold;display: block;float: left;color: #b5b6a1;font: bold 11px 'Verdana, Arial', sans-serif;padding: 0 10px 4px;margin-right: 8px;text-decoration: none;text-transform: uppercase;}
.headermenuAct {font-weight: bold;display: block;float: left;color: #ffffff;font: bold 11px 'Verdana, Arial', sans-serif;padding: 0 10px 4px;margin-right: 8px;text-decoration: none;text-transform: uppercase;border-bottom: #af0000 solid 3px;}

ul {list-style-type: none;}


/* Menu */
main {height: 400px;}

#maincaja {margin-top: 71px;width: 980px;height: 200px;color: #b5b6a1;background-image: url(../fondo/fondo_m.jpg);background-repeat: no-repeat;}

#maincaja1 {font-size: 11px;font-weight: bold;text-decoration: none;display: block;padding: 2px;margin: 0px 0px 0px 300px;}

.maincaja1 {text-decoration: none;background: none;margin-left: -25px;}
.maincaja1:hover {background: #af0000;border: 3px solid #af0000;color: #fff;}
.maincaja1:active {background-color: #af0000;border: 3px solid #af0000;color: #fff;}
.maincaja1act {background-color: #af0000;border: 3px solid #af0000;color: #fff;}

#maincaja2 {font-size: 11px;font-weight: bold;text-decoration: none;display: block;padding: 5px;margin: -138px 0px 0px 510px;}

#maincaja3 {font-size: 12px;font-weight: bold;text-decoration: none;display: block;padding: 5px;margin: -79px 0px 0px 700px;}

#maincajaF {font-size: 11px;font-weight: bold;text-decoration: none;display: block;padding: 2px;margin: 0px 0px 0px 0px;}

.img_inicio img {width: 100%; margin-top: -160px; margin-bottom: 20px;}
.img_inicio h3 {font-size: 1.5em;color: #b5b6a1; text-align: right; font-variant: small-caps; letter-spacing: 0.5px; line-height: 2em; margin-bottom: 50px}

/* Quienes Somos */
#quiencaja {margin-top: 71px;width: 980px;height: 200px;background-image: url(../fondo/fondo_q.jpg);background-repeat: no-repeat;}

.quient {width: 600px;margin: auto; margin-right: 200px; margin-top: -180px;}

.quientitulo {color: #009933; font-size: 1.6em; letter-spacing: 3px; font-family: 'Suez One', serif; text-align: center;margin-bottom: 20px;}

.quientexto {width: 980px;height: 450px;display: flex;flex-direction: row; margin: auto;}

.quienI {width: 20%;height: 320px;}
.quienI img {width: 160px; height: 160px;padding: 10px; 30px;box-shadow: 1px 2px #810; margin-bottom: 10px;}
.quienD {margin-top: 12px; color: #ccc;font-size: 1.1em;width: 60%;height: 350px;line-height: 140%; padding: 20px;background-image: url(../ico/ind_arg.jpg);background-repeat: no-repeat;}

.quienimg {width: 120px;height: 320px;}

/* Productos */
#prodcaja {margin-top: 71px;width: 980px;height: 200px;background-image: url(../fondo/fondo_p.jpg);background-repeat: no-repeat;}

.prodt {width: 980px;margin: auto; margin-top: -180px;}

.prod_cont{height: 650px;}
.prodtitulo {color: #009933; font-size: 1.6em; letter-spacing: 3px; font-family: 'Suez One', serif; text-align: center; height: 35px; margin-top: 20px;}

.prodtexto {width: 980px;height: 450px;display: flex;flex-direction: row; margin: auto;}

.prodtexto p {font-size: 1.2em; line-height: 1.6em;}

.prodI {width: 200px;height: 400px;}
.prodI img {width: 160px; height: auto;padding: 10px; box-shadow: 1px 2px #810; margin-bottom: 10px;}

.prodD {color: #ccc; width: 220px;height: 400px; padding-right: 10px; padding-left: 10px; margin-top: -8px;}

.prodDG {width: 200px;height: 400px; padding-right: 10px; padding-left: 10px; margin-top: -8px;}
.prodDG h3 {color: #af0000;font-size: 1.4em; letter-spacing: 1px; font-family: 'Suez One', serif;}
.prodDG p {color: #ccc; margin-top: -10px; font-size: 1.2em; line-height: 1.8em;}

.prodCH {width: 130px;height: 400px;padding-top: 15px; padding-right: 10px; padding-left: 5px; text-align: right;}
.prodCH h3 {color: #af0000; font-size: 1.4em; letter-spacing: 1px; font-family: 'Suez One', serif; margin-top: -1px;}
.prodCH p {color: #ccc; margin-top: -2px; font-size: 1.1em; line-height: 1.5em;}

.prodCH .ind_arg {width: 80px; height: auto; margin-top: -10px;}

.prodimg {width: 120px;height: 320px;}

.proddiv {border-top: 0.05em dashed #ddd; margin-left: 2px; margin-right: 12px; margin-top: 150px;}

/* chalecos */

#chalecosG {display: flex; flex-direction: row; margin-top: -160px; margin-bottom: 20px; margin-left: 50px;}
#chalecosD {display: flex; justify-content: space-between;}
.ch_imgG {width: 280px; height: auto; margin-right: 35px;}
.ch_txt {width: 600px; font-size: 1.2em; line-height: 1.5em; color: #b5b6a1; margin-top: -18px;}
.ch_txt h2 {color: #fff;font-size: 1.3em; letter-spacing: 0.25em; font-family: 'Suez One', serif; line-height: 1.5em; background-image: url(../fondo/titulos.png); background-repeat: no-repeat; width: 600px; height: 40px; text-align: center;}
.ch_txt p {color: #b5b6a1;font: 1.1em 'Verdana, Arial', sans-serif; line-height: 1.5em; margin-bottom: -10px; padding-left: 10px; padding-right: 5px;}
.ch_txt h3 {color: #fff;font-size: 1em; letter-spacing: 0.25em; font-family: 'Suez One', serif; margin-bottom: -12px; margin-top: 25px;padding-left: 10px;background-color: #af0000;}

.descrip {width: 185px;}
.ind_arg {width: 70px; height: auto; margin-top: 20px; margin-left: 30px;}

#chalecosT {display: flex; flex-direction: row; margin-bottom: 50px; margin-left: 10px;}
#chalecosT img {width: 280px; height: auto; margin-right: -55px;}
figcaption {background-color: #810;color: #b5b6a1;font-size: 1.6em; letter-spacing: 0.5em; font-family: 'Suez One', serif; margin-top: -12px; position: absolute; width: 280px; height: 22px; text-align: center; padding-top: 8px;}

/* Pie */
footer {margin-bottom: 0px;background-image: url(../fondo/fondo_f.jpg);background-repeat: no-repeat; height: 400px;}

.fin {width: 980px; display: flex;}

.miweb {text-decoration: none;width: 250px; margin-left: 90px;}
.miweb ul {display: flex;flex-direction: column;}

.direccion {text-decoration: none;margin-left: 20px;flex-basis: 25%;}
.direccion p {color: #b5b6a1;}
.mail {text-decoration: none;flex-basis: 25%;}
.mail p {color: #b5b6a1;}
.tel {text-decoration: none;flex-basis: 25%;}
.tel p {color: #b5b6a1;}

.cleaner_h10 { clear: both; width:100%; height: 10px; }

.finPdA {font-family: "Trebuchet MS"; font-size: 0.7em; letter-spacing: 0.25em; height: 80px; padding-top: 30px;}
.icoPdA {width: 45px; height: 45px; margin-top: -10px; margin-bottom: -8px;}
.finPdA ul li {list-style: none;text-align: center; }
.finPdA ul li a {text-decoration: none;color: #ccc;}

/* formulario */
#FormSB {margin-top: 71px;width: 980px;height: 200px;background-image: url(../fondo/fondo_c.jpg);background-repeat: no-repeat;}

.TextoF h2 {padding-top: 140px; margin-left: -100px;}

#formulario {width: 600px; margin: auto; margin-top: -160px; height: 400px; background-image: url(../ico/ind_arg.jpg);background-repeat: no-repeat;}

#form1 {padding-top: 40px; padding-left: 70px;}

.etiqueta {color: #b5b6a1; margin-right: 5px; display: inline-block; width: 100px;; padding-right: 1em; text-align: right;}
.campo {color: #af0000; font-size: 1.2em; letter-spacing: 1px; font-family: 'Suez One', serif; display: inline-block; width: 300px; background-color: rgba(255, 255, 255, .65);}
.submit_btn {margin-left: 160px;}