/* 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 {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;}

strong{font-weight:bold}
em{font-style:italic}
em strong{font-style:italic; font-weight:bold}
strong em{font-style:italic; font-weight:bold}
acronym{border-bottom:dotted 1px #666}

/* MODO */
body{font: 100.01%/1.5 Arial, Helvetica, sans-serif; background:#fffff9 url(/img/bgroundbody.png) repeat-x }

div#top_container{width:960px;margin:0 auto; background:url(/img/bg_topcontainer.jpg) top right no-repeat}
div#top_wrapper{float:left;width:100%}
div#top_content{margin: 0 360px 0 270px; font-size:1.1em; text-align:right; padding:10px 10px 10px 10px; background:url(/img/logo_opsm.png) 10px 10px no-repeat #346047}
div#top_content a{color:#fff; text-decoration:none; text-transform:uppercase}
div#top_content li{margin:.5em 0 0 0}
div#top_content li a{display:block;}
div#top_content li a:hover{ background: url(/img/bg_top_menu.png) center left no-repeat; color:#000; display:block}
div#top_content h1{position:absolute; top:-9999px; left:-9999px}
div#top_left{float:left;width:270px;margin-left:-960px; background:url(/img/logo.png) 0 80px no-repeat; height:200px}
div#top_left img{margin:50px 0 0 0}
div#top_left a{ text-transform:uppercase; color:#fff; font-size:0.9em; font-weight:bold; text-decoration:none}
div#top_left a:hover{text-decoration:underline}
div#top_right{float:left;width:360px;margin-left:-360px; text-align:right}
div#top_right a{ text-transform:uppercase; color:#fff; font-size:0.9em; font-weight:bold; text-decoration:none}
div#top_right li{margin:0 8px; float:left; background:#679E29 }
div#top_right li a{border-right:solid 1px #fff;padding:0 10px 0 0; color:#fff}/*padding:0 15px 0 0;*/
div#top_right li a:hover{text-decoration:underline}
div#top_right li.last a{border-right:none}

div#top_session{clear:left;width:100%; padding:10px 0 0 0; min-height:110px}

div#top_session .splash_duomo a{width:147px; height:186px; margin-right:10px; float:left; display:block; background: url(/img/sezioni/duomo_rollover.png) no-repeat top left}
div#top_session .splash_duomo a:hover{ background: url(/img/sezioni/duomo_rollover.png) no-repeat bottom left}
div#top_session .splash_duomo span{position:absolute; top:-9999px; left:-9999px}

div#top_session .splash_greco a{width:147px; height:186px;margin-right:10px;  float:left; display:block; background: url(/img/sezioni/greco_rollover.png) no-repeat top left}
div#top_session .splash_greco a:hover{ background: url(/img/sezioni/greco_rollover.png) no-repeat bottom left}
div#top_session .splash_greco span{position:absolute; top:-9999px; left:-9999px}

div#top_session .splash_stanze a{width:147px; height:186px;margin-right:10px;  float:left; display:block; background: url(/img/sezioni/palazzi_papali_rollover.png) no-repeat top left}
div#top_session .splash_stanze a:hover{ background: url(/img/sezioni/palazzi_papali_rollover.png) no-repeat bottom left}
div#top_session .splash_stanze span{position:absolute; top:-9999px; left:-9999px}

div#top_session .splash_agostino a{width:147px; height:186px;margin-right:10px;  float:left; display:block; background: url(/img/sezioni/agostino_rollover.png) no-repeat top left}
div#top_session .splash_agostino a:hover{ background: url(/img/sezioni/agostino_rollover.png) no-repeat bottom left}
div#top_session .splash_agostino span{position:absolute; top:-9999px; left:-9999px}


div#maincontainer{background:#fffff9; clear:both}
div#container{width:960px;margin:0 auto; }
div#content{float:left;width:650px; margin:1em 0 1em 0}
div#content p{margin:0.5em 0}
div#content a{color:#900; font-weight:bold; text-decoration:none; border-bottom:dotted 1px #900}
div#content a:hover{color:#346047; border-bottom:solid 2px #346047}
div#content img{float:left; border:solid 1px #333; padding:6px; background:#f0f0f0; margin:0 8px 0 0}
div#navigation{float:right;width:240px; text-align:right}
div#extra{float:left;width:650px}
div#footer{clear:both;width:100%}

div#content ul.photogallery li{list-style-type:none; float: left; margin:8px}

.box_homepage{margin:2em 0 0 0; color:#333; font-size:.95em; font-family: Trebuchet, Arial, Helvetica, sans-serif}

div#content h1{font-size:1.8em; font-family:Georgia,Palatino,serif; margin:1em 0; clear:both; background:url(/img/bg_h1.png) no-repeat top left; padding:2px 0 0 70px; letter-spacing:-0.1px}
div#content h2{font-size:1.7em; font-family:Georgia,Palatino,serif; margin:1em 0 0 0; clear:both; letter-spacing:-0.1px; border-bottom:solid 6px #EDF1F1; color:#346047; line-height:1.1em; }
div#content h3{font-size:1.4em; font-family:Georgia,Palatino,serif; font-weight:bold; margin:0.5em 0 0.2em 0; clear:both; font-weight:bold; letter-spacing:-0.1px; color:#333; font-style:italic; }

div#content p, div#content_pagina p{margin:1em 0}
div#content li, div#content_pagina li{margin:0.5em 0 0.5em 2em; }
div#content ul li, div#content_pagina ul li {list-style-type:disc}
div#content ol li, div#content_pagina ol li {list-style-type:decimal}

div#footer2{border-top:solid 1px #000; background:#f0f0f0 }
div#footer2 .inner{margin:0 auto; width:960px; padding:30px 0; font-size:0.9em; color:#333;  background:#f0f0f0 url(/img/bg_footer2.png) top right no-repeat}
div#footer2 .inner_left{float:left; width:400px;}
div#footer2 .inner_right{float:right; width:400px}
div#footer2 .inner_bottom{clear:both; padding:20px 0; font-size:1.1em; color:#333; text-align:center;border-top:solid 1px #ccc}
div#footer2 h2{font-weight:bold}
div#footer2 a{color:#333; text-decoration:none; border-bottom:dotted 1px #666}

div#content .box_homepage h2 {border-bottom:solid 1px #666}
div#content .box_homepage h2 a{color:#333; font-size:0.9em; text-decoration:none; border-bottom:none}
div#content .box_homepage h2 a:hover{color:#346148}
div#content .box_homepage img{float:left; border:solid 6px #666; background:#333; padding:6px; margin:6px 8px 0 0}

div#content_pagina .path ol, div#content .path ol, div#content_pagina .path li, div#content .path li{float:left; font-size:0.9em;  font-family:Arial, Helvetica, sans-serif; color:#666; list-style-type:none; margin: 0 6px} 
div.path li{margin:0 6px}
div.path a{color:#666}
div.path li{ background:url(/img/freccetta.png) 0 5px no-repeat; padding-left: 10px; margin-left:10px}
div#content div.path p{float:left; font-size:0.9em;  font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 0;}
div#content_pagina div.path p{float:left; font-size:0.9em;  font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 0;}

form.searchform button{margin:0; padding:0.3em; border:none; background:none; cursor:pointer; float:right; width:50px}
form.searchform input#search{margin:6px 0 0 155px; float:left;; border:none; background:none}
form.searchform fieldset{background:url(/img/search_input.png) no-repeat right 4px}

.menu_info li{float:left; display:block; background:url(/img/bg_menu_info.png) top left; padding:6px; margin:0 10px 0 0}
.menu_info li a{font-size:0.8em; text-decoration:none; color:#333; display:block}
.menu_info li a:hover{border-bottom:solid 1px #333}

.biglietto_unico{clear:both; margin:60px 0 0 0; text-align:center}

table#le_sedi_table{width:100%; font-size:0.8em; text-align:center}
table#le_sedi_table caption{position:absolute; top:-9999px; left:-9999px}
table#le_sedi_table th{visibility:hidden; display:none}
table#le_sedi_table img{border: none; padding:0}

div#content .altromodo{background: #efefef url(/img/altromodo2.png) top left no-repeat;}
div#content .altromodo div{margin:1em 1em 0 1em; font-size:0.8em; }
div#content .altromodo h2 {font-size:1.5em; margin:0 0 0 110px; padding:20px 0 0 0; }
div#content .altromodo h2 a{font-weight:normal;border:none}
div#content .altromodo .more a{border:none}

div#content .box2homepage{background: #efefef}
div#content .box2homepage div{margin:1em; font-size:0.8em; background: #efefef url(/img/news.png) top left no-repeat; margin-bottom:10px }
div#content .box2homepage h2 {font-size:1.5em; margin:0 0 0 110px; padding:20px 0 0 0; }
div#content .box2homepage h2 a{font-weight:normal;border:none}
div#content .box2homepage .more a{border:none}

div#content p.archivio{font-size:0.7em; text-align:right; text-transform:capitalize; margin:0 0 1em 0}

#fai_opsm{text-align:center; margin:20px 0 0 0; border-top:solid 1px #e0e0e0; padding:10px 0 0 0}
#fai_opsm a{margin:0 8px}

#video{width:100%; background:#000; text-align:center; margin:0 0 20px 0}

#content table td{ vertical-align:top; border-top:  dotted 1px #ccc; padding:0.5em 0; margin-top:1em}
#box_destra{clear:both; padding:10px 0 0 0; text-align:left}
#box_destra a{color:#900; text-decoration:none}