@charset "utf-8";
/* CSS Document 
arancione fc7100
arancione chiaro fedcb5
celeste 0199ff
*/

body{ background:url(../img_layout/bg_body.gif) repeat-x #6bc3ff; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; font-size:11px; color:#000;}

#header{ position:relative;width:874px; height:119px; background:url(../img_layout/bg_header.jpg) top left no-repeat; text-align:left; margin:auto;}
#indirizzo{width:200px;  margin:20px 0 0 510px; float:left; display:inline; color:#fff;}
#banner{width:160px; height:100px; float:left; display:inline;}
#banner img{ float:right; margin:20px 0 0 0;}

#menubar{position:relative; width:870px; margin:auto; height:28px; padding:0 0 0 0; background:url(../img_layout/bg_menubar.gif) top repeat-x #fff;}
#menubar ul{ margin:0 0 0 0; height:28px; padding:10px 0 0 0; text-align:left; list-style:none; }
#menubar ul li{ font-size:12px; display:inline; background:url(../img_layout/separatore.gif) right no-repeat; padding:10px 0 2px 0;}
#menubar ul li a{ padding:0 20px 0 20px; color:#000; font-weight:bold; text-decoration:none;}
#menubar ul li a:hover{ text-decoration:underline;}
#menubar ul li#alink a{ color:#fc7100;}
*:first-child+html #menubar ul { padding:8px 0 0 0; }
*:first-child+html #menubar ul li a{ padding:20px;}
* html #menubar ul { padding:5px 0 0 0; height:23px;}
* html #menubar ul li a{ padding:20px;}

#menubar_right{ position:absolute; right:-2px; top:0; background:url(../img_layout/bg_menubar-dx.gif) right no-repeat; width:2px; height:26px;}
#menubar_left{ position:absolute; left:-2px; top:0; background:url(../img_layout/bg_menubar-sx.gif) left no-repeat; width:2px; height:26px;}

.clear{ clear:both;}
#mother, #footer, #banner{width:874px; margin:auto; text-align:left;}

.left{width:246px;  float:left; display:inline; }
.left .box{ width:246px;margin:10px 0; background:url(../img_layout/bg_box246.gif) repeat-y;}
.left .box_top{ height:4px; background:url(../img_layout/bg_box_top.gif) no-repeat;}
.left .box_bottom{height:4px; background:url(../img_layout/bg_box_bottom.gif) bottom no-repeat;}
.left .riga{ border:none; margin:10px 16px 0 16px;}
.left .riga h1{ color:#fc7100;}
.left input{ float:right; background:#fedcb5; border:1px solid #fc7100; width:116px; height:14px; padding:1px; font-size:10px;}
.left .riga p{ border-left:none; margin:5px 0 0 0; padding:0 0 0 0;}
.left .riga form{border-bottom:1px dotted #ccc; padding:0 0 5px 0;}
.left .riga input.pulsante{ background:url(../img_layout/bg_pulsante.gif) bottom repeat-x #ff9101; color:#000; font-weight:bold; font-size:12px; width:120px; height:20px; padding-bottom:17px;  }
.left .riga input.checkbox{ float:left; width:auto; background:none; border:none;}

.right{ width:600px; margin:10px 0 10px 28px;  float:left; display:inline; padding:0;}
.right .box{ width:600px; background:url(../img_layout/bg_box600_center.gif) repeat-y;}
.right .box_top{ height:4px; background:url(../img_layout/bg_box600_top.gif) no-repeat;}
.right .box_bottom{height:4px; background:url(../img_layout/bg_box600_bottom.gif) bottom no-repeat; }

.box_100{background:url(../img_layout/bg_box100.gif) repeat-y;}
.box_100_top{ background:url(../img_layout/bg_box100_top.gif) top no-repeat; height:5px; font-size:1px;}
.box_100_bottom{background:url(../img_layout/bg_box100_bottom.gif) top no-repeat; height:5px;font-size:1px;}
.box_100 div{ padding:0 10px;}

.left .riga a{color:#fc7100;}
a.link_form{ display:block; color:#fc7100;}
a:hover.link_form, .left .riga a:hover{ text-decoration:none;}
.riga{ margin:20px 30px 20px 30px; padding:0 0 5px 0; line-height:18px; text-align:justify; border-bottom:1px dotted #ccc;}
.riga h1{ color:#0199ff; font-size:15px; margin:0;}

.riga h2{ font-size:11px; }
.riga p{ border-left:1px solid #ccc; margin:0 0 0 16px; padding:0 0 0 6px;}
.riga a.continua{ display:block; text-align:right; font-size:14px; font-weight:bold; color:#0199ff; text-decoration:none;}
.riga a:hover.continua{ text-decoration:underline;}
.riga a img{ display:block; margin:4px 0;}/* width:210px;*/
.riga img { border:1px solid #ccc; padding:1px; float:right; margin:0 0 7px 7px; }

.riga h2 a, #box1 a{ color:#fc7100;}
.riga h2 a:hover, #box1 a:hover{ text-decoration:none;}



.box_text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:20px 30px; padding:0 0 20px 0; border-bottom:1px dotted #ccc; text-align:justify;}
.box_text h1{color:#0199ff; font-size:16px; margin:0; margin-bottom:10px;}
.box_text h1 span{font-size:12px; float:right; color:#000;}
.box_text a img{ float:left; margin:0 20px 10px 0; padding:0; border:1px solid #ccc; padding:1px;}
.box_text a:hover img{ border:1px solid #fc7100;}
.box_text h2 {color:#fc7100; font-size:12px; margin:20px auto;}
.box_text ul { list-style-image:url(../img_layout/icon_list.png); margin-left:20px;}
.box_text ul li span { font-weight:bold; margin-right:5px;}
.box_text ul li a { text-decoration:underline;}
.box_text ul li a:hover { text-decoration:none!important;}
.box_text img{ float:right; margin:0 0 10px 20px; padding:0; border:1px solid #ccc; padding:1px;}


.photogallery, .news{ margin:15px 24px 15px 24px; padding:0 0 5px 0; line-height:18px; text-align:justify; border-bottom:1px dotted #ccc;}
.news{ border:none;}
.photogallery h1, .news h1{color:#0199ff; font-size:22px; margin:0;}
.photogallery h2, .news h2{ font-size:16px; margin:8px 0 10px 0; border-left:4px solid #fc7100; padding:0 0 0 7px;}
.photogallery img, .news img{ padding:1px; margin:7px;}
.news img{ float:left;}
.photogallery a img, .news a img { border:1px solid #ccc;}
.photogallery a:hover img, .news a:hover img{ border:1px solid #fc7100;}

.left .photogallery {border:none; margin:10px 0 0 16px;}
.left .news{border:none;margin:10px 10px 0 16px;}
.left .photogallery h1, .left .news h1{color:#fc7100; font-size:14px;}
.left .photogallery ul{ height:180px;overflow:auto;}
.left .photogallery ul, ul#album, .left .news ul{ margin:0 2px 0 0; padding:0; list-style:none; }
ul#album li{ margin:3px 0 0 0; padding:0; background:url(../img_layout/icon_album.gif) top left no-repeat; padding:0 0 0 20px;}

.left .news ul li{ margin:3px 0 10px 0; padding:0; border-bottom:1px dotted #ccc;}
.left .news ul li h2, .left .photogallery ul li h2{ font-size:12px; margin:0; border:none; padding:0;}
.left .news ul li h2 span{ display:block; font-size:10px; color:#999; margin:0 0 -4px 0;}
.left .photogallery ul li h2 span { display:block; font-size:10px; color:#999; margin:-4px 0 0 0; }
.left .news ul li img{ float:left; margin:0 8px 8px 0;}
ul{ margin:0; padding:0;}
ul li a{ color:#000!important; text-decoration:none;}
ul li a:hover{ text-decoration:underline!important;}

ul.link{ list-style:none; margin:0 0 25px 15px; padding:0;}
ul.link li{ background:url(../img_layout/icon_internet.png) left no-repeat; padding:3px 0 3px 24px;}

/* paginazione standard */
/*#paginazione{ height:34px; text-align:center;}
#content_paginazione{ width:344px; margin:auto;}
.paginazione_number{  width:100px; float:left; display:inline;}
.dis{ color:#cccccc; width:40px;float:left; display:inline;}
.dis span{}
#paginazione .att a{text-decoration:none; float:left; display:inline; color:green;text-decoration:underline; color:#0199ff;}
#paginazione .att a span{ width:40px; display:block; }
#paginazione .att a:hover{text-decoration:none; color:#0199ff;}*/

#paginazione{padding:4px 2px 2px 2px; color:#5693c7; font-family: sans-serif, Arial, Helvetica; font-size:11px; width:auto; text-align:center;}
#content_paginazione{width:290px; margin:0 auto; text-align:center; }
.paginazione_number{float:left; display:inline; color:#5693c7; width:70px; }
 /*{text-decoration:none; width:40px; float:left; display:inline;}*/
#content_paginazione span{text-decoration:none; color:#5693c7; width:40px;  text-align:center; float:left; display:inline; }
#paginazione a{display:block; text-decoration:none; color:#0c3357; text-align:center;}
#paginazione a:hover{text-decoration:none; color:#5693c7;}

/* paginazione ridotta */
.left .news #paginazione{ height:34px; text-align:center; color:#000; padding-top:10px;}
.left .news #content_paginazione{ width:220px; margin:auto; text-align:left;}
.left .news #paginazione_prev, .left .news  #paginazione_next {text-decoration:none; color:#0199ff; width:60px; float:left; display:inline; }
.left .news #paginazione_prev_dis, .left .news #paginazione_next_dis {text-decoration:none; color:#cccccc; width:60px; float:left; display:inline;}
.left .news #paginazione_next_dis, .left .news #paginazione_next { text-align:right;}
.left .news #paginazione_number{ float:left; display:inline; width:100px; text-align:center;}
.left .news #paginazione_prev a, .left .news #paginazione_next a{text-decoration:underline; color:#0199ff;}
.left .news #paginazione_prev a:hover, .left .news #paginazione_next a:hover{text-decoration:none; color:#0199ff;}

#footer{ color:#0261c2; margin-bottom:15px;}
#footer span{ float:right; color:#0199ff;}
#footer span a{color:#0199ff; text-decoration:none; font-weight:bold;}
#footer span a:hover{ color:#0261c2;}

#banner_footer a img{ padding:1px!important;border:1px solid #0199ff!important; background-color:#fff!important;  margin:2px;}
#banner_footer a:hover img{ border:1px solid #fedcb5!important;}


.diocesi{ margin:6px 0 6px 10px;}
.diocesi h1 {color:#fc7100; font-size:12px;}
.diocesi img { border:none;}
.diocesi ul {list-style:none;}
.diocesi li {line-height:25px;}
.diocesi li img{ vertical-align:middle; margin:0 0 0 0;}
.diocesi li span{ margin:0 4px 0 0;}

/* negozi.php */
#negozi {width:600px; margin:10px;}
#negozi #mother { width:600px; background-color:#FFFFFF;}
#negozi #footer .content{ width:580px;}
.box_negozio{ padding:10px; margin:0;}
.box_negozio img { margin:1px; padding:1px; background-color:#ccc; border:solid 1px #9bb11a; float:right;}
.box_negozio ul { list-style:none}
.box_negozio li span {color:#fc7100;}

#alert{ border:1px solid #ddd; padding:15px; background-color:#ffffff; margin-left:275px;}
#alert h1{ margin:0!important;}
#alert ul.ko{ color:#FF0000; margin:10px 0; background:url(../img_layout/icon_avvisi_ko.gif) left no-repeat; padding:0 0 0 80px;min-height:44px;}
#alert ul.ko li{ padding:0;}
#alert ul.ok{ color:#009900; margin:10px 0; background:url(../img_layout/icon_avvisi_ok.gif) left no-repeat; padding:0 0 0 80px; min-height:44px;}
* html #alert ul.ok, * html #alert ul.ko { height:44px;}
.clear{ clear:both;}

iframe{ padding:2px; border:2px solid #fc7100; margin:20px auto; width:530px; height:350px; }

.pulsante { background:url(../img_layout/bg_pulsante.gif) bottom repeat-x #ff9101; color:#000; font-weight:bold; font-size:12px; width:120px; height:20px; padding-bottom:17px; border:1px solid #CC6600; float:right; }