/******************** Ficha ********************/

.input_cantidad{
	font-size:17px;
	padding:4px;
	text-align:right;
	border:#000 1px solid;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#d5394e;
	height:20px;
	width:50px;
}
.uds_ficha{
	 float:left; 
	 height:40px; 
	 color:#000; 
	 font-size:18px;
}

.margen_drc{
	margin-right:5px;
	
}
.sin_margen_drc{
	margin-right:0px;
	
}


h4 a{
	color:#d5394e; font-size:28px;
	text-decoration:none;
	
}
h4 a:hover{
	color:#000;
}
h4{
	 padding:2px;margin-top:-6px;
	 font-weight:normal;
}


.div_talla{ margin-left:490px;height:40px; }
.div_color{ margin-left:490px;height:40px; }

/******************** Dentro de familias ********************/

.mas_info{
	display:block;
	height:18px;
	background:url(../images/ver_mas.png) 0 2px no-repeat;
	color:#000;
	font-size:15px;
	text-decoration:none;
	padding-left:18px;
	margin-top:0;
}
.div_atr{
	margin-left:490px;
	margin-bottom:30px;
}
.view-mode{
	width: 620px;
	border-bottom: 2px ridge #E42223;
	text-align: right;
	padding-bottom: 5px;
	float: right;
}
.div_ficha_box{
	width: 620px;
	float: right;
}
#div_load{
	display: none;
	background-color: #000;
	/*TRANSPARENCIA*/
	filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, version anterior de safari */
    -moz-opacity: 0.5;       /* firefox, mozilla, netscape */
    opacity: 0.5;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*internet explorer 8*/
	cursor:wait;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position:fixed;
}
	#div_load img{ 
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 400px;
		width: 48px;
		height: 48px;
	}
	
div.downloads-div{
	max-height: 20px;
	display: inline-block;
}
	
a[class=viewmode][id=list],
a[class=viewmode][id=grid]{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	margin-bottom: -4px;
}

a[class=viewmode][id=list]{
	background: url(../../images/catalogo/list_mode.png) top left no-repeat;
}
a[class=viewmode][id=grid]{
	background: url(../../images/catalogo/grid_mode.png) top left no-repeat;
}
a.dwnld_catalogo{
	width: 16px;
	height: 16px;
	padding: 4px;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	overflow: hidden;
	display: inline-block;
	border: 1px solid transparent;
	line-height: 16px;
	float: left;
	position:relative;
	z-index: 0;
}
a.dwnld_catalogo:hover{
	background:#f9f9f9;
	color:#444;
	background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22grad%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ccc%22%20%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22fill%3Aurl(%23grad)%22%20%2F%3E%0A%3C%2Fsvg%3E");
	background-image:-moz-linear-gradient(top,#ffffff,#cccccc);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#cccccc));
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#cccccc);
	border-color: #999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.dwnld_catalogo span{
	background: url(../../images/download_catalogo.png) left center no-repeat;
	padding: 10px;
}
ul.subnavegador li a.dwnld_catalogo{
	margin-top: -6px;
}

/******** MODO GRID ******/

.grid_ficha.box {
	display: inline-block;
	width: 148px;
	max-width: 148px;
	min-width: 148px;
	background-color: #fff;
	margin-bottom: 6px;
	margin-right: 6px;
}
.grid_ficha.title{
	padding: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #E42223;
	color: #fff;
	padding: 5px;
	min-height: 70px;
	font-size: 16px;
	font-family: Arial !important;
}
	.grid_ficha.title a{ 
		display:block;
		color: #fff;
		text-transform: lowercase;
		text-decoration: none;
	}
	.grid_ficha.title span.subtitle{
		font-style: italic;
		font-size: 14px;
	}
.grid_ficha.image a img{
	display: block;
	max-width: 150px;
	max-height: 150px;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
}
.grid_ficha.price{
	padding: 5px;
	line-height: 24px;
	font-size: 24px;
	text-align: right;
	color: black;
}
.grid_ficha.other{
	padding: 5px;
	text-align: center;
}
/******** MODO LIST *****/

.list_ficha.box {
	background-color: #fff;
	margin-bottom: 5px;
	width: 595px;
	height: 64px;
	padding: 5px;
	border: 1px solid transparent;
	overflow: hidden;
	/*margin-left: 170px;*/
}

.list_ficha.box:hover,
.grid_ficha.box:hover{
	background-color: #d9d9d9;
	/*-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .6);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .6);*/
}
.grid_ficha.box:hover .title{
	background-color: #900;
}

.list_ficha.image{
	float:left;
	display:inline-block;
}
	.list_ficha.image img{
		width: 64px;
	}
.list_ficha.title{
	float:left;
	display: inline-block;
	max-width: 400px;
	vertical-align: top;
	color: #E42223;
	padding: 5px;
}
	.list_ficha.title a{
		display: block;
		color: #E42223;
		text-transform: lowercase;
		text-decoration: none;
		font-size: 18px;
	}
	.list_ficha .title .subtitle {
		font-size: 11px;
		line-height: 14px;
		font-family: verdana;
		color: gray;
	}
	.list_ficha.other{
		float: right;
	}
	
	.list_ficha.docs{
		float: right;
		position: relative;
		right: 10px;
		top: 33px;
	}
	.list_ficha.docs a {
		max-width: 15px !important;
		padding: 4px;
		position: relative;
		overflow: hidden;
		display: inline-block;
	}
	.list_ficha.price{
		font-size: 24px;
		line-height: 24px;
		text-align: right;
		margin-bottom: 8px;
		color: black;
	}
	
.




/******************** Menu de familias ********************/
#menu_catalogo ul   					{	text-align: left; margin-left:2px; padding:0}
#menu_catalogo ul li 					{	font-size: 16px; padding: 5px; line-height: 24px; cursor: pointer; text-transform: lowercase; width: 30%}
#menu_catalogo ul.clear_li li 			{	float: none; width: 100% }
#menu_catalogo ul li.activo				{	background-color: #FFF1F1; }
#menu_catalogo ul li.activo a			{	color: #FF0000; }
#menu_catalogo ul li a 					{	text-decoration:none;}	
#menu_catalogo ul li li					{	font-size: 14px; padding-left:5px; }
#menu_catalogo .menu-icon {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
ul.navegador, ul.subnavegador			{ padding-left: 0px}
ul.subnavegador li						{ line-height: 12px !important; width: 100% !important;}
#menu_catalogo ul.catalogo_producto   	{ text-align: left; margin-left:2px; padding:0; float: left; width: 318px}
#menu_catalogo ul.catalogo_producto li	{ font-size: 16px; padding: 5px; line-height: 24px; cursor: pointer; text-transform: lowercase; width: 100%}


/******************** bloque producto ********************/

.bloque1{	
	float: right;
}
.bloque1 h2{ color: #E42223; font-weight: bold; }
.bloque2{
	width: 620px;
	float: right;
	/*margin-top: 50px;*/
}
.bloque2 h2{
	
}

.bloque2 .descripcion,
.bloque2 .relacionados{
	font-weight: 300;
	min-height: 170px;
}
.bloque2 h3{
	color: #E42223;
}

.bloque2 .descripcion strong{
	font-weight: 700;
}

ul.articulos-relacionados			{ padding: 0px; margin: 0px; }
ul.articulos-relacionados li		{ background-color: white; padding: 5px; margin-bottom: 5px; position: relative; cursor: pointer; }
ul.articulos-relacionados li:hover	{
	box-shadow: 0px 0px 15px -4px;
	background-color: #FCFCFC !important;
}
ul.articulos-relacionados a		{ text-decoration: none; }
ul.articulos-relacionados a img.producto { width: 80px; height: 80px; margin-right: 10px; } 

/******************** ficha **************************/
.info-cajas			{ float: left; }
.comprar-box		{ float: right; margin-top: 10px; }
.comprar-box-item	{ float: left; min-height: 24px; line-height: 37px; margin-right: 10px; }
.precio				{ font-size: 24px; font-weight: bold; margin-left: 10px; }