/* CSS Document */ /* --------------------------------------------------------------------------------------- Default styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('../images/body.png') top left repeat-x; } h1 { font-size: 160%; } h2 { font-size: 140%; } h3 { font-size: 120%; } address { font-style: normal; } a:hover , a:focus { text-decoration: none; } label , table { font-size: 100%; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ * { margin: 0; padding: 0; border: 0; } #main { width: 900px; margin: 0 auto; padding: 0 40px; } #main { text-align: left; } #maincontent { width: 100%; } #newshp {clear: both; width: 900px; background: #fff; padding-bottom:30px;} #newslist { padding: 25px 0; } #newslist li { float: left; display: block; list-style: none; width: 398px; padding: 0 25px; border-right: 1px solid #CCC; } #newslist li.lastnews { border: none; } #newslist a { color: #fe5c11; } .SMALL_IMG_NEWS {text-align:left; margin: 2px 10px 10px 0; padding: 0; border:1px solid #CCC; } .thumb_photogallery {text-align:left; margin: 0 15px 0 0; padding: 0; border:5px solid #CCC; } .portfolio {text-align:left; margin: 0 28px 28px 0; padding: 0; border:5px solid #CCC; } /* --------------------- Classes vengono definite le classi generali - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; } .ac { position: absolute; left: -9999px; z-index: -1; } #main .left { float: left; } #main .right { float: right; } .ir , .ir a { position: relative; overflow: hidden; display: block; } .ir a , .ir span , .plus .ir { width: 100%; height: 100%; } .ir span { position: absolute; left: 0; top: 0; } .ir a span { cursor: pointer; } /* --------------------------------------------------------------------------------------- Header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #header { width: 900px; height: 73px; background: #fff; display: block; } #flash { width: 900px; background: #CCC; } #logo { float: left; height: 44px; margin:13px 10px 0 10px; display: inline; width: 330px;} /* --------------------------------------------------------------------------------------- Menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #menu { display: block; float:right; width: 550px; line-height: 73px; } #menu li { position: relative; float: left; display: block; list-style: none; margin: 0 -1px; } #menu li a { display: block; max-height: 73px; padding: 0 9px; text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../images/menu_a.gif') right center no-repeat; } #menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #e44b01 url('../images/menu_a_active.gif') right top repeat-x; } #menu li.last a { background: none; } /* --------------------------------------------------------------------------------------- Offer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #offer { padding: 25px 0; } #offer li { float: left; display: block; list-style: none; width: 174px; padding: 0 25px; border-right: 1px solid #4a5558; } #offer li.last { border: none; } #offer li h2 { width: 139px; height: 19px; margin: 3px 0 0 35px; line-height: 19px; } #offer li p { clear: both; padding: 20px 0 15px; } #offer h2 { font-size: 110%; } #offer { color: #cdcece; background-color: #1c2122; } #offer li { background: url('../images/offer_item.png') 25px top no-repeat; } #offer li a span.innovativo { background: url('../images/title-innovativo.png') left top no-repeat; } #offer li a span.omologato { background: url('../images/title-omologato.png') left top no-repeat; } #offer li a span.sicuro { background: url('../images/title-sicuro.png') left top no-repeat; } #offer li a span.pratico { background: url('../images/title-pratico.png') left top no-repeat; } #offer li a span.modulare { background: url('../images/title-modulare.png') left top no-repeat; } #offer li a { text-transform: uppercase; color: #fff; } /* --------------------------------------------------------------------------------------- MAIN CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #maincontent { width: 100%; color: #000; background-color: #fff; } #maincontent a { color: #fe5c11; background-color: #fff; } #sub #maincontent { background: #fff url('../images/maincontent.gif') top left repeat-x; } #search {color: #fff; background-color: #1c2122; } #search label { text-transform: uppercase; font-size: 90%; } #search input { color: #fff; background-color: #32393a; } #search { margin-top: -3px; padding: 10px 10px 15px 15px; } #search label, #search input { vertical-align: middle; } #search label { margin-right: 3px; line-height: 22px; } #search input { border: 1px solid #525658; } #search input#text { width: 100px; height: 16px; line-height: 16px; margin-right: 3px; padding: 3px 5px; } #search input.img { width: 22px; height: 22px; } /* --------------------------------------------------------------------------------------- Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #black { width: 900px; height: 10px; background-color: #1c2122; } .column { float: left; width: 174px; padding: 40px 25px 0; background: url('../images/back_sx.png') right 0px no-repeat; } #content { overflow: hidden; float: left; width: 600px; color:FFF; padding: 20px 20px 60px 25px; border: 1px solid #d6dee1; border-width: 0 0 0 1px; } #content { line-height: 1.7; } #content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('../images/li.gif') left 5px no-repeat; } #content ul { margin-bottom: 30px;} #content h3 { text-transform: uppercase; color: #FE5C11; } #content h1 { text-transform: uppercase; color: #FE5C11; } #content p { margin-bottom: 40px; } /* --------------------------------------------------------------------------------------- Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #footer { background: #000; margin: 30px 0 50px 0; padding: 0 0 10px 0; color: #fff; } #footer p { margin: 20px 0 0 20px; padding: 5px; } #footer a { color: #FE5C11; } #footer .copy a { text-decoration: none; } #footer .copy a:hover , #footer .copy a:focus { color: #FFF; text-decoration: underline; } INPUT, textarea, select { background-color:#E1E8EA; border-color:#BABCBD; border-width:1px; color:000; border-style:solid; padding: 2px; }