/* Top Elements */* { margin: 0; padding: 0; outline: 0 } body {font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #666666; text-align: center;}/* links */ a, a:visited { color: #5A93C9; background: inherit; text-decoration: none;} a:hover { color: #88ac0b; background: inherit; text-decoration: none;}/* headers */ h1, h2, h3 {font-family: 'Trebuchet MS', Tahoma, Sans-serif; font-weight: Bold;} h1 {font-size: 190%; font-weight: normal; color: #555;} h2 {font-size: 130%; text-transform: uppercase; color: #88ac0b;} h3 { font-size: 130%; } h1, h2, h3, p { padding: 10px; margin: 0;} ul, ol { margin: 5px 20px;padding: 0 20px;} ul {list-style: none;}/* images *//**************************************LAYOUT ********************************************/ #wrape {position: relative; width: 820px; margin: 0 auto; text-align: left;} #content-wrap {position: relative; clear: both; float: left; width: 790px; padding: 0; border-top: 5px solid #FFF; border-bottom: 2px solid #D0D0D0; margin-left: 15px; display: inline;} #news-wrap { position: relative; width: 820px; margin: 0 auto; clear: both; border: 0;} #header, headern { width: 820px; position: relative; height: 120px; padding: 0; } #header {height: 120px;} #headern {height: 150px;} #header h1#logo-text a, #headern h1#logo-text a{ position: absolute;margin: 0; padding: 0; font: bold 36px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -1px; color: #787676; text-transform: none; text-decoration: none;/* change the values of top and left to adjust the position of the logo*/top: 45px; left: 220px; } #header p#slogan, #headern p#slogan {position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #838181; }/* change the values of top and left to adjust the position of the slogan*/ #header p#slogan { top: 87px; left: 255px; } #headern p#slogan { top: 130px; left: 255px; }/* header links */ #header #header-links, #headern #headern-links {position: absolute; top: 20px; right: 20px; color: #838181; font-size: 10px; } #header #header-links a, #headern #headern-links a { color: #838181; text-decoration: none; } #header #header-links a:hover, #headern #headern-links a:hover {color: #444; }/* header-photo */ #header-photo {background: url(certificazioni-energetiche/log.jpg) no-repeat center center;} #header-photo-preventivo {background: url(certificazioni-energetiche/preventivo.jpg) no-repeat center center;} #header-photo-contatti {background: url(certificazioni-energetiche/log-contatti.jpg) no-repeat center center;} #header-photo-informazioni {background: url(certificazioni-energetiche/log-informazioni.jpg) no-repeat center center;} #header-photo-arredamento {background: url(certificazioni-energetiche/log-arredamento.jpg) no-repeat center center;} #header-photo-eventi {background: url(certificazioni-energetiche/log-eventi.jpg) no-repeat center center;} #header-photo-compravendita {background: url(certificazioni-energetiche/log-casa.jpg) no-repeat center center;} #header-photo-impianti {background: url(certificazioni-energetiche/log-impianti.jpg) no-repeat center center;} #header-photo-urgente {background: url(certificazioni-energetiche/log-urgenza.jpg) no-repeat center center;} #header-photo-servizi {background: url(certificazioni-energetiche/log-servizi.jpg) no-repeat center center;} #header-photo-faq {background: url(certificazioni-energetiche/log-faq.jpg) no-repeat center center;} #header-photo-casa {background: url(certificazioni-energetiche/log-piano-casa.jpg) no-repeat center center;} #header-photo-capannone {background: url(certificazioni-energetiche/log-capannone.jpg) no-repeat center center;} #header-photo-condominio {background: url(certificazioni-energetiche/log-condominio.jpg) no-repeat center center;} #header-photo-compravendita, #header-photo-eventi, #header-photo-arredamento, #header-photo-informazioni, #header-photo-contatti, #header-photo-preventivo, #header-photo, #header-photo-impianti, #header-photo-urgente, #header-photo-servizi, #header-photo-faq, #header-photo-casa, #header-photo-capannone, #header-photo-condominio {clear: both; height: 190px; width: 790px; margin: 0 auto;} /* Navigation */#navi {clear: both; padding: 0; } #navi ul {float: left; list-style: none; background: url(certificazioni-energetiche/bg.jpg) repeat-x; width: 790px; text-transform: uppercase; margin: 0 0 0 15px; padding: 0; display: inline;} #navi ul li {display: inline; margin: 0; padding: 0;} #navi ul li a { display: block; float: left; width: auto; margin: 0; padding: 0 14px; border-bottom: none; color: #FFF; font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px;} #navi ul li a:hover, #navi ul li a:active {background: url(certificazioni-energetiche/nav-hover.jpg) repeat-x; } #navi ul li#current a { background: url(certificazioni-energetiche/nav-current.jpg) repeat-x; } #navi ul li#current1 a { background: url(certificazioni-energetiche/nav-current1.jpg) repeat-x; } /* Main Column */#main, #mainp, #mains, #pagina {float: left; padding: 20px 0 0 0; margin: 0 0 0 10px; display: inline; } #main {width: 56%; } #main h2, #mainp h2, #mains h2, #main h4 {font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif; color: #85970C; text-transform: none; padding: 5px 0 0px 5px; } #main h2 a, #mainp h2 a, #mains h2 a, #main h4 a{color: #85970C; text-decoration: none;} #main a{font-weight: bold;} #pagina {width: 100%;} #pagina ul li {list-style: none; background: url(certificazioni-energetiche/dots.jpg) repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 2px; color: #8F8F8F;} /* Sidebar */ #sidebar, #sidebarp, #sidebars {float: right; padding: 20px 10px 0 0; margin: 0; } #sidebar { width: 38.5%;} #sidebar h3, h4, #sidebarp h3, #sidebars h3{ padding: 5px 5px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #8C9F0D; } #sidebar a, #sidebarp a, #sidebars a {text-decoration: none; color: #8C9F0D; } #sidebar a:hover, #sidebarp a:hover, #sidebars a:hover {color: #1773BC; } #sidebar ul.sidemenu, #sidebarp ul.sidemenu, #sidebars ul.sidemenu {text-align: left; margin: 7px 4px 8px 0; padding: 0;text-decoration: none; background: url(certificazioni-energetiche/dots.jpg) repeat-x left top;} #sidebar ul.sidemenu li, #sidebarp ul.sidemenu li {list-style: none; background: url(certificazioni-energetiche/dots.jpg) repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 2px;color: #8F8F8F;} * html body #sidebar ul.sidemenu li, * html body #sidebarp ul.sidemenu li, * html body #sidebars ul.sidemenu li {height: 1%;} #sidebar ul.sidemenu li a, #sidebarp ul.sidemenu li a, #sidebars ul.sidemenu li, #sidebars ul.sidemenu li a {text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover, #sidebarp ul.sidemenu li a:hover, #sidebars ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul, #sidebarp ul.sidemenu ul, #sidebars ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li, #sidebarp ul.sidemenu ul li, #sidebars ul.sidemenu ul li { background: none; } /* Main Column preventivo */#mainp {width: 78%; line-height: 3em;} /* Sidebar preventivo */ #sidebarp { width: 16.5%;} /* main e sidebar per consigli*//* Main Column consigli */#mains {width: 24.5%; line-height: 3em;} /* Sidebar consigli */ #sidebars { width: 70%; } /* footer */#footer-wrap {clear: both; width: 790px; font-size: 95%; text-align: left; padding: 15px 0;} #footer-chiave { border: 1px solid #88ac0b;} #footer-wrap a {text-decoration: none; color: #666666;font-weight: bold;} #footer-wrap a:hover {color: #000; } #footer-wrap p {padding:10px 0;} #footer-wrap h3 {color: #666666; margin: 0; padding: 0 10px; text-transform: uppercase;} /* bottom */#footer-bottom {clear: both; color: #666; margin: 0 auto; width: 820px; padding: 10px 0; text-align: center;} /* postmeta */.post-footer {background: url(certificazioni-energetiche/post.jpg); padding: 5px; margin: 5px 10px 10px 10px; font-size: 95%; color: #AEA471; border: 1px solid #E0DBC9;} .post-footer .date{ margin: 0 10px 0 5px; } .post-footer a.comments { margin: 0 10px 0 5px; } .post-footer a.readmore { margin: 0 10px 0 5px; } .post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #888; } /* alignment classes */.align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */.clear { clear: both; } .left img { float:left; position:relative; margin-left: 15px;} img { border: 0;} #contatti{ float:right; position:relative;} #arredo{ float:left; position:relative;}/* liScroll style declarations */ .tickercontainer { /* the outer div with the black border */width: 760px; height: 27px; margin: 0; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative; left: 0px; top: 8px; overflow: hidden;} ul.newsticker { /* that's your list */position: relative; left: 12px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0;} ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; white-space: nowrap;} ul.newsticker span {margin: 0; color: #8C9F0D;} /* layout form preventivo*/ fieldset {padding: 1.5em 1.5em 1.5em 1.5em;border-style:solid; border-color:#8C9F0D; position:relative;} label {padding:8px 6px;} textarea {border:1px solid #AAA;} #submit {font-weight:bold;} .obbligo {font-weight:bold;} .lettera {font: bold 4em 'Trebuchet MS', Tahoma, Sans-serif;color: #8C9F0D; float: left; } .acapo{font-weight:bold; padding-left: 3.1em;} #centrato{text-align: center;} .normativa{line-height: 2em; font-weight:bold;} .linkarredo{font: bold 4em 'Trebuchet MS', Tahoma, Sans-serif; color: #8C9F0D; float: left; } #frameeventi{width: 550px; height: 600px; } #frameeventib{width: 550px; height: 1000px; } #frameeventic{width: 550px; height: 1400px; } #frameeventi, #frameeventib, #frameeventic{float: left;margin: 0;} .colorspan{color: #8C9F0D; cursor: pointer;} .servizi {font: bold 1.5em 'Trebuchet MS', Tahoma, Sans-serif; color: #8C9F0D; }/* layout mappa italia*/ #mappa, #mappa2{width:300px; height:319px; position:relative; } #mappa{left: 200px;} #mappa2{left: 100px;} #mappa a, #mappa2 a{text-decoration:none; color:#000000; outline:none;} #mappa a img.regione, #mappa2 a img.regione{position:absolute;display:block;} #mappa a span, #mappa2 a span{display:none;} #mappa a:hover span, #mappa2 a:hover span, #mappa #info, #mappa2 #info {display:block; width:232px; height:273px; position:absolute; right:10px; top:10px; border:2px solid #CCCCCC; padding:10px; color:#333333;font-size:12px; line-height:18px; letter-spacing:1px; text-align:justify; overflow:hidden; z-index:20;} #mappa span b, #mappa2 span b{display:block;height:30px;line-height:30px;margin-bottom:10px;border-bottom:1px solid #CCCCCC;} #aosta{left:5px;top:37px;z-index:1;} #piemonte{left:2px;top:27px;} #liguria{left:20px;top:77px;} #lombardia{left:41px;top:19px;} #trentino{left:80px;top:3px;z-index:2;} #veneto{left:85px;top:15px;} #friuli{left:120px;top:15px;z-index:3;} #romagna{left:55px;top:62px;} #toscana{left:66px;top:81px;} #marche{left:118px;top:96px;} #umbria{left:113px;top:108px;} #lazio{left:105px;top:132px;} #abruzzo{left:139px;top:128px;} #molise{left:160px;top:152px;z-index:4;} #puglia{left:182px;top:154px;} #campania{left:158px;top:169px;} #basilicata{left:194px;top:179px;z-index:5;} #calabria{left:205px;top:210px;} #sardegna{left:30px;top:175px;} #sicilia{left:130px;top:270px;} table, td {border:1px solid #AAA; padding: 0;} table {width= 250px; text-align: center;} td{width= 125px; }