*{color:inherit;border:0;margin:0;padding:0;}
a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;}
address{font-style:normal;}
b,strong{font-weight:600;}
body{cursor:default;font-size:12px;}
button{background:none;}
button,label{cursor:pointer;}
mark{background:none;}
li{list-style:none;}
:focus{outline:none;}
::-moz-focus-inner{border:0;}

html{font-size:20px;}
body{background: #04020A;font-family:Roboto;}


/* .header */
nav{height:100px;background: #F3F3F3;text-align:right;overflow: hidden;transition:.3s;}
nav.fixed{position:fixed;top:0;left:0;right:0;height:80px;background:#272727;z-index:5;}
nav > div{max-width:1200px;margin:0 auto;}
nav > div > a > img{display:inline-block;float:left;height: 100px;margin-left: 20px;transition:.3s;}
nav.fixed > div > a > img{height:80px;}
nav > div > div{display:inline-block;margin-right:20px;text-align:center;}
nav > div > div > ul{margin:0;padding:0;/* background: #000; */display:inline-block;margin-right:20px;margin-top:50px;border-top-left-radius:100px;border-top-right-radius:100px;font-size:0;border-top-left-radius: 100px;border-top-right-radius: 100px;box-shadow: 0 0 1px 1px #000;transition:.3s;}
nav.fixed > div > div > ul{margin-top:40px;}
nav > div > div > ul > li{display:inline-block;}
nav > div > div > ul > li > a{background: #0C11C7;height:50px;display:inline-block;width:120px;color:#fff;padding-top:20px;box-sizing:border-box;text-transform:uppercase;font-size:.6rem;transition: .3s;border-right: 1px solid #565656;border-left:1x solid #000;}
nav.fixed > div > div > ul > li > a{height:40px;padding-top:15px;font-size:.5rem;}
nav.fixed > div > div > ul > li > a{background: #3b3eb3;}
nav > div > div > ul > li > a:hover{background: #1E1E65;}
nav > div > div > ul > li:first-of-type > a{border-top-left-radius:100px;padding-left:10px;border-left:none;}
nav > div > div > ul > li:last-of-type > a{border-top-right-radius:100px;padding-right:10px;border-right:none;}


/* .destacados */
.destacados{max-width:1200px;margin:0 auto;padding:0 20px;}
.destacado{text-align: center;padding:50px 0;}
.destacado input{position:fixed;left:-999px;top:0;}
.destacado > div{position: relative;}
.destacado > div > div{}
.destacado > div > div:first-of-type{height:10rem;background-size:cover;background-position: center;background-repeat:no-repeat;position:relative;z-index:1;margin-bottom:20px;}
.destacado > div > div:first-of-type > a{position: absolute;top: 0;right: 0;width: 100px;height: 30px;font-size: .8rem;color: #000;line-height: 1.5rem;border-bottom-left-radius: 100px;background: #fff;padding-left: .5rem;box-sizing: border-box;}
.destacado > div > div:first-of-type > div{position:absolute;bottom:0;left:0;border-top-right-radius: 100px;background: #272727;min-width: 200px;display: inline-block;text-align: left;padding: .25rem 1rem;font-size: 1rem;color: #fff;text-transform: uppercase;}
.destacado > div > div:first-of-type > label{position:absolute;bottom:0;right:0;}
.destacado > div > div:first-of-type > label:before{content:'';position:absolute;bottom:0;right:0;border:30px solid transparent;border-right: 30px solid #FF2300;border-bottom: 30px solid #FF2300;}
.destacado > div > div:first-of-type > label:after{content:'+';position:absolute;bottom:0;right:0;width: 40px;padding-bottom: 2px;display: inline-block;font-size: 1.5rem;cursor: pointer;color: #fff;}
.destacado > div > div:last-of-type{position:absolute;top:100px;margin: 0 1rem;background: #fff;padding: .8rem;transition:.5s;z-index:0;}
.destacado > div > div:last-of-type > span:first-of-type{}
.destacado > div > div:last-of-type > span:last-of-type{}
/*control*/
.destacado > div > input:checked ~ div:last-of-type{top:100%;}


/*redes sociales*/
.redes{background-position:center;background-size:cover;background-repeat:no-repeat;padding:50px;box-sizing: border-box;text-align: center;}
.redes > div{max-width:1200px;margin:0 auto;}
.redes > div > div{display: inline-block;width: 40%;margin: 0 15px;}
.redes > div > div > a{box-shadow: 0px 2px 5px 0px #000;transition: .3s;}
.redes > div > div > a:hover{box-shadow: 0px 5px 9px 0px #000;transform: scale(1.02);}
.redes > div > div:first-of-type{}
.redes > div > div:first-of-type > div{font-size: 1.3rem;font-weight: bold;padding-bottom: 10px;}
.redes > div > div:first-of-type > a{background: #fff;display: inline-block;height: 40%;max-height:300px;width:100%;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.redes > div > div:first-of-type > a > div{background-repeat: no-repeat;background-size: cover;height: 50%;box-sizing: border-box;padding-top: 150px;background-position:top;}
.redes > div > div:first-of-type > a > div > div{height: 50%;background: #fff;box-sizing: border-box;padding: 20px;}
.redes > div > div:first-of-type > a > div > div > p{font-size: 1rem;font-weight:bold;}
.redes > div > div:last-of-type{}
.redes > div > div:last-of-type > div{font-size: 1.3rem;font-weight: bold;padding-bottom: 10px;}
.redes > div > div:last-of-type > a{display: inline-block;height: 40%;max-height:300px;width: 100%;box-sizing: border-box;border-radius: 10px;overflow: hidden;position:relative;}
.redes > div > div:last-of-type > a > div{background-repeat: no-repeat;background-size: cover;height: 100%;box-sizing: border-box;background-position: center;}
.redes > div > div:last-of-type > a > div > div{padding-top: 210px;}
.redes > div > div:last-of-type > a > div > div:before{content:'';position:absolute;bottom:0;right:0;border: 137px solid rgba(255, 0, 0, 0);border-right: 181px solid #e2e2e2;border-bottom: 100px solid #e2e2e2;z-index: 0;}
.redes > div > div:last-of-type > a > div > div > img{z-index: 1;position: absolute;width: 130px;height: 130px;top: 80px;right: 0px;}
.redes > div > div:last-of-type > a > div > div > p{z-index: 1;position: absolute;right: 11%;font-size: 1.4rem;bottom: 10px;text-align: left;font-family: Ubuntu;font-weight: bold;color: #0c11c7;}


/* .contacto */
.contacto{font-family:Roboto;padding:1rem 0 0;background:#f3f3f3;position:relative;overflow:hidden;}
.contacto:before{content:'';background:#0c11c7;position:absolute;top:20px;bottom:0;left:0;right:50%;z-index:0;}
.contacto:after{content:'';background:#fff;position:absolute;top:20px;bottom:0;right:0;left:50%;z-index:0;}
.contacto > div{max-width:1200px;margin:0 auto;font-size:0;display:flex;position:relative;z-index:1;}
.contacto > div > div{display:inline-block;vertical-align:top;}
.contacto > div > div:first-of-type{background:#0c11c7;width:30%;padding:1rem;box-sizing:border-box;}
.contacto > div > div:first-of-type > div{color:#fff;}
.contacto > div > div:first-of-type > div:first-of-type{font-size:1rem;padding-bottom:1rem;}
.contacto > div > div:first-of-type > .email{}
.contacto > div > div:first-of-type > .email > div{font-size:.8rem;text-transform:uppercase;padding-bottom:.5rem;}
.contacto > div > div:first-of-type > .email > div:last-of-type{padding-left:1rem;font-size:.7rem;text-transform:lowercase;}
.contacto > div > div:first-of-type > .email > div:last-of-type > a{padding-bottom:.25rem;display:block;}
.contacto > div > div:first-of-type > .telefono{}
.contacto > div > div:first-of-type > .telefono > div{font-size:.8rem;text-transform:uppercase;padding-bottom:.5rem;}
.contacto > div > div:first-of-type > .telefono > div:last-of-type{padding-left:1rem;font-size:.7rem;text-transform:lowercase;}
.contacto > div > div:first-of-type > .telefono > div:last-of-type > a{padding-bottom:.25rem;}
.contacto > div > div:last-of-type{background:#fff;width:70%;padding:1rem;box-sizing:border-box;}
.contacto > div > div:last-of-type > div:first-of-type{font-size:1rem;padding-bottom:1rem;}
.contacto > div > div:last-of-type > p{font-size:.7rem;}
.contacto > div > div:last-of-type > div:last-of-type{}
.contacto > div > div:last-of-type > div:last-of-type > div{height:120px;width:120px;display:inline-block;margin:20px 10px 10px;background-size:contain;background-repeat:no-repeat;background-position:center;}


/* .text1 */
.text1{font-family: Roboto;background:#f3f3f3;padding: 1rem;}
.text1 > div{max-width:1200px;margin:0 auto;text-align:center;}
.text1 > div > div:first-of-type{text-align:center;font-size:1.4rem;margin-bottom:0.5rem;text-transform:uppercase;}
.text1 > div > div:last-of-type{font-size:.8rem;}


/* .filtro1 */
.filtro1{font-family:Roboto;background:#272727;text-align:center;}
.filtro1 > div{max-width:1200px;margin:0 auto;font-size: 0;}
.filtro1 > div > div{width: 25%;background: #272727;display: inline-block;height: 50px;text-align: center;line-height: 50px;font-size: 1rem;color: #FFF;text-transform: uppercase;transition: 0.3s;position: relative;overflow: hidden;}
.filtro1 > div > div:before{content:'';position: absolute;top:0;bottom:0;left:0;right:100%;transition:right 0.3s, background 0s;z-index: 0;background:#3372B9;}
.filtro1 > div > div:hover:before{right: 0;}
.filtro1 > div > div > label{position: relative;z-index:1;display:block;}
.filtro1 > div > div:after{content:'';position: absolute;top: 0;bottom: 0;left: 0;transition: 0.3s;z-index: 0;border-left: 20px solid #3372B9;border-top: 25px solid transparent;border-bottom: 25px solid transparent;}
.filtro1 >div > div:hover:after{left:100%;}


/* .footer */
.footer{font-family: Roboto;background: #272727;padding:20px;}
.footer > div{max-width: 1200px;font-size: 0;margin: 0 auto;} 
.footer > div > div{width: 50%;display: inline-block;height: 200px;font-size: 1rem;color: #FFF;vertical-align:top;}
.footer > div > div > h4{text-transform: uppercase;font-size: 0.7rem;text-align: left;}
.footer > div > div > p{font-size: 0.6rem;width: 60%;text-align: justify;}
.footer > div > div:first-of-type > div{display:inline-block;padding:5px;border-radius:50%;background:#fff;color:#272727;margin:20px 20px 0;transition:.3s;}
.footer > div > div:first-of-type > div:hover{background:#0c11c7;color:#fff;}
.footer > div > div:last-of-type > div{padding: 5px 0;}
.footer > div > div:last-of-type > div > span{display: inline-block;width: 40px;height: 32px;padding: 1px;text-align: center;padding-top: 8px;border-radius: 50%;background:#FFF;color:#272727;}
.footer > div > div:last-of-type > div > div{display: inline-block;width: 68%;font-size: 0.7rem;color:#FFF;}


/* .slideHome */
.slideHome{text-align:center;background:#000;height:500px;overflow:hidden;}
.slideHome > div > div{position:relative;}/*cont fotos*/
.slideHome > div > div > div{background-position:top;background-size:cover;background-repeat:no-repeat;height:500px;position:absolute;top:0;bottom:0;left:-100%;right:100%;}
.slideHome > div > div > div.next{left:-100%;right:100%;}
.slideHome > div > div > div.now{left:0;right:0;}
.slideHome > div > div > div.prev{left:100%;right:-100%;}
.slideHome > div > div > div.move{transition:1s;}


/* .galeria */
.galeria{border-top:5px solid #0c11c7;border-bottom:5px solid #0c11c7;overflow:hidden;}
.galeria > div{margin:0 auto;max-width:1200px;}
.galeria > div > div{}
.galeria > div > div > div{display:flex;}
.galeria > div > div > div > div{background-size:cover;background-position:center;background-repeat:no-repeat;height:250px;width:25%;transition:.3s;}
.galeria > div > div > div > div:hover{transform:scale(1.3);box-shadow:0px 0px 0px 9999px rgba(0,0,0,.5);}

/* .destacados */
.titulo{padding:1rem 1rem 1rem 10rem;font:bold 1.3rem Roboto;background:#f3f3f3;}

/* .cont_filtro */
.cont_filtro{font-family:Roboto;background-image:url('../img/recursos/texture-fabric.png');background-position:center;text-align:center;min-height:300px;padding:10px;}
.cont_filtro > div{margin:0 auto;max-width:1200px;}
.cont_filtro .title_generico{text-align:left;padding:10px 80px 10px;font:1.6rem Roboto;}
.cont_filtro .desc_generica{text-align:left;padding:10px 80px 10px;font:0.8rem Roboto;}

/* .producto */
.producto{}
.producto > input{position:fixed;top:0;left:-99px;}
.producto > div.cont_filtro > div{display:none;} 
.producto > input:nth-of-type(1):checked ~ div + div > div:nth-of-type(1){display:block;} 
.producto > input:nth-of-type(2):checked ~ div + div > div:nth-of-type(2){display:block;} 
.producto > input:nth-of-type(3):checked ~ div + div > div:nth-of-type(3){display:block;} 
.producto > input:nth-of-type(4):checked ~ div + div > div:nth-of-type(4){display:block;} 

.prod_uni{font:0.7rem Roboto;width:250px;display:inline-block;background:#e6e9ff;margin:5px;vertical-align:top;border:1px solid #3372b9;}
.prod_uni > input{position:fixed;top:0;left:-99px;}
.prod_uni > label{position:relative;padding:5px 5px 8px;box-sizing:border-box;display:block;font-weight:bold;}
.prod_uni > label:before{content:'';position:absolute;top:0;border-top:10px solid green;border-left:7px solid transparent;border-right:7px solid transparent;left:50%;transform:translate(-50%);transition:.7s;}
.prod_uni > label > div:first-of-type{text-align:right;}
.prod_uni > label > div:first-of-type > span{position:relative;margin-right:20px;font-style:italic;font-weight:normal;display:none;}
.prod_uni > label > div:first-of-type > span:nth-of-type(1){display:inline;}
.prod_uni > label > div:first-of-type > span:after{content:'';position:absolute;bottom:0;left:-2px;right:-2px;border-bottom:1px solid #0c11c7;}
.prod_uni > label > div:last-of-type{position:relative;text-align:center;text-transform:uppercase;}
.prod_uni > label > div:last-of-type:after{content:'';position:abs|olute;bottom:0;left:20px;right:20px;border-bottom:1px solid #0c11c7;}
.prod_uni > div:nth-of-type(1){height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;transition: padding .1s, height .3s;}
.prod_uni > div:nth-of-type(2){padding:10px 5px;text-align:center;box-sizing:border-box;overflow:hidden;/*transition:.5s .2s;*/background:#efefef;border-top:1px solid #ababab;}
.prod_uni > div:nth-of-type(2):empty{display:none;}

.prod_uni > input:checked + label:before{border-top:10px solid red;}
.prod_uni > input:checked + label > div > span:nth-of-type(1){display:none;}
.prod_uni > input:checked + label > div > span:nth-of-type(2){display:inline;}
.prod_uni > input:checked + label + div{transition:.5s;height:0;}
/*.prod_uni > input:checked + label + div + div{transition: padding .1s, height .3s;height:0;padding:0;}*/