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

GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

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



body, html

{

	margin: 0px 0px 0px 0px;

	padding: 0px;

} 



img

{

	vertical-align: middle;

	border: 0px;

}



form, li, ul, p

{

	padding: 0px;

	margin: 0px;

}



li

{

	list-style-type: none;

}



a:link

{

	color: #0035FF;

	text-decoration: underline;

}



a:active

{

	color: #0035FF;	

	text-decoration: underline;	

}



a:visited

{

	color: #0035FF;	

	text-decoration: underline;	

}



a:hover

{

	text-decoration: none;

}



.clear

{

	clear: both;

	padding: 0px;

	margin: 0px;

}



.required

{

	margin-left: 2px;

	color: #FF0022;

}



input, textarea, select

{

	font-family: "Trebuchet MS", Verdana;	

	font-size: 11px;

    color: #000000;

	margin: 0px;

	padding: 0px;

	border: solid 1px #0035FF;

	background-color: #E0E0E0;

}



/*

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

*/



.edit

{

	width: 20px;

	margin-left: 5px;

	vertical-align: top;

}



/*

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

*/



.simbolosi, .simbolono

{

	margin-right: 2px;

}



/*

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

	el Internet Explorer

*/ 



body

{		

	font-family: "Trebuchet MS", Verdana;	

	font-size: 11px;

	text-align: center;

	color: #707070;

	margin: 0px;

  	position: relative;

	background: url("imag/plantilla/fondo_body.gif");

	background-repeat: repeat-x;	

	background-color: #ffffff;	

}



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

ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA

ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA

ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA

ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA

ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA

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

		

#contenedor

{

	margin-left: auto;

	margin-right: auto;
	margin-top:10px;

	width: 770px;

	text-align: left;

}



#cabecera

{

	width: 100%;

	height: 145px;

	margin: 0px;

	padding: 0px;

	background-color: #ff0000;	

	background: url("imag/plantilla/fondo_cabecera.jpg");

	background-repeat: repeat-x;

}



#cabecera-top

{

	width: 100%;

	height: 121px;

	float: left;

	padding: 0px;

	margin: 0px;

	/*background: url("imag/plantilla/cabecera_logo.jpg");	

	background-repeat: no-repeat;*/

	background-color: #transparent;

	/*background-position: top center;*/

}



#cabecera-bottom

{

	width: 100%;

	height: 26px;
	

	padding: 0px;

	margin: 0px 0px 0px 0px;

	background-color: #000C3C;
	background: url("imag/plantilla/fondo_cabecera.jpg");

	background-repeat: no-repeat;
	background-position:bottom center;

}



#cabecera-bottom-left

{

	width: 375px !important;

	width/**/: 385px;

	height: 26px;

	float: left;

	padding: 0px 0px 0px 10px;

	margin: 0px;

}



#cabecera-bottom-right

{

	width: 375px !important;

	width/**/: 385px;

	height: 26px;

	float: right;

	padding: 0px 10px 0px 0px;

	margin: 0px;

}



/*

-	Estilo barra menu seccion

*/



#barra-menu

{

	text-align: center;	

	width: 100%;

	height: 33px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	list-style-type: none;		

	background: url("imag/plantilla/fondo_menu.gif");

	background-repeat: repeat-x;

}



#barra-menu ul

{

	/*

	Para una linea descomentar las siguientes 3 lineas

	*/

	

	/*

	height: 15px !important;

	height/**/: 25px;

	overflow: hidden;

	*/

	

	text-align: center;	

	list-style-type: none;

	margin: 0px;

	padding: 8px 0px 0px 16px;

}



#barra-menu ul li

{

	float: left;

	position: relative;

	max-width: 110px;

	height: 15px;

	overflow: hidden;	

	margin: 0px;

	padding: 0px 22px 0px 0px;

	font-size: 10px;

	color: #454545;

	font-weight:bold;

	text-transform: lowercase;

	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;			
	

}



#barra-menu ul li a

{

	margin: 0px;

	padding: 0px;

	color: #000099;

	border: none;

	display: inline;

	text-decoration: none;	

}



#barra-menu ul li a:hover

{

	color: #0E40FD;

	text-decoration: none;

	padding-bottom: 3px;

	

}



/*

-	Estilo Idiomas

*/



#idiomas

{

	margin: 3px 0px 0px 0px !important;

	margin/**/: 2px 0px 0px 10px;

	padding: 0px;

}



#idiomas select

{

	width: 80px;

	margin: 0px;

	padding: 0px;

	border: solid 1px #686661;

	background-color: #e6e6e6;	

}



/*

-	Estilo Buscador

*/



#buscador

{

	width: 100%;

	vertical-align: middle;

	text-align: right;

	margin: 2px 0px 0px 0px;

	padding: 0px;

}



#buscador .text

{

	width: 112px;

	height: 19px;

	color: #333333;		

	vertical-align: middle;

	margin: 0px;

	padding: 2px 0px 0px 6px !important;

	padding: 1px 0px 2px 6px;

	border: 1px solid #333333;

	background-color: #CCCCCC;

	/*background-image: url("imag/plantilla/input.gif");

	background-position: 0px 2px !important;

	background-position/**/: 0px 1px;*/

	background-repeat: no-repeat;	

}



#buscador .boton

{

	vertical-align: middle;

	background-color: transparent;

	margin: 0px;

	padding: 0px;

	border: 0px;

}



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

CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS

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



#content

{

	min-height: 345px;

	overflow: hidden !important;

	overflow/**/: visible;

	width: 100%;

	margin: 0px;

	padding: 20px 0px 20px 0px;

	background: #ffffff url("imag/plantilla/fondo_contenido.gif");

	background-repeat: no-repeat;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;

}



*html #content

{

	height: 345px;

}



#content-left

{

	width: 257px;

	float: left;	

	margin: 0px;

	padding: 0px;

}



#content-right

{

	width: 477px !important;

	width/**/: 487px;

	float: right;

	margin: 0px 0px 0px 0px;

	padding: 0px 10px 0px 0px;

}



#imag-content-left

{

	width: 257px;

	height: 345px;

	background: url("imag/plantilla/imag_lateral.jpg");

	background-repeat: no-repeat;

	background-color: #ffffff;

	background-position: 22px 0px;

	margin: 0px;

	padding: 0px;

}



#imag-content-left .utilidades-basico

{

	margin: 0px 0px 0px 0px;

	padding: 163px 0px 0px 0px;

	text-align: center;

}



#imag-content-left .utilidades-basico li

{

	display: inline;

	margin: 0px 0px 0px 20px;

	padding: 0px;

}



#imag-content-left .utilidades-basico li a

{

	color: #0000FF;

	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}



#imag-content-left .utilidades-basico li a:hover

{

	text-decoration: underline;	

}



.ver-mas

{

	text-align: right;

	color: #8F8A5F;

	font-weight: bold;

	margin: 5px 0px 0px 0px;

}



.texto-intro

{

	padding: 15px;

	color: #494949;

	margin: 0px 0px 10px 0px;

	background-image: url("imag/plantilla/fondo_txt_intro.gif");

	background-repeat: repeat;

	background-position: 0px 0px;

	background-color: #transparent;	

}



.titulo-seccion

{

	font-size: 14px;

	position: relative;

	left: -18px;

	height: 33px !important;

	height/**/: 50px;

	font-weight: bold;

	color: #191919;

	margin: 0px;

	padding: 17px 0px 0px 48px;	

	background-image: url("imag/plantilla/bullet_seccion.gif");

	background-repeat: no-repeat;

	background-position: 0px 0px;

	background-color: #transparent;

	text-transform: uppercase;	

}



.imagen-lado

{

	float: right;

	margin: 0px 0px 0px 25px;

	border: 2px solid #4C72FF;

}



#lista .clear, #datos .clear

{

	padding: 6px !important;

	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

{

	padding: 0px 0px 10px 0px;

}



#texto .imagen-lado

{

	margin: 0px 0px 0px 25px;

	border: 2px solid #4C72FF;

}



/*

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

*/



#lista .contenedor

{

	margin: 10px 0px 10px 10px;

}



#lista .titulo-lista

{

	height: 18px;

	margin: 0px;

	padding: 0px 0px 0px 8px;

	color: #0000FF;

	font-weight: bold;

	background-image: url("imag/plantilla/fondo_titu_contenido.gif");

	background-repeat: no-repeat;

	background-position: 0px 0px;

	background-color: #transparent;

}



#lista .titulo-elemento

{

	padding: 3px 0px 3px 0px;

	font-weight: bold;

}



#lista a + ul

{

	float: left;

}



/*

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

*/



#datos .contenedor

{

	margin: 10px 0px 10px 10px;

}



#datos .titulo-elemento

{

	height: 18px;

	margin: 0px;

	padding: 0px 0px 0px 8px;

	color: #333333;

	font-weight: bold;

	background-image: url("imag/plantilla/fondo_titu_contenido.gif");

	background-repeat: no-repeat;

	background-position: 0px 0px;

	background-color: #transparent;

}



#datos .enlace-elemento

{

	float: left;

}



/*

- Estilos para los resultados del buscador

*/



#resultados-buscador

{

	margin: 0px 0px 10px 0px;

}



#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 18px 0px;

}



#formulario label

{

	width: 150px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 20px;	

	font-weight: bold;

	float: left;

}



#formulario .clear

{

	clear: both;

	margin: 0px;

	padding-top: 4px !important;

	padding-top/**/: 2px;

}



#formulario .olvidar

{

	position: absolute;

	left: -130px;

}



#buttons

{

	margin: 8px 0px 0px 170px !important;

	margin/**/: 8px 0px 0px 152px;	

	padding: 0px;

}



#buttons .button

{

	background-color: #D4E1FA;

	border: 0px;

	color: #031E8F;

	font-weight: bold;

	font-size: 11px;		

}



/*

- Estilos para el catálogo

*/



#navegacion

{

	margin: 10px 0px 10px 0px;

}



#navegacion a

{

	padding: 0px 6px 0px 0px;

}



#navegacion li

{

	display: inline;

}



#catalogo

{

	margin: 0px;

	padding: 0px;

}



#catalogo p

{

	margin-left: 3px;

	padding: 0px;

}



#catalogo .titulo-seccion

{

	font-size: 14px;

	position: relative;

	left: -18px;

	height: 33px !important;

	height/**/: 50px;

	font-weight: bold;

	color: #191919;

	margin: 0px;

	padding: 17px 0px 0px 48px;

	background-image: url("imag/plantilla/bullet_seccion.gif");

	background-repeat: no-repeat;

	background-position: 0px 0px;

	background-color: #transparent;

	text-transform: uppercase;	

}



#catalogo h1

{

	font-size: 11px;

	height: 18px;

	margin: 10px 0px 10px 0px;	

	padding: 0px 0px 4px 8px;

	color: #E4E4E4;

	font-weight: bold;

	background-image: url("imag/plantilla/fondo_titu_contenido.gif");

	background-repeat: no-repeat;

	background-position: 0px 0px;

	background-color: #transparent;

}



#catalogo h1 a

{

	color: #E4E4E4;

}



#catalogo h2

{

	font-size: 11px;

	height: 18px;

	background-color: #C3C3C3;

	padding: 0px 0px 0px 5px;

	margin: 10px 0px 10px 0px;

	color: #686868;

}



#catalogo h2 a

{

	color: #686868;

}



#catalogo .nivel1

{

	padding: 0px 0px 8px 0px;

}



#catalogo .nivel2 

{

	margin: 0px;

	padding: 0px 0px 0px 0px;

}



#catalogo .imagen-lado

{

	float: right;

	margin: 0px 0px 10px 10px;

	border: 1px solid #4C72FF;	

}



#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

-	position: absolute y bottom:0 clear: both establecen en el pie de la página

*/



#pie

{

	width: 754px !important;

	width/**/: 770px;

	height: 169px;

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

	bottom: 0;

	clear: both;

	margin: 0px 0px 0px 0px;

	padding: 1px 8px 0px 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}



#pie-left

{

	width: 292px;

	height: 169px;

	float: left;	

	margin: 0px;

	padding: 0px 0px 0px 0px;

}



#pie-right

{

	width: 462px;

	height: 169px;

	float: right;	

	margin: 0px;

	padding: 0px;

}



#pie p

{

	margin: 0px;

	padding: 0px;

	text-align: right;

	color: #0033CC;

}

#pie img

{

	display: none;

}



#pie a:link, #pie a:visited

{

	color: #333333;
	text-decoration:none;	
	

}



#pie a:hover

{

	color: #0066FF;	

}



#pie img

{

	vertical-align: middle;	

}



/* 

-	Estilo menu de utilidades en el pie

*/ 



#pie-left ul

{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



#pie-left ul li

{

	display: inline;

	color: #E4E4E4;

	margin-top: 3px;

	padding: 0px;

	font-size: 11px;

	font-weight: bold;

	list-style-type: none;

}



#pie-left ul li a

{

	margin-top: 3px;

	padding: 3px 4px 3px 4px;

	color: #333333;

	text-decoration: none;	
	font-size:10px;

}



#pie-left ul li a:hover

{

	margin: 0px;

	padding: 1px 4px 3px 4px;

	color: #0033FF;

	text-decoration: none;

	

}



/* 

-	Soluciona un pixed de más en el IE

*/ 



* html #pie

{

	margin-bottom: -1px;

}



				

#destacados table

{

	width: 100%;

	font-family: Arial;

	font-size:  11px;

	background-image: url("imag/plantilla/fondo_txt_destacados.gif");

	background-repeat: repeat;

	background-position: 0px 0px;

	background-color: #transparent;	

	margin-bottom: 5px;

}



#destacados thead

{

	font-weight: bold;

}



#destacados td

{

	vertical-align: top;

}



#destacados td.image

{

	width: 150px;

}



#destacados .imagen-lado

{

	margin: 0px;

	float: none;

	width: 80%;

	border: 1px solid #4C72FF;	

}



#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: 22px 0px 0px 0px;

	float: right;

	vertical-align: middle;

}

				

#cesta

{

	width: 100%;

}



#cesta input

{

	width: 30px;

}



#cesta table

{

	width: 100%;

	font-family:  "Trebuchet MS", Verdana;

	font-size:  11px;

	border: 0px;

}



#cesta thead td

{

	background-color: #0035FF;

	color: #ffffff;	

	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

{

	color: #686868;	

	margin: 10px 0px 10px 0px;

	padding: 15px;

	background-image: url("imag/plantilla/fondo_txt_intro.gif");

	background-repeat: repeat;

	background-position: 0px 0px;

	background-color: #transparent;		

}



#cesta tfoot td.total

{

	text-align: right;

	padding-bottom: 10px;

}



#cesta .volver, #cesta .reenviar

{

	float: left;

}



#cesta .pedido

{

	float: right;

}



#cesta .actualizar

{

	float: left;

}