/*********************************************************GENERALES - SIEMPRE TENDRAN QUE ESTAR DEFINIDOSGENERALES - 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: #006667;	text-decoration: underline;}a:active{	color: #006667;		text-decoration: underline;	}a:visited{	color: #006667;		text-decoration: underline;	}a:hover{	color: #006667;		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: #333333;	margin: 0px;	padding: 0px;}.required{	margin-left: 2px;	color: #006667;}/*- 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: #555555;	background-color: #bfd2d8;	background: url(fondo_gral.gif);	letter-spacing: -1;}/*-	Sera el contenedor de toda la página*/ 	#contenedor{    background-color: #ffffff;	margin-left: auto;	margin-right: auto;	width: 700px !important;	width/**/: 700px;	text-align: left;}/*********************************************************ESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLAESTRUCTURA - MODIFICAR PARA VARIAR LA PLANTILLA**********************************************************//*- Estilo para la barra superior cabecera*/#barra-top{	width: 100% !important;	width/**/: 700 px;	color: #ffffff;	height: 32px;	background-image: url(fondo_pie.gif);	background-repeat:no-repeat;	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: 5px;}#barra-top-izqda li{	padding-right: 5px;}#barra-top-izqda a:link, #barra-top-izqda a:visited{	color: #ffffff;	text-decoration: none;	}#barra-top-izqda a:hover{	color: #ffffff;	text-decoration: underline;}#barra-top-izqda .activo{	font-weight: bold;}#barra-top-drcha{	width: 534px;	float: right;	padding: 12px 0px 0px 0px;	color: #ffffff;	text-align: right;}#barra-top-drcha li{	padding: 3px;}#barra-top-drcha a:link, #barra-top-drcha a:visited{	color: #ffffff;	text-decoration: none;	}#barra-top-drcha a:hover{	color: #ffffff;	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% !important;	width/**/: 700 px;	background-color: #bfd2d8;	overflow: hidden;}#cabecera-left{	width: 266px;	height: 83px;	float: left;	background-color: #bfd2d8;	padding: 0px;	margin: 0px;	background: url(cabecera_logo.jpg);	}#cabecera-right{	width: 434px;	height: 83px;	float: left;	padding: 0px;	margin: 0px;	background-image: url(cabecera_right.jpg);	}/*- Estilo menu seccion e imagen principal*/#inf-cabecera{	padding: 0px;	margin: 0px 0px 0px 0px;	width: 100%;	background-color: #bfd2d8;	overflow: hidden;}#inf-cabecera-left{	width: 266px;	height: 186px !important;	height/**/: 200px;	float: left;	padding: 14px 0px 0px 0px;	margin: 0px 0px 0px 0px;	background-image: url(fondo_menu.jpg);}#inf-cabecera-left .menu-seccion li{	display: block;	width: 100%;	margin: 3px;	padding: 0px;	font-weight: bold;	font-size: 10px;}#inf-cabecera-left .menu-seccion li a{	display: block;	width: 100%;	margin: 0px;	padding: 1px 0px 2px 60px;	color: #006667;	text-decoration: none;	background-image: url(bullet_off.gif);		background-repeat: no-repeat;	background-position: 40px;							}#inf-cabecera-left .menu-seccion li a:hover{	display: block;	margin: 0px;	padding: 1px 0px 2px 65px;	color: #006667;	text-decoration: none;	background-image: url(bullet_on.gif);		background-repeat: no-repeat;	background-position: 40px;							}#inf-cabecera-right{	width: 434px;	height: 200px;	float: right;	background-color: #bfd2d8;	padding: 0px;	margin: 0px;	background-image: url(inf_right.jpg);	background-repeat: no-repeat;		}/*-	Estilo Buscador*/#buscador{	float: right;	margin: 0px 0px 0px 0px;	padding: 20px 45px 0px 0px;	}#buscador .text{	vertical-align: middle;	margin: 0px;	padding: 0px 0px 2px 4px;	border: solid 1px #555555;	background-color: #bfd2d8;	font-size: 11px;	font-family: verdana;}#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 #999999;}#contenido{	width: 700px;	height/**/: 100%;	margin: 10px 0px 10px 0px;	padding: 0px;    background-color: #bfd2d8;	background: url(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: 1px solid #999999;}#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: 1px solid #999999;}#contenido-derecha-bottom{	width: 414px !important;	width/**/: 434px;	margin: 10px 0px 0px 0px;	padding: 0px 10px 0px 10px;}/*********************************************************CONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOSCONTENIDO - SIEMPRE TENDRAN QUE ESTAR DEFINIDOS**********************************************************//*-	Contenido*/.texto-intro{	background: #ffffff;		padding: 15px;	color: #333333;	margin: 0px 0px 10px 0px;}.titulo-seccion{	font-size: 12px;	font-weight: bold;	color: #006667;	text-transform:uppercase;	padding: 2px 0px 20px 16px;	margin: 0px;	background-image: url(bullet_seccion.gif);	background-repeat: no-repeat;	background-position: 0px 5px;}.imagen-lado{	float: right;	margin: 0px 0px 0px 10px;	border: 2px solid #999999;}#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: #006667;}.ver-mas a:link, .ver-mas a:visited, .ver-mas a:active{	color: #006667;	text-decoration: underline;	font-weight: bold;}.ver-mas a:hover{	color: #006667;	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: #006667;	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: #006667;	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{	background-color: #006667;	border: 1px solid #006667;	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: #006667;	color: #FFFFFF;	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: #FFFFFF;}#catalogo h1 a:visited{	color: #FFFFFF;}#catalogo h1 a:hover{	color: #FFFFFF;	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: #555555;}#catalogo h2 a:link{	color: #555555;}#catalogo h2 a:visited{	color: #555555;}#catalogo h2 a:hover{	color: #555555;	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-color: transparent;	background-image: url(fondo_pie.gif);	background-repeat: no-repeat;	bottom: 0;	clear: both;	width: 580px !important;	width/**/: 700px;	margin: 0px;	padding: 0px 120px 0px 0px;}#pie p{	margin: 0px;	padding: 15px 0px 15px 0px;	text-align: right;	color: #ffffff;}#pie a:link, #pie a:visited{	color: #ffffff;	}#pie a:hover{	color: #ffffff;		text-decoration: underline;}#pie img{	vertical-align: middle;	}/* -	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: #bfd2d8;		margin-bottom: 5px;		letter-spacing: 0px;}#destacados thead{	font-weight: bold;	background-color: #006667;}#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;	color: ffffff;	border: 0px;}#cesta thead td{background-color: #006667;		padding: 3px 0px 3px 10px;	width: 25%;	font-weight: bold;}#cesta tbody td{    color: 666666;	width: 25%;	padding-left: 10px;	}#cesta tbody td.precio{	text-align: right;	color: 666666;}#cesta tfoot td{	width: 25%;	font-weight: bold;	padding-left: 10px;	color: 666666;}#cesta .texto{	background-color: #bfd2d8;		color: 006667;	padding: 15px;	margin: 10px 0px 10px 0px;}#cesta tfoot td.total{	text-align: right;	padding-bottom: 14px;	color: 006667;}#cesta .volver, #cesta .reenviar{	float: left;}#cesta .pedido{	float: right;}#cesta .actualizar{	float: left;}