/* *** [v. 2.1] Info generali sul file: * * sito web: DNL * file: css versione it * data creazione: 2010.20.03 * data ultima modifica: - * novita apportate: - * *** Macro areee [scrivi il numero per la ricerca] * * 001. stili standard * 002. divs pagine * 003. special * 004. table * 005. bottoni & form * 006. liste */ /* ************************************ 001. stili standard ************************************ */ html, body {width:100%; margin:0 auto; text-align:center; color:#999; background-color:#A0967B;} td, tr, th, table {font:9pt Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#000;} div {font:9pt Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#000;} p, span {font:9pt Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#000;} .titolotesto {font-size: 9pt; font-weight:bold; color:#666;} .error {color:#f30;} .cursor_link {cursor:pointer;} a:link, a:visited {text-decoration:none; color:#fff; outline:none;} a:focus, a:hover, a:active { text-decoration:underline; color:#FF660F;} img, a {margin:0; padding:0; border:0;} br.cucu { clear:both; height:1px;} hr.cucu { height: 0px; margin: 0px; padding: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;} hr.grigiafina {width:100%; color:#fff; background-color:#fff; height: 1px; border:1px; margin-top:15px;} h1 {float:left;} h2 {font-size:22px; font-weight:bold; color:#FF9900; padding:0 0 10px 0;} .interno {font-size:18px; color:#000; padding:8px 10px 30px 0; text-align:right;} h3 { color:#000; font-size:16px; font-weight:bold; font-style:italic; padding:10px 20px;} h4 { margin-left:5px; margin-top:10px; padding:3px 0; color:#FFF;} * {margin:0; padding:0;} /* ************************************ 002.divs pagina ************************************ */ #page-wrap {background:#fff;min-width:98.5em; max-width: 1200px;margin:0 auto; margin-bottom:10px;} #page-wrap #inside {margin: 0 10px 0px 10px;padding-bottom: 10px; min-width:98.5em;} .header {background:#3C3C3C; padding:0 5px;} .torna_alla_home a {float:left; padding:10px 50px 0 0; font-family:"Times New Roman", Times, serif; color:#fff;} .torna_alla_home a:hover { color:#FF660F;} .header ul { float:right; list-style:none; padding-top:8px;} .header li {padding-left:10px; font-weight:bold; float:left; font-size:11px;} .header li a { color:#FF660F;} .header li a:hover { color:#FFF;} .sotto_header { clear:both; background:#333333; height:35px;} .orologio { float:right; padding:10px 5px 0 0;} .ultimo_header {clear:both; background:#CF4A08; height:110px;} .destra { text-align:right; border:0; padding:0; background-color:#CC4A0C;} .destra a {padding-right:30px;} .pulsante {border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #CA6737;border-left-color: #F0824C;height:35px; text-align:center;} table .menu {} .menu td {background: url(../images/menu.jpg) repeat-x bottom #EB814F; width:190px;} .menu a {font-family:"Times New Roman", Times, serif; font-size:14px;color:#FFF;} .menu a span {color:#7C2900; font-family:"Times New Roman", Times, serif; font-size:14px} .menu a:hover {color:#FFF;} #main-content {padding-left:20px;padding-top: 20px;background-color:#333333; min-width:92em;} #main-content-interno {background-color:#333333;background: url(../images/prova.jpg) repeat-y top; min-width:98.5em;} .titolo_pagina { height:42px; background: url(../images/titolo_pagina.jpg) repeat-x left; float:left; width:967px;} .testone_interno {padding:0 0 0 20px;} #main-content img {border:2px solid #717261; margin:10px 0;} .sinistra_home {float:left; margin-left:30px;} .destra_home { float:left; margin-left:60px;} .destra_home ul { list-style:none; margin-bottom:20px;} .destra_home li { padding:3px 0;} .destra_home li a {color:#FFFFCC;font-size:18px;} .destra_home a span { color:#FFFFCC; font-weight:bold; font-size:18px;} .destra_home li a:hover {} #left-sidebar {background-color:#292929;width: 410px;float: left;margin-right:20px;} .immgini_home_left {margin:10px 12px;} .immgini_home_left img {border:2px solid #717261; margin:10px 0;} #left-sidebar-interno {width:210px;float: left; text-align:left;} .top { background-color:#444; width:200px; margin-left:5px;} #left-sidebar-interno ul { list-style:none; margin-bottom:20px; padding-left:10px;} #left-sidebar-interno li { padding:3px 0; border-bottom:1px solid #444; width:195px; font-size:11px;} #left-sidebar-interno li a { color:#FF660F; font-weight:bold;} #left-sidebar-interno a span { color:#999;} #left-sidebar-interno li a:hover {} #footer {min-width:94em; background: url(../images/marroncino.jpg) repeat-x top;text-align: center;padding-bottom:10px; margin:0 auto;} #footer img {border:2px solid #717261; margin:10px 0; text-align:center;} .sinistra_sotto {text-align:center;} .titolo_sotto {float:left;text-align:center; width:325px; margin-left:50px;} #sotto_footer { border-top:1px solid #474747; border-bottom:1px solid #474747; padding:10px 0; clear:both;} #sotto_footer img { border:none; margin:0 5px 0 0;} .testo_footer { color:#000; padding:10px 0 0 0;} .testo_footer a {color:#71727A;} /* ************************************ 003.STANDARDS ************************************ */ div.testo div, div.testo h1, div.testo h2, div.testo h3, div.testo h4, div.testo h5, div.testo h6, div.testo p, div.testo ul, div.testo ol, div.testo center { float:none; display: block } div.testo ul, div.testo ol{ padding-left: 20px; } div.testo li{ margin-left: 20px; } div.testo h1 { float:none; margin: 8px 0 } div.testo h2 { float:none; margin: 9px 0 } div.testo h3 { float:none; margin: 10px 0 } div.testo h4, div.testo p, div.testo ul, div.testo ol { float:none; margin: 1.12em 0 } div.testo h5, div.testo h6 { float:none; margin: 10px 0 } div.testo h1, div.testo h2, div.testo h3, div.testo h4, div.testo h5, div.testo h6, div.testo b, div.testo strong {float:none; font-weight: bolder } div.testo form { padding:0px;} /* ************************************ 003.forms ************************************ */ #contatti .noborder{ border: none; } #contatti .label{ display: block; color:#fff; line-height: 20px; } #contatti .label2{ display: block; color:#fff; line-height: 20px;} #contatti .label2left{ display: block; color:#fff; float: left; width: 150px; line-height: 20px;} #contatti .inputRight, textarea{ color:#000000; width: 350px; } #contatti table.ris{ border: 1px solid #999; font-family:Arial, Verdana, Helvetica, sans-serif; margin:0; padding:2; text-align:left; color: #000000; width: 100% ; } #contatti tr.ristr{ color: #000000; background-color: #eeeeee; } .clear{ clear:both } /* ************************************ 003.GALLERY ************************************ */ #galleria { margin-top:90px; } .pikachoose{width:600px;margin:90px auto 50px auto; } .pikachoose ul{padding-left:0;width:600px;margin:0;overflow:hidden; } .pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 4px 4px 0;position:relative;overflow:hidden; } .pikachoose ul li div img{position:relative;cursor:pointer; } ul#galleria{ padding-left: 0px; margin-left: 0px;} ul#galleria li{ padding-left: 0px; margin-left: 0px;} .pika_main{width:606px;height:378px;display:block;position:relative;} .pika_main_img{position:absolute;top:2px;left:2px;} .pika_back_img{position:relative;top:0px;} .pika_subdiv{position:relative;border:1px solid #555;background:#5D7E18;padding:2px;} .pika_subdiv img, .pika_subdiv a img{border:none;} .pika_caption{width:600px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:2px;left:3px;background:url('../jquery/galleria/black.png') top left; color:#fff;} .pika_caption a{color:white;} .pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../jquery/galleria/play.png') top center no-repeat;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../jquery/galleria/play.png') top center no-repeat;} .pika_navigation a{font-size: 12px; text-decoration: none;} .pika_navigation a:hover{text-decoration: underline;} .pika_navigation{padding-top:10px;clear:both;text-align:center;} .pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../jquery/galleria/rewind.png') top left no-repeat;} .pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../jquery/galleria/fastf.png') top right no-repeat;} #videogalleria {margin-top:30px;} #ytvideo2 {float: left; margin-right:5px;} ul#demo2{ padding-left: 0px; } ul#demo2 li{ margin-left: 0px;} .yt_holder {padding: 10px;float: left; margin-bottom:15px;} .yt_holder ul {float: left;margin: 0;padding: 0;width:120px;} .yt_holder ul li {list-style-type: none;display:block;background: #f1f1f1;float: left;width:550px;margin-bottom: 5px;padding:2px;} .yt_holder ul li img {width:50px;float: left;margin-right: 5px;border: 1px solid #999;} .yt_holder ul li a {font-family: georgia;text-decoration: none;display: block;color: #000;} .yt_holder .currentvideo {background: #e6e6e6;} .smenu { color:#FFF}