:root {
  --body_imgback: url('imgs/bck.jpg');

  --header_back: #ffffff;
  --btn_header_back: #ffffff;  --btn_header_fore: #006080;  --btn_header_hover: #000000;
  --btn_canasto_back: #ffffff; --btn_canasto_fore: #006080; --btn_canasto_hover: #000000;
  --btn_lupa_back: #ffffff;    --btn_lupa_fore: #006080;    --btn_lupa_hover: #000000;

  --footer_back: #006080;
  --ft_titles_back: #006080; --ft_titles_fore: #ffffff; --ft_titles_hover: #ffffff;
  --ft_links_back: #006080; --ft_links_fore: #333333; --ft_links_hover: #ffffff;

  --btn_comprar_back: #006080;  --btn_comprar_fore: #e2e2e2;  --btn_comprar_hover: #ffffff;
  --btn_submit_back: #006080; --btn_submit_fore: #e2e2e2; --btn_submit_hover: #ffffff;
  
}

html{font-size:16px; background-color:#fff; padding:0; margin:0; overflow-x:hidden;}

body{
  box-sizing: border-box;  
  padding: 0; margin:0;
  background-color:#fff; 
  float:left; width:100%;
}
/* body[title]{background: url("imgs/bck.jpg") no-repeat center center fixed;  background-size: cover;} */
body[title]{background: var(--body_imgback) no-repeat center center fixed;  background-size: cover;}

* {box-sizing: border-box;}
.body_none{display:none;}

.header{position:fixed; width:100%; height:3.5rem; top:0px; left:0px; padding:0; border-bottom:1px #e2e2e2 solid; z-index:9998; background-color:var(--header_back);}

.hf{height:3.65rem;}

.main{width:100%; height:auto; margin:0; padding:0%; padding-top:0; border-bottom:0px #e2e2e2 solid; min-height:600px;}

.query{
  position:relative;
  width:100%; height:2rem; font-size:0.8rem; margin:0; 
  padding:1%; padding-top:1%; border-bottom:0px #e2e2e2 solid;
}
.query *{position:absolute; font-size:1rem;}
.query nav{top:0.5rem; left:1%; width:50%; height:2rem;}
.query select{top:0.3rem; left:61%; width:15%; height:1.4rem;border:none; color:#c0c0c0;}
.query label{top:0.5rem; left:83%; font-size:1rem;}
.query i{top:0.1rem; left:95%; font-size:2rem;}

.logo{ position:absolute; width:12%; max-height:3.5rem; top: 0.6rem; left:1%; cursor:pointer;}

._modal ._modal_titulo{background-color:var(--footer_back); color:var(--btn_submit_fore);}

.buscar{position:absolute; width:30%; height:2.5rem; top:0.5rem; left:15%; border:0px solid #f1f1f1;}
.buscar input{position:absolute; top:0.3rem; left:1%; width:85%; height:2rem; font-size:1rem;}
.buscar i{position:absolute; top:0.45rem; left:77%; font-size:1.8rem; cursor:pointer; z-index:999; color:var(--btn_lupa_fore);}
.buscar i:hover{color:var(--btn_lupa_hover);}

.textbox{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:1rem;	letter-spacing: 0.03rem;
	width:20%; height:1.6rem;
  padding: 3px; padding-top:2px !important; padding-left:6px !important; padding-right:10%;
  background-color:#fff; color:#999999;
	border:1px #006080 solid ;
	border-top: 0px;border-left: 0px;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
.textbox:focus{border-color: #3399FF; color:#333333;}

.cuenta{ width:18%; height:2rem; top:0.8rem; left:75%; border:1px solid #f1f1f1; overflow:hidden;}
.cuenta label{ top:0.6rem; left:18%; width:80%; height:2rem; font-size:0.8rem;}
.cuenta i{ top:0.0rem; left:1%; font-size:2rem; cursor:pointer; z-index:999;}

._canasto{position:absolute; top:1rem; left:95%; font-size:1.8rem; cursor:pointer; color:var(--btn_canasto_fore);}
._canasto:hover{color:var(--btn_canasto_hover);}
.cnt_detail{position:absolute; top:1.6rem; left:97%; font-size:0.9rem;color:red;}

.catalogo{ width:15%; height:2rem; top:0.8rem; left:45%; border:1px solid #f1f1f1; overflow:hidden;}
.catalogo label{ top:0.6rem; left:31%; width:70%; height:1.3rem; font-size:0.8rem;}
.catalogo #_cata_{ top:0rem; left:1%; font-size:2rem; cursor:pointer; z-index:999;}
.catalogo #_filtro_{ top:0.2rem; right:1%; font-size:2rem; cursor:pointer; z-index:999;}
._usar{color:green!important;}


.contacto{ width:11%; height:2rem; top:0.8rem; left:62%; border:1px solid #f1f1f1;}
.contacto label{ top:0.6rem; left:31%; width:70%; height:1.3rem; font-size:0.8rem;}
.contacto i{ top:0.1rem; left:1%; font-size:1.6rem; cursor:pointer; z-index:999; }

.btn_header{position:absolute; color:var(--btn_header_fore); background-color:var(--btn_header_back); border:1px solid #f1f1f1;}
.btn_header *{position:absolute; cursor:pointer; }
.btn_header:hover{transform:scale(1.1); transition: all 0.5s ease-in-out;}
.btn_header:hover{color:var(--btn_header_hover);}

.btn_submit{color:var(--btn_submit_fore); background-color:var(--btn_submit_back); cursor:pointer;}
.btn_submit:hover{transform:scale(1.1); transition: all 0.5s ease;}
.btn_submit:hover{color:var(--btn_submit_hover);}

.btn_comprar{color:var(--btn_comprar_fore); background-color:var(--btn_comprar_back);}
.btn_comprar:hover{transform:scale(1.1); transition: all 0.5s ease-in-out;}
.btn_comprar:hover{color:var(--btn_comprar_hover);}



.bns_marcas{
  /*display:block;*/ width:96%; min-height:4rem; float:left; margin-top:2rem; margin-bottom:2rem;
  margin-left:2%; height:auto;
  border:1px solid #c0c0c0; background-color:#fff;
  box-shadow: 0px 0px 8px #C0C0C0;  -webkit-box-shadow: 0px 0px 8px #C0C0C0;  -moz-box-shadow: 0px 0px 8px #C0C0C0;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  text-align:center; 
   display: flex;
  justify-content: center; /*overflow-y:hidden;*/ padding: 0 4%;
}

.bns_marcas div{/* margin:0;*/ position:relative; margin:auto; display: inline-block; justify-content: center; /* height:5rem;*/height: 2rem; /*width:9%;*/width: fit-content; border: 0px solid red; align-items: center; text-align:center;}
.bns_marcas div img{width: 90%; /*position: absolute;*/ top: 50%; left: 50%;  /*transform: translate(-50%, -50%);*/ max-height: 100%;}

.banner_fijo{
  display:block; width:100%; height:auto; float:left; margin-top:2rem; margin-bottom:2rem; 
  text-align:center;
}
.banner_fijo img{width:100%; height:auto;}

.btn_submit{position:absolute; width:25%;height:2rem; font-size:1.1rem; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor:pointer;}

footer{
  float:left; display:block;  position:relative;
  padding: 0rem; margin-top:0.5rem; padding-bottom:1.5rem;
  height: 15rem; min-height:18rem;
  /* color:var(--ft_titles_fore); background-color:var(--footer_back); */
  color:#c0c0c0; background-color:var(--footer_back);
	width:100%; 
}

footer .suscribir{
  background: var(--body_imgback) no-repeat center center fixed;  background-size: cover;
  position:absolute; width:100%; top:0rem; left:0%;
  border: 0px solid red;  min-height:6rem;
}
footer .suscribir .foot_leye{
  position:absolute; width:25%; top:1rem; left:10%; font-weight:bold;
	border: 0px solid #e2e2e2;  min-height:4rem;
}
footer .suscribir .foot_form{
  position:absolute; width:50%; top:1rem; left:45%;
  border: 0px solid blue;  min-height:4.5rem;
}
footer .suscribir .foot_form .suscribe_email{
  position:absolute; width:60%; top:0.1rem; left:1%;
	border: 1px solid #f1f1f1;  min-height:2rem; padding-left:1%;
  outline: none !important;

}  
footer .suscribir .foot_form .suscribe_send{
  position:absolute; width:30%; top:0.1rem; left:65%; cursor:pointer;
  border: 0px solid #e2e2e2; font-size:1rem; min-height:2rem; font-weight:bold;

}  
footer .suscribir .foot_form .aviso{
  position:absolute; width:60%; top:2.3rem; left:1%;
  color:#888; font-size:0.7rem;
}


footer nav{position:absolute; width:100%; top:7rem; min-height:10rem; padding-top:1rem;background-color:transparent; }
footer nav .col{position:relative; width:30%; min-height:10rem; margin-left:2.5%; display:inline-block; float:left;}
footer nav .col label:hover{color:var(--ft_links_hover);}

footer nav[title] .int_tit{color:var(--ft_titles_fore);}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

footer .col label{float:left; display:block; width:100%; min-height:1rem;line-height :1.3rem; font-size:0.9rem; cursor:pointer; padding-left:2%;}
footer .col label a{float:left; display:block; width:100%; min-height:1rem;line-height :1.3rem; font-size:0.9rem; cursor:pointer; padding-left:2%; color:var(--ft_links_hover);}
footer .col .int_tit{font-weight:bold; font-size:1.2rem;color:var(--ft_titles_fore);}


.copyr{width:100%; height:1.8rem; float:left; display:block; padding-left:1%; padding-right:1%; padding-top:0.2rem; color:#999;	background-color:#333;}
.copyr div{width:50%; float:left; display:inline-block;}
.copyr label{width:30%; float:right; display:inline-block; text-align:right;}

.login{
  background-color: white;
  width: 60%; height:20rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:1; opacity:0;
  transition: all .5s ease-in-out;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  border: 1px solid #666;
  display:none;

/*
  position:absolute; z-index:9999;
  width:60%; height:20rem; top:0rem; left:20%;
  background-color:#fff; color:#999;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  border: 1px solid #666;
  opacity: 0;
  display:none;
*/
}
.login .login_titulo{
  position:absolute;padding-top:0.4rem; padding-left:2%;
  width:100%; height:2rem;
  background-color:var(--footer_back); color:var(--ft_titles_fore);
  top:0; left:0; font-size:1.2rem;
}
.login i{
  position:absolute;
  color:#fff;
  top:0.3rem; left:95%; font-size:1.4rem; cursor:pointer;
}

.login .login_email{
  position:absolute; width:40%; top:3.5rem; left:10%;
  
}
.login .login_pass{
  position:absolute; width:40%; top:8rem; left:10%;
}
.login .btn_submit{
  width:40%; top:14rem; left:10%;
}

.login .registro{position:absolute;  width:100%; height:2rem; top:3rem; left:52% }
.login .registro *{position:absolute;}
.registro #t_registro{width:40%; height:2rem; top:2.5rem; left:10%;}
.registro #_registrar{width:40%; height:2rem; top:4rem; left:10%;font-weight:bold;}
.registro #_registrar:hover{cursor:pointer; color:blue;}
.registro #t_olvido{width:40%; height:2rem; top:7.5rem; left:10%;}
.registro #_olvido{width:40%; height:2rem; top:9rem; left:10%; }
.registro #_olvido:hover{cursor:pointer; color:blue;}



.consulta{
  background-color: white;
  width: 60%; height:20rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:1; opacity:0;
  transition: all .5s ease-in-out;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  border: 1px solid #666;
  display:none;
/*
  position:absolute; z-index:9999;
  width:60%; height:20rem; top:0rem; left:20%;
  background-color:#fff; color:#999;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  border: 1px solid #666;
  opacity: 0;
  */
  /* display:none; */
}
.consulta .consulta_titulo{
  position:absolute;padding-top:0.4rem; padding-left:2%;
  width:100%; height:2rem;
  background-color:var(--footer_back); color:var(--ft_titles_fore);
  top:0; left:0; font-size:1.2rem;
}
.consulta i{position:absolute;color:var(--ft_titles_fore);top:0.3rem; left:95%; font-size:1.4rem; cursor:pointer;}

.consulta .consulta_name{position:absolute; width:40%; top:3.5rem; left:3%;}
.consulta .consulta_email{position:absolute; width:40%; top:8rem; left:3%;}
/* .consulta .btn_submit{width:35%; top:23rem; left:55%;height:2rem;} */
.consulta .btn_submit{width:25%; top:16rem; left:60%;height:2rem;}


.consulta #consulta_text{position:absolute; width:50%; top:5.3rem; left:47%; height:9rem; padding:1%;}




.catalogo_sele{
  background-color: white;
  /* width: 90%; height:20rem; */
  width: 90%; height:30rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:1; opacity:0;
  transition: all .5s ease-in-out;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  
  border: 1px solid #666;
  display:none;
  /*position:absolute; z-index:9999;
  width:90%; height:30rem; top:0rem; left:5%;
  background-color:#fff; color:#999;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
  border: 1px solid #666;
  opacity: 0;
  display:none;*/
}
.catalogo_sele i{position:absolute;color:#fff;top:0.3rem; left:97%; font-size:1.4rem; cursor:pointer;}
.catalogo_sele .catalogo_titulo{
  position:absolute;padding-top:0.4rem; padding-left:2%;
  width:100%; height:2rem;
  background-color:var(--footer_back); color:var(--ft_titles_fore);
  top:0; left:0; font-size:1.2rem;
}
.catalogo_sele .sele_list{
  position:absolute;
  width:24%; height:24rem; /*width:24%; height:21rem;*/
  top:2.5rem; font-size:0.8rem;
  border:1px solid #999;
  overflow-y:auto;
}
.catalogo_sele .sele_list label{
  display:block; float:left;
  width:100%; height:1.6rem;
  font-size:0.7rem;
  padding-left:3%; padding-top:0.35rem; margin-top:0.2rem;
  cursor:pointer;
}
.catalogo_sele .sele_list label:hover{color:#000; font-weight:bold;}

.catalogo_sele .cat_secciones{
  left:0.5%;
}

.catalogo_sele .cat_rubros{
  left:25%;
}
.catalogo_sele .cat_grupos{
  left:50%;
}
.catalogo_sele .cat_categorias{
  left:75%;
}
._selected_{background-color:var(--footer_back); color:var(--ft_titles_fore);}

.catalogo_sele .btn_submit{ width:20%; top:27.1rem; left:77%;}

.frame_main{display:block; float;left; width:100%; height:auto; min-height:500px;}

.bkg_img{
    background: var(--body_imgback) no-repeat center center fixed;
    background-size: cover;
}
.bkg_no_img{background-color:#007396;}
.bkg_img .int_tit{color:#000;}

.mnu_user{
  position:absolute; z-index:9100;
  width:25%; height:12rem; min-height:9rem;
  top:0rem; right:0%!important;
  background-color:#fff; color:#999;
  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
  border: 0px solid #666;
  display:none;
  padding-top:1rem;
}

.mnu_user ._hide_modal{
  position:absolute; z-index:9200;  color:#000; top:0.3rem; right:1.5%; font-size:1.4rem; cursor:pointer;
}
.mnu_user nav{position:relative; width:100%; float:left; display:block; height:1.6rem;  cursor:pointer;}
.mnu_user nav:hover{color:#000;}

.mnu_user nav i{position:absolute; top:0.2rem; left:4%; font-size:1.4rem;border:0px solid #666;}
.mnu_user nav label{position:absolute; top:0.2rem; left:17%; height:1.4rem; font-size:1.1rem;border:0px solid #666;}
._out{color:red;}


/************************ MOVIL */



@media only screen and (min-width : 300px) and (max-width : 580px) {
	
	
	.header {height: 7rem;}
	.logo {width: unset; max-height: 2.5rem;}
	.buscar {width: 48%; top: 3.4rem; left: 1%;}
	.buscar i {left: 68%;}
	.catalogo {width: 40%; height: 2.2rem; top: 3.6rem; left: 49%}
	.catalogo #_cata_ {top: 0.2rem; font-size: 1.5rem;}
	.catalogo label {top: 0.6rem; left: 24%;}
	.contacto {width: 9%; height: 2rem; left: 65%}
	.contacto label {display: none;}
	.cuenta {width: 9%; left: 55%;}
	.cuenta label {display: none; /*left: 24%;*/}
	._canasto {left: 78%}
	.cnt_detail {left: 85%;}
	.hf {height: 7.5rem;}
	
	.bns_marcas {min-height: 2rem;}
	.bns_marcas div {height: unset;}
	
	.sk_25 {width: 48%!important;}
	
	.sk_20 .it_title {font-size: unset;}
	.sk_20 .it_precio {left: 38%; width: 60%; font-size: 1rem;}
	
	footer {height: 40rem;}
	footer .suscribir {min-height: 12rem;}
	footer .suscribir .foot_leye {width: 98%; left: 1%;}
	footer .suscribir .foot_form {width: 98%; top: 4rem; left: 1%;}
	footer .suscribir .foot_form .suscribe_send {width: 35%; left: 63%;}
	
	footer nav {top: 11rem;}
	
	footer nav .col {width: 100%; margin-left: unset; text-align: center;}
	
	/*.login {top: 0, left: 0; width: 100%; height: 80%;}
	.login .login_titulo {font-size: unset;}*/
	
	.catalogo_sele {
    height: 50rem;
    overflow: auto;
    width: 99%;
    z-index: 9999;
	}
	
	.catalogo_sele i {left: 93%;}
	
	.catalogo_sele .sele_list{
		z-index:9999; 
		width:49%; 
		height: 40%;
		left:initial; font-size:1rem;
		position:relative; display:inline-block; 
	}
	
	.catalogo_sele .btn_submit {top: 87%; left: 65%;}
	
	
	/*.catalogo_sele {width: 90%; height: 95%;}
	.catalogo_sele i {left: 90%;}
	.catalogo_sele .sele_list {position: unset; width: 100%; height: 23%}
	.catalogo_sele .btn_submit {width: unset; top: 35.4rem; left: 72%} */
	
	
	
	.consulta{ width:95%; height:28rem; top:0rem;}
	.consulta i {left: 92%;}
	.consulta .consulta_name{  width:90%; top:2.5rem; left:3%;}
	.consulta .consulta_email{  width:90%; top:7.5rem; left:3%;}
	.consulta #consulta_text{  width:90%; top:12.5rem; left:3%; height:9rem; padding:1%;}
	.consulta #consulta_submit{  width:50%; top:22rem; left:25%;}




	.login{width:98%; height:65vh; top:2rem;}
	.login i{top:0.3rem; left:90%;}
	.login .login_email{ width:90%; top:4.5rem; left:5%;}
	.login .login_pass{ width:90%; top:9rem; left:5%;}
	.login .login_submit{width:60%; top:14rem; left:20%; }

	.login .registro{ width:98%; height:16rem; top:18rem; left:1% }

	.registro #t_registro{width:90%; height:4rem; top:0rem; left:5%;}
	.registro #_registrar{width:90%; height:4rem; top:4rem; left:5%;font-weight:bold;}

	.registro #t_olvido{width:90%; height:4rem; top:8rem; left:5%;}
	.registro #_olvido{width:90%; height:4rem; top:12rem; left:5%; }


	.mnu_user{width:98%; top:10rem; right:initial!important; left:1%;}

	.mnu_user ._hide_modal{position:absolute; z-index:9200;  color:#000; top:0.3rem; right:1.5%; font-size:1.4rem; cursor:pointer;}
	.mnu_user nav{position:relative; width:100%; float:left; display:block; height:1.6rem;  cursor:pointer;}
	.mnu_user nav:hover{color:#000;}

	.mnu_user nav i{position:absolute; top:0.2rem; left:4%; font-size:1.4rem;border:0px solid #666;}
	.mnu_user nav label{position:absolute; top:0.2rem; left:17%; height:1.4rem; font-size:1.1rem;border:0px solid #666;}
	
	.query * {font-size: unset; }
	.query select {left: 43%; width: 23%; }
	.query label {left: 70%; font-size: unset; }
	.query i {left: 90%; font-size: 1.7rem; }

}