body{ margin: 0; padding: 0; min-height: 100%; font-family: arial; font-size: 14px; color: #333333; background-color: white; }
	
	a{ outline: none; }
	a{ text-decoration: none; color: #8a1d1a; }
	a:hover{ text-decoration: underline; color: #8a1d1a; }
	
	
	a img{ border: none; }
	
	.color-corporativo{ color: #003333; }
	a.color-corporativo:hover{ text-decoration: underline; }
	.small{ font-size: 11px; }
	
	.gray, a.gray { color: #999999; }
	.amarillo, a.amarillo { color: #ffcc00; }
	.granate, a.granate { color: #8a1d1a; }
	.naranja, a.naranja { color: #ff6600; }
	.verde, a.verde { color: #669900; }
	.lila, a.lila { color: #73599c; }

	
	/* website */
	#website{ width: 100%; min-height: 100%; display: block; position: absolute; background-color: white;} 
		
	/* header */
	/*************************************************/
	/* EDITAR HEADERS BG SEGONS PANTALLAS PRINCIPALS */
	
	#header{ width: 100%; height: 105px; background-image: url(../images/design/header-bg.png); 
		background-position: bottom; background-repeat: repeat-x; font-size: 12px; }
		
		div.esp{ width: 20px; height: 15px; background-image: url(../images/design/esp.png); background-repeat: no-repeat; background-position: left; }
		div.esp:hover{ width: 20px; height: 15px; background-image: url(../images/design/esp-hover.png); background-repeat: no-repeat; background-position: left; }
		
		div.cat{ width: 20px; height: 15px; background-image: url(../images/design/cat.png); background-repeat: no-repeat; background-position: left; }
		div.cat:hover{ width: 20px; height: 15px; background-image: url(../images/design/cat-hover.png); background-repeat: no-repeat; background-position: left; }
		
	table.header{ width: 996px; height: 105px; margin-left: auto; margin-right: auto;margin-bottom: 0px; margin-top: 0px; padding-left: 4px; }
		td.flash{ background-image: url(../images/design/flash-bg.png); background-repeat: no-repeat; background-position: top; }
		
	
		
	/*************************************************/	
		
		
	/* menu */
	#menu{ width: 100%;; height: 41px; background-color: white; }
		
		/* table menu */
		table.menu{ width: 980px; height: 41px; text-align: center; font-size: 12px; font-weight: bold; margin: 0 auto 0 auto; }
			
			td.separacion{ font-size: 1px; width: 1px;
				background-image: url(../images/design/menu-sup-separacion.png); background-position: left; background-repeat: repeat-x; }
			
			td.menu{ text-align: center; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;
				background-image: url(../images/design/menu-sup-bg.png); background-position: left; background-repeat: repeat-x; }
			td.menu:hover{ background-image: url(../images/design/menu-sup-hover.png); background-position: center; 
				text-align: center; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
		
			td.menu-select{ background-image: url(../images/design/menu-sup-select.png); background-position: center; 
				text-align: center; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
		
			a.menu{ color: #666666; text-decoration: none; display: block;}
			a.menu:hover{ color: #666666; text-decoration: underline; display: block;}
			a.menu-select{ color: #8a1d1a; text-decoration: none; display: block;}
		
	/* body */
	#body{ width: 980px; display: block; margin: 0 auto 8em auto;} 
	
		/* home obiols */
		
		table.home-obiols{ width: 794px; }
			table.home-obiols td{ vertical-align: top; }
		
		table.promo-home{ width: 794px; height: 257px; background-image: url(../images/design/yellow-bg.png); }
			table.promo-home td{ vertical-align: top; }
			
		td.home-presentacion-top{ width: 794px; height: 13px; font-size: 2px;
			background-image: url(../images/design/home-presentacion-top.png); background-position: top; background-repeat: no-repeat; }
		td.home-presentacion{ width: 794px; height: 200px; background-image: url(../images/design/home-presentacion-bg.png); background-repeat: repeat-y; vertical-align: top; }
			td.home-presentacion table td{ padding: 10px; text-align: left; }
			
		div.testimonios-home{ width: 794px; margin: 20px 0 0 0; }
			td.testimonios-titulo, div.testimonios-titulo-contenido{ width: 794px; height: 64px; background-image: url(../images/design/testimonios-titulo-bg.png); background-position: top; background-repeat: no-repeat; }
			div.testimonios-titulo-contenido{ margin: -15px 0 -20px 0; }
				div.testimonios-titulo{ float: left; padding: 25px 0 0 80px; font-size: 24px; font-weight: bold; color: #8a1d1a; }
					div.testimonios-titulo a{ color: #8a1d1a; text-decoration: none; }
					div.testimonios-titulo a:hover{ text-decoration: none; }
				div.testimonios-enlace{ float: left; padding: 25px 0 0 110px; font-size: 16px; color: #666666; }
					div.testimonios-enlace a{ color: #666666; text-decoration: none; }
					div.testimonios-enlace a:hover{ color: black; text-decoration: none; }
			
			td.testimonio{ width: 250px; padding: 20px 10px 0 10px; text-align: left; font-size: 10px; }
			td.testimonio div.titulo{ color: #8a1d1a; font-size: 16px; font-weight: bold; border-bottom: solid 1px #cccccc; 
				padding: 0 0 10px 0; margin: 5px 0 0 0; }
				td.testimonio div.titulo a:hover{ color: black; text-decoration: none; }
				
			td.testimonio div.leer-mas a{ color: #8a1d1a; font-size: 12px; font-weight: bold; }
		
		/* submenu */
		
		table.submenu-top{ width: 149px; background-image: url(../images/design/submenu-lateral-titulo.png); background-repeat: repeat-y; 
			background-position: top; }
			
			td.submenu-top{
				padding-bottom: 5px; padding-left: 10px; padding-right: 5px; padding-top: 5px;
				border-bottom: solid 2px white; font-weight: normal; font-size: 16px; color: white;
			}
				.submenu-top a{ text-decoration: none; color: white; display: block; }
				.submenu-top a:hover, td.submenu-top:hover a { text-decoration: underline; color: white; display: block; }
		
		table.submenu{ width: 149px; background-image: url(../images/design/submenu-lateral-bg.png); background-repeat: repeat-y; background-position: top; }
		
			td.submenu, td.submenu:hover, td.submenu-select{
				padding-bottom: 5px; padding-left: 10px; padding-right: 5px; padding-top: 5px;
				border-bottom: solid 2px white; font-weight: bold; font-size: 12px;
			}		
			
			td.submenu{  }
			td.submenu:hover { background-color: #999999; }
			td.submenu-select{ background-color: #ffcc00; }
				
				.submenu a{ text-decoration: none; color: #333333; display: block; }
				.submenu a:hover, td.submenu:hover a { text-decoration: none; color: white; display: block; }
				.submenu-select a{ text-decoration: none; color: #8a1d1a; display: block; }
				
				
				
				
			
		
	
		/* submenu2 */
		table.submenu2{ width: 149px; background-color: white; border-bottom: solid 2px white; }
		
		td.submenu2, td.submenu2:hover, td.submenu2-select{ color: #333333; border-bottom: solid 2px #ffcc00;
			font-weight: normal; font-size: 12px; padding: 5px 5px 5px 10px;}
			
		
			a.submenu2{ color: #666666; text-decoration: none; display: block;}
			a.submenu2:hover{ color: black; text-decoration: none; display: block;}
			a.submenu2-select, a.submenu2-select:hover{ color: #8a1d1a; text-decoration: underline; display: block;}	
		
		/* submenu Admin */	
		table.submenuAdmin{ width: 220px; height: 35px; background-color: #999999; margin: 0px 0 5px 0;}
		table.submenuAdmin:hover{ width: 220px; height: 35px; background-color: #666666; margin: 0px 0 5px 0;}
		table.submenuAdmin-select{ width: 220px; height: 35px; background-color: #333333; margin: 0px 0 5px 0;}
		
		.submenuAdmin a, .submenuAdmin-select a { color: white; }
		
		table.submenuAdmin2{ width: 220px; height: 35px; background-color: #FFF; border-bottom: 1px solid #333333;}
		table.submenuAdmin2:hover{ width: 220px; height: 35px; background-color: #FFF; border-bottom: 1px solid #333333;}
		table.submenuAdmin2-select{ width: 220px; height: 35px; background-color: #FFF; border-bottom: 1px solid #333333;}
		
		a.submenuAdmin2 { text-decoration: none; color: #666666; }
		a.submenuAdmin2:hover { text-decoration: underline; color: #666666; }
		a.submenuAdmin2-select { text-decoration: underline; color: black; }
		
		td.submenu-img{ width: 25px; vertical-align: middle; text-align: center;}
		td.submenu-img:hover{ width: 25px; vertical-align: middle; text-align: center;}
		td.submenu-img-select{ width: 25px; vertical-align: middle; text-align: center;}
		
		td.submenu2-img{ width: 25px; vertical-align: middle; text-align: center;}
		td.submenu2-img:hover{ width: 25px; vertical-align: middle; text-align: center;}
		td.submenu2-img-select{ width: 25px; vertical-align: middle; text-align: center;}
			
		/* table body */
		table.body{ width: 980px; padding-top: 10px;}
			
			/**********************************************/
			/* EDITAR BANNERS SEGONS PANTALLAS PRINCIPALS */
			/*
			td.body-banner-index{ width: 824px; height: 62px; background-image: url(../images/banners/index.png); background-repeat: no-repeat; background-position: center;}
			td.body-banner-servicios{ width: 824px; height: 62px; background-image: url(../images/banners/servicios.png); background-repeat: no-repeat; background-position: center;}
			td.body-banner-nuestros-productos{ width: 824px; height: 62px; background-image: url(../images/banners/nuestros-productos.png); background-repeat: no-repeat; background-position: center;}
			td.body-banner-novedades{ width: 824px; height: 62px; background-image: url(../images/banners/novedades.png); background-repeat: no-repeat; background-position: center;}
			td.body-banner-contacto{ width: 824px; height: 62px; background-image: url(../images/banners/contacto.png); background-repeat: no-repeat; background-position: center;}
			*/
			
						
			/**********************************************/
			
			
			td.body-left{ width: 130px; height: 300px; vertical-align: top; padding: 15px 0 0 0;}
			td.body-right{ width: 130px; height: 300px; vertical-align: top; }
			td.body-right-portada{ width: 270px; height: 300px; vertical-align: top; padding-left: 20px; }
			td.body{ width: 630px; height: 300px; vertical-align: top; padding: 10px 20px 20px 20px; text-align: justify; }
			td.body-all{ width: 720px; height: 300px; vertical-align: top; padding: 10px 15px 20px 0; text-align: justify;}
			
			td.body-portada{ width: 720px; min-height: auto; vertical-align: top; text-align: justify; 
				background-image: url(../images/design/inicio-gradient.png); background-repeat: repeat-x; color: black;}
				
			div.body-portada{ width: 720px; min-height: auto; vertical-align: top; text-align: justify;
				background-image: url(../images/design/inicio-bg.png); background-repeat: no-repeat; background-position: top; padding: 0 40px 20px 20px;}
				
				div.body-portada hr{ border: 1px solid white; color: white; }
				.especial-portada{ background-color: white; background-image: url(../images/design/inicio-bg-gray.png);
					background-position: top; background-repeat: no-repeat; padding: 5px 20px 20px 20px; border: solid 2px white; }
					
					td.promo-titulo{ height: 97px; vertical-align: top; }
					td.promo-img{ height: 160px; background-image: url(../images/design/yellow-bg.png); }
			
			td.body, td.body-all, td.body-portada{ line-height: 20px; }
			
			p.contacto{ padding: 0px; margin: 0px; text-align: left; }
			div.gallery{ width: 750px;; text-align: center; background-image: url(../images/design/gallery-bg.png); background-repeat: repeat-x;
				border: solid 1px #999999; }
				
			table.testimonio-contenido{ padding: 0 50px 0 50px; }
			td.testimonio-contenido{ padding: 20px 0 20px 40px; width: 550px; background-image: url(../images/design/comillas-grises.png);
				background-position: left; background-repeat: no-repeat; border-bottom: solid 1px #cccccc;  }
				td.testimonio-contenido:hover{ background-image: url(../images/design/comillas-amarillas.png); }
				td.testimonio-contenido h1 a{ font-size: 16px; color: #333333; text-decoration: none; display: block; }
				td.testimonio-contenido h1 a:hover{ color: #8a1d1a; text-decoration: none; }
				
			div.testimonio-contenido{ padding: 20px 0 20px 0; border-bottom: solid 1px #cccccc; }
			div.testimonio-contenido div.titulo{ padding: 0 0 0 40px; height: 30px; margin: 0 0 20px 0;
				background-image: url(../images/design/comillas-amarillas.png); background-position: left; background-repeat: no-repeat; }
			
			
				
			/*
td.content{ width: 620px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-image: url(../images/design/content-bg.png); 
				background-repeat: repeat-x; background-position: top; height: 300px; vertical-align: top;}
			td.content-all{ width: 780px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; 
				background-image: url(../images/design/content-bg.png); 
				background-repeat: repeat-x; background-position: top; height: 300px; vertical-align: top; }
*/
				
			
	
			td.body-admin{ width: 840px; vertical-align: top; padding: 15px 15px 0 15px; text-align: justify;}
			
			div.title{ padding-bottom: 5px; }
			h1{ color: #8a1d1a; margin: 0; font-size: 18px; text-align: left; line-height: normal;}
			h1.top{ color: #96be0d; margin: 0 20px 0 0; font-size: 24px; text-align: right;}
			h4{ text-align: right; font-size: 11px; font-weight: bold; color: #666666;}
			
			h2{ color: #8a1d1a; margin: 0; font-size: 16px; text-align: left; line-height: normal; }
				h2 a{ color: #8a1d1a; text-decoration: none; }
				h2 a:hover{ text-decoration: underline; }
				
			h3{ color: #666666; margin: 0px; font-size: 14px; text-align: left; line-height: normal; }
				h3 a{ color: #666666; text-decoration: none; }
				h3 a:hover{ color: #666666; text-decoration: underline; }
			
			/* CONTACT FORM */
			div.form{ background-image: url(../images/design/inicio-bg.png); background-position: top; background-repeat: repeat-x;
				color: white; }
				div.form a{ color: white; text-decoration: underline; }
				
			div.form-solicitud{ background-image: url(../images/design/inicio-bg.png); background-position: top; background-repeat: repeat-x;
				color: #8a1d1a; font-size: 11px; margin: 0 0 0 20px; padding: 5px; text-align: left; line-height: normal; }
				div.form-solicitud a{ color: #8a1d1a; text-decoration: underline; }
				div.form-solicitud p{ margin: 0px; padding: 0px; }
				div.form-solicitud td{ margin: 0px; padding: 5px 0 0 0; }
			
			/* sitios de interes */
			div.modulo-lateral-top{ width: 168px; height: 10px; background-image: url(../images/design/modulo-lateral-top.png); 
				background-position: top; background-repeat: no-repeat; font-size: 2px; }
			
			div.modulo-lateral{ width: 153px; background-image: url(../images/design/modulo-lateral-bg.png);
				background-position: bottom; background-repeat: no-repeat; padding-bottom: 20px; padding-left: 15px;}
				
				td.icono-lila, td.icono-naranja, td.icono-verde, td.icono-amarillo{ padding: 10px 10px 10px 0; }
				td.modulo-lateral-lila, td.modulo-lateral-naranja, td.modulo-lateral-verde, td.modulo-lateral-amarillo{ font-size: 16px; font-weight: bold; text-align: left;  }
				
				td.icono-lila, td.modulo-lateral-lila { border-bottom: solid 2px #73599c;  }
				td.icono-naranja, td.modulo-lateral-naranja { border-bottom: solid 2px #ff6600; }
				td.icono-verde, td.modulo-lateral-verde { border-bottom: solid 2px #669900; }
				td.icono-amarillo, td.modulo-lateral-amarillo { border-bottom: solid 2px #ffcc00; }
				
				td.modulo-lateral-lila, td.modulo-lateral-naranja, td.modulo-lateral-verde{ padding-right: 10px; }
			
				
					td.interes{ border-bottom: solid 1px #669900; padding: 10px 10px 10px 0; }
					td.interes a{ color: #333333; font-size: 12px; }
					td.interes a:hover{ color: #669900; }
				
		
			/* div login */
			div.login{ width: 139px; margin: 0 auto 0 auto; text-align: right; color: #666666;}
				
			input.login{ border: 1px solid #666666; margin: 2px 2px 2px 2px; font-size: 13px; color: #666666;}	
			a.registro{ font-size: 14px; text-decoration: none; color: #964b00; margin: 10px 0 10px 0px;}
		
			/* News */
			a.news{ color: #964b00; text-decoration: none;}
		
	/* bottom */
	#bottom{ width: 100%; height: 80px; position: absolute; display: block; bottom: 0; background-image: url(../images/design/bottom-bg.png); background-position: top; background-repeat: repeat-x; color: #333333; text-align: center; font-size: 11px; padding-top: 10px; padding-bottom: 20px;}
		
		a.bottom{ color: #333333; }
		a.bottom:hover{ text-decoration: underline;}
		
		a.bottom-select{ color: #8a1d1a; text-decoration: none;}
	
	/* extras */
	div.error{ color: red; text-align: center; margin: 5px auto 5px auto;}
	div.ok{ color: green; text-align: center; margin: 5px auto 5px auto;}
	
	b.news{ color: #663300; font-size: 14px;}
	
	#right{ text-align: right;}
	#center{ text-align: center; margin: 0 auto 0 auto;}
	
	a.volver{ color: #ff9900; text-decoration: none; }
	
	img.icon{ width: 20px; cursor: pointer;}