/* CSS Document - VivaFestival 2010 - Tonidigrigio.it 2011 */ @charset "iso-8859-1"; /*import*/ @import "reset.css"; /*default*/ body {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333;margin:0px;background:url(../img/bg_04.gif) #003333 bottom right fixed no-repeat;text-align: left;} img {margin:0px;padding:0px;border:0px;outline:none;} a {text-decoration:none;outline:none;} /*link*/ a:link, a:visited, a:active {color:#22acca;text-decoration:none;} a:hover {text-decoration:underline;} /*typo*/ hr {outline:none;font-size:4px;border:none;border-bottom:4px solid #a4bdbe !important;padding:14px 0px 0px 0px;margin:0px 0px 14px 0px;clear:both;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} /*layout*/ #main_cont {width:990px;margin:40px auto;clear:both;} /*head*/ #head_cont {width:990px;height:260px;margin-bottom:20px;padding:0px;float:left;position:relative;z-index:1;} #head_01 {width:209px;height:260px;border-right:4px solid #a4bdbe;float:left;margin-right:14px;} #head_02 {width:763px;height:260px;float:left;margin:0px;padding:0px;} #head_02 .hd_01 {width:167px;border-right:4px solid #a4bdbe;padding-right:14px;margin-right:14px;float:left;} #head_02 .hd_02 {width:563px;padding:0px;margin:0px;float:left;} #head_tit {height:74px;border-bottom:4px solid #a4bdbe;padding:0px;margin-bottom:14px;clear:both;} .head_st {padding-bottom:9px;border-bottom:4px solid #a4bdbe;margin-bottom:14px;} #head_cont .head_balloon {width:120px;height:120px;position:absolute;z-index:10;right:-30px;bottom:-10px;} /*main*/ #main {width:990px;margin:20px 0px;float:left;} /* footer */ #foot {clear: both;width:990px;padding:10px 0px;background:url(../img/bg_cy_90.png);float:left;color:#FFF;font-size:12px;margin:0px;line-height:16px;} #foot #sx {float:left;padding-left:14px;} #foot #dx {text-align:right;float:right;padding-right:14px;} #foot a:link, #foot a:active, #foot a:visited {color:#fff; text-decoration:none;} #foot a:hover {text-decoration:underline;} .copyright {clear:both;width:970px;text-align:right;padding:10px;margin:20px 0px 20px 0px;} .copyright h2{display:inline;margin:0px;font-size:12px;line-height:12px;color:#CCC;} /*menu*/ #menu {width:990px;padding:12px 0px;background:url(../img/bg_cy_90.png);float:left;clear:both;} #menu ul {clear:both;padding:0px;margin-left:14px;list-style:none;} #menu ul li {float:left;font-size:14px;font-weight:bold;text-transform:uppercase;border-right:3px solid #fff;padding-right:14px;margin-right:14px;display:block;} #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {color:#fff;display:block;} #menu ul li a:hover {text-decoration:underline; } a.on, a.on:link, a.on:visited, a.on:hover {color:#cc0000 !important;} .edizione {float:right !important; border:none!important; color:#FFF !important; margin:0px 10px 0px 0px; !important; padding:0px !important;} .edizione a, .edizione a:link, .edizione a:visited, .edizione a:active {color:#FFF !important; display:inline-block !important;} .edizione a:hover {text-decoration:underline !important;} /*home*/ #cl_e_01 {width:656px;float:left;margin-right:14px;} #homeslider {width:656px;} .anteprima {margin-bottom:15px;background:url(../img/bg_wh_90.png);padding:15px;color:#CC0000;font-size:24px; text-align:center;} #hm_cl01 {background:url(../img/bg_wh_90.png);padding:15px;} #hm_cl01 h1 {font-size:20px;line-height:32px;font-weight:normal;color:#CC0000;clear:both;padding:10px 0 30px 0;text-align:center;} #hm_cl01 h2 {font-size:14px;font-weight:bold;color:#666;clear:both;padding-bottom:5px;} #hm_cl01 p {font-size:12px;padding-bottom:15px;line-height:16px !important;} #hm_cl01 .autore {font-size:14px;line-height:18px;font-style:italic;text-align:right; color:#666;padding-right:20px;} #hm_blog {width:290px;padding:15px 15px 0px 15px;background:url(../img/bg_wh_90.png);float:left;} #hm_blog h1 {color:#cc0000;padding-bottom:5px;font-size:14px;font-weight:bold;} #hm_blog h2 {color:#006699;padding:5px 0px;font-size:12px;font-weight:bold;font-style:italic;} #hm_blog h3 {color:#333;padding:0px 0px 10px 0px;font-size:14px;font-weight:bold;font-style: normal;} #hm_blog p {font-size:12px;line-height:16px !important;margin-bottom:15px;} #hm_blog p a:link, #hm_blog p a:visited, #hm_blog p a:active, #hm_blog p a:hover {float:right;} /*2 colonne - piccola, grande*/ #cl_a_01 {float:left;width:165px;padding:15px;margin-right:14px;background:url(../img/bg_wh_90.png);} .text_cl_01 {font-size:12px;line-height:18px;} #cl_a_02 {width:748px;float:left;padding:15px;margin:0px;background:url(../img/bg_wh_90.png);} #cl_a_01 h1, #cl_a_02 h1 {font-size:14px;font-weight:bold;color:#CC0000;clear:both;padding-bottom:10px;} #cl_a_01 a, #cl_a_01 a:link, #cl_a_01 a:active, #cl_a_01 a:visited {font-size:14px;font-weight:bold;padding-bottom:3px; } #cl_a_01 a:hover {text-decoration:underline;} #cl_a_01 p {font-size:12px;padding-bottom:15px; } #cl_a_02 p {float:left;width:365px;font-size:12px;} /*2 colonne, grande grande*/ #cl_c_01 {float:left;width:338px;padding:15px;margin-right:14px;background:url(../img/bg_wh_90.png);} #cl_c_02 {width:578px;float:left;padding:15px;margin:0px;background:url(../img/bg_wh_90.png);} #cl_c_01 h1 {font-size:14px;padding:0px 0px 14px 0px;font-weight:bold;} #cl_c_01 p {font-size:14px;line-height:18px;padding-bottom:14px;} #cl_c_01 a, #cl_c_01 a:link, #cl_c_01 a:visited, #cl_c_01 a:active {font-size:12px;font-weight:bold;} #cl_c_01 a:hover {text-decoration:underline;} /*3 colonne - festival/laboratori*/ #cl_b_01 {float:left;width:195px;margin-right:14px;background:url(../img/bg_wh_90.png);} #cl_b_02 {float:left;width:143px;height:135px;padding:15px;margin-right:14px;background:url(../img/bg_wh_90.png);text-align:left;line-height:110%;} #cl_b_03 {float:left;width:562px;padding:15px;margin:0px;background:url(../img/bg_wh_90.png); min-height:135px;} #cl_b_02 h1 {color:#abac00;font-size:14px;padding-bottom:15px;font-weight:bold;} #cl_b_02 h2 {font-size:12px;padding-bottom:15px;font-weight:normal;} #cl_b_02 a, #cl_b_02 a:link, #cl_b_02 a:visited, #cl_b_02 a:active {font-size:12px;font-weight:bold;padding:0px;} #cl_b_02 a:hover {text-decoration:underline;} #cl_b_03 h1 {color:#CC0000;font-size:14px;padding-bottom:15px;font-weight:bold;} #cl_b_03 .tit {color:#abac00;float:left;padding-right:5px;font-weight:bold;font-size:12px;line-height:18px;} #cl_b_03 p {font-size:12px;line-height:18px;} #cl_b_03 p a, #cl_b_03 p a:link, #cl_b_03 p a:active, #cl_b_03 p a:visited, #cl_b_03 p a:hover {font-style:normal;text-decoration:underline;} #cl_b_03 .info {float:right;font-size:12px; font-weight:bold;line-height:0px;color:#22acca;margin-top:7px;} #cl_b_03 .info a, #cl_b_03 .info a:link, #cl_b_03 .info a:visited,#cl_b_03 .info a:active {font-size:12px;font-weight:bold;} #cl_b_03 .info a:hover {text-decoration:underline;} /* 3 colonne - piccola grande grande */ #cl_d_01 {float:left;width:165px;padding:15px;margin-right:14px;background:url(../img/bg_wh_90.png);} .text_d_01 {font-size:12px;line-height:18px;} #cl_d_02, #cl_d_03 {width:352px;float:left;padding:15px;margin:0px;background:url(../img/bg_wh_90.png);} #cl_d_03 { margin-left: 14px } #cl_d_02 h1, #cl_d_03 h1, #cl_d_04 h1 {font-size:14px;font-weight:bold;color:#CC0000;clear:both;padding-bottom:10px;} #cl_d_01 a, #cl_d_01 a:link, #cl_d_01 a:active, #cl_d_01 a:visited {font-size:14px;font-weight:bold;padding-bottom:3px;} #cl_d_01 a:hover {text-decoration:underline;} #cl_d_01 p {font-size:12px;padding-bottom:15px;} #cl_d_02 p {float:left;width:365px;font-size:12px;} #cl_d_04 {float:left;width:748px;padding:15px 15px 0px 15px;background:url(../img/bg_wh_90.png);margin:14px 0px 0px 209px;} #cl_d_04.reset {margin:0px !important;} /*contatti*/ .txt {padding:3px;width:271px;height:20px;background:#fff;border:none;outline:none;margin:5px 0px 10px 0px;} .msg {width:570px;height:125px;background:#fff;border:none;outline:none;margin:5px 0px 20px 0px;padding:3px;} .bottone {color:#fff;font-weight:bold;text-align:center;width:275px;margin:0px auto;background:#22acca;border:none;outline:none;cursor:pointer;padding:5px 0px;} .checkbox {float:left;margin-right:10px;} /*partners*/ #part {float:left; width:150px; background:#000; margin:0px 0px 15px 15px;padding:15px;background:url(../img/bg_wh_90.png);} #part h1 {color:#cc0000;font-size:12px;padding:10px 0px 5px 0px;font-weight:bold;} #part a, #part a:link, #part a:visited, #parta:active {font-size:12px;font-weight:bold;padding:0px;} #part a:hover {text-decoration:underline;} /*bio*/ #bio {width:800px;margin:0px auto;padding:35px 0px;} #bio #cl_01 {width:350px;float:left;margin-right:15px;} #bio #cl_02 {width:405px;padding:15px;float:left;background:url(../img/bg_wh_90.png);font-size:12px;line-height:18px;} #bio #cl_02 h1 {font-size:14px;color:#cc0000;padding-bottom:8px;} /*home rotator*/ #wrapper {margin-right:14px;width:656px;height:300px;float:left;background:#a5bdbf;} #rotator {position:relative;padding:0px;margin:0; font-size:14px;} #rotator a, #rotator a:link, #rotator a:visited, #rotator a:active {font-weight:bold;text-decoration:none;font-size:12px;padding:0px; color:#a4bdbe;} #rotator a:hover {text-decoration:underline;} #rotator_cont {padding:10px;background: url(../img/bg_nr_80.png);width:628px;height:65px;margin:220px 4px 0px 4px;position:absolute;bottom:4px;} ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {margin-right:5px;padding:0;border:0;outline:0;text-decoration:none;list-style:none;float:left;width:15px;height:15px;} ul.ui-tabs-nav {position:absolute;bottom:10px;right:0px;z-index:10;width:225px;} li.ui-tabs-nav-item a:link,li.ui-tabs-nav-item a:visited {background: url(../img/dot.png) no-repeat bottom left !important;text-decoration:none;padding:0px;} #rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active {background: url(../img/dot.png) no-repeat top left !important;text-decoration:none;padding:0px;} #rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active {background-position:top left !important;text-decoration:none;padding:0px;} #rotator .ui-tabs-panel {clear:left;width:656px;height:300px;padding:0px;} #rotator .ui-tabs-hide {display:none;} #rotator h1 {float:left;padding:0px;margin:0px;color:#d1d24c;font-size:14px;font-weight:bold;padding-bottom:5px;} #rotator h2 {float:right;padding:0px;margin:0px;color:#ccc;font-size:10px;font-weight:bold;} #rotator p {clear:both;font-size:12px;color:#fff;padding-bottom:10px;} /* Background Images */ #rotator #fragment-1 {background:transparent url(../risorse/rt_01.jpg) no-repeat top right;} #rotator #fragment-2 {background:transparent url(../risorse/rt_02.jpg) no-repeat top right;} #rotator #fragment-3 {background:transparent url(../risorse/rt_03.jpg) no-repeat top right;} #rotator #fragment-4 {background:transparent url(../risorse/rt_04.jpg) no-repeat top right;} #rotator #fragment-5 {background:transparent url(../risorse/rt_05.jpg) no-repeat top right;} #rotator #fragment-6 {background:transparent url(../risorse/rt_07.jpg) no-repeat top right;} #rotator #fragment-7 {background:transparent url(../risorse/rt_06.jpg) no-repeat top right;} #rotator #fragment-8 {background:transparent url(../risorse/rt_08.jpg) no-repeat top right;} #rotator #fragment-9 {background:transparent url(../risorse/rt_09.jpg) no-repeat top right;} #rotator #fragment-10 {background:transparent url(../risorse/rt_10.jpg) no-repeat top right;} #rotator #fragment-11 {background:transparent url(../risorse/rt_11.jpg) no-repeat top right;} /*STAFF*/ #staff_cont {width:700px;height:400px;background:#003333;padding:20px;} #staff_cont h1 {font-size:20px;margin-bottom:20px; color:#22acca;} #staff_cont h2 {font-size:14px;color:#d1d24c;} #staff_cont p {color:#FFF;font-size:13px;margin:5px 0px 20px 0px;} /*GALLERY*/ .gallery {margin:0px;padding:0px;list-style:none;} .gallery li {width:110px;height:110px;float:left;margin:0px 15px 15px 0px;} .gallery li.reset {margin:0px 0px 15px 0px;}