/* ********** HOJA DE ESTILOS CSS ********** */

body {
	margin:0;
	padding:0 8px 8px 8px;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
p, form {
	margin:0;
	padding:0;
}
td, tr, th {
	font-size:12px;
}
a, a:link, a:active, a:visited {
	text-decoration:underline;
	color:#3C6233;
}
a:hover {
	text-decoration:underline;
	color:#000000;
}
h1 {
	color:#0D328B;
	font-size:20px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:3px 10px;
	border-top: #65A262 1px dashed;
	border-bottom: #65A262 1px dashed;
}
h2 {
	color:#0D328B;
	font-size:18px;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:3px 10px;
	border-top: #CCCCCC 1px dashed;
	border-bottom: #CCCCCC 1px dashed;
}
h3 {
	font-size:16px;
	color:#3C6233;
	font-weight:bold;
	padding: 5px 0 15px 0;
	margin:0;
}


/* ********** ESTILOS ********** */

.TituloContainer {
	width:250px;
	height:22px;
	padding-top:3px;
	text-align:center;
	background:url("../images/titulo_fondo.jpg") left top no-repeat;
}
.Titulo, .TituloContainer {
	color:#0D328B;
	font-size:14px;
	font-weight:bold;
}
div#ListaMarcasContainer {
	padding:13px 35px 5px 35px;
}
.ListaMarcas {
	border-top:#666666 1px dotted;
	font-size:12px;
	font-weight:bold;
}
.ListaMarcas ul, .ListaMarcas li {
	list-style-type:none;
}
.ListaMarcas ul {
	margin:0;
	padding:0;
}
.ListaMarcas li {
	border-bottom:#666666 1px dotted;
}
.ListaMarcas li.ListaMarca1 {
	background:#F0F3EE url("../images/flecha_lista1.jpg") left center no-repeat;
}
.ListaMarcas li.ListaMarca2 {
	background:#FFFFFF url("../images/flecha_lista2.jpg") left center no-repeat;
}
.ListaMarcas a {
	text-decoration:none;
	display:block;
	padding:5px 0 5px 40px;
}
.CampoFormulario {
	font-size:11px;
	border:#65A262 1px solid;
	background-color:#F0F5D5;
	padding:1px 2px;
	font-family:Arial, Helvetica, sans-serif;
}
.BotonFormulario {
	border:#3E8B3B 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#D1E196;
	color:#3D4D35;
	padding:2px 10px;
	cursor:pointer;
}
.TextoVerde {
	color:#3C6233;
}
.TextoNaranja {
	color:#FF6600;
}
.TextoGris, a.TextoGris, a.TextoGris:link, a.TextoGris:active, a.TextoGris:visited {
	color:#999999;
}
.Nota {
	font-size:10px;
	color:#999999;
}
.separador {
	clear:both;
	height:10px;
	overflow:hidden;
}


/* ********** MAQUETACIÓN DE LA WEB ********** */

div#WEB {
	width:800px;
	margin:auto;
}
div#Cabecera {
	height:100px;
}
div#Cabecera div#Logo {
	width:300px;
	height:100px;
	float:left;
	margin:0;
}
div#Cabecera div#Botones {
	width:380px;
	float:right;
	height:80px;
	margin:0;
	padding-top:10px;
	overflow:hidden;
	text-align:right;
}
div#Botones div {
	text-align:center;
	float:right;
	width:80px;
	margin:0 5px;
	font-size:10px;
}
div#Botones div a, div#Botones div a:link, div#Botones div a:active, div#Botones div a:visited {
	padding-top:55px;
	display:block;
	width:80px;
	height:15px;
	border-bottom:#ADCE4A 5px solid;
	text-decoration:none;
	color:#666666;
}
div#Botones div a:hover {
	text-decoration:none;
	color:#000000;
	border-bottom:#A7ABB4 5px solid;
}
div#Botones div#BotonCarrito {
	background:url("../images/boton_superior_carrito.jpg") top center no-repeat;
}
div#Botones div#BotonProductos {
	background:url("../images/boton_superior_productos.jpg") top center no-repeat;
}
div#Botones div#BotonContacto {
	background:url("../images/boton_superior_contacto.jpg") top center no-repeat;
}
div#Botones div#BotonFacebook {
	background:url("../images/boton_superior_fb.jpg") top center no-repeat;
}
div#Encabezado {
	height:160px;
	background:url("../images/cabecera.jpg") left top no-repeat;
	margin-bottom:2px;
	clear:both;
}
div#Menu {
	background:url("../images/menu_fondo.jpg") left top repeat-x;
	height:45px;
	overflow:hidden;
}
div#Menu table {
	width:100%;
	border:none;
	padding:0;
	margin:0;
	height:45px;
	font-size:13px;
	font-weight:bold;
}
div#Menu table td#MenuLeft {
	width:15px;
	background:url("../images/menu_left.jpg") left top no-repeat;
}
div#Menu table td#MenuRight {
	width:15px;
	background:url("../images/menu_right.jpg") right top no-repeat;
}
div#Menu table td.MenuCelda {
	width:128px;
	border-right: #666666 1px solid;
}
a.MenuEnlace, a.MenuEnlace:link, a.MenuEnlace:active, a.MenuEnlace:visited {
	display:block;
	width:120px;
	padding:8px 0 7px 0;
	text-decoration:none;
	color:#000000;
}
a.MenuEnlace:hover {
	text-decoration:none;
	background: url("../images/menu_hover.jpg") center bottom no-repeat;
}
a.MenuEnlaceSimple, a.MenuEnlaceSimple:link, a.MenuEnlaceSimple:active, a.MenuEnlaceSimple:visited, a.MenuEnlaceSimple:hover {
	padding:15px 0 14px 0;
}
div#Contenido {
	margin:18px 0 0 0;
	padding:0;
}
div#Columnas {
	font-size:1px;
}
div#Columnas div#ColumnaIzquierda {
	float:left;
	width:530px;
	margin:0;
	font-size:12px;
	overflow:hidden;
}
div#Columnas div#ColumnaDerecha {
	float:right;
	width:250px;
	margin:0;
	font-size:12px;
	overflow:hidden;
}
div#DivisorPie {
	clear:both;
	height:15px;
	font-size:5px;
}
div#Consejo {
	border: #65A262 2px solid;
	background:#B9D69E url("../images/consejo_fondo.jpg") left top repeat-x;
	padding:8px 10px;
	color:#000000;
	font-size:13px;
	margin-bottom:10px;
}
div#Pie {
	border-top:#3E8B3B 3px solid;
	border-left:#ADCE4A 1px solid;
	border-right:#ADCE4A 1px solid;
	background-color:#EAF1C8;
	color:#3C6233;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	margin:0;
}
div#Pie div#PieSuperior {
	border-top:#ADCE4A 8px solid;
	padding:2px 10px 4px 10px;
	font-weight:bold;
}
div#Pie div#PieInferior {
	padding:0 15px;
}
div#Pie div a, div#Pie div a:link, div#Pie div a:active, div#Pie div a:visited {
	text-decoration:none;
}
div#Pie div a:hover {
	text-decoration:underline;
}
div#Pie div#Disclaimer {
	font-size:10px;
	padding-bottom:3px;
	font-style:italic;
}
div#PieFin {
	background:url("../images/pie_bottom.jpg") left top no-repeat;
	height:10px;
	font-size:2px;
	padding:0 15px;
}
img#Dinartis {
	border:0;
	float:right;
	position:relative;
	top:-13px;
	padding:0px;
	margin:0px;
}


/* ********** PORTADA ********** */

div#PortadaImagenes {
	height:168px;
	background:url("../images/portada_imagenes.jpg") left bottom no-repeat;
}
div#PortadaProductos {
	height:100px;
	padding:1px 50px;
	background:url("../images/portada_productos.jpg") left top no-repeat;
	font-size:12px;
	margin-bottom:15px;
}
div#PortadaProductos table {
	width:100%;
	padding:0;
	margin:0;
	border:none;
	height:100px;
}
div#PortadaProductosImagen {
	padding:15px 0 0 30px;
}
div#PortadaTextoProductos {
	font-weight:bold;
	line-height:15px;
	width:335px;
	text-align:justify;
}
div#PortadaTextoProductos a, div#PortadaTextoProductos a:link, div#PortadaTextoProductos a:active, div#PortadaTextoProductos a:visited, div#PortadaTextoProductos a:hover {
	color:#3C6233;
	text-decoration:none;
	display:block;
	width:100%;
}
div#PortadaBotonBuscador {
	margin:6px 0;
	font-size:10px;
	background:url("../images/portada_boton_buscador.jpg") left bottom no-repeat;
	font-weight:bold;
}
div#PortadaBotonBuscador a, div#PortadaBotonBuscador a:link, div#PortadaBotonBuscador a:active, div#PortadaBotonBuscador a:visited, div#PortadaBotonBuscador a:hover {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:150px;
	padding: 5px 0 5px 35px;
}
a#PortadaInterrogante, a#PortadaInterrogante:link, a#PortadaInterrogante:active, a#PortadaInterrogante:visited, a#PortadaInterrogante:hover {
	display:block;
	width:80%;
	text-align:center;
	line-height:15px;
	font-size:12px;
	font-weight:bold;
	color:#3C6233;
	text-decoration:none;
	padding-bottom:50px;
	background:url("../images/portada_interrogacion.jpg") center bottom no-repeat;
}
div#Columnas div#PortadaColumnaIzquierda {
	float:left;
	width:255px;
	margin:0;
	font-size:12px;
	overflow:hidden;
}
div#Columnas div#PortadaColumnaDerecha {
	float:right;
	width:525px;
	margin:0;
	font-size:12px;
	overflow:hidden;
}

div#PortadaMarcas {
	width:250px;
	float:left;
}
div#PortadaDestaLow {
	font-size:12px;	
	width:600px;
	margin:auto;
}
div#PortadaDestaLowCont {
}
div#PortadaDestacado1 {
	height:140px;
	width:250px;
	float:left;
	margin:15px 0 0 0;
	background:url("../images/ofertas_fondo1.jpg") left top no-repeat;
	color:#3C6233;
}
div#PortadaDestacado1 div.Titulo {
	font-size:17px;
	text-align:center;
	padding-top:15px;
}
div#PortadaDestacado1 div.PortadaTextoDestacado {
	padding:10px 15px 18px 105px;
	line-height:15px;
	font-weight:bold;
	text-align:justify;
}
div#PortadaDestacado1 div.PortadaLetraPeque {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-right:15px;
}
div.PortadaDestacados {
	height:140px;
	padding-top:15px;
}
div#PortadaDestacado2 {
	height:140px;
	width:250px;
	float:right;
	background:url("../images/ofertas_fondo2.jpg") left top no-repeat;
	color:#3C6233;
}
div#PortadaDestacado2 div.Titulo {
	font-size:17px;
	text-align:center;
	padding-top:15px;
}
div#PortadaDestacado2 div.PortadaTextoDestacado {
	padding:2px 20px 26px 120px;
	font-size:17px;
	font-weight:bold;
	text-align:justify;
	color:#0D328B;
}
div#PortadaDestacado2 div.PortadaLetraPeque {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-right:15px;
}
#PortadaAnuncios{
	float:right;
	width:500px;
}
#PortadaAnunciosContainer {
	background:url("../images/destacados_bot.jpg") right top no-repeat;
	padding-right:13px;
}
#PortadaAnunciosCont {
	padding: 10px 10px 5px 10px;
	border: 1px solid #005177;
	border-top-style:none;
}
.PortadaAnuncio {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding:3px 6px;
	margin-bottom:5px;
}
.PortadaAnuncioTit {
	font-size:14px;
	font-weight:bold;
}
.PortadaAnuncioTit a, .PortadaAnuncioTit a:link, .PortadaAnuncioTit a:active, .PortadaAnuncioTit a:visited {
	color:#0D328B;
	text-decoration:underline;
}
.PortadaAnuncioTit a:hover {
	color:#E27137;
	text-decoration:underline;
}
.PortadaAnuncioDesc {
	padding:3px 6px;
	color:#666;
}
.PortadaAnuncioLink {
	padding:3px 6px;
}
.PortadaAnuncioLink a, .PortadaAnuncioLink a:link, .PortadaAnuncioLink a:active, .PortadaAnuncioLink a:visited {
	font-size:11px;
	padding:1px 4px;
	border:1px solid #3C6233;
	background-color:#D7E8B2;
	color:#3C6233;
	text-decoration:none;
}
.PortadaAnuncioLink a:hover {
	background-color:#E9D9A5;
	color:#444;
	border:1px solid #444;
	text-decoration:none;
}

/* ********** CONTACTO ********** */

div#ContactoPie {
	line-height:16px; 
	text-align:center;
	font-size:11px;
}


/* ********** CARRITO ********** */

#CarroRightContainer {
	margin:8px 25px;
	padding:2px 5px 7px 5px;
	border:#999999 1px solid;
	background-color:#F0F3EE;
	font-size: 11px;
}
#CarritoRightVer {
	padding-bottom:5px;
}
#CarritoRightTexto {
	font-size:10px;
}
#CarritoRightBajo {
	text-align:center;
	margin-top:3px;
	font-weight:bold;
}
#CarritoRightBajo a {
	display:block;
	padding:2px 5px;
	width:150px;
	text-align:center;
	margin:auto;
	border:#CCCCCC 1px solid;
	text-decoration:none;
	cursor:pointer;
}
#CarritoRightBajo a:hover {
	background-color:#F0F5D5;
}


/* ********** GESTION DE RESIDUOS ********** */

#GestionTexto {
	text-align:justify;
	line-height:17px;
}
#GestionTexto img {
	margin:0 0 5px 30px;
	border:none;
}


/* ********** CONDICIONES GENERALES ********** */

.CondicionesTexto {
	padding-left:25px;
	text-align:justify;
}


/* ********** CONDICIONES GENERALES ********** */

#QuienesTexto {
	text-align:justify;
}


/* ********** BUSCADOR DE PRODUCTOS ********** */

div#ProductosBuscador {
	padding: 0 15px 15px 15px;
	border-bottom: #65A262 1px dashed;
}
div#BuscadorDefault {
	padding-bottom: 180px;
	text-align:center;
	background:url(../images/caja.jpg) center bottom no-repeat;
}

/* ********** LISTADO DE PRODUCTOS ********* */

table#ListadoProds {
	width:100%;
	margin:0;
	padding:0;
	border:none;
}
table#ListadoProds tr td {
	border-bottom:#CCCCCC 1px solid;
}
table#ListadoProds td.ListadoEncabezado {
	text-align:left;
	font-weight:bold;
	font-size:13px;
	padding:5px 3px;
	color:#666666;
}
table#ListadoProds td.ListadoProducto {
	padding:8px 3px;
	background-color:#F8F9F7;
}
a.ListadoNombre, a.ListadoNombre:link, a.ListadoNombre:active, a.ListadoNombre:visited {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#0D328B;
}
a.ListadoNombre:hover {
	text-decoration:underline;
	color:#990000;
}
.ColorAmarillo, .ColorCyan, .ColorMagenta, .ColorNegro, .ColorPack {
	display:block;
	width:70px;
	padding:1px 0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.ColorAmarillo {
	border:#6C634F 1px solid;
	background-color:#FFFA93;
	color:#6C634F;
}
.ColorCyan {
	border:#24399D 1px solid;
	background-color:#83C2F1;
	color:#24399D;
}
.ColorMagenta {
	border:#CC0033 1px solid;
	background-color:#F1B1B1;
	color:#CC0033;
}
.ColorNegro {
	border:#000000 1px solid;
	background-color:#999999;
	color:#000000;
}
.ColorPack {
	border:#999999 1px solid;
	color:#999999;
}
.ListadoPrecio {
	font-weight:bold;
	color:#FF6600;
}
a.ListadoComprar, a.ListadoComprar:link, a.ListadoComprar:active, a.ListadoComprar:visited {
	display:block;
	padding:2px 5px;
	margin-top:5px;
	border:#CCCCCC 1px solid;
	background-color:#F0F3EE;
	text-decoration:none;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
}
a.ListadoComprar:hover {
	background-color:#F0F5D5;
	text-decoration:none;
	cursor:pointer;
}
div.ListadoDescripcion {
	text-align:justify;
	font-size:12px;
	color:#666666;
	padding-right:5px;
}

/* ********** PAGINADOR ********** */

div.Paginador_Container {
	padding-top:15px;
	text-align:right;
}
a.Paginador, a.Paginador:link, a.Paginador:active, a.Paginador:visited {
	text-decoration: none;
	border: 1px solid #666666;
	background-color:#F0F3EE;
	padding:1px 3px;
	margin:0 2px;
	color:#3C6233;
}
a.Paginador:hover {
	text-decoration: none;
	border: 1px solid #3C6233;
	background-color:#CFE6B0;
}
.Paginador_This {
	border: 1px solid #3C6233;
	background-color: #ADCE4A;
	color:#FFFFFF;
	padding:1px 3px;
	margin:0 2px;
	font-weight:bold;
}


/* ********** DETALLES DEL PRODUCTO ********** */

#DetallesContainer {
	padding:0 30px;
}
.DetallesCaja {
	margin-top:5px;
	border:#999999 1px solid;
	background-color:#F8F9F7;
	padding:10px;
}
#DetallesDescripcion {
	text-align:justify;
	font-weight:bold;
	color:#3C6233;
	padding:0 10px 10px 10px;
	border-bottom:#CCCCCC 1px dashed;
	font-size:13px;
}
#DetallesCarrito {
	padding:0 0 10px 0;
	color:#3C6233;
}


