@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

body{font: 100.01%/1.5 Arial, Helvetica, sans-serif; margin:8px 0; background:#fffff9 url(/release09/img/bg_body2.jpg) repeat-x top left} /*   background:#91A8B3;*/
div#maincontainer{margin:0 auto; width:970px;} /*border:solid 1px #333; */
a{color:#333; text-decoration:none}
a:hover{text-decoration:underline; color:#990000}
.autore{color:#036; font-weight:bold;}
em{font-style:italic}
strong{font-weight:bold}
/* header */

div#header{height:80px;}
div#header #logo{float:left; width:420px; padding:0 0 0 15px; margin:0 0 0 0}
div#header #manchette{width:130px; float:left; margin:0 0 0 15px}
div#header #mini_menu{float:right; width:350px;}
div#header #mini_menu a{color:#666}
div#header #mini_menu ul{float:right}
div#header #mini_menu li{float:right; font-size:0.8em; margin:0 6px}
div#header p.login{text-align:right}
div#header p.login a{font-size:0.8em; font-family:Arial, Helvetica, sans-serif; margin-right:10px; text-decoration:none}
div#header p.login a:hover{text-decoration:underline}
.submenu{clear:both; background:url(/release09/img/submenu.jpg) no-repeat; height:8px}
.submenu_inner{clear:both; background:url(/release09/img/submenu_inner.jpg) no-repeat; height:8px}

/* Splash*/
#splash #hinner_normal {margin: 1.3em 0;}
#splash{margin:0 auto; width:970px;; font-size:0.9em}
#splash .left{float: left; width:390px; font-size:0.9em } /* 590px */
#splash .right{float: right; width:580px;font-size:0.8em; font-weight:bold; background:url(/release09/img/bg_splash_right.jpg) repeat-y top right}
#splash .right .hinner{margin:20px}
#splash .left_inner{float: left; width:590px; font-size:0.9em } /* 590px */
#splash .right_inner{float: right; width:380px;font-size:0.8em; font-weight:bold; background:url(/release09/img/bg_splash_right.jpg) repeat-y top right}
#splash .right_inner .hinner{margin:20px}
#splash .left_inner a{color:#006600; border-bottom:dotted 1px #060; text-decoration:none; font-weight:bold} 
#splash .left_inner a:hover{text-decoration:none; border-bottom:solid 1px #900; color:#900; font-weight:bold}


img.homepage{padding:6px; border:solid 1px #333; float:left; background:#f3f3f3; margin-right:8px}
.commenti_home{color:#00528A; font-size:0.8em; font-family:Arial; display:inline}
div.categoria {font-style:italic; color:#666}
div.categoria span{ text-transform:uppercase; font-weight:bold; font-style:normal; font-size:0.9em;}
.contenitore_commenti_gradimento{ padding:4px; margin:4px 0 0 0;}
.fx_primopiano_contenuti{margin:10px 0 20px 0; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:0.8em}
.fx_primopiano_contenuti h2.homepage_e_1{font-size: 2.3em;line-height: 1em;margin:0; font-weight:bold}
.fx_primopiano_contenuti h2.homepage_e_2{font-size: 1.7em;line-height: 1em;margin:0; font-weight:bold}
.fx_primopiano_contenuti h2.homepage_e_3{font-size: 1.6em;line-height: 1;margin:0;font-weight:bold}
.fx_primopiano_contenuti h2.homepage_e_h2_crono{font-size: 1.3em;line-height: 1;margin:0;font-weight:bold}
.fx_primopiano_contenuti h2.homepage_e_4{font-size: 1em;line-height: 1;margin:0;font-weight:bold}
.fx_primopiano_contenuti h2.homepage_e_no_enfasi{font-size: 1.2em;line-height: 1;margin:0;font-weight:bold}
/*#splash h3{font-size: 1.1em;line-height: 1.1111;margin:0 0 0 30px; font-family:Georgia, "Times New Roman", Times, serif;}
#splash p {display:inline}
#splash .*/
/*Splash category*/
#splash .hinner{padding:0 8px; margin: 10px 0 0 0; font-size:1.1em; line-height:1.2em}
#splash .hinner_default{padding:0 8px; font-size:1.2em; line-height:1.6em}
#splash .hinner_search{padding:0 8px; font-size:1.2em; line-height:1.6em}
#splash h2{font-size:1.6em; line-height:1em; clear:both;margin:10px 0 0 0}
#splash h2 a{color:#060}
#splash h2 span{display:block; text-transform:uppercase; font-size:0.5em; font-weight:bold; color:#900; background:url(/release09/img/puntino.png) no-repeat top left; padding:0 0 0 13px; line-height:1.2em}
#splash p{display:inline}
#splash .category{min-height:200px; float:left; display:inline; background:#f0f0f0;}
#splash .category_first{width:25%; min-height:200px; float:left; display:inline; clear:both; background:#f0f0f0;}
#splash .due{width:49%;}
#splash .tre{width:33%;}
#splash .quattro{width:25%;}
#splash .cinque{width:20%;}
#splash .sei{width:25%;}
#splash .clear{clear:both}
#splash .left img{float: left; padding:6px; background:#fffff9; border:solid 1px #666; margin: 6px 8px 0 0}
#splash .left_inner img{float: left; padding:6px; background:#fffff9; border:solid 1px #666; margin: 6px 8px 0 0}
.datafirma{font-size:0.9em; color:#333; margin:0 0 10px 0}
#splash .left table{margin-top:20px}
#splash .left span.more {display:inline}
#splash .left span.more a{font-size:0.9em; color:#900}
#splash .hinner_search li{margin:0 0 10px 0; border-bottom:solid 1px #ccc}
#splash .hinner_search .search_date{font-size:0.8em; color:#666}
#splash .contextual_menu li{ font-size:1.2em; margin: 10px 0 0 50px}

/* userexperience */
#user_experience{height:42px;; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
#user_experience a.normal {background:url(/immagini/visualizzazione/classica.png) no-repeat top left; height:29px; width:24px }
/*#user_experience .layout{float:right; margin-right:20px; color:#fff; text-transform:uppercase; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px}*/
.citizen_voices{float:left; }
#user_experience .categorie ul{padding:0 0 0 6px}
#user_experience .categorie li{float:left; width:150px; height:43px;}
#user_experience .categorie li a.active{}
#user_experience .categorie li a{display:block; padding:12px 8px 8px 8px;margin:0 0 10px 0; text-align:center;background:url(/release09/img/bg_menu.png) no-repeat top; text-transform:uppercase; color:#fff; font-weight:bold}
#user_experience .categorie li a:hover{ background:url(/release09/img/bg_menu.png) no-repeat bottom; text-decoration:none}
#user_experience .categorie li.last{ padding:0; margin:0; width:62px}
#user_experience .categorie li.last a{background:none; color:#666; font-size:0.8em; font-weight:bold; padding:15px 0 0 0}
#user_experience .categorie li.last a:hover{background:none; color:#900}

/* time machine */
#splash .one_notice{float:left; width:70%;}
#splash .time_machine{float:right; height:250px; width:30%;  text-align:center} /*background:url(../img/bg_time%20machine.png) no-repeat center bottom;*/
#splash .time_machine .next{margin:110px 0 0 0}

/* Advertising middle */
#adv_middle{clear:both; height:140px; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;  padding: 30px 0;}

/* middle */
#middle {clear:both; padding-top:10px}
#middle #crono{float:left; width:60%; padding:0 0 0 8px;}
#middle #adv_middle_right{float:right; width:375px; padding: 0 0 0 0 ;}
#crono .box{background:url(/release09/img/bg_box.png) no-repeat top left; font-size:0.8em}
#crono .box{float:left; width:182px; height:260px; border:solid 1px #ccc; margin:0 6px 4px 0}
#crono .box.first{clear:both; float: left; width:182px; height:260px; border:solid 1px #ccc}
#crono .box h2{font-weight:bold; text-align:center; text-transform:uppercase; font-size:1em; color:#666}
#crono .box h3{font-weight:bold; font-size:1em; line-height:1.2em; margin:0 0 6px 0 }
#crono .box h3 span{display:block; font-size:0.8em; color:#C00; text-transform:uppercase; background:url(/release09/img/puntino.png) no-repeat 0px 3px; padding:0 0 0 13px}
#crono .box .hinnerbox{margin:0 0.4em}
#crono .box p{font-size:0.8em}
#crono .box .datetime{font-size:0.7em; color:#666; margin:8px 0 0 0}

#blog_right .rassegnastampa{border: solid 1px #ccc; height:70px; width:100%;background:url(/release09/img/bg_rassegnastampa.png) top right no-repeat}
#blog_right .rassegnastampa .hinner{margin:1em}
#blog_right .rassegnastampa h2{text-transform:uppercase; color:#990000; font-size:0.9em; }
#blog_right .rassegnastampa h3{font-size:0.8em; line-height:1em}

/* flow blog */
#flow{clear:both; font-size:0.9em}
#flow #content{ width:60%; float:left; clear:both}
#flow #blog_right{ width:380px; float:right}
#flow #footer{ clear:both; margin:0; border:none}
#flow #content .hinner{margin:1em}
#flow #content .datetime{ clear:both; font-size:0.9em; color:#666; border-top:solid 1px #ccc; margin:10px 0 0 0}
#flow #content h2 {font-weight:bold; font-size:1.6em; line-height:1em}
#flow #content h2 a{color:#060}
#flow #content h2 span{display:block; text-transform:uppercase; font-size:0.5em; font-weight:bold; color:#900; background:url(/release09/img/puntino.png) no-repeat top left; padding:0 0 0 13px; line-height:1.2em}
#flow #content img{float:left; margin-bottom:0 8px 10px 0;}

#blog {border:solid 1px #ccc; margin:1em 0 0 0; background: url(http://www.orvietonews.it/rel07/img/nuvole.png) no-repeat top right; padding:80px 0 0 0 }
#blog .blog_container{margin:0 8px 0 0}
#blog .hinner{margin:1em}
#blog .hinner h2{ font-size:1.2em; font-weight:bold; border-top: solid 1px #ccc}

#preghiera{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; background: url(/release09/img/preghiera.png) top left repeat}
#preghiera h2{position:absolute; top:-9999px; left:-9999px}
#preghiera .hinner{padding:25px 5px 0 50px; line-height:1.2em}

#footer{clear:both; height:100px; margin:20px 0 30px 0; text-align:center; font-size:0.9em; color:#666; padding:20px 0 0 0; background:url(/release09/img/bg_footer.png) no-repeat bottom center}

/* Notizie */
#news_container{width:60%; float:left}
#news_container .categoria_data{border-bottom: solid 1px #000; padding:0.2em 1em; font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:0.8em}
#news_container .categoria_data strong{text-transform:uppercase; font-weight:bold}
#news_container h1 {color:#222C9D; font-family:Arial, Helvetica, sans-serif; font-size:125%; padding:20px 0 20px 0}
#adv_news{width:38%; float:right}
form.commenti label{display:block}

.news_content{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.95em}
.news_content li{margin:0 0 0 20px; list-style-type:disc}
.news_content a{color:#003366; text-decoration:underline}
.news_content table{ width:100%}
.news_content table td{border:solid 1px #ccc; padding:0.5em; vertical-align:top}
.news_content h3{color:#003300; font-weight:bold; padding:10px 0 0 0}
#splash .news_content p{margin:1em 0; display:block}
.news_content ul.photogallery li{list-style-type:none; float:left}

table.contextual_menu{ margin:1em; font-size:1.2em}
table.contextual_menu th{visibility:hidden; display:none}
table.contextual_menu td{padding:15px 0 0 0}
table.contextual_menu td.td1{font-size:0.8em; color:#666; width:22%; vertical-align:top;}
table.contextual_menu td.td2{color:#666; width:78%;}
table.contextual_menu td.td2 span{display:block; text-transform:uppercase; font-size:0.5em; font-weight:bold; color:#900; background:url(/release09/img/puntino.png) no-repeat top left; padding:0 0 0 13px; line-height:1.2em}
table.contextual_menu tr{}

/* commenti */
.comments{clear:both; padding:10px 0 0 0}
.comments h2{padding:10px 0 10px 30px; font-weight:bold}
.insert_ok {font-style:italic; padding:1em; border:solid 1px #ccc}
.comment_header{font-size:0.8em}
.comment_box1, .comment_box2{margin:0 0 10px 0; padding:1em;}
.comment_box1 { background:#e0e0e0}
.comment_box2 { background:#f0f0f0}
.comments form{border-top:solid 1px #fff}
.comments legend{font-weight:bold}
.comments fieldset p{ font-style:italic; font-size:0.8em}
.required{color:#FF0000}
.comments label{display:block}
.comments textarea{height:200px;}
.comments input{width:300px;}
.comments button{display:block}
.comment_empty{font-style:italic; color:#990000}
.scc_email_c{display:none; visibility:hidden; height:1px}

/* gAjax */
.labelfield{ /*CSS for label field in general*/
color:#900;
font-size: 80%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 80%;
display:block; float:left; margin:0 0 0 8px
}


code{ /*CSS for insructions*/
color: red;
}

.skipper p{clear:both; font-size:0.9em; padding: 8px 0 0 0; margin:0}
.skipper a{color:#336600; padding: 0; margin:0}
.skipper span{padding: 0; margin:0}
.skipper_container{float: left; width:200px}
.adv_rectangle{float:right; width:380px;}
.adv_rectangle_box{margin:8px auto; width:300px; text-align:center}
/*.adv_rectangle_box2 {background: #414141 url(/immagini/collestrada_carburanti.gif); height: 60px; padding:30px 0 0 100px}
 my */
#my_left{float:left; width:73%}
#my_right{float:right; width:24%}


/* Il mio orvietonews  */
div.myorvietonews{ border: solid 6px #e0e0e0; padding:0.8em 0.4em;height:1%;  margin:0 0 0 8px; font-family:Verdana, Arial, Helvetica, sans-serif}/*background: url(../ajaxtabs/shadeactive.gif) repeat-x top;*/
div.myorvietonews p { margin:0.4em 0;}
div.myorvietonews a {text-decoration:underline;}
div.myorvietonews .box{ border:solid 1px #ccc; background-color:#fff;margin:1em}
div.myorvietonews h1 {text-align:center; text-transform:uppercase}
div.myorvietonews ul{margin: 0 1em; padding:0 1em}
div.myorvietonews li {list-style-type:none;list-style-image: url(../img/myorvietonews_logosmall.png); margin:1em; padding:0}
div.myorvietonews form.login {margin:2em; padding:1em 2em; background-color:#fff; text-align:right}	
div.myorvietonews input{margin:0.3em 0}
div.myorvietonews input.login {margin:0.5em 0}
div.myorvietonews label.login {margin:0.2em 0}	
div.myorvietonews .login_button {font-size:1.5em; font-weight:bold; padding:0.4em;margin:20px 40px ; text-align:center; border:solid 2px #c00; text-decoration:underline}
div.myorvietonews form.registrazione{text-align:left; margin:0}
div.myorvietonews input.registrazione{width:250px}
.registrazione label{color:#000; font-weight:normal;display:block; font-weight:bold; margin-top:0.4em}
.registrazione fieldset {padding: 1em; border:solid 1px #ccc;margin:0.3em }
div.myorvietonews legend {color:#f60}
div.myorvietonews .login_errori{ border:dotted 2px #c00; background-color:#fff;margin:1em; padding:1em; color:#c00; font-weight:bold}
div.myorvietonews h2 {color:#003366; margin:0 0 0.7em 0; font-size:1.5em;}
div.myorvietonews table { background-color:#fff;border:solid 1px #ccc;}
div.myorvietonews td {border-top:solid 1px #ccc; vertical-align:top; padding:0.2em}
div.myorvietonews .crediti {border:solid 1px #000; background: url(../img/sfondo_novita) repeat-y; font-size:1.1em; margin: 0 0.5em 0 0.2em; padding: 0 0.4em}	
div.myorvietonews label {margin-top:1em}
div.myorvietonews .consiglio {font-size:0.9em;}
div.myorvietonews h3.consiglio {font-style: italic; font-size:1em}

/* commenti */
.comments{margin:30px 0 0 0}

#splash .left_inner .addthis img{border:none; background:none; float:right}

form.searchform{float:right; clear:both; width:240px; text-align:right; margin:10px 0 0 0; padding:10px 0 0 10px; background:url(/release09/img/bg_form.png) 0px 8px no-repeat}
form.searchform button{background:none; border:none; cursor:pointer;}
form.searchform fieldset{}
form.searchform input{float:left; margin:5px 0 0 5px; border:none; background:none; width:200px; font-size:0.9em; color:#333 }
.search_details {border:solid 1px #ccc; background:#EDECE5; padding:0.3em; margin:10px 0}
.search_details strong{font-weight:bold; color:#990000}
#splash .hinner_search a span{display:block; font-size:0.8em; color:#C00; text-transform:uppercase; background:url(/release09/img/puntino.png) no-repeat 0px 3px; padding:0 0 0 13px;}

.path p, .path li{float:left; font-size:0.8em; color:#666; margin:0 0 0 5px}
#splash .left_inner .path p, .path li a{border:none}
.path li a{color:#666; margin:0 0 0 10px; background:url(/release09/img/freccetta.png) no-repeat 0px 3px; padding:0 0 0 13px}

.arabic{text-align:right; direction:rtl}
.tabella_arabic table.contextual_menu td.td1 { font-size:0.6em}
.tabella_arabic table.contextual_menu td.td2 {font-size:0.7em}
.tabella_arabic table.contextual_menu td.td2 span{background:none; font-size:1.5em; color:#000}
#splash .arabic h2 span {font-size:1em; background:none}

.ddsmoothmenu{background:url(/immagini/collestrada_carburanti.gif) no-repeat top center;}
/*.collestrada h2{ position:absolute; top:-9999px; left:-9999px}
.collestrada li{float:left; padding:45px 0 0 35px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.3em}
.collestrada li.diesel{padding-left:58px}
.collestrada li.diesel2{padding-left:55px}
*/
.sponsor_centrale a{margin:0 0 0 10px; float:left}
.comproumbro{background:url(/immagini/compro_umbro.png) top left no-repeat; min-height:70px; padding:10px 0 10px 150px; font-size:0.8em}
.comproumbro h2{ font-weight:bold}

.translate{text-align:left; direction:ltr; font-family: Georgia, "Times New Roman", Times, serif}
.ali_biography{text-align:left; direction:ltr; font-size:0.8em; border-top: solid 1px #ccc;}

/* new style  */
#new_content{margin:10px 0 0 0}
#new_content_left{float:left; width:670px}
#new_content_right{float:right; width:300px}