/*********************************************************



GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS



GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS



**********************************************************/



body, html



{



	margin: 0px;



	padding: 0px;



} 



img



{



	vertical-align: middle;



	border: 0px;



}





li



{



	list-style-type: none;



}



form, p, ul, li



{



	padding: 0px;



	margin: 0px;

	



}



a:link



{

	color: #FF6600;



	text-decoration: underline;



}



a:active



{



	color: #FF6600;	



	text-decoration: underline;	



}



a:visited



{



	color: #FF6600;	



	text-decoration: underline;	



}



a:hover



{



	color: #FF6600;	



	text-decoration: none;



}



.clear



{



	clear: both;



	padding: 0px;



	margin: 0px;



}







.required



{



	margin-left: 2px;



	color: #FF6600;



}







input, textarea, select



{



	font-family: Arial;	



    font-size: 11px;



	color: #982529;



	margin: 0px;



	padding: 0px;



}







/*



- Imagen de edición usada por el gestor de contenidos



*/







.edit



{



	width: 20px;



	margin-left: 13px;



	vertical-align: top;



}







/*



- Hace referencia al icono de activado y desactivado para cada sección en el gestor de contenidos



*/







.menu-seccion .simbolosi, .menu-seccion .simbolono



{



	position: absolute;



	margin: 4px 0px 0px -25px;



}







.simbolosi, .simbolono



{



	margin: 0px 2px 0px 0px;



	vertical-align: middle;



}







/*



- 	Con el text-align: center conseguimos alinear la página en el centro en



	el Internet Explorer



*/ 







body



{		



	font-family: Verdana;	



	font-size: 11px;



	text-align: center;



	color: #982529;



	background: #982529;



	letter-spacing: 0px;



	margin: 0px 0px 0px 0px;



}







/*



-	Sera el contenedor de toda la página



*/ 



		



#contenedor



{



	margin-left: auto;



	margin-right: auto;



	width: 728px;



	text-align: left;



	background: url('imag/plantilla/fondo_gral.gif') repeat-y;



	



}



/*********************************************************



ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA



ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA



ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA



**********************************************************/



/*



- Estilo para el menu utilidades



*/



#barra-top



{


width: 713px !important;
width/**/: 728px;
height: 5px !important;
height/**/: 5px;
background-color: transparent;



	padding: 18px 0px 0px 15px;



	margin: 0px;



	letter-spacing: -1px;



	font-size: 11px;



}







#barra-top li



{



	display: inline;



	padding: 0px 20px 0px 0px;



}







#barra-top .activo



{



	font-weight: bold;



}







#barra-top a



{



	color: #666666;



	text-decoration: none;



}



#barra-top a:hover



{



	color: #FF6600;



	text-decoration: none;



}



#barra-top .utilidades-cliente, #barra-top .utilidades-basico



{



	float: left;



	padding: 0px 0px 0px 0px;



}



/*



-	La cabecera de la página



*/



#cabecera



{



	width: 728px;	



	height: 357px;
	height: 357px !important;



	padding: 0px;



	margin: 0px;



	background: #982529 url('imag/plantilla/cabecera_right.jpg') no-repeat right bottom;



		



}



#cabecera-left



{

	height: 228px !important;
	height/**/: 357px;
	width: 197px;



	font-size: 11px;



	float: left;



	margin: 0px;



	background: #E7E7E2 url('imag/plantilla/cabecera_logo.jpg') no-repeat;



	padding-left:0px; padding-right:0px; padding-top:129px; padding-bottom:0px; background-repeat:no-repeat



}



#cabecera-left .menu-seccion li



{



	margin: 0px 0px 3px -8px;



	padding: 0px 0px 0px 0px;



	font-weight: bold;



}







#cabecera-left .menu-seccion li a



{



	margin: 0px;



	padding: 0px 0px 0px 22px;



	color: #982529;



	text-decoration: none;



}



#cabecera-left .menu-seccion li a:hover



{



	margin: 0px;



	padding: 0px 0px 0px 22px;



	color: #982529;



	text-decoration: UNDERLINE;



}



#cabecera-right



{



	width: 531px;



	height: 357px;



	float: right;



	padding: 0px;



	margin: 0px;



}



/*********************************************************



CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS



CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS



**********************************************************/



#content



{



	margin: 0px 0px 0px 0px;



}



#content-left



{



	float: left;

	vertical-align: top;

	width: 197px!important;
	width/**/: 187px;



	margin: 0px 0px 0px 0px;



	background: #E7E7E2;



}



#content-right
{
	float: right;
	width: 495px !important;
	width/**/: 519px;
	margin: 0px 0px 0px 0px;
	padding: 18px 18px 0px 18px;
}



.ver-mas



{



	text-align: right;



	color: #EB970B;



	font-weight: bold;



	margin: 5px 0px 0px 0px;



}



.texto-intro



{



	background-color: #F0DFDF;	



	padding: 10px;



	color: #982529;



	margin: 0px 0px 10px 0px;



}







.titulo-seccion



{



	font-weight: bold;



	font-size: 16px;



	color: #982529;



	margin: 0px 0px 10px 0px;



	padding: 0px 0px 10px 0px;



	border-bottom: 1px dashed #982529;



}







.imagen-lado



{



	float: right;



	margin: 5px 0px 10px 20px;



	border: 1px solid #982529;



	padding: 1px;






}







#lista .clear, #datos .clear, #formulario .clear



{



	padding: 3px !important;



	padding/**/: 0px;



}







.line



{



	padding: 3px;



}







/*



-	Estilo Buscador



*/







#buscador



{



	width/**/: 200px;



	width: 187px !important;



	height: 30px !important;



	height/**/: 36px !important;



	background: #E7E7E2 url('imag/plantilla/fondo_buscador.gif') repeat-x;



	margin:0px; padding-left:10px; padding-right:0px; padding-top:6px; padding-bottom:0px; background-repeat:repeat-x



}







#buscador .text



{



	width: 140px;



	height: 18px;



	vertical-align: middle;



	margin: 0px;



	padding: 1px 0px 0px 4px;



	border: solid 1px #982529;



	background-color: #ffffff;



	color: #EB970B;



	font-size: 11px;



	font-family: Arial, Verdana;	



}







#buscador .boton



{



	vertical-align: middle;



	margin: 0px;



	padding: 0px;



}







/*



-	Estilo Combo Idiomas



*/







#Idiomas



{



	width/**/: 192px;



	width: 187px !important;



	height: 30px !important;



	height/**/: 36px !important;



	background: #E7E7E2 url('imag/plantilla/fondo_idiomas.gif') repeat-x;



	margin:0px; padding-left:10px; padding-right:0px; padding-top:6px; padding-bottom:0px; background-repeat:repeat-x



}







#Idiomas select



{



	width: 141px;



	height: 17px;



	margin: 0px;



	padding: 0px;



	color: #982529;



	border: solid 0px #982529;



	background-color: #E7E7E2;	



}







/*



-	Estilo Imagenes de la columna izquierda



*/







#imag_lateral_top



{



	width: 100%;



	height: 250px;



	background: #E7E7E2 url('imag/plantilla/imag_content_left_top.jpg') no-repeat;



	margin-top:10px; padding:0px; 



}







#imag_lateral_bottom



{



	width: 100%;



	height: 0px;



	/*background: #E7E7E2 url('imag/plantilla/imag_content_left_bottom.jpg') no-repeat;*/

  background-color: #E7E7E2;

	margin-top:10px; padding:0px; 



}







/*



- Sección de tipo texto, Inicio, Quienes Somos, Que Ofrecemos, Aviso Legal



*/







#texto .titulo



{



	font-weight: bold;



	margin: 0px 0px 10px 0px;



}







#texto .texto



{



	margin: 0px;



	padding: 0px;



}







/*



- Sección de tipo texto, Inicio, Quienes Somos, Que Ofrecemos, Aviso Legal (Alternativo)



*/







#texto-alt .titulo



{



	font-weight: bold;



}







/*



- Sección de tipo lista específica, Donde estamos, Contacto



*/







#lista .contenedor



{



	margin: 10px 0px 10px 10px;



}







#lista li



{



	padding: 0px 0px 3px 0px;



}







#lista .titulo-lista



{



	background-color: #982529;



	padding: 2px 0px 2px 12px;



	color: #EB970B;



	font-weight: bold;



}







#lista .titulo-elemento



{



	font-weight: bold;		



}







#lista a + ul



{



	float: right;



}







/*



- Sección de tipo lista específica, Donde estamos, Contacto (Alternativo)



*/







#lista-alt



{



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 14px;



	font-size: 11px;



	letter-spacing: -1px;



}







#lista-alt .titulo-seccion



{



	background-image: url('imag/plantilla/bullet_sec_alt.gif');



	background-repeat: no-repeat;



	background-position: 0px 13px;								



	background-color: #transparent;



	font-size: 12px;



	border: 0px none;



	font-weight: bold;



	color: #982529;



	margin: 0px;



	padding-left:8px; padding-right:0px; padding-top:10px; padding-bottom:10px



}







#lista-alt .titulo-elemento



{



	font-weight: bold;		



	padding: 0px 0px 0px 0px;



	color: #FF6600;



}







#lista-alt a



{



	color: #982529;



}







#lista-alt .ver-mas a



{



	text-align: right;



	color: #FF6600;



	font-weight: bold;



	margin: 5px 0px 0px 0px;



	padding: 0px 14px 30px 0px;



}







/*



- Sección de tipo datos genérica, Ofertas, Novedades, Archivos, Enlaces, Clientes



*/







#datos .contenedor



{



	margin: 10px 0px 10px 10px;



}







#datos .titulo-elemento



{



	background-color: #982529;



	padding: 2px 0px 2px 12px;



	color: #ffffff;



	font-weight: bold;



}







#datos a + ul



{



	float: left;



}







#datos .enlace-elemento



{



	float: left;



}







/*



- Sección de tipo datos genérica, Ofertas, Archivos, Enlaces, Clientes (Alternativo)



*/







#datos-alt
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	font-size: 11px;
	letter-spacing: -1px;
}

#datos-alt .titulo-seccion 
{
	background-image: url('imag/plantilla/bullet_sec_alt.gif');
	background-repeat: no-repeat;
	background-position: 0px 13px;								
	background-color: #transparent;
	border: 0px none;
	font-size: 12px;
	font-weight: bold;
	color: #982529;
	margin: 0px;
	padding-left:8px; padding-right:0px; padding-top:10px; padding-bottom:10px
}

#datos-alt .titulolinea
{
	background-image: url('imag/plantilla/bullet_sec_alt.gif');
	background-repeat: no-repeat;
	background-position: 0px 13px;								
	background-color: #transparent;
	border: 0px none;
	font-size: 12px;
	font-weight: bold;
	color: #982529;
	margin: 0px;
	padding-left:8px; padding-right:0px; padding-top:10px; padding-bottom:10px
}

#datos-alt .titulo-elemento
{
	font-weight: bold;		
	padding: 0px 0px 0px 0px;
	color: #FF6600;
}

#datos-alt .texto-intro
{
	padding: 0px 10px 0px 0px;
	background: transparent;
}

#datos-alt a
{
	color: #982529;
}

#datos-alt .ver-mas a
{
	text-align: right;
	color: #FF6600;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 14px 30px 0px;
}







/*



- Sección novedades (Alternativo)



*/







#novedades-alt



{



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 14px;



	font-size: 11px;



	letter-spacing: -1px;



}







#novedades-alt .titulo-seccion



{



	background-image: url('imag/plantilla/bullet_sec_alt.gif');



	background-repeat: no-repeat;



	background-position: 0px 13px;								



	background-color: #transparent;



	border: 0px none;



	font-size: 12px;



	font-weight: bold;



	color: #ff6600;



	margin: 0px;



	padding-left:8px; padding-right:0px; padding-top:10px; padding-bottom:10px



}







#novedades-alt .titulo-elemento



{



	font-weight: bold;		



	padding: 0px 0px 0px 0px;



	color: #FF6600;



}







#novedades-alt .texto-intro



{



	padding: 0px 10px 0px 0px;



	background: transparent;



}







#novedades-alt a



{



	color: #982529;



}







#novedades-alt .ver-mas a



{



	text-align: right;



	color: #FF6600;



	font-weight: bold;



	margin: 5px 0px 0px 0px;



	padding: 0px 14px 30px 0px;



}



/*



- Estilos para los resultados del buscador



*/



#resultados-buscador .titulo-resultados



{



	padding: 6px 0px 6px 0px;



	font-weight: bold;



}



#resultados-buscador .texto, #resultados-buscador .titulo



{

	margin: 10px 0px 10px 0px;

}



/*



- Estilos para los formularios, Recomendar



*/



#formulario



{



	margin: 0px 0px 10px 0px;



}







#formulario label



{



	font-weight: bold;



	width: 160px;



	float: left;



	height: 20px;



	padding: 0px 0px 0px 10px;



}



#formulario .clear



{



	clear: both;



	margin: 0px;



	padding-top: 2px;



}



#formulario select



{



	margin-bottom: 2px !important;



	margin-bottom/**/: 0px;



	width: 250px;



}



#formulario .caja



{



	padding: 0px 0px 0px 4px;



	margin: 0px;



	width: 250px;



}



/*



#formulario input, textarea



{



	width: 230px;



}



*/



#formulario .olvidar



{



	position: absolute;



	left: -130px;



}



#buttons



{



	position: relative;



	margin: 6px 0px 0px 169px !important;



	margin/**/: 6px 0px 0px 162px;



	padding: 0px;



}







#buttons .button



{



	width: 60px;



	background-color: #FF6600;



	border: 1px solid #ffffff;



	color: #ffffff;



	font-weight: bold;



	font-size: 11px;		



}



/*



- Estilos para el catálogo



*/



#navegacion



{



	margin: 0px 0px 10px 0px;



}



#navegacion a



{



	padding: 0px 6px 0px 0px;



}



#navegacion li



{



	display: inline;



}



#catalogo p



{



	margin: 0px 0px 10px 10px;



}



#catalogo .titulo-seccion



{



	margin: 0px 0px 10px 0px;



}



#catalogo h1



{



	font-size: 11px;



	background-color: #982529;



	margin: 10px 0px 10px 0px;



	padding: 2px 0px 3px 12px;



	color: #ffffff;



	font-weight: bold;	



}







#catalogo h1 a



{



	color: #ffffff;



}







#catalogo h2



{



	font-size: 11px;



	background-color: #F0DFDF;



	padding: 2px 0px 2px 10px;



	margin: 10px 0px 10px 0px;



	color: #982529;



}







#catalogo h2 a



{



	color: #982529;



}







#catalogo .nivel2



{



	padding: 0px 0px 0px 20px;



	margin: 0px;



	font-size: 11px;



}







#catalogo .nivel2 a



{



	font-size: 11px;



}



#catalogo .imagen-lado



{

	float: right;



	margin: 0px 0px 10px 10px;



	border: 1px solid #982529;	

}



#catalogo .mas-info



{



	clear: both;



	margin: 0px 0px 10px 0px;



	float: right;



}



#catalogo .volver



{



	margin: 5px 0px 20px 0px;



	float: left;

}



#catalogo .descargar



{



	margin: 5px 0px 20px 0px;



	float: right;



}





/*



-	Pie de la página



*/





#pie



{



	height: 49px;



	background: url('imag/plantilla/fondo_pie.gif') no-repeat;



	bottom:0; clear:both; width:100%; padding:0px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px; background-repeat:no-repeat



}



#pie p



{



	margin: 0px 0px 0px 0px;



	padding: 0px 10px 0px 0px;



	font-size: 10px;



	text-align: right;



	color: #666666;



}







#pie a:link, #pie a:visited



{



	color: #666666;	



}







#pie img



{



	display: none;



	vertical-align: middle;	



}







/* 



-	Soluciona un pixed de más en el IE



*/ 







* html #pie



{



	margin-bottom: -1px;



}







#destacados table



{



	width: 100%;



	font-family:  Verdana, Arial;



	font-size: 11px;



	margin-bottom: 10px;	



}







#destacados thead



{



	font-weight: bold;



	background-color: #f0dfdf;



	color: #982529;



}







#destacados td



{



	vertical-align: top;



	padding: 3px 3px 3px 6px;	



}







#destacados td.image



{



	width: 160px;



	padding-top: 6px;		



}







#destacados .imagen-lado



{



	margin: 0px;



	float: none;







}







#catalogo .nombreProducto



{



	display: block;



	float: left;



}







#catalogo .codigo



{



	display: block;



	margin-right: 10px;



	float: right;



}







#catalogo h1



{



	height: 15px;



}







#catalogo .derecha



{



	float: right;



	vertical-align: middle;



}







#catalogo .principalderecha



{



	padding: 5px 0px 0px 0px;



	float: right;



	vertical-align: middle;



}



				



#cesta



{



	width: 100%;



}







#cesta input



{



	width: 30px;



	padding: 0px 0px 0px 2px;



}







#cesta table



{



	width: 100%;



	font-family:  Verdana, Arial;



	font-size:  11px;



	border: 0px;



}







#cesta thead td



{



	background-color: #f0dfdf;	



	padding: 3px 0px 3px 10px;



	width: 25%;



	font-weight: bold;



}



#cesta tbody td



{



	width: 25%;



	padding-left: 10px;	



}



#cesta tbody td.precio



{



	text-align: right;



}



#cesta tfoot td



{



	width: 25%;



	font-weight: bold;



	padding-left: 10px;



}



#cesta .texto



{



	background-color: #F0DFDF;	



	padding: 15px;



	margin: 10px 0px 10px 0px;



}



#cesta tfoot td.total



{



	text-align: right;



	padding-bottom: 14px;



}



#cesta .volver, #cesta .reenviar



{



	float: left;



}



#cesta .pedido



{



	float: right;



}



#cesta .actualizar



{



	float: left;



}