/* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; font-family:Verdana,Helvetica,Arial,Geneva,sans-serif; font-size:14px; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* -------------------------------------------------------------- forms.css * Sets up some default styling for forms * Gives you classes to enhance your forms Usage: * For text fields, use class .title or .text -------------------------------------------------------------- */ label { font-weight: bold; } fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size:1.2em; } /* Form fields -------------------------------------------------------------- */ input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; } input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; } input.text, input.title { width: 300px; padding:5px; } input.title { font-size:1.5em; } textarea { width: 390px; height: 100px; padding:5px; } /* Success, notice and error boxes -------------------------------------------------------------- */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* -------------------------------------------------------------- * Fabry -------------------------------------------------------------- */ a{color:#76A0B1;} a:hover{ text-decoration:none;} #middle p{ margin-bottom:5px; font-size:12px;} #middle h3,#middle h4{ margin-bottom:5px; font-size:14px; font-weight:bold; } #middle h1{ color:#76A0B1; font-size:18px; font-weight:lighter; text-transform:uppercase; margin-bottom:5px; font-family:Tahoma, Geneva, sans-serif; } #ContainerMain{ width: 980px; margin:0 auto; position:relative; } #logo{padding-top:20px; margin-left:20px;} #logo span{ display:none; text-indent:-9999px;} #menuMain{ list-style:none; height:25px; display:block; margin-left:20px; margin-top:30px; font-size:18px; } #menuMain li{ display:inline; float:left; margin-left:40px; font-family:Helvetica,Arial,Calibri,sans-serif;} #menuMain li a{ display:block; background:#00FF00; text-decoration:none; } .lang-it #menuMain li.menu6li23 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -12px 1px} .lang-it #menuMain li.menu6li24 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -119px 1px} .lang-it #menuMain li.menu6li25 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -229px 1px} .lang-it #menuMain li.menu6li26 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -338px 1px} .lang-it #menuMain li.menu6li27 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -450px 1px} .lang-it #menuMain li.menu6li108 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -541px 1px} .lang-it #menuMain li.menu6li109 a{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -708px 1px} .lang-it #menuMain li.menu6li23 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -12px -49px} .lang-it #menuMain li.menu6li24 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -119px -49px} .lang-it #menuMain li.menu6li25 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -229px -49px} .lang-it #menuMain li.menu6li26 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -338px -49px} .lang-it #menuMain li.menu6li27 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -450px -49px} .lang-it #menuMain li.menu6li108 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -541px -49px} .lang-it #menuMain li.menu6li109 a:hover{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -708px -49px} .lang-it #menuMain li.menu6li23 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -12px -24px} .lang-it #menuMain li.menu6li24 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -119px -24px} .lang-it #menuMain li.menu6li25 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -229px -24px} .lang-it #menuMain li.menu6li26 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -338px -24px} .lang-it #menuMain li.menu6li27 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -450px -24px} .lang-it #menuMain li.menu6li108 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -541px -24px} .lang-it #menuMain li.menu6li109 a.active{ background:transparent url(../img/pulsanti_menu.gif) no-repeat scroll -708px -24px} .lang-en #menuMain li.menu6li23 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -12px 1px} .lang-en #menuMain li.menu6li24 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -119px 1px} .lang-en #menuMain li.menu6li25 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -229px 1px} .lang-en #menuMain li.menu6li26 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -338px 1px} .lang-en #menuMain li.menu6li27 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -450px 1px} .lang-en #menuMain li.menu6li108 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -541px 1px} .lang-en #menuMain li.menu6li109 a{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -708px 1px} .lang-en #menuMain li.menu6li23 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -12px -49px} .lang-en #menuMain li.menu6li24 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -119px -49px} .lang-en #menuMain li.menu6li25 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -229px -49px} .lang-en #menuMain li.menu6li26 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -338px -49px} .lang-en #menuMain li.menu6li27 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -450px -49px} .lang-en #menuMain li.menu6li108 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -541px -49px} .lang-en #menuMain li.menu6li109 a:hover{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -708px -49px} .lang-en #menuMain li.menu6li23 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -12px -24px} .lang-en #menuMain li.menu6li24 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -119px -24px} .lang-en #menuMain li.menu6li25 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -229px -24px} .lang-en #menuMain li.menu6li26 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -338px -24px} .lang-en #menuMain li.menu6li27 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -450px -24px} .lang-en #menuMain li.menu6li108 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -541px -24px} .lang-en #menuMain li.menu6li109 a.active{ background:transparent url(../img/pulsanti_menu_en.gif) no-repeat scroll -708px -24px} #menuMain li a span{ visibility:hidden;} #middle{ margin-left:20px; margin-top:25px; width:940px; overflow:hidden; } #middleRight{ display:inline; float:right; color:#35393d;} #middleRight .home{ height:212px; padding:10px; overflow:hidden; width:448px; } #middleRight .small{width:448px; padding:10px; height:auto !important; height:212px; min-height:212px;} #middleRight .small2{width:448px; padding:10px;} #middleRight .big{width:680px; padding:0 10px 10px 10px;} /* height:auto !important; height:412px; min-height:412px; */ #middleLeft{ float:left; width:468px; height:232px; overflow:hidden; } #boxHome{clear:both; padding-top:4px; } #boxHome .box{width:232px; height:232px; background-color:#CC99FF; float:left; display:inline; margin-right: 4px; overflow:hidden; background-color:#D7D7D7; position:relative; /*cursor:pointer;*/} #boxHome .box.last{ margin-right: 0px; background-color:#B7CBD6} #boxHome .box:hover{ background-color: #B6B5B5;} #boxHome .box.last:hover{ background-color:#76a0b1} #boxHome .titolo{position:absolute; bottom:0; left:0; width:100%; height:47px; line-height:47px; text-align:center; font-family:Helvetica,Arial,Calibri,sans-serif; font-size:16px; z-index:101} #boxHome .titolo a{color: #35393d; font-weight:lighter; text-decoration:none;} #boxHome .img{ position:absolute; bottom:47px; left:0; width:232px; height:72px; z-index:101} #boxHome .testo{ position:absolute; top:17px; left:17px; width:198px; height:113px; overflow:hidden; font-size:12px;z-index:101} #subMenu{ margin-top:4px; margin-right:4px; float:left; display:inline; overflow:hidden; width:232px; height:232px; background-color:#D7D7D7; position:relative; font-size:12px; } #subMenu .menu{ list-style:none; display:block; position:absolute; top:17px; left:17px; z-index:101;} #subMenu .menu li { display:block; list-style:none; clear:both;} #subMenu .menu .home a{ position:absolute; top:180px; left:0px; font-size:16px; margin:0; float:none; } #subMenu .menu a{ text-decoration:none; float:left; clear:both; margin-bottom:5px; display:block; padding: 0 5px 0 5px; color:#000; } #subMenu .menu a:hover{ background-color:#999999; color:#FFF;} #subMenu .menu a.active{ background-color:#666666; color:#FFFFFF;} #cambiaLingua{ position:absolute; top:0; right:271px; list-style:none; height:26px; line-height:24px; background-color:#FFF; border:1px solid #B6B5B5; text-align:center;} #cambiaLingua li{ padding:0 5px 0 25px; background:url(../flags/it.png) no-repeat scroll 4px 8px; } #cambiaLingua li.en{background-image:url(../flags/en.png)} #cambiaLingua a{color:#000; text-decoration:none; } #cambiaLingua a:hover{ text-decoration:underline; } #areaRis{ width:248px; height:100px; position:absolute; top:0; right:20px;} #areaRis .title{ background-color:#D7D7D7; height:28px; line-height:28px; text-indent:17px;} form.login input, form.login label{ font-size:12px} form.login label{width: 80px; float: left; margin-top:5px;} form.login input{width: 150px; float: right; margin-top:5px;} form.login br.aCapo{ clear:both ;} form.login .submit{ border: 1px solid #548194; background:#76A0B1; color:#FFF; padding: 0 2px 0 2px; float:right; margin-top:5px; } /*#logoCertificazione{ position:absolute; right:20px; bottom:20px}*/ .logoCert{float:right; display:inline; margin-top:30px; margin-right:15px;} #footer{ height:90px; margin-left:20px; width:570px; overflow:hidden; font-size:10px; color:#494f54 } #footer h5{font-size:14px; margin-top:12px; color:#181512 } .galleryBig{ position:relative; width:468px; height:232px; overflow:hidden;} .galleryMid {position:relative; width:232px; height:232px; overflow:hidden;} .maschera{ position:absolute; top:0; left:0; z-index:100; width:468px; height:232px; background: transparent url(../img/maschera_larga.gif) no-repeat;} .maschera2{ position:absolute; top:0; left:0; z-index:100; width:232px; height:232px; background: transparent url(../img/maschera_piccola.gif) no-repeat;} #subGallery{ float:left; width:232px; height:232px; overflow:hidden; margin-top:4px; } #map{width:468px; height:468px;} #middle .item{padding:10px 0 10px 0; float:left; width:660px;} #middle .item .img{ float:left; margin: 0 5px 0 0;} #middle .item .img img{border:1px solid #76A0B1; padding:2px; } #middle .item .titolo{ font-weight:bolder; position:relative; top:-5px; margin:0;} #middle .item .data{ font-size:10px; font-style:italic; position:relative; top:-3px; } #middle .item .testo{ font-size:12px; } /*.item .leggi{ float:right; } .item .leggi a:hover{ text-decoration:underline; }*/ ul.documenti{ list-style:none;} ul.documenti li a, a.doc{ display:block; line-height:30px; text-indent: 40px; background: url(../img/icona-pdf.jpg) no-repeat; font-size:11px;} .dettaglio .titolo{ font-weight:bolder; padding: 5px 0;} .dettaglio .testo{ font-size:12px; padding: 5px 0; } .dettaglio .data{ font-size:10px; font-style:italic;} .dettaglio .indietro{ float:right; } .dettaglio .gallery{ clear:both; } .dettaglio .img{ float:left; margin:0 4px 4px 0; } form.info input, form.info label{ font-size:12px} form.info label{width: 120px; float: left; margin-top:5px;} form.info input{width: 250px; float: right; margin-top:5px; } form.info br.aCapo{ clear:both ;} form.info .submit, form.info .reset{ margin-right:5px; border: 1px solid #548194; background:#76A0B1; padding: 0 2px 0 2px; float:right; margin-top:5px; color:#FFF; } form.info #Normativa{ height:70px;} form.info #Acconsento{float: left; width:18px; } #documenti{ padding:10px;} #documenti li{ margin:10px;} #documenti li a{ font-weight:bold; margin:5px 0;} table, td, th{border:1px solid #CCC;border-collapse:collapse; width:100%; font-size:12px;} td,th{padding:5px; width:100px;} td{text-align:left} th{text-align:left; background: #76A0B1;color:#FFF;} tr.odd td{background: #EEE} caption{font-weight:bold;color: #999}