body{ margin: 0; padding: 0; min-height: 100%; font-family: "arial"; font-size: 13px; color: #333333;
	 background-image: url(../images/design/body-bg.png); }
	
	a{ outline: none; }
	a{ text-decoration: none; color: black; }
	
	
	a img{ border: none; }
	
	.color-corporativo{ color: #061a57; }
	a.color-corporativo:hover{ text-decoration: underline; }
	.small{ font-size: 11px; }
	
	.gray{ color: #061A57; }
	
	/* website */
	#website{ width: 100%; min-height: 100%; position: absolute; } 
		
	/* header */
	/*************************************************/
	/* EDITAR HEADERS BG SEGONS PANTALLAS PRINCIPALS */
	
	#header{ width: 100%; height: 100px; background-image: url(../images/design/header-bg.png); 
		background-position: center; 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: 1000px; height: 100px; background-color: white; margin-left: auto; margin-right: auto;margin-bottom: 0px; margin-top: 0px; }
	
		div.img-cabecera-index,div.img-cabecera-construccion,div.img-cabecera-recuperacio, div.img-cabecera-investigacio,div.img-cabecera-trabaja, div.img-cabecera-aviso-legal, div.img-cabecera-politica-privacidad, div.img-cabecera-avis-legal, div.img-cabecera-politica-privacitat, div.img-cabecera-filosofia, div.img-cabecera-consultambiental,div.img-cabecera-contacto, div.img-cabecera-contacte, div.img-cabecera-servicios, div.img-cabecera-geotecnia, div.img-cabecera-geotermia, div.img-cabecera-projectes, div.img-cabecera-pro1, div.img-cabecera-pro2, div.img-cabecera-pro3, div.img-cabecera-pro4, div.img-cabecera-pro5, div.img-cabecera-pro6, div.img-cabecera-pro7, div.img-cabecera-pro8, div.img-cabecera-pro9, div.img-cabecera-pro10{ width: 574px; height: 100px; background-image: url(../images/design/header-salpica.png); }
		
		
		div.idiomas-header{ padding: 5px 0px 0 26px; line-height: 14px; }
		div.idiomas-header a{ color: black; float:left;margin-left: 5px; margin-top: 0px;}
		div.idiomas-header span{ color: black; float:left;margin-left: 2px; margin-top: 0px;}
		div.idiomas-header a:hover{ text-decoration: underline; }	
		div.idiomas-header .contacte{ text-decoration:strong; color:white; margin-left: 110px; float:left; }
		
	/*************************************************/	
		
		
	/* menu */
	#menu{ width: 100%;; height: 25px; }
		
		/* table menu */
		table.menu{ width:1000px; height: 28px; text-align: center; font-size: 12px; font-weight: normal; margin: 0 auto 0 auto; 
			background-image: url(../images/design/menu-sup-bg.png); background-position: top; background-repeat: repeat-x; }
			
			td.menu{ text-align: center; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; }
			td.menu:hover{ background-image: url(../images/design/menu-sup-hover.png); background-position: top; background-repeat: repeat-x; 
				text-align: center; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; }
		
			td.menu-select{ background-image: url(../images/design/menu-sup-select.png); background-position: top; background-repeat: repeat-x; 
				text-align: center; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; }
				
			td.menu-separacion{ width: 1px; font-size: 1px;
				background-image: url(../images/design/menu-sup-separacion.png); background-position: top; background-repeat: repeat-x; }
		
			a.menu{ color: white; text-decoration: none; display: block;}
			a.menu:hover, td.menu:hover a{ color: #061a57; display: block;}
			a.menu-select{ color: #061a57; text-decoration: none; display: block;}
		
	/* body */
	#body{ width: 1000px; min-height: 450px; margin: 0 auto 0 auto; background-color: white;} 
		
		/* submenu */
		table.submenu{ width: 149px; margin: 0 0 0 30px;
			background-image: url(../images/design/submenu-gray-bg.png); background-position: top; background-repeat: repeat-y; }
		
			td.submenu, td.submenu:hover, td.submenu-select{ padding: 10px 5px 10px 10px; font-weight: bold; font-size: 12px;
			}		
			
			td.submenu:hover{ background-image: url(../images/design/submenu-hover-bg.png); }
			td.submenu-select{ background-image: url(../images/design/submenu-select-bg.png); }
				
				.submenu a{ text-decoration: none; color: white; display: block; }
				.submenu a:hover, td.submenu:hover a { text-decoration: none; color: white; display: block; }
				.submenu-select a{ text-decoration: none; color: white; display: block; }
				.submenu-select a:hover{ text-decoration: none; }
				
				
				
				
			
		
	
		/* submenu2 */
		table.submenu2{ width: 149px; }
		
		td.submenu2, td.submenu2:hover, td.submenu2-select{ color: white; padding-top: 10px;
			font-weight: normal; font-size: 12px; }
			
			div.submenu2{ padding-left: 0px; border-top: solid 1px white; padding-top: 5px; padding-bottom: 2px;}
		
			a.submenu2{ color: white; text-decoration: none; display: block;}
			a.submenu2:hover{ color: white; text-decoration: underline; display: block;}
			a.submenu2-select{ color: white; 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; margin: 0 auto 0 auto; }
			
			/**********************************************/
			/* 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{ width: 950px; height: 300px; vertical-align: top; padding: 10px 40px 20px 20px; text-align: justify; }
			td.body-all{ width: 950px; height: 300px; vertical-align: top; padding: 10px 10px 20px 10px; text-align: justify; }
			
			/* td.body, td.body-all{ line-height: 20px; } */
			
			p.contacto{ padding: 0px; margin: 0px; text-align: left; }
			
			td.contact-text{ width: 500px; padding: 0 0 0 0; }
			
			

			
	
			td.body-admin{ width: 840px; vertical-align: top; padding: 15px 15px 0 15px; text-align: justify;}
			
			div.title{ padding-bottom: 20px; }
			h1{ color: #061a57; margin: 0; font-size: 24px; text-align: left; line-height: normal;}
			h1.top{ color: #061a57; margin: 0 20px 0 0; font-size: 24px; text-align: right;}
			h4{ text-align: right; font-size: 11px; font-weight: bold; color: #666666;}
			
			/* CONTACT FORM */
			div.form{ margin-left:80px; background-color: #fd9c02; border: solid 1px #999999;
				color: #061a57; }
				div.form a{ color: #061a57; text-decoration: underline; }
			
			/* sitios de interes */
			div.modulo-lateral{ width: 130px; padding-top: 30px; text-align: center;}
			
				div.modulo-lateral-center{ width: 129px; padding-left: 11px; padding-right: 11px; color: white; text-align: right;}
					
					div.modulo-lateral-center a{ color: white; text-decoration: none; }
					div.modulo-lateral-center a:hover{ text-decoration: underline; }
					
					div.lateral-contact, div.lateral-contact:hover{ width: 130px; height: 40px; background-position: center; background-repeat: no-repeat; }
					div.lateral-contact{ background-image: url(../images/design/lateral-contact.png); }
					div.lateral-contact:hover{ background-image: url(../images/design/lateral-contact-hover.png); }
					
					div.lateral-gallery-tattoo, div.lateral-gallery-tattoo:hover, div.lateral-gallery-piercing, div.lateral-gallery-piercing:hover { width: 130px; 							height: 40px; background-position: center; background-repeat: no-repeat; }
					
					div.lateral-gallery-tattoo { background-image: url(../images/design/lateral-tattoo.png); }
					div.lateral-gallery-tattoo:hover { background-image: url(../images/design/lateral-tattoo-hover.png); }
					
					div.lateral-gallery-piercing { background-image: url(../images/design/lateral-piercing.png); }
					div.lateral-gallery-piercing:hover { background-image: url(../images/design/lateral-piercing-hover.png); }
				
					td.interes a{ color: #333333; }
					td.interes a:hover{ color: #0099cc; }
				
		
			/* 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: 60px; bottom: 0; background-image: url(../images/design/bottom-bg.png); background-position: top; background-repeat: repeat-x; color: white; text-align: center; font-size: 11px; padding-top: 10px; padding-bottom: 20px;}
		
		a.bottom{ color: white; }
		a.bottom:hover{ text-decoration: underline;}
		
		a.bottom-select{ color: white; 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: #061a57; 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;}
	
	
	/*ENRIC*/
	
	#slider_cnt{float:left; width: 100%; margin: 10px 0; height: 225px;margin-left: 0px;}
	#slider_cnt ul, #slider_cnt li{float:left;}
	#slider{margin: 0; padding: 0; margin-left: 0;}
	#slider_projectes{ width: 100%; margin-left: 0px;  }	
	
	
	#bkg{ width: 100%; height: 100%; background-image: url(../images/bkgi.jpg); background-position: top; background-repeat: repeat-x; color: black; text-align: center; font-size: 12px; padding-top: 10px; padding-bottom: 20px;}