@charset "utf-8";
/* CSS Document */

body {
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.left {
	background-image: url(../imagenes/left.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.right {
	background-image: url(../imagenes/right.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.tdacceso {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #67A297;
	text-decoration: none;
	background-color: #333333;
}

.tdblanca {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
}
.tdverde {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #67A297;
	text-decoration: none;
	background-color: #016452;
}
.menu1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCE0DC;
	text-decoration: none;
}
.menu1:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

/* FORMS */
.textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 240px;
}
.texfield  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 140px;
}
.cantidad  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 20px;
}
.tddestacados {
	background-image: url(../imagenes/bg_destacados.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-color: #E6E7E6;
	border-left: 1px solid;
	border-right: 1px solid;
}


.dropdown  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 120px;
}
/* FORMS */
.linkacceso {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCE0DC;
	text-decoration: none;
}
.linkacceso:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #23DCBC;
	text-decoration: none;
}.tdverde2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #18826F;
}
.tdresumen {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	text-decoration: none;
	background-color: #333333;
}
.datosresumen {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: none;
}
.datosresumenbold {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: none;
}
.resumensepara {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	background-image: url(../imagenes/sombra.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.texfield2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #7B7B7B;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 120px;
}
.tablabordegris {
	border: 1px solid #E6E7E6;
}
.familia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #108573;
	text-decoration: none;
}
.familia:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.producto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.euro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: none;
}
.precio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: none;
	background-color: #E6E7E6;
}
.agregar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.carrito {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #E6E7E6;
}
.dropbusca {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 100px;
}
.pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
}
.bienvenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: none;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.tdlinea {
	background-image: url(../imagenes/linea.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.categoria {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.categoria:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #108573;
	text-decoration: none;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: underline;
}
.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: underline;
}
.tdgrisclaro {
	background-color: #F5F5F5;
}
.tdgrisoscuro {
	background-color: #333;
}
/* PAGINACION */
.tdpaginacion {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #050D10;
	text-decoration: none;
	background-color: #E9ECEF;
	border: 1px;
	border-style: solid;
	border-color: #A0ADB8;
	padding: 1px;
}
.pagina {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #18826F;
}
.paginas {

	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	background-color: #E9ECEF;
}
.paginas:hover {

	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
/* PAGINACION */
.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #18826F;
	text-decoration: none;
}
.link2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.texfield3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #7B7B7B;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 11px;
	background-color: #FFFFFF;
	border:1px;
	border-style:solid;
	border-top-width:1px;
	border-top-color:#E0E0E0;
	border-right-width:1px;
	border-right-color:#E0E0E0;
	border-bottom-width:1px;
	border-bottom-color:#C3C3C3;
	border-left-width:1px;
	border-left-color:#C3C3C3;
	width: 240px;
}
.paso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	line-height: 40px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.paso2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	line-height: 40px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CBCDD0;
	text-decoration: none;
}
.textogrisclaro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ADADAD;
	text-decoration: none;
}
.titblanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.tdgris {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	background-color: #CCCCCC;
}
.azulbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #003399;
	text-decoration: none;
}
.paginaazul {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0033B3;
}
.familiaazul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0033B3;
	text-decoration: none;
}
.tdazul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0033B3;
}
.linkazul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: underline;
}
.linkazul:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0033B3;
	text-decoration: underline;
}
.precioazul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0033B3;
	text-decoration: underline;
}
.paddingleft5 {
	padding-left: 5px;
}
.paddingleft14 {
	padding-left: 14px;
}
#atencionalcliente {
	border-collapse: collapse;
	border: 1px solid #E6E7E6;
	margin-left: 1px;
	margin-top: 8px;
	padding: 2px;
}
#atencionalcliente table {
	background: url(../imagenes/fondo_atencion_cliente.jpg) left top no-repeat;
}
.tit-atencioncliente {
	display: block;
	margin-bottom: 5px;
}
.grisoscuro {
	color: #333;
}
a.grisoscuro:hover {
	text-decoration: none;
}