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


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;


	padding: 0px;


} 





img


{


	vertical-align: middle;


	border: 0px;


}





li


{


	list-style-type: none;


}





form, li, ul, p


{


	padding: 0px;


	margin: 0px;


}





a:link


{


	color: #686868;


	text-decoration: underline;


}





a:active


{


	color: #686868;	


	text-decoration: underline;	


}





a:visited


{


	color: #686868;	


	text-decoration: underline;	


}





a:hover


{


	color: #17588e;	


	text-decoration: none;


}





.clear


{


	clear: both;


	padding: 0px;


	margin: 0px;


}





input, textarea, select


{


	font-family: Verdana, Helvetica, "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif;	


    color: #17588e;


	margin: 0px;


	padding: 0px;


}





.required


{


	margin-left: 2px;


	color: #FF0022;


}





/*


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


*/





.edit


{


	margin-left: 5px;


	width: 20px;


	vertical-align: middle;


}





/*


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


*/





.simbolosi, simbolono


{


	margin-right: 5px;


	vertical-align: middle;


}





/*


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


	el Internet Explorer


*/ 





body


{		


	font-family: Verdana, Helvetica, "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif;	


	font-size: 11px;


	text-align: center;


	color: #666666;


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


	background-repeat: repeat-x;


	background-color: #ffffff;


	letter-spacing: -1;


}





/*


-	Sera el contenedor de toda la página


*/ 


		


#contenedor


{


	margin-left: auto;


	margin-right: auto;


	width: 700px;


	text-align: left;


}





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


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


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





/*


- Estilo para la barra superior cabecera


*/





#barra-top


{


	width: 100%;


	color: #1a609b;


	height: 32px;


	background-color: transparent;


	padding: 0px 0px 0px 0px;


}





#barra-top li


{


	display: inline;


}





#barra-top-drcha


{


	margin-right: 5px;


	width: 150px;


}





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


{


	float: right;


}





#barra-top-izqda


{


	width: 150px;


	float: left;


	padding: 12px 0px 0px 0px;


	margin-left: 0px;


}





#barra-top-izqda li


{


	padding-left: 10px;


}





#barra-top-izqda a:link, #barra-top-izqda a:visited


{


	color: #1a609b;


	text-decoration: none;	


}





#barra-top-izqda a:hover


{


	color: #1a609b;


	text-decoration: underline;


}





#barra-top-izqda .activo


{


	font-weight: bold;


}





#barra-top-drcha


{


	width: 534px;


	float: right;


	padding: 12px 0px 0px 0px;


	color: #1a609b;


	text-align: right;


}





#barra-top-drcha li


{


	padding: 3px;


}





#barra-top-drcha a:link, #barra-top-drcha a:visited


{


	color: #1a609b;


	text-decoration: none;	


}





#barra-top-drcha a:hover


{


	color: #1a609b;


	text-decoration: underline;


}





/*


-	La cabecera de la página


-	overflow:hidden Imaginemos que tenemos un texto sin espacios, como no se podrá


	partir, este parametro lo oculta para no romper el diseño, tanto en altura como


	en anchura


*/





#cabecera


{


	padding: 0px;


	margin: 0px;


	width: 100%;


	background-color: #FFFFFF;


	overflow: hidden;


}





#cabecera-left


{


	width: 266px;


	height: 82px;


	float: left;


	background-color: #FFFFFFF;


	padding: 0px;


	margin: 0px;


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


	background-position: bottom;		


	background-repeat: no-repeat;


}





#cabecera-right


{


	width: 434px;


	height: 82px;


	float: right;


	padding: 0px;


	margin: 0px;


	background-image: url("imag/plantilla/cabecera_right.jpg");


	background-position: bottom;


	background-repeat: no-repeat;


}








/*


- Estilo menu seccion e imagen principal


*/





#inf-cabecera


{


	padding: 0px;


	margin: 0px 0px 0px 0px;


	width: 100%;


	background-color: #FFFFFF;


	overflow: hidden;


}





#inf-cabecera-left


{


	width: 264px;


	height: 283px !important;


	height/**/: 283px;


	float: right;


	padding: 14px 0px 0px 0px;


	margin: 0px 0px 0px 0px;


	background-image: url("imag/plantilla/fondo_menu.jpg");


	background-repeat: no-repeat;

}





#inf-cabecera-left .menu-seccion li


{


	display: block;


	width: 100%;


	margin: 0px;


	padding: 0px;


	font-weight: bold;


	font-size: 11px;


}





#inf-cabecera-left .menu-seccion li a


{


	display: block;


	width: 100%;


	margin: 0px;


	padding: 3px 0px 3px 110px;


	color: #ffffff;


	text-decoration: none;


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


	background-repeat: no-repeat;


	background-position: 80px 1px;	


				


}





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


{


	display: block;


	margin: 0px;


	padding: 3px 0px 3px 115px;


	color: #ffffff;


	text-decoration: none;


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


	background-repeat: no-repeat;


	background-position: 85px 1px;							


}





#inf-cabecera-right


{


	width: 436px;


	height: 283px;


	float: left;


	background-color: transparent;


	padding: 0px;


	margin: 0px;


	background-image: url("imag/plantilla/inf_right.jpg");


	background-repeat: no-repeat;		


}








/*


-	Estilo Buscador


*/





#buscador


{


	float: right;


	margin: 0px 10px 0px 0px;


	padding: 0px 20px 0px 0px !important;


	padding: 0px 25px 0px 0px /**/;		


}





#buscador .text


{


	vertical-align: middle;


	margin: 0px;


	padding: 0px 0px 2px 4px;


	border: solid 1px #1a609b;


	background-color: #ffffff;


	font-size: 11px;


	font-family: verdana;


	color: #1a609b;


}


#buscador .boton


{


	vertical-align: middle;


	margin: 0px;


	padding: 0px;


}





#contenido-seccion


{


	width: 680px !important;


	width/**/: 700px;


	margin: 10px 0px 10px 0px;


	padding: 0px 10px 0px 10px;


	border-left: 0px solid #C5D6B7;


}





#contenido-seccion input, select, textarea


{


	background-image: url("imag/plantilla/fondo.png");


	background-repeat: repeat-x;	


	border: 1px solid #337dba;


}











#contenido-seccion select, textarea


{


	width: 230px !important;


	width: 268px /**/;	


	font-size: 11px;


}





#contenido


{


	width: 700px;


/*	height/: 100%;*/


	margin: 10px 0px 10px 0px;


	padding: 0px;


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


	background-repeat: repeat-y;


	background-position: 0px 0px;*/


}





#contenido-izquierda


{


	width: 250px !important;


	width/**/: 266px;


	margin: 0px;


	padding: 0px;


	float: left;


}





#contenido-izquierda-top


{


	width: 246px !important;


	width/**/: 266px;


	margin: 0px;


	padding: 0px 10px 0px 10px;


	border-bottom: 0px dashed #959885;


}





#contenido-izquierda-bottom


{


	width: 246px !important;


	width/**/: 266px;


	margin: 10px 0px 0px 0px;


	padding: 0px 10px 0px 10px;


}





#contenido-derecha


{


	width: 434px;


	margin: 0px;


	padding: 0px;


	float: right;


}





#contenido-derecha-top


{


	width: 414px !important;


	width/**/: 434px;


	margin: 0px;


	padding: 0px 10px 0px 10px;


	border-bottom: 0px dashed #959885;


}





#contenido-derecha-bottom


{


	width: 414px !important;


	width/**/: 434px;


	margin: 10px 0px 0px 0px;


	padding: 0px 10px 0px 10px;


}





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


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


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





/*


-	Contenido


*/





.texto-intro


{


	background: #ffffff;	


	padding: 15px;


	color: #333333;


	margin: 0px 0px 10px 0px;


}





.titulo-seccion


{


	font-size: 14px;


	font-weight: bold;


	color: #17588e;


	padding: 2px 0px 3px 16px;


	margin: 0px;


	margin-bottom: 10px;


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


	background-repeat: no-repeat;


	background-position: 0px 5px;


	border-bottom: 1px dashed #dfdfdf;


	border-top: 1px dashed #dfdfdf;	


}





.imagen-lado


{


	float: right;


	margin: 0px 0px 0px 10px;


	border: 2px solid #a9a9a9;


}





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


{


	padding: 6px !important;


	padding/**/: 0px;


}





/*


- Enlace Ver mas en los modulos de la "HOME"


*/





.ver-mas


{


	margin-bottom: 10px;


	text-align: right;


	color: #17588e;


}





.ver-mas a:link, .ver-mas a:visited, .ver-mas a:active


{


	color: #17588e;


	text-decoration: underline;


	font-weight: bold;


}





.ver-mas a:hover


{


	color: #686868;


	font-weight: bold;	


	text-decoration: none;


}





/*


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


*/





#texto


{


	padding: 0px 0px 10px 0px;


}





#texto .titulo


{


	font-weight: bold;


	margin: 0px 0px 10px 0px;


}





/*


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


*/





#lista .contenedor


{


	margin: 10px 0px 10px 10px;


}





#lista .contenedor li


{


	padding: 0px;


	margin: 3px 0px 3px 0px;


}





#lista .titulo-lista


{


	font-weight: bold;


	background: #336998;


	color: #FFFFFF;


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


	padding/**/: 2px 0px 4px 10px;


	height: 18px !important;


	height/**/: 20px;


}





#lista .titulo-elemento


{


	font-weight: bold;	


}





/*


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


*/





#datos .contenedor


{


	margin: 10px 0px 10px 10px;


}





#datos .titulo-elemento


{


	font-weight: bold;


	background: #336998;


	color: #FFFFFF;


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


	padding/**/: 2px 0px 4px 10px;


	height: 18px !important;


	height/**/: 20px;


}





#datos .enlace-elemento


{


	float: left;


}





/*


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


*/





#datos-alt .imagen-lado


{


	width: 30%;


}





#datos-alt .contenedor


{


	margin: 0px 0px 10px 0px;


}





#datos-alt .ver-mas


{


	margin: 10px 0px 10px 0px;


}





/*


- Sección de Novedades alternativo


*/





#novedades-alt .imagen-lado


{


	width: 30%;


	float: left;


	padding: 0px 0px 0px 0px;


	margin: 0px 10px 0px 0px;


}





#novedades-alt .contenedor


{


	margin: 5px 0px 15px 0px;


	padding: 0px 0px 0px 0px;


	min-height: 60px;


}





*html #novedades-alt .contenedor


{


	height: 50px;


}





#novedades-alt .ver-mas


{


	margin: 0px 0px 10px 0px;


}





/*


- Estilos para los formularios, Recomendar


*/





#formulario


{


	padding: 0px 0px 10px 0px;


}





#formulario label


{


	font-weight: bold;


	width: 130px;


	float: left;


}





#formulario .olvidar


{


	position: absolute;


	left: -130px;


}





#buttons


{


	position: relative;


	left: 127px !important;


	left/**/: 130px;


	margin-top: 3px;


	padding: 2px;


}





#buttons .button


{





	border: 1px solid #337dba;


	background-color: #336998;


	background-image: none;


	color: #ffffff;


	font-weight: bold;


	font-size: 11px;		


}





/*


- Estilos para los resultados del buscador


*/





#resultados-buscador


{


	padding: 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 el catálogo


*/





#navegacion


{


	margin: 0px 0px 10px 0px;


}





#navegacion a


{


	padding: 0px 6px 0px 0px;


}





#navegacion li


{


	display: inline;


}





#catalogo


{


	padding: 0px 0px 10px 0px;


}





#catalogo .titulo-seccion


{	


	padding: 2px 0px 20px 16px;


	margin: 0px;


}





#catalogo p


{


	margin: 0px 0px 0px 5px;


}





#catalogo h1


{


	font-size: 11px;


	background: #ffffff;


	color: #336998;


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


	padding/**/: 2px 0px 4px 10px;


	height: 18px !important;


	height/**/: 20px;


	margin: 10px 0px 10px 0px;


	font-weight: bold;	


}





#catalogo h1 a:link


{


	color: #336998;


}





#catalogo h1 a:visited


{


	color: #336998;


}





#catalogo h1 a:hover


{


	color: #336998;


	text-decoration: none;


}





#catalogo h2


{


	font-size: 11px;


	height: 16px;


	background: #ffffff;


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


	padding/**/: 2px 0px 4px 10px;


	height: 18px !important;


	height/**/: 20px;


	margin: 10px 0px 10px 10px;


	color: #5F8B3D;


}





#catalogo h2 a:link


{


	color: #686868;


}





#catalogo h2 a:visited


{


	color: #686868;


}





#catalogo h2 a:hover


{


	color: #686868;


	text-decoration: none;


}





#catalogo .nivel2


{


	padding: 0px;


	margin: 0px;


}





#catalogo .nivel2 p


{


	padding: 0px;


	margin: 0px 0px 0px 15px;


}





#catalogo .mas-info


{


	clear: both;


	float: right;


	margin: 5px 0px 5px 0px;


}





#catalogo .volver


{


	padding-bottom: 10px;


	margin: 5px 0px 0px 0px;


	float: left;


}





#catalogo .descargar


{


	padding-bottom: 10px;


	margin: 5px 0px 0px 0px;


	float: right;


}





/*


-	Pie de la página


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


*/





#pie


{


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


	bottom: 0;


	clear: both;


	width: 580px !important;


	width/**/: 700px;


	margin: 0px;


	padding: 0px 120px 0px 0px;


	height:70px;


}





#pie p


{


	margin: 0px;


	padding: 18px 15px 15px 0px;


	text-align: right;


	color: #17588e;


}





#pie a:link, #pie a:visited


{


	color: #17588e;	


}





#pie a:hover


{


	color: #686868;	


}





#pie img


{


	vertical-align: middle;	


}





#pie a .izquierda


{


  float: left;


  margin-top: -5px;


  padding-left: 5px;


}





/* 


-	Soluciona un pixed de más en el IE


*/ 





* html #pie


{


	margin-bottom: -1px;


}


				


#destacados table


{


	width: 100%;


	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;


	font-size:  11px;


	border: 0px;


	background-color: #ffffff;	


	margin-bottom: 5px;	


	letter-spacing: 0px;


}





#destacados thead


{


	font-weight: bold;


	background-color: #336998;


}





#destacados thead td


{


	font-weight: bold;


	color: #FFFFFF;


	padding: 0px 0px 0px 10px;


}





#destacados tbody td


{


	vertical-align: top;


	padding: 10px;


	font-weight: bold;


}





#destacados td.image


{


	width: 150px;


}





#destacados .imagen-lado


{


	margin: 0px;


	float: none;


	width: 80%;


}





#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;


	padding-top: 0px !important;


	padding-top/**/: 10px;	


}





#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, Helvetica, "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif;


	font-size:  11px;


	border: 0px;


}





#cesta thead td


{


	background-color: #336998;	


	padding: 3px 0px 3px 10px;


	width: 20%;


	font-weight: bold;


	color:#FFFFFF;


}





#cesta tbody td


{


	width: 20%;


	padding-left: 10px;	


}


#cesta tbody td.precio


{


	text-align: right;


}





#cesta tfoot td


{


	width: 20%;


	font-weight: bold;


	padding-left: 10px;


}





#cesta .texto


{


	background-color: #ffffff;	


	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;


}