@charset "utf-8";
@import url("reset.css");
/* ---------------------------------------------------
		TYPOGRAPHY STYLES (generic typography)
-------------------------------------------------- */
body{
 font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px; 
  color: #333;
}
form label, .news_text {
	font-size: 12px;
	color: #666666;
	margin-right: 10px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-variant: normal;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

form input.text {
	width: 35%;
	border: 1px solid #BFBFBF;
	font-size: 13px;
	color: #222;
	padding: 5px;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

form textarea {
	width:95%;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-variant: normal;
	border: 1px solid #BFBFBF;
	font-size: 13px;
	color: #222;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

	
form input:focus, textarea:focus	{ background-color: #F2F2F2;  }
	
form input.text.date 		{ width: 20%;}
form input.text.medium 		{ width: 65%;}
form input.text.big			{ width: 95%;}

form input.radio,
form input.checkbox 		{ vertical-align: middle;}

form input.file {
	width: 250px;
	height: 20px;
	background: #fefefe;
	border: 1px solid #bbb;
	border-right: 0;
	font-size: 13px;
	color: #333;
	padding: 4px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	}


form input.submit.special	{ background-color: #000000; }
	
form input.submit:hover 		{ text-decoration: underline; background-color: #333333;}
form .select					{ padding: 2px; margin: 5px 5px 5px 0px;}
button:hover { text-decoration: underline; background-color: #333333;}

.btn{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: white;
  background-color: #E31E24;
  border-color: #ccc;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
}

#buscar_btn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;

	color: #fff;
	text-align: center;
	background-color: #000;
	border-color: #ccc;
	float:right;
	margin:8px 0 0 0;
	padding:0px 20px;
}
#tabs{
	border:none;
}
.ui-tabs .ui-tabs-panel
{
	overflow: hidden;	
	padding: 0;
	border:none;
	margin-left: 2px;
}
.ui-tabs .ui-tabs-panel ul li{
	border-right: 1px solid #eee;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}
.ui-tabs .ui-tabs-panel ul li:nth-child(5n){
	border:none;
}
.ui-tabs .ui-tabs-nav
{
	background: none;
	border: none;
	border-bottom: 1px solid #eee;
	border-radius: initial;
	margin-bottom: 10px;
}
.ui-tabs .ui-tabs-nav li .ui-state-active{
	background: red;
}
#header{
	height:157px;
	background:#E31E24;
}
#header .contenedor{
	width:980px;
	height: 157px;
	margin:auto;	
	background:url(../../img/estructura/telefono.png) bottom right no-repeat;
	position:relative;
}
#header .inp{
	width:110px;
	height:19px;
	position:absolute;
	right:0px;
	bottom:0;	
	overflow:hidden;
}
#header .inp input[type="text"]{
	font-size:9px;
	line-height:19px;
	width:86px;
	height:100%;
	padding:0;
	margin:0;
	float:left;
}
#header .inp button{
	width:16px;
	height:19px;
	float:right;
	background:url(../../img/estructura/flecha.png) center bottom no-repeat;
	border:none;
	cursor:pointer;
}
#header .links{
	position:absolute;
	right:205px;
	bottom:15px;
}
#menu{
	height:40px;
	background:#D9DADA;
}
#menu .contenedor{
	width:980px;
	margin:auto;
	position:relative;
}

.cont_menu{
	width:760px;
	height:416px;
	position:absolute;
	top:15px;
	overflow:hidden;	
}

.first li{
	color:#898989;
	font-weight:bold;
}
.second li{
	color:#E31E24;
}
.second a{
	text-decoration:none;
	color:#898989;
	font-weight:normal;
	
}
.col_menu{
	width:225px;
	height:310px;
	border-left:1px solid #E31E24;
	margin-left:10px;
	padding-left:15px;
	overflow:hidden;
	float:left;
	color:#898989;
	font-weight:bold;
}

#col1 a, #col2 a, #col3 a{
	text-decoration:none;
	color:#898989;
	font-weight:normal;
	text-transform:none;
	background:none;
	float:left;
}


#content{
	width:980px;
	margin:auto;
	position:relative;
	background:url(../../img/estructura/fondo.png) center repeat-y;
	overflow:hidden;
	z-index:998;
}
#content .slider_cont{
	height:408px;
	clear:both;
	overflow: hidden;
}
.boton_h{
	width:100%;
	clear: both;
	height:100px;	
	list-style: none;
}
.boton_h li{
	display: inline-block;
	width: 192px;
	padding: 0px;
}
.boton_h li:first-child {
	padding: 0;
}
.boton_h li:last-child{
	padding: 0;
}
.boton_h a{
	width:235px;
	height:177px;
	overflow:hidden;
}
.cont_flech{
	width:40px;
	min-height:250px;
	float:left;
	background:#FBFBFB;
	text-align:center;
	position:relative;
}
.cont_flech a{
	position:absolute;
	top:40%;
	left:30%;
	cursor:pointer;
}
.categorias_tit{
	clear:both;
	height:33px;
	background:#D9DADA url(../../img/home/categorias.png) 2% 50% no-repeat;
}

#categorias_cont{
	min-height:250px;
	background:#FFFFFF;
	overflow:hidden;
}
.categoria{
	width:180px;
	min-height:250px;
	float:left;
}
.categoria_img{
	width:140px;
	margin:auto;
	height:100px;
}
.categoria_text{
	width:140px;
	margin:auto;
}
.beneficios_tit{
	clear:both;
	height:33px;
	background:#D9DADA url(../../img/home/beneficios.png) 2% 50% no-repeat;
}
.indumentaria_tit{
	clear:both;
	height:33px;
	background:#E31E24 url(../../img/home/indumentaria.png) 2% 50% no-repeat;
}
.novedades_tit{
	clear:both;
	height:33px;
	background:#E31E24 url(../../img/home/novedades.png) 2% 50% no-repeat;
}
.facebook_tit{
	clear:both;
	height:33px;
	background:#E31E24 url(../../img/home/facebook.png) 2% 50% no-repeat;
}
.cont_novedad{
	width:300px;
	height:75px;
	margin:auto;
}
.novedad_img{
	width:85px;
	height:70px;
	float:left;
	overflow:hidden;
}
.novedad_text{
	width:200px;
	height:70px;
	float:right;
	overflow:hidden;	
}
.novedad_text h2{
	font-size:14px;
	line-height:20px;
	margin:0;
}
.novedad_text p{
	font-size:12px;
	margin:0;
}
.novedad_text a{
	font-size:12px;
	color:#FF0000;
	float:right;
	text-decoration:none;
}
.facebook_home h2{
	font-size:12px;
	line-height:20px;
	width:90%;
	margin:0 auto;
}
.facebook_home p{
	font-size:10px;
	width:90%;
	margin:0 auto;
}
.categoria_text h2{
	font-size:12px;
	margin:0px;
	text-align:center;
}
.categoria_text ul{
	text-align:center;
	list-style:none;
}
.categoria_text ul li{
	text-align:left;
	margin-left:5px;
}
.categoria_text ul li a{
	text-decoration:none;
	color:#000000;
}
.categoria_text ul li a:hover{
	font-weight:bold;
}
.ecabezado_tarjeta{
	background: #EFEFEF;
	position: relative;
	height: 25px;
	clear: both;
	color:black;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
}
.img_tarjeta_encabezado{
	position:absolute;
	width: 141px;
	height: 45px;
	left: 20px;
	top: -10px
}


#footer{
	clear:both;
	background:#FFFFFF;
	width:980px;
	margin:auto;
	overflow:hidden;
}
#footer .linea{
	height:40px;
	width:980px;
	margin:auto;
	
}
#footer .linea ul{
	width:875px;
	margin:auto;
	list-style:none;
}
#footer .linea ul li{
	float:left;
	margin-left:5px;
}
#footer .linea ul li a{
	color:#0371B5;
	font-size:14px;
	text-decoration:none;
}
#footer .suc{
	width:950px;
	height:150px;
	margin:auto;
}

#right{
	width:750px;
	float:right;
	background:#ffffff;
}
#left{
	width:229px;
	float:left;
	background:
}
.destacado{
	width:735px;
	height:280px;
	margin:auto;
	background:url(../../img/articulos/destacado.png) bottom center no-repeat;	
}
.destacado .info{
	width:280px;
	height:270px;
}
.destacado .info h2{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #E31E24;
	margin:0;
}
.destacado .img{
	width:150px;
	height:105px;
}
.articulos_cont{
	width:95%;
	min-height:175px;
	margin:auto;
	border-bottom:1px solid #C5C6C6;
	
}
.articulos_img, .articulo_img{
	width:170px;
	float:left;
	text-align:center;
}
.articulos_text, .articulo_text{
	width:370px;
	float:left;
	position:relative;
}
.articulos_text h2, .articulo_text h2{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #E31E24;
	margin:0;
}
.articulos_text p{
	margin:0;
}
.articulos_text .texto{
	font-size:11px;	
	height:48px;
	overflow:hidden;
}
.articulos_text .ver_mas{
	font-size:12px;
	color:#E31E24;
	text-decoration: none;
	margin-right: 5px;
	float: left;
}
.articulos_opciones{
	width:173px;
	height:25px;
	position:absolute;
	right:0;
	bottom: -7px;
	font-size:11px;
}
.articulos_opciones input{
	width:11px;
	vertical-align:top;
	margin:3px;
}
.articulos_opciones span{
	vertical-align:middle

}
#rutas {
	font-family: Helvetica;
	color: rgb(91, 91, 90);
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
.gris {
text-decoration: none;
color: rgb(91, 91, 90);
font-weight: bold;
}
.gris:hover{
	color: #BDBDBD;
}
.gris_activo{

}
#ordenar{
	text-align:right;
}
#filtro{
	margin:10px 0 5px 0;
	text-align:left;
	clear:both;
	border-bottom:1px solid #C5C6C6;
}
#filtro a{
	font-family: Arial;
	text-decoration:none;
	color:#000000;
	font-size:12px;
}
.articulos_opciones a{
	text-decoration:none;
	font-size:11px;
	vertical-align:middle;
	color:#E31E24;
	font-weight:bold;
}
.articulos_precio{

}

.articulo_center{
	width:95%;
	margin:auto;
	overflow: hidden;
	border-bottom:1px solid #C5C6C6;
}
.articulo_text{
	width:540px;
}
.titulo{
	font-size:16px;
	vertical-align:middle;
	color:#E31E24;
	font-weight:bold;
	text-decoration: none;
}
.titulo:hover{
	color:#5B5B5A;
}
.volver{
	text-decoration:none;
	font-size:12px;
	vertical-align:middle;
	color:#E31E24;
	font-weight:bold;
	float:right;
}
.articulo_codigo{
	clear:both;
	margin:0;
}
.articulo_texto{
	font-size:12px;
}
.articulo_opciones{
	width:95%;
	margin:auto;
	text-align:right;
}
.articulo_opciones a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	font-size:11px;
}
.articulo_opciones span{
	color:#D9DADA;
	font-weight:bold;
}
#menu_text{
	width:100%;
	clear:both;
	text-align:center;
	color:#E31E24;
	font-size:25px;
	text-shadow:none;
	padding-top:50px;
}
#top_secciones {
	width:95%;
	text-align:left;
	margin:auto;
	border-bottom:1px solid #BCCF17;
}

#top_secciones .titulo{
	margin:5px;
	margin-left:20px;
	padding:0px;
	font-size:36px;
	border:0px;
}
.cuerpo {
	width:95%;
	margin:auto;
	text-align:justify
}
.imagen{
	text-align:center;
}
#cont_bodas{
	overflow:hidden;
}
#fondo_bodas{
	background-image:url("../../img/bodas/fondo_bodas.jpg");
	padding-bottom:260px;
	background-position:bottom;
	background-repeat:no-repeat;
	height:500px;
}
#texto_bodas{
	width:90%;
	margin:auto;
}

#texto_bodas p{
 font-size:12px;
 text-align:justify;
 color:#666;
}
#titulo_bodas{
	background-image:url("../../img/bodas/cartel_bodas.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	width:424px;
	height:67px;
	margin-bottom:20px;
	margin-top:20px;
}
.aviso_legal{
	font-size: 14px;
	text-align: center;
	color: #999;
	margin:15px 0;
}
#cont_prod{
	width:189px;
	height:270px;
	float:left;	
}
#pie{
	width:712px;
	margin:auto;
}
#paginas{
	position:relative;	
	color:#5B5B5A;
	font-size:16px;
	line-height:30px;
	text-decoration:none;
}
.pag a, .pag{
	color:#E31E24;
	font-size:16px;
	line-height:30px;
}
.pag_link{
	color:#5B5B5A;	
}
.comparar{
	color:#5B5B5A;
	font-size:16px;
	line-height:30px;
	text-decoration:none;
}
#cont_rpedido{
	width:40%;
	margin:auto;
}
.text_pedido{
	text-align:center;
}
.guia_cont{
	height:30px;
	background:silver;
}
.guia_cont ul{
	margin-top:3px;
	height:25px;
	list-style:none;
}
.guia_cont ul li{
	float:left;
	margin-left:35px;
	margin-top:5px;
}
.guia_cont ul li a{
	text-decoration:none;
	color:#E31E24;
	padding:0 10px;
	font-weight:bold;
}
#imprimir{
	width:95%;
	margin:auto;
}
#imprimir.imagen_producto{
	width:180px;
	float:left;
	text-align:center;
}
#imprimir.detalles_producto{
	width:530px;
	float:left;
	font-family:arial;
	font-size:12px;	
}
 .novedades_con_tot{
	width:95%;
	margin:auto;
}
.novedades_cont{
	width:100%;
}
.novedades_c_text{
	width:65%;
	float:right;
	overflow:hidden;
}
.novedades_tit2{
	color:#F58634;
	font-size:16px;
	letter-spacing:1px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.novedades_text{
	font-size:12px;
	padding:0;
	margin:0;
}
.novedades_linea{
	width:95%;
	height:24px;
	margin:auto;
	clear:both;
	background:url(../../img/novedades_tips/linea.png) center repeat-x;
}
.novedades_linea2{
	width:95%;
	margin:10px 0;
	height:3px;
	clear:both;
	background:silver;
}
.tips_con_tot{
	width:95%;
	margin:auto;
}
.tips_categorias{
	width:178px;
	float:left;
	text-align:center;
}
.tips_list{
	text-align:left;
	font-size:12px;
	line-height:20px;
}
.tips_list a{
	text-decoration:none;
	color:gray;
}
.tips_cont{
	width:100%;
}
.tips_img{
	width:170px;
	float:left;
	text-align:center;
}
.tips_text{
	width:75%;
	float:right;
	/*letter-spacing:1px;*/
	line-height:18px;
}
#l20{
	height:20px;
	clear:both;
}
.item_sucursal{
	width:237px;
	float:left;
	margin-bottom:20px;
}
.item_sucursal .detalle{
	width:95%;
	margin:auto;
	margin-top:10px;
}
.item_sucursal .foto_sucursal{
	width:100%;
	height:225px;
	background-color:silver;
	text-align:center;
}
#sucursales_horario {
	width: 74px;
	height: 22px;
	background: url(../../img/sucursales/sucursales_horarios.png) center no-repeat;
	float: right;
}
.caract_top{
	width:100%;
	height:20px;
	line-height:20px;
	background:#fcfcfc;
	color:#E31E24;
	font-family:Arial;
	text-indent:15px;
	font-weight:bold;
	clear:both;
}

.valor_caract{
	width:244px;
	float:left;
	text-align:center;
}
.articulos_nom{
	color:#E31E24;
	font-size:14px;
}
.articulos_cod, .cod{
	font-size:10px;	
	clear:left;
	float:left;
	width:364px;
}
.comparar_cont{
	width:244px;
	float:left;
}
.articulos_centro{
	width:180px;
	margin:auto;
}
.tarjeta{
	width:980px;
	clear:both;
	margin:auto;
	height:126px;
}
.error{
	color:#E31E24;
	font-style: italic;
}
.issuuembed{
	margin: auto;
}
.login_c{
	z-index: 10000;
	width: 145px;
	height: 101px;
	position: absolute;
	top:18px;
	right: 0px;
	background: url(../../img/login/login.png);
	text-align: center;
	display: none;
}
.login_c input{
	font-size: 10px;
	color: #000000;
	padding-left: 5px;
	width: 85%;
	margin: auto;
}
.login_c button{
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	width: 85%;
	margin: auto;
	background-color: #FF0000;
	border: none;
	text-decoration: none;
	cursor:pointer;
}
.login_c a{
	font-size: 10px;
	color: #000000;
	margin: auto;
	text-decoration: none;
	text-align: left;
	float: initial;
	padding-right: 5px;
	margin-top: 2px;
}
#ingresar{
	width: 60px;
	height: 16px;
	float: right;
	padding-right: 5px;
}
.close{
	width: 16px;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 2px;
}
#o_pass{
	color:#000000;
	font-size: 10px;
	float: left;
}
.bv{
	margin-right: 10px;
	color: #ffffff;
	font-size: 14px;
	margin-top: 2px;
	float: right;
}
.celeste a{
	color:#E31E24;
}
.banda_text{
	width: 95%;
	margin: 15px auto;
	font-size: 20px;
	color:#5B5B5A;
	text-align: center;
}
.bancos_tar
{
	width: 98%;
	margin: auto;
	overflow: hidden;	
	padding-bottom: 20px;
	margin-bottom: 5px;

}

.bancos_tar .titulo
{
	margin: 5px 0;
	color :#0371B5;
}
.bancos_tar #tarjeta,
.bancos_tar #banco
{
	padding: 2px;
	margin: 5px 10px;
}
.bancos_tar_int{
	text-align: center;
}
.bancos_tar_int .terjeta_text
{
	width: 75%;
	float: left;
	text-align: left;
	margin-top: 15px;
}
.bancos_tar_int .imgs
{
	width: 24%;
	float: right;
	margin-top: 15px;
	clear:both;
	text-align: right;
}
/*filtros*/
.filtros{
	width: 98%;
	margin: auto;
}
.filtros .filtro_tit
{
	font-size: 14px;
	margin:5px 0; 
	font-weight: bold;
	padding-left: 5px;
	border-bottom: 1px solid white;
}
.filtros .link
{
	text-decoration: none;
	font-size: 12px;
	color: gray;
}
.filtros .link span
{
	color:black;
}
.cont_rango {
  width: 90%;
  clear: both;
  margin: auto;
}
.rango_min {
  float: left;
  height: 35px;
  width: 49%;
  color: #333;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: 1px;
}
.rango_max {
  float: right;
  width: 49%;
  text-align: right;
  font-size: 16px;
  color: #333;
  line-height: 35px;
  letter-spacing: 1px;
}
#slider-range {
  clear: both;
}