﻿/* ------------------------------------------- */
/* BODY                                        */
body { background: #005da5 url('/images/back.jpg') repeat-y top left; }
/* ------------------------------------------- */
/* CONTAINER                                   */
div#container { background: url('/images/bottom.png') no-repeat bottom center; }		
/* ------------------------------------------- */
/* BRANDING                                    */
div#branding { background: url('/images/top.png') no-repeat bottom center; }		 
	div#branding h1 { background: url('/images/logo.png') no-repeat right center; }		 
/* ------------------------------------------- */
/* NAV MAIN                                    */
div#nav_main { background: url('/images/middle.gif') repeat-y top center; }		 
	div#nav_main a { color: #717272; border-left: 1px solid #717272; }		 
	div#nav_main ul li:first-child a { border-left: none; }		 
	div#nav_main a:hover { color: #333333; }	
		div#nav_main ul li ul li { border-top: 1px solid #878787; }
		div#nav_main ul li ul li:first-child { border-top: none; }
			div#nav_main ul li ul li a { color: #ffffff; border: none; background: url('/images/submenu.png');  }
			div#nav_main ul li ul li a:hover { color: #ffffff; background: url('/images/submenu_hover.png');  }
	 
/* ------------------------------------------- */
/* CONTENT                                     */
div#content { background: url('/images/middle.gif') repeat-y top center; }		 
	div#nav_supp { background: #ec008c; }
		ul.prod_list { border-top: 4px solid #cacaca; }
			ul.prod_list li.detergenti { background: #0081c1 url('/images/detergenti.gif') no-repeat top right; }
				ul.prod_list li.detergenti h3 { background: url('/images/detergenti_head.gif') no-repeat top left; }
				ul.prod_list li.detergenti a { background: url('/images/detergenti_full.jpg') no-repeat top left; }
			ul.prod_list li.carta { background: #8cc63f url('/images/carta.gif') no-repeat top right; }
				ul.prod_list li.carta h3 { background: url('/images/carta_head.gif') no-repeat top left; }
				ul.prod_list li.carta a { background: url('/images/carta_full.jpg') no-repeat top left; }
			ul.prod_list li.pulizia { background: #00aeef url('/images/pulizia.gif') no-repeat top right; }
				ul.prod_list li.pulizia h3 { background: url('/images/pulizia_head.gif') no-repeat top left; }
				ul.prod_list li.pulizia a { background: url('/images/pulizia_full.jpg') no-repeat top left; }
			ul.prod_list li.alberghi { background: #ec008c url('/images/alberghi.gif') no-repeat top right; }
				ul.prod_list li.alberghi h3 { background: url('/images/alberghi_head.gif') no-repeat top left; }
				ul.prod_list li.alberghi a { background: url('/images/alberghiere_full.jpg') no-repeat top left; }
	div#content_main { color: #a8a8a8; }
		div.detergenti { background: url('/images/detergenti_back.jpg') no-repeat top left; }
			div.detergenti a.pdf { background: url('/images/detergenti_pdf.png') no-repeat top left; }
		div.carta { background: url('/images/carta_back.jpg') no-repeat top left; }
			div.carta a.pdf { background: url('/images/carta_pdf.png') no-repeat top left; }
		div.pulizia { background: url('/images/pulizia_back.jpg') no-repeat top left; }
			div.pulizia a.pdf { background: url('/images/pulizia_pdf.png') no-repeat top left; }
		div.alberghi { background: url('/images/alberghi_back.jpg') no-repeat top left; }
			div.alberghi a.pdf { background: url('/images/alberghi_pdf.png') no-repeat top left; }
		div#content_main h2 { color: #9c9c9c; background: url('/images/head.gif') no-repeat bottom left; }
		div#content_main h3 { color: #b7b7b7; background: url('/images/point.gif') no-repeat left center; }
	div#main { color: #a8a8a8; background: url('/images/sha.jpg') no-repeat 100% 10px; }
		div#main h3 { color: #005da4; background: url('/images/col_line.gif') no-repeat bottom left; }
	div#msupp { color: #a8a8a8; }
		div#supp h2 { color: #ec008c; }
	div#supp02 { color: #a8a8a8; background: url('/images/sha.jpg') no-repeat 100% 10px; }
		div#supp02 h3 { color: #005da4; background: url('/images/col_line.gif') no-repeat bottom left; }
	div#main02 { color: #a8a8a8; }
		div#main02 h2 { color: #ec008c; }

/* ------------------------------------------- */
/* SITE INFO                                   */
div#site_info { color: #808285; background: #ffffff; }
	div#site_info a { color: #808285; }
	div#site_info a:hover { color: #333; }
	div#site_info div.gutter { background: url('/images/certificazione.gif') no-repeat 4px 20px; }

/* ------------------------------------------- */
/* CONTATTI                                    */
form#invioForm legend { padding: 0 0 20px 0; color: #005da4; font-size: 1.3em; font-weight: normal; text-transform: lowercase; }
div#supp legend { padding: 56px 0 20px 0; }
ul.contatti { list-style: none!important; }
	ul.contatti li { border-top: 1px solid #f3f3f3; padding: 0 0 10px 0; clear: both; }
		ul.contatti li div { float: right; padding: 5px 0; margin: 0 15px 0 0; }
		ul.contatti li label { width: 100px; float: left; display: block; padding: 7px 0 0 5px; border-right: 1px solid #f3f3f3; }
		ul.contatti li label.long {  }
		ul.contatti li input { width: 250px; margin: 7px 0 0 20px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #dadada; }
		ul.contatti li input.captcha { width: 115px; margin: -5px 0 0 10px; }
		ul.contatti li img.captcha { margin: 7px 0 0 20px; }
		ul.contatti li.button { overflow: auto; background: url('/images/col_line.gif') no-repeat bottom right; padding: 0 0 20px 0; }
			ul.contatti li.button input { float: right; width: 80px; margin: 35px 20px 0 0px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #ebebe8; background: #f9f9f9; }
			ul.contatti li input.opt { float: none; display: inline; width: 20px; margin: 0; padding: 0px; border: none; background: none; }
		ul.contatti li textarea { width: 250px; height: 55px; margin: 5px 0 0 20px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #dadada;  }
			ul.contatti li textarea.privacy { color: #a7a7a5; }
/* ------------------------------------------- */
/* ORDINI                                      */
ul.ordini { list-style: none!important; }
	ul.ordini li { border-top: 1px solid #f3f3f3; padding: 0 0 10px 0; clear: both; }
		ul.ordini li div { float: right; padding: 5px 0; margin: 0 15px 0 0; }
		ul.ordini li label { width: 130px; float: left; display: block; padding: 7px 0 0 5px; border-right: 1px solid #f3f3f3; }
		ul.ordini li label.long {  }
		ul.ordini li input { width: 220px; margin: 7px 0 0 20px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #dadada; }
		ul.ordini li input.captcha { width: 115px; margin: -5px 0 0 10px; }
		ul.ordini li img.captcha { margin: 7px 0 0 20px; }
		ul.ordini li.button { overflow: auto; background: url('/images/col_line.gif') no-repeat bottom right; padding: 0 0 20px 0; }
			ul.ordini li.button input { float: right; width: 80px; margin: 35px 20px 0 0px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #ebebe8; background: #f9f9f9; }
			ul.ordini li input.opt { float: none; display: inline; width: 20px; margin: 0; padding: 0px; border: none; background: none; }
		ul.ordini li textarea { width: 250px; height: 55px; margin: 5px 0 0 20px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #dadada;  }
			ul.ordini li textarea.privacy { color: #a7a7a5; }

table.ordine { width: 100%; }  
	table.ordine th { background: #f3f3f3; padding: 5px 0 5px 5px; } 
	table.ordine td { padding: 5px 2px 2px 2px; } 
		table.ordine td input { font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #dadada; } 
		table.ordine td.cod { width: 80px; } 
		table.ordine td.des { width: 250px; } 
		table.ordine td.qua { width: 50px; } 
			table.ordine td.cod input { width: 80px; } 
			table.ordine td.des input { width: 250px; } 
			table.ordine td.qua input { width: 50px; } 
		p.button { overflow: auto; background: url('/images/col_line.gif') no-repeat bottom right; padding: 0 0 20px 0; }
			p.button input { float: right; width: 80px; margin: 35px 20px 0 0px; font-family: Verdana; font-size: 1em; padding: 2px; border: 1px solid #ebebe8; background: #f9f9f9; }
		p.captcha { border-bottom: 1px solid #f3f3f3; margin-top: 20px!important; }
		p.captcha label { width: 100px; float: left; display: block; padding: 0 0 0 5px; border-right: 1px solid #f3f3f3; height: 40px; }
		p.captcha input.captcha { width: 145px; margin: 0px 0 10px 10px; border: 1px solid #dadada; }
		p.captcha img.captcha { margin: 0px 0 0 20px; }



