* {margin:0;padding:0; font-family: Verdana;}
body {background-color:rgb(245,245,245);}
#menu{position: absolute;position:fixed;top: 0px;width: 100%;height: 80px;background-color: rgba(240,240,255,0.9); z-index:3;}
#menu img{margin-left: 110px;margin-top: 2px;}
#menu ul{margin-left: 300px; margin-top: -55px;}

.nav {list-style:none; font-size: 13px; z-index:1;}
.nav a li { padding: 8px 66px; color: #000000; display: block; transition-duration: 500ms; float: left; border-radius: 10px; text-decoration: none;}
.nav li a { padding: 8px 66px; color: #000000; display: block; transition-duration: 500ms; float: left; border-radius: 10px; text-decoration: none;}

.nav a > li:hover{color:white; background: rgb(170,170,245); }
.nav li:hover > a{color:white; background: rgb(170,170,245); }

.nav li ul{ list-style:none; display:none; background-color: rgb(255,255,255);}
.nav li ul a{text-decoration: none;}
.nav li ul a li{ margin-left:-66px; margin-bottom:-18px; border-radius: 0px; padding: 8px 15px;}
.nav li:hover > ul{display: block;  }

#banner_pagina{position:absolute;top:80px;left:0px;width: 1350px;height:90px;color:white;background-color: rgb(4,17,65);}
#sub_banner_pagina{position:absolute;top:0px;left:0px;width: 1350px;height:20px;background-color:rgb(5,5,40);color:rgb(30,41,68);}
#sub_banner_pagina p{font-size:12px;color:white;margin-top:3px;}
#sub_banner_pagina table tr td{font-size:11px;color:white;margin-top:3px;}
#sub_banner_pagina table tr td a{text-decoration:none;color:white;}
#img_sub_banner_pagina {position:absolute;top:0px;left:0px;width: 1350px;height:20px;}
#img_sub_banner_pagina img{margin-top:2px;}

#imagenes{position: absolute;top: 170px;left:50px;width: 1250px;height: 200px;color: white;}

#videos{position: absolute;top: 195px;left:50px;width: 1250px;height: 700px;background: rgba(255,0,0,0);;color: white;}
.videos iframe{margin-left: 40px;margin-top: 25px;}

#nuevos_ingresos img{background:rgb(4,17,65);width:220px;height:220px; margin-left:20px; margin-bottom:20px;transition-duration: 500ms;}
#nuevos_ingresos img:hover{background:rgb(0,0,0);-webkit-transform:scale(1.091);transition-duration: 500ms;}

#promociones img{background:rgb(4,17,65);width:220px;height:220px; margin-left:20px; margin-bottom:70px;transition-duration: 500ms; }
#promociones img:hover{background:rgb(0,0,0);transition-duration: 500ms;}



#contenedor{position: absolute;top: 100px;left:50px;width: 1250px;height: 1500px;background: rgba(255,0,0,0);;color: white;}

#contenido{position: absolute;top: 270px;left:20px;width: 650px;height: 1460px;background: rgba(0,255,0,0);}

#info{position: absolute;top: 250px;left:50px;width: 1250px;height: 1750px;color: white;}
#div_redes_sociales{position: absolute; width: 1250px;height: 950px; color: white; background:white;}
#div_redes_sociales table{width: 1200px; height: 860px; color: white; background:white; margin-left:25px; margin-top:25px; justify-content: center; }
#div_redes_sociales table tr td{text-align: center; }

.ban img{margin-top: 80px; margin-bottom: 50px;width: 1250px;}

.album img{width: 380px;height: 285px;margin-left: 17px;margin-right: 14px;margin-bottom: 30px;}



#contenedor_busqueda_productos{position: absolute;top: 210px;left:270px;width: 1060px;height: 500px;}
#contenedor_busqueda_productos form input{background:rgb(15,15,55);color:white;height: 25px;}

#contenedor_servicios{position: absolute;top: 210px;left:270px;width: 1060px;height: 500px;}
#contenedor_servicios h2{font-size: 18px;text-align: center;color: black;}

#contenedor_productos{position: absolute;top: 210px;left:270px;width: 1060px;height: 500px;}

ul.columns li {width: 240px;height: 380px;float: left; display: inline;margin-left:20px; padding: 0;position: relative;background: rgb(0,50,100);margin-bottom: 50px;}
ul.columns li:hover {z-index: 1;background: rgb(0,10,46);transition-duration: 400ms;}
ul.columns li img {width: 240px;height: 240px;transition-duration: 500ms;}
ul.columns li p {font-size:14px; color:white; text-align:center; margin-top:8px;}
ul.columns li p b{font-size:16px; color:white; text-align:center; margin-top:8px;}
ul.columns li button {background:rgb(240,140,0); width:150px; height: 30px; font-size:35px; color:white; margin-left:45px; margin-top:30px; border-radius:45px;}
ul.columns li button img{width:90px; height:20px;}
ul.columns li .info {position: absolute;left: -5px; top: -5px;z-index: 1;display: none;background: rgba(4,17,66,0);}
ul.columns li .info input{width: 120px;margin-top:220px;margin-right: 10px;margin-left: 60px;  background: rgba(110,110,110,1);color:rgb(255,255,255);font-size: 12px;}
ul.columns li:hover .info {display: block;width: 250px;height: 250px;}

ul.sub_categoria li {width: 240px;height: 240px;float: left; display: inline;margin-left:20px;margin-top:20px; padding: 0;background:rgb(4,17,66);position: relative;}
ul.sub_categoria li:hover {z-index: 2;}
ul.sub_categoria li img {z-index: 0;position: relative;width: 240px;height: 240px;transition-duration: 400ms;}
ul.sub_categoria li:hover img{position: absolute;margin-left: 10px;width: 220px;height: 220px;z-index: 2;margin-top: 10px;}

.subnav li{float: left;list-style: none;width: 220px;height: 26px;background:rgb(200,200,200);padding-top: 6px;padding-left: 7px;transition-duration: 400ms;}
.subnav a li{color: black;text-decoration: none;font-size: 13px;font-family: Verdana;text-align: justify;}
.subnav a li ul{z-index:2;display: none;position: relative;left:220px;top:-19px;width: 300px;}
.subnav a li:hover{background: rgb(0,50,100); color:white; z-index:1;}
.subnav a:hover li ul {background: rgb(0,50,100);display:block;}

.subnav2 li{font-size:12px; color:black; float: left; list-style: none;width: 220px;height: 26px;background:rgb(200,200,200);padding-top: 6px;padding-left: 7px;transition-duration: 400ms;}
.subnav2 li ul{color: black;text-decoration: none;font-size: 13px;font-family: Verdana;text-align: justify;}
.subnav2 li ul a li{z-index:2;display: none;position: relative;left:220px;top:-19px;width: 200px;color:black;}
.subnav2 li:hover{background: rgb(0,50,100); color:white; z-index:1;}
.subnav2 li:hover ul a li{z-index:1;display:block;}
.subnav2 li ul a li:hover{background: rgb(0,50,100); color:white; display:block;}

#cab{position: absolute;left: 0px;top: 80px;width: 1350px;height: 90px;}
#submenu{position: absolute;left: 25px;top: 210px;width: 220px;height: 1000px;}

#busqueda{width: 300px;margin-top: 150px;margin-left: 100px; padding: 25px;}
#busqueda img{width:400px;height:400px;background: rgb(16,16,70);transition-duration: 300ms;}
#busqueda table tr{height:27px;}
#busqueda table tr td table tr td{padding-left:10px;}

#referencias{width:950px; height:80px;background:white; margin-bottom:40px;}
#referencias img{width:80px; height:80px; background:white; margin-left:20px;}

#palabras_clave{ text-align:justify; font-size: 11px; width:910px;height:70px; background:rgb(235,235,235); padding:5px; padding-left:20px; padding-right:20px; margin-bottom:100px;} 
#palabras_clave ul{text-align:justify; }
#palabras_clave ul li{margin:5px; margin-right:20px; display:inline-block;}

.etiquetabus {background:rgb(230,230,230); padding-left:10px;}
#result ul a li{display:block;transition-duration: 300ms;}
#result ul a:hover li{background:rgba(0,10,46,0.8);color:white;}

#textos{color:white;width: 450px;height: 300px;margin-top: -300px;margin-left: 450px;}
#textos h3{font-size: 15px;}
#textos h4{margin-left:20px;font-size: 13px;}
#textos p{margin-left:20px;font-size:13px;text-align:justify;}

#coincidencias{width: 1000px;height: 600px;margin-top: 50px;margin-left: 32px;}
#coincidencias table tr td ul li{text-align:center;}
#coincidencias table tr td ul li{font-size:14px;}
ul.imagenes_coincidencias li{width:224px;height:320px;display: inline; float: left; margin-left: 20px; margin-bottom:50px; transition-duration: 400ms;background:rgb(0,50,100) ;}
ul.imagenes_coincidencias li a img{width:224px;height:224px;transition-duration: 400ms;}
ul.imagenes_coincidencias li:hover{background:rgb(4,17,66);}

.imagenes_coincidencias li a button {background:rgb(240,140,0); width:140px; height: 30px; font-size:35px; color:white; margin-top:10px; margin-bottom:60px; border-radius:45px;}
.imagenes_coincidencias li a button img{width:100px; height:20px;}


#formulario{width: 600px;height: 400px;background-image:url('../Imagenes/Paginas/formulario.png');background-size: cover;font-size: 14px;margin-top: 100px;margin-left: 200px;color: white;}
#formulario h4{font-size:12px;}
#formulario form input{width:500px;margin-left:50px;background: rgba(255,255,255,0.4);color:rgba(0,0,0,0.8);}
#formulario form textarea{width:500px;height:80px;margin-left:50px;margin-bottom:  15px;background: rgba(255,255,255,0.4);color:rgba(0,0,0,0.8);}
#formulario form p{width:500px;margin-left:50px;margin-bottom: 5px;}


#catalogo_formulario{width: 1250px;height: 530px; background-image:url('../Imagenes/Paginas/Catalogo_formulario.png');background-size: cover;font-size: 14px;position:absolute; top: 1550px;left: -220px;color: red;}
#catalogo_formulario table tr h4{font-size:12px;}
#catalogo_formulario table tr{height:25px;}
#catalogo_formulario table tr td p{font-size:13px;}
#catalogo_formulario table tr td input{width:100%; color:black;}
#catalogo_formulario table tr td textarea{width:100%;height:50px;resize:none;}

#tbcat_formulario {font-size:25px;}
#tbcat_formulario tr td {height:40px;}
#tbcat_formulario tr td img{width:30px; margin-left:20px;}
#boton_enviar_catalogo{ height:40px; font-size:15px; background-color:rgb(10,10,120); font-weight:bold;  transition-duration:500ms;}
#tbcat_formulario_2 tr td #boton_enviar_catalogo:hover{color:black; background-color:rgb(20,80,80);}


#distribuidor_formulario{width: 1250px;height: 530px; background-image:url('../Imagenes/Paginas/quiero_ser_distribuidor.png');background-size: cover;font-size: 14px;position:absolute; top: 1550px;left: -220px;color: red;}
#distribuidor_formulario table tr h4{font-size:12px;}
#distribuidor_formulario table tr{height:35px;}
#distribuidor_formulario table tr td p{font-size:13px;}
#distribuidor_formulario table tr td select{width:100%;}
#distribuidor_formulario table tr td input{width:100%;color:rgb(0,0,0);}
#distribuidor_formulario table tr td textarea{width:100%;height:80px;resize:none;}
#boton_buscar:hover{background:rgb(0,0,80);transition-duration: 400ms;color:white;}

#pag_detpro_formulario{width: 1250px;height: 400px; background-image:url('../Imagenes/Paginas/img_formulario.png');background-size: cover;font-size: 14px;position:absolute; top: 1550px;left: -220px;color: red;}
#pag_detpro_formulario table tr h4{font-size:12px;}
#pag_detpro_formulario table tr{height:25px;}
#pag_detpro_formulario table tr td p{font-size:13px;}
#pag_detpro_formulario table tr td input{width:100%;color:rgb(0,0,0);}
#pag_detpro_formulario table tr td textarea{width:100%;height:50px;resize:none;}

#respuesta{margin-top: 25px;margin-left:200px;width: 600px;height: 20px;color: black;font-size:13px;}

#subpag {position:absolute; top:3000px; left:0px; width:100%; height:50px;}
#subpag input{margin:5px;padding:5px;border-radius:5px;background:white;transition-duration:0.2s;}
#subpag input:hover{background:rgb(120,120,150);color:white;}

#datos{position: absolute;width: 1350px;height: 80px;background: rgb(4,17,66);color:#FFFFFF;left: 0px;top:3150px;}
.datos{text-align: center;font-size: 13px;}
.datos a{margin-left: 15px;margin-right: 15px;}
.datos h2{margin-top:8px;font-size: 12px;}
.datos p b a{text-decoration: none;color: white;}
.datos p b a:hover{text-decoration: underline white; }

#whats {width: 310px;height: 60px;position:absolute;position:fixed;z-index:3;top:580px;left:1250px;border-radius: 15px;transition-duration: 500ms;}
#whats img{width:60px;height:60px;position:absolute;position:fixed;z-index:2;top:580px;left:1260px;}
#whats p{margin-top: 10px;margin-left: 10px; color:rgba(0,0,0,0); position:absolute; font-weight: normal;transition-duration: 500ms;transform-origin: right;transform:scaleX(0);}
#whats:hover{background:rgba(255,255,255,0.8);width: 310px;height: 60px;left:1020px;}
#whats:hover p{color:rgba(0,0,0,1);display:block;transform: scaleX(1);}

#S1{width:820px;height:130px;background-color:none;font-family: Verdana;position:absolute; top:200px;left:50px}
#S1 table tr td form select {font-size:14px; width: 70px;}
#S1 table tr td form select option{font-size:15px;}
#S1 table tr td form button{font-size:14px; margin-left:80px; width:130px; height:30px; background-color:rgb(250,200,30)}

#S2{width:350px;height:90px;position:absolute;font-family: Verdana; top:200px;left:900px; background:none;}
#S2 table tr td form select {font-size:14px; width: 70px;}
#S2 table tr td form select option{font-size:15px;}
#S2 table tr td form button{font-size:14px; margin-left:80px; width:130px; height:30px; background-color:rgb(250,200,30)}