@charset "UTF-8";

/** 
 *    CSS default file
 *    @version: 1.0 
 */

@import url(paginator.css);

/* Base tags */


.ripara {
	background-image:url(../img/ricostruire-citta.jpg);
	background-repeat:no-repeat;
	width:723px;
	/*height:430px;
	border-bottom:2px solid #aeaeae;*/
}

.ripara .text-ripara {
	margin:0 10px 0 480px;
	font-size:85%;
	padding-top:10px;
}

body {
    color: #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:90%;
    line-height:125%;
    background-image:url(../img/bg-int.gif);
    background-repeat:no-repeat
}

body#home {
    background-image:url(../img/bg-home.gif);
    background-repeat:no-repeat
}

ol li {
    list-style-type:decimal;
    list-style-position:inside;
    padding:3px 5px;
    border-bottom:1px dotted #666;
}

.contatti-home {
    font-size:88%;
    padding:0 5px;
    line-height:110%;
}

.contatti-home ul li { margin:6px 0; }

.contatti-home .copyright {
    font-size:80%;
    margin:5px 0;
}

a {
    color: #c14402;
    font-weight: 800;
}

h1 { font-size: 1.5em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.2em; }

h4 {
    font-size: 1.1em;
    padding-bottom: .3em;
}

h3 small, h4 small {
    color: #999;
    font-size: 80%;
    font-style: italic;
}

#main #content h3 {
    padding:0 0 .3em 0;
    margin-top:10px;
}

h3 small {
    border-left: 2px solid #ccc;
    padding-left: .2em;
}

h4 small {
    display: block;
    padding-left: .2em;/*border-bottom: 1px dotted #ccc;*/
}

small {
    font-size:80%;
    font-style:italic;
}

/* Layout */

#container { width: 100%; }

#wrapper {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#header {
    height: 158px;
    background-color:#000;
    background-image:url(../img/header/header-int.jpg);
    background-repeat:no-repeat;
}

#header .arcidiocesi {
    padding-top:35px;
    padding-right:25px;
    float:right;
}

#header h1 { /*color:#fff;
	float:left;
	font-size:2.3em;
	line-height:2em;
	margin:60px 0 0 225px;
	padding:0;
	text-transform:uppercase;
	width:505px;*/ display:none; }

#header-home {
    height: 270px;
    width:100%;
    overflow:hidden;
    background-color:#000;
    background-image:url(../img/header/header_bg_repeat-x.jpg);
    background-repeat:repeat-x;
}

#header-home .img {
    width:960px;
    height: 270px;
    background-image:url(../img/header/header.jpg);
    background-repeat:no-repeat;
}

#header-home .img .arcidiocesi {
    padding-top:35px;
    padding-right:25px;
    text-align:right;
}

#header-home .img h1 { /*color:#FFFFFF;
	font-size:2.5em;
	line-height:1.5em;
	margin-top:0em;
	margin-right:.6em;
	
	text-align:right;
	text-transform:uppercase;*/ display:none; }

#homemonument {
    float:left;
    width:100%;
}

#main {
    width: 960px;
    margin-top:1px;
}

#footer {
    width: 960px;
    font-size:90%;
    line-height:125%;
    color:#666666;
    clear: both;
    float: right;
    overflow: hidden;
    padding: 5px 0;
    border-top: 1px solid #333;
}

#footer a {
    color:#666666;
    text-decoration:underline;
    font-weight:600
}

#debug { display: none; }

/* <header> */

#breadcrumb {
    border-bottom: 1px dotted #666666;
    font-size:85%;
    padding:.4em 0;
}

#breadcrumb .sep {
    color: #999;
    padding: 0 .3em;
}

#breadcrumb .current {
    color: #333;
    font-weight:600;
}

#breadcrumb a { font-weight:100; }

#breadcrumb ul, #breadcrumb ul li { display: inline; }

/* <main-menu> */
.item5 { /*font-style:italic;*/ }

ul.main {
    height:58px;
    background-color:#c14402;
}

ul.main a { text-decoration:none; }

ul.main li { float:left; }

ul.main li a {
    display:block;
    font-size:.9em;
    color:#fff;
    text-transform:uppercase;
    padding:35px 23px 5px;
    background-image:url(../img/bg-menu.gif);
    background-repeat:no-repeat;
    background-position:right center;
}

ul.main li.first a { padding:35px 27px 5px 26px; }

ul.main li.last a { background-image:none; }

ul.main li a:hover, ul.main li.current {
    float:left;
    background-image:url(../img/bg-menu-curr.gif);
    background-repeat:repeat-x;
    background-position:left center;
}

/* <main-menu> */


/* <extra-menu> */
#header-home ul.extra {
    margin:230px 5px 0 0;
    padding:0px;
    float:right;
}

#header ul.extra {
    margin:133px 5px 0 0;
    padding:0px;
    float:right;
}

ul.extra li { float:left; }

ul.extra li a {
    font-size:85%;
    display:block;
    padding:5px 0 0 8px;
    color:#fff;
}

/* <sub-menu> */
ul.sub {
    margin:0 4px;
    padding:0px;
}

ul.sub li a {
    font-size:90%;
    display:block;
    padding:5px 10px;
    background-image:url(../img/submenu.gif);
    background-repeat:no-repeat;
    background-position:0 10px;
}

ul.sub li.current a {
    color:#333;
    background-image:url(../img/submenu-curr.gif);
    background-repeat:no-repeat;
    background-position:0 10px;
}

/* <sub-menu> */

/* <service-menu> */
ul.service { border:1px solid #000; }

/* <service-menu> */


/* <main> */
#section { background-color:#000; }

#section-cultura {
    background-color:#000;
    background-image:url(../img/bg-section-curia.jpg);
    background-repeat:no-repeat;
}

#leftcolumn { /* 794-200 */
    float: left;
    width: 200px;
    margin:14px 0 0 0;
}

#content { /* 794-200 */
    float: right;
    width: 740px; /* 760 */
    margin:10px 0 0 0;
    padding-bottom:20px;
    font-size:90%;
}

#main #leftcolumn h3 {
    border-bottom: 1px solid #666;
    margin: .5em 0;
    padding: .2em 0;
    padding-left:0px;
}

#main h2, #main h3 {
    border-bottom: 1px solid #666;
    margin: .5em 0;
    padding: .2em 0;
}

#main h2.acquista {
    border-bottom: 0px none;
    margin: .5em 0;
    padding: .2em 0;
}

#main h2.acquista a {
    display:block;
    background-image:url(../img/icons/carrello.gif);
    background-repeat:no-repeat;
    padding:0 0 0 20px;
}

#main h2.titlemonument {
    font-size:1.5em;
}

#main h3 {
    font-size:1em;
    border-bottom: 1px solid #666;
    margin: .5em 0 .3em;
    padding: .2em .5em .1em;
}

#main h4, h5 {
    margin: 0;
    padding: .2em 0 .1em;
    clear: both;
}

#content p { padding-bottom: .4em; }

#sponsors {
    width: 200px;
    margin: 20px 0;
}

/* home */



/* singles pages */
#shortcolumn {
    width:570px;
    float:left;
}

.rightcolumn {
    width:150px;
    float:right;
}

.rightcolumn .rightbox {
    width:150px;
    background-color:#ebebeb;
    background-image:url(../img/bg-rightbox.png);
    background-repeat:repeat-x;
    background-position:left bottom;
    padding-bottom:5px;
}

.rightcolumn .rightbox .rightcontent {
    width:140px;
    margin:5px auto;
    font-size:90%;
}

.rightcolumn .rightbox .rightcontent div {
    text-transform:uppercase;
    font-size:80%;
    margin:0;
    padding:2px 0;
    font-weight:800;
    width:140px;
    border-bottom:1px dotted #666;
}

.rightcolumn .rightbox .rightcontent div p.label {
    float:left;
    width:140px;
    margin:0px;
    padding:0px;
    line-height:120%;
}

.rightcolumn .rightbox .rightcontent div .stato {
    padding:2px 4px;
    color:#fff;
    width:132px;
    text-align:center;
    display:block;
    clear:left;
}

.rightcolumn .rightbox .rightcontent div .euro {
    color:#09970c;
    font-size:140%;
}

.rightcolumn .rightbox .rightcontent .zoom {
    display:block;
    text-transform:uppercase;
    font-size:80%;
    line-height:120%;
    margin:0;
    padding:4px 0;
    background-image:url(../img/icons/zoom.png);
    background-repeat:no-repeat;
    background-position:right center;
}

#main #shortcolumn h3 {
    padding:0 0 .3em 0;
    margin-top:10px;
}

#main .rightcolumn h3 {
    padding:0 0 .3em 0;
    margin-top:10px;
}

#main .rightcolumn h3.restauro {
    background-image:url(../img/icons/restauro.png);
    background-repeat:no-repeat;
    background-position:right center;
}

#main .rightcolumn h3.immagini {
    background-image:url(../img/icons/immagini.png);
    background-repeat:no-repeat;
    background-position:right center;
}

#main .rightcolumn h3.archivio {
    background-image:url(../img/icons/archivio.png);
    background-repeat:no-repeat;
    background-position:right center;
}

/* tiers */
.tier {
    overflow: hidden;
    clear: both;
}

.tier a { text-decoration: none; }

.tier .column { float: left; }

/* tier1 */
#tier1 {
    background: url(../img/tier-bg.gif) left bottom repeat-x;
    padding-bottom: 20px;
}

#tier1 .column.left {
    width: 520px;
    margin-right: 12px;
}

#tier1 .column.right { width: 262px; }

/* tier2 */
#tier2 .snip {
    width: 253px;
    margin: 20px 14px 20px 0;
    float: left;
}

#tier2 .snip .snip-top {
    margin: 0;
    padding: 4px 12px;
    height: 24px;
    background: #f7f7f7 url(../img/snip-top.gif) left top no-repeat;
    color: #666;
    border: 0 none;
}

#tier2 .snip .snip-center {
    background-color: #f7f7f7;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 3px;
}

#tier2 .snip .snip-center li {
    background: url(../img/event-icon.gif) left 5px no-repeat;
    padding: 3px 0 2px 20px;
    margin: 0 0 3px 0;
    border-top: 1px dotted #ccc;
    overflow: hidden;
}

#tier2 .snip .snip-center li.first { border-top: 0 none; }

#tier2 .snip .snip-center img {
    border: 1px solid #ccc;
    float: right;
    margin:  0 0 .5em .5em;
}

#tier2 .snip .snip-bottom {
    text-align: right;
    border-bottom: 1px dotted #ccc;
}

#tier2 .snip .snip-bottom a:before { content: "\00BB \0020"; }

#tier2 #snip3 {
    width: 260px;
    margin-right: 0;
}

#tier2 #focus {
    background: #f7f7f7;
    margin-top: 20px;
}

#content #map {
    height: 500px;
    margin-bottom: 1em;
}

#content .map #map {
    height: 150px;
    margin-bottom: 1em;
}

/* </main> */

/* <footer> */
#footer .about {
    float: left;
    width: 600px;
}

#footer .credits {
    float: right;
    clear: right;
}

#footer .validation {
    float: right;
    clear: right;
    margin-top: 15px;
}

/* </footer> */


/* Classes */
#features { float:right; }

a.print {
    display:block;
    text-decoration: none;
    font-weight: normal;
    width:18px;
    height:18px;
    margin-top:10px;
    padding:0px;
    background: url(../img/icons/print.gif) 0 2px no-repeat;
    background-repeat:no-repeat;
    background-position:right top;
    line-height:0px;
    float:right;
}

a.rss {
    display:block;
    text-decoration: none;
    font-weight: normal;
    width:18px;
    height:18px;
    margin-top:11px;
    padding:0px;
    background: url(../img/icons/rss.png) 0 2px no-repeat;
    background-repeat:no-repeat;
    background-position:right top;
    line-height:0px;
    float:right;
}

a.back {
    display:block;
    text-decoration: none;
    font-weight: normal;
    margin-top:10px;
    margin-right:10px;
    padding:0px;
    float:right;
}

a.adottato {
    display:block;
    text-decoration: none;
    font-weight: normal;
    width:16px;
    height:16px;
    padding:0px;
    margin-right:8px;
    background: url(../img/icons/ico_adottato.jpg) 0 2px no-repeat;
    background-repeat:no-repeat;
    background-position:right top;
    line-height:0px;
    float:left;
}

.ico_adottato {
    float:right;
    padding:0px;
    margin-top:5px;
}

#section h1 {
    font-size:1.5em;
    line-height:15px;
    color:#fff;
    text-transform:uppercase;
    padding-top:45px;
    padding-bottom:0px;
    margin-left:-1px;
    margin-bottom:0px;
}

#section-cultura h1 {
    font-size:1.5em;
    line-height:15px;
    color:#fff;
    text-transform:uppercase;
    padding-top:45px;
    padding-bottom:0px;
    margin-left:-1px;
    margin-bottom:0px;
}

ul.galleries li {
    float:left;
    height:122px;
    margin:0 0.3em 0.5em 0;
    overflow:hidden;
    width:160px;
}

ul.galleries { margin-bottom: 1em; }

.gal {
    padding: .2em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    float: left;
    margin: .2em 0 .5em .2em;
    display: block;
}

.rigntimgsingle {
    padding: .2em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    float: right;
    margin: .2em 0 .5em .2em;
    display: block;
}

.contestimg {
    padding: .1em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    float: left;
    margin: .2em 0 .2em .1em;
    display: block;
}

.rightbox { width:175px; }

.errore { margin: 0 auto 0 auto; }

.errore h2 { color: #c00; }

.attachment {
    padding: 2px 0 2px 24px;
    text-decoration: none;
    font-weight: normal;
    background: url(../img/icons/attachment.gif) 0 0 no-repeat;
}

#focus.important {
    border: 1px solid #c99;
    color: #c00;
    padding: 0 .5em;
}

/* lista chiese */
.codice {
    font-size:70%;
    color:#000;
}

/* tables */
table.chiese {
    width: 100%;
    margin: 0 auto 10px;
    border-top: 2px solid #ddd;
    border-bottom: 3px solid #ddd;
    background: #fff;
    font-size:95%;
}

table.chiese caption {
    background: #4676A3 none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    color: #fff;
    font-size: 1.4em;
    font-weight: 800;
    line-height: 1.4em;
    margin: 10px 0 0;
}

table.chiese thead { background: #ddd; }

table.chiese th, table.chiese td {
    padding: 2px;
    text-align: left;
}

table.chiese tbody td { border-bottom: 1px dotted #666; }

table.chiese .cell1 { width: 18%; }

table.chiese .cell2 { width: 20%; }

table.chiese .cell3 { width: 20%; }

table.chiese .cell4 { width: 42%; }

/* tables */
table {
    width: 100%;
    margin: 0 auto 10px;
    border-top: 2px solid #ddd;
    border-bottom: 3px solid #ddd;
    background: #fff;
}

table caption {
    background: #4676A3 none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    color: #fff;
    font-size: 1.4em;
    font-weight: 800;
    line-height: 1.4em;
    margin: 10px 0 0;
}

table.list thead { background: #ddd; }

table.list th, table.list td {
    padding: 2px;
    text-align: left;
}

table.list tbody td { border-bottom: 1px dotted #666; }

table.list .cell1 { width: 20%; }

table.list .cell2 { width: 22%; }

table.list .cell3 { width: 58%; }

table.course thead {
    border-bottom: 1px dotted #666;
    background-color: #fafafa;
}

table.course thead th {
    text-align: left;
    color: #4676A3;
    border-bottom: 0 none;
    border-right: 0 none;
    background: #eee;
}

table.course .cell1 { width: 55%; }

table.course .cell2 { width: 20%; }

table.course .cell3 { width: 15%; }

table.course .cell4 { width: 10%; }

table.course .highlight { /* border-bottom: 1px solid #999; */ color: #999; }

table.course .labels {
    background: #eee;
    font-weight: 800;
}

table.course th {
    border-right: 1px dotted #666;
    font-weight: 800;
}

table.course th, table.course td {
    padding: .2em .5em;
    text-align: left;
    border-bottom: 1px dotted #666;
}

table.course ul li {
    list-style: disc;
    margin: .5em .5em .5em 1em;
    color: #999;
}

table.course ul li p, table.course ul li span { color: #000; }

/* lists */
ul.list, ol.list { margin: 0 0 .3em; }

ul.list li {
    list-style: disc;
    list-style-position: outside;
    /*overflow: hidden;*/
    margin-left: 1.5em;
}

ol.list li {
    list-style: decimal;
    list-style-position: outside;
    margin-left: 1.5em;
}

/* monumenti */
#main ul.monumenti { }

#main ul.monumenti li {
    width:370px;
    margin:0 0 30px 0;
    float:left;
    border-bottom: 0px none;
    overflow: hidden;
}

#main ul.monumenti li .listimg {
    padding: .2em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    margin: .01em;
    display: block;
}

#main ul.monumenti li div {
    text-transform:uppercase;
    font-size:70%;
    line-height:200%;
    margin:0;
    padding:0px;
    font-weight:800;
    width:358px;
    border-bottom:1px dotted #666;
}

#main ul.monumenti li div p.label {
    float:left;
    width:220px;
    margin:0px;
    padding:0px;
}

#main ul.monumenti li div .stato {
    padding:2px 4px;
    color:#fff;
}

.stato1 { background-color:#c14402; /* in corso */ }

.stato2 { background-color:#09970c; /* finito */ }

.stato3 { background-color:#ff0000; /* da iniziare */ }

#main ul.monumenti li div .euro {
    color:#09970c;
    font-size:140%;
    font-weight:bold;
}

#main ul.monumenti li h3 {
    border-bottom: 0px none;
    padding:0 0 .3em 0;
    margin:0px;
    font-size:110%;
}

#main ul.monumenti li.leftmonument, #main ul.monumenti li div, #main ul.monumenti li div.scheda { width:373px; }

#main ul.monumenti li.rightmonument, #main ul.monumenti li div, #main ul.monumenti li div.scheda { width:367px; }

#main ul.monumenti li div.scheda {
    text-transform:uppercase;
    font-size:70%;
    line-height:200%;
    text-align:right;
    background-color:#ebebeb;
}

#main ul.monumenti li div.scheda a {
    display:block;
    padding:3px;
    font-size:110%;
    text-decoration:none;
}

/* opere */
#main ul.opere { }

#main ul.opere li {
    margin:0 0 20px 0;
    padding:5px;
    border-bottom: 1px solid #666;
    overflow:hidden;
}

#main ul.opere li .imgopera {
    border-bottom:0px none;
    background-color:#fff;
    float:right;
    margin:0;
    padding:5px;
    display:block;
    width:auto;
    line-height:0;
    position:relative;
    font-size:70%;
}

#main ul.opere li .imgopera .overlay {
	width:50px; 
    height:50px; 
    display:block;
    position:absolute;
    top:8px; 
    right:4px; 
    background:url(../img/icons/monumentoadottato.png) no-repeat;
}

#main ul.opere li .imgopera .zoom {
    display:block;
    text-transform:uppercase;
    font-size:95%;
    line-height:130%;
    margin:0;
    padding:4px 2px;
    background-image:url(../img/icons/zoom.png);
    background-repeat:no-repeat;
    background-position:right center;
    clear:both;
}

#main ul.opere li .imgopera .listimg {
    padding: .2em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    margin: 0 0 5px 0;
    display: block;
    float:right;
}

#main ul.opere li div {
    /*text-transform:uppercase;
    font-weight:800;
    font-size:70%;*/
    line-height:130%;
    margin:0;
    padding:5px 0;
    width:565px;
    border-bottom:1px dotted #666;
}

#main ul.opere li .tecnicheopere {
    width:565px;
    border:1px solid #666;
    padding:2px;
    font-style:italic;
    margin:5px 0;
}

#main ul.opere li div p.label {
    float:left;
    width:220px;
    margin:0px;
    padding:0px 2px;
}

#main ul.opere li div .stato {
    padding:2px 4px;
    color:#fff;
}

#main ul.opere li div .euro {
    color:#09970c;
    font-size:140%;
}

#main ul.opere li h3 {
    border-bottom: 0px none;
    padding:0 0 .3em 0;
    margin:0px;
    font-size:125%;
}

#main ul.opere li.light, #main ul.opere li.light .scheda { background-color:#fff; }

#main ul.opere li.dark, #main ul.opere li.dark .scheda { background-color:#ebebeb; }

#main ul.opere li div.scheda {
    text-transform:uppercase;
    font-size:70%;
    line-height:200%;
    background-color:#ebebeb;
}

#main ul.opere li div.scheda form{
	margin:0 0 0 222px;
}

#main ul.opere li div.scheda a {
    display:block;
    padding:3px;
    font-size:110%;
    text-decoration:none;
}

#main ul.opere li .imgopera a { padding:0 2px; line-height: 4px; }

#contesto {
    background-color:#ebebeb;
    border:1px solid #666;
    padding:0;
    float:left;
    width:568px;
}

/* adottati */
/* monumenti */
#main ul.adottati { }

.schedaadottati {
    display:block;
    padding:3px;
    font-size:110%;
    text-decoration:none;
    cursor:pointer;
    text-transform:uppercase;
    line-height:200%;
    text-align:right;
    background-color:#ebebeb;
}

#main ul.adottati li div.adozioni, .adozioni {
    padding:3px;
    margin:0 0 0 0;
    display:block;
    border:1px solid #666;
    background-color:#ebebeb;
}

#main ul.adottati li {
    width:100%;
    margin:0 0 30px 0;
    border-bottom: 0px none;
    overflow: hidden;
}

#main ul.adottati li .imgopera {
    border-bottom:0px none;
    background-color:#fff;
    float:right;
    margin:0 0 0 8px;
    display:block;
    width:auto;
    line-height: 0;
}

#main ul.adottati li .listimg {
    padding: .2em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    margin: .01em;
    float:left;
    width:150px;
}

#main ul.adottati li .list-monument {
    float:left;
    margin:0 0 0 0;
    font-size:70%;
    line-height:200%;
    font-weight:800;
    border-bottom:0px none;
    width:520px;
}

#main ul.adottati li div {
    float:left;
    text-transform:uppercase;
    margin:0 0 0 0;
    padding:0px;
    width:515px;
    border-bottom:1px dotted #666;
}

#main ul.adottati li div p.label {
    float:left;
    width:400px;
    margin:0px;
    padding:0px;
}

#main ul.adottati li div .stato {
    padding:2px 4px;
    color:#fff;
}

#main ul.adottati li ul.benefattori li {
    margin:0 2% 0 0;
    padding:0 0 0 0;
}

.stato1 { background-color:#c14402; /* in corso */ }

.stato2 { background-color:#09970c; /* finito */ }

.stato3 { background-color:#ff0000; /* da iniziare */ }

#main ul.adottati li div .euro {
    color:#09970c;
    font-size:140%;
}

#main #content ul.adottati li h3 {
    border-bottom: 0px none;
    padding:0 0 .3em 0;
    margin:0px;
    font-size:130%;
    margin-top:0px;
}

#main ul.adottati li div.scheda {
    text-transform:uppercase;
    line-height:200%;
    text-align:right;
    background-color:#ebebeb;
}

#main ul.adottati li div.scheda a {
    display:block;
    padding:3px;
    font-size:110%;
    text-decoration:none;
}

#main ul.news li {
    margin: 0 .5em 1em 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}

#main ul.news li h4 { clear:none; }

ul.multimedia li {
    margin: 0 .5em 1em 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    float:left;
    width:48%;
}

ul.attachments li {
    padding: 0 4px 2px 24px;
    margin: .5em 1em .5em 0;
    text-decoration: none;
    font-weight: normal;
    background: url(../img/icons/attachment.gif) 0 0 no-repeat;
    border-bottom: 1px dotted #ccc;
}

ul.links li {
    padding: 0 4px 2px 24px;
    margin: .5em 1em .5em 0;
    text-decoration: none;
    font-weight: normal;
    background: url(../img/icons/link.png) 0 0 no-repeat;
    border-bottom: 1px dotted #ccc;
}

ul.link-utili li {
    width:230px;
    height:211px;
    border-bottom:1px dotted #666;
    margin:10px 15px 0 0;
    float:left;
}

a.linkutile {
    padding: 0 4px 2px 24px;
    margin: .5em 1em .5em 0;
    text-decoration: none;
    background: url(../img/icons/link.png) 0 0 no-repeat;
}

/* home page */
#slide {
    width:960;
    height:259px;
    margin:1px 0 0 0;
    background-color:#000;
    border-bottom:1px solid #F60;
}

#container-news {
    padding-bottom:10px;
    float:left;
    width:100%;
}

#container-news-left {
    width:226px;
    float:left;
    background-color:#e5e5e5;
}

#container-news-left #rivista {
    width:216px;
    margin-left:5px;
    margin-right:5px;
    padding-bottom:30px;
}

#container-news-left #rivista p {
    font-size:85%;
    line-height:110%;
}

#container-news-left h3 {
    padding:0 0 .2em 0;
    margin-top:0;
    margin-left:5px;
    margin-right:5px;
    font-size:90%;
    border-bottom:1px solid #333;
}


#container-news-left h3.inevidenza {
    padding:0 0 .2em 0;
    margin-top:0;
    margin-left:5px;
    margin-right:5px;
    font-size:125%;
    border-bottom:1px solid #333;
}

#container-news-left h3.rivista {
    padding:0 0 .2em 0;
    margin-top:5px;
    margin-left:0px;
    margin-right:0px;
    font-size:110%;
    border-bottom:0px none;
}

/* in-primo-piano */
#in-primo-piano {
    width:723px;
    float:right;
}

#in-primo-piano h3 {
    padding:0 0 .2em 0;
    margin-top:10px;
    margin-left:0;
    margin-right:0;
    border-bottom:1px solid #333;
}

#in-primo-piano ul.newshome { margin-top:10px; }

#in-primo-piano ul.newshome li {
    margin: 0 1% 1em 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    float:left;
    width:48%;
    font-size:90%;
    line-height:115%;
    padding-bottom:10px;
}

#in-primo-piano ul.newshome li.clearer {
    margin: 0;
    border: 0 none;
    overflow: hidden;
    float:none;
    width:100%;
    height:0;
    font-size:0;
    line-height:0;
    padding:0;
    clear:both;
}

#in-primo-piano ul.newshome-prossimamente { margin-top:10px; }

#in-primo-piano ul.newshome-prossimamente li {
    margin: 0 0 .5em 0;
    border-bottom: 1px dotted #ccc;
    font-size:90%;
    line-height:115%;
    padding:3px 0;
}

#in-primo-piano ul.newshome-prossimamente li .dataprossima {
    float:right;
    font-style:italic;
}

#in-primo-piano ul.newshomelong { margin-top:10px; }

#in-primo-piano ul.newshomelong li {
    margin: 0 1% 1em 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    font-size:90%;
    line-height:115%;
    padding-bottom:10px;
}

ul.boxes,
ul.banners {
    clear:left;
	float:left;
    width:100%;
    margin:6px 0;
}

ul.boxes li {
	float:left;
    width:233px;
    height:214px;
    background-color:#ccc;
    margin:0 6px;
}

ul.boxes li.first {
	margin-left:0;
}

ul.boxes li.last {
	margin-right:0;
    float:right;
}
#in-primo-piano ul.boxes li h3 {
    padding:.3em;
    margin-top:0;
    margin-left:0px;
    margin-right:0px;
    font-size:100%;
    border-bottom:1px solid #333;
}
#in-primo-piano ul.boxes li p {
	padding:5px;
	font-size:90%;
	line-height:115%;
}

ul.banners li {
	float:left;
    width:241px;
    height:44px;
    padding:5px 0;
    text-align:center;
    background-color:#e8e8e8;
}

.altezza .rigntimgsingle img { width:70px; }

/* pubblicazioni */
#pubblicazioni {
    clear:both;
    border-top:1px dotted #666;
    border-bottom:1px dotted #666;
    padding:1px 0;
    margin:0 0 10px 0;
    float:left;
    width:100%;
}

#pubblicazioni #contenutopubblicazioni {
    background-color:#eee;
    float:left;
    padding:10px 1%;
    width:98%;
}

#pubblicazioni #contenutopubblicazioni ul li span.author {
    font-style:italic;
    color:#666;
    font-size:.7em;
    line-height:105%;
    display:block
}

#pubblicazioni #contenutopubblicazioni p {
    font-size:80%;
    line-height:115%;
    padding:0;
}

#pubblicazioni #contenutopubblicazioni p.description {
    width:140px;
    float:left;
}

#pubblicazioni #contenutopubblicazioni h3.collana {
    height:15px;
    padding:0;
    margin:0px;
}

#pubblicazioni #contenutopubblicazioni p.description-collana { float:left; }

#pubblicazioni #contenutopubblicazioni img.logocollana { margin-top:10px; }

#pubblicazioni #contenutopubblicazioni .altezza /*#pubblicazioni #contenutopubblicazioni p.description*/ { height:170px; overflow:hidden; }

#pubblicazioni #contenutopubblicazioni h3 {
    padding:0 0 .2em 0;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    font-size:1em;
    height:35px;
}

#pubblicazioni-left {
    width:215px;
    float:left;
}

#pubblicazioni-right {
    width:725px;
    height:187px;
    float:right;
    overflow:hidden;
    position:relative;
}

#pubblicazioni-right ul {
    position:absolute;
    left:0;
    top:0;
}

#pubblicazioni-right ul li {
    float:left;
    margin:0 0 0 12px;
    width:228px;
}

.altezzanews /*#pubblicazioni #contenutopubblicazioni p.description*/ { height:144px; }

/* cultura-curia */
#cultura-curia {
    clear:both;
    border-top:1px dotted #666;
    border-bottom:1px dotted #666;
    padding:1px 0;
    margin:0 0 10px 0;
    float:left;
    width:100%;
}

#cultura-curia #contenutocultura-curia {
    background-color:#eee;
    float:left;
    padding:0 1% 0 0;
    width:99%;
}

#cultura-curia #contenutocultura-curia ul li span.author {
    font-style:italic;
    color:#666;
    font-size:.7em;
    line-height:105%;
    display:block
}

#cultura-curia #contenutocultura-curia p {
    font-size:80%;
    line-height:115%;
    padding:0;
}

#cultura-curia #contenutocultura-curia p.description {
    width:140px;
    float:left;
}

#cultura-curia #contenutocultura-curia h3.collana {
    height:15px;
    padding:0;
    margin:0px;
}

#cultura-curia #contenutocultura-curia p.description-collana { float:left; }

#cultura-curia #contenutocultura-curia img.logocollana { margin-top:10px; }

#cultura-curia #contenutocultura-curia .altezza { height:170px; overflow:hidden; }

#cultura-curia #contenutocultura-curia h3 {
    padding:0 0 .2em 0;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    font-size:1em;
    height:35px;
}

#cultura-curia-left {
    width:226px;
    float:left;
    line-height:0;
}

#cultura-curia-right {
    width:724px;
    height:187px;
    margin-top:10px;
    float:right;
    overflow:hidden;
    position:relative;
}

#cultura-curia-right ul {
    position:absolute;
    left:0;
    top:0;
}

#cultura-curia-right ul li {
    float:left;
    margin:0 0 0 12px;
    width:228px;
}

/* video */
#video {
    border:1px solid #666;
    padding:8px;
    background-color:#ebebeb;
    overflow:hidden;
}

#video ul.multimedia { }

#video ul.multimedia li {
    margin: 0 .5em 0 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    float:left;
    width:48%;
}

#video ul.multimedia li .leftimgsingle {
    padding: .2em;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 0;
    float: left;
    margin: .2em 10px .5em 0;
    display: block;
}
/* home page */

.author {
    font-style:italic;
    color:#666;
    font-size:.9em;
    line-height:105%;
    display:block
}

.isbn {
    color:#ff0000;
    font-size:.9em;
    line-height:105%;
    font-weight:bold;
    border:1px solid #aeaeae;
    padding:2px;
    float:right;
}

.tecniche {
    border:1px solid #aeaeae;
    background-color:#ebebeb;
    padding:3px;
}

.ultimo {
    border:1px solid #aeaeae;
    background-color:#ebebeb;
    padding:5px;
    overflow:hidden;
}

form {
    padding:0px;
    margin:0 0 10px;
}

form label {
    font-size:12px;
    font-weight:bold;
}

form input, form select {
    padding:2px;
    border:1px solid #666;
    width:98%;
}

form #cerca {
    padding:1px;
    border:1px solid #666;
    background-color:#ebebeb;
    width:98%;
    margin:3px 0;
}

.rightbox form {
    padding:0px;
    margin:0 0 10px;
}

.rightbox form label {
    font-size:12px;
    font-weight:bold;
}

.rightbox form input, form select {
    padding:2px;
    border:1px solid #666;
    width:94%;
}

.rightbox form #cerca {
    padding:1px;
    border:1px solid #666;
    background-color:#ebebeb;
    width:98%;
    margin:3px 0;
}

.searchresult {
    padding:3px;
    border:1px solid #666;
    background-color:#ebebeb;
}

#adottaopera {
    background-image:url(../img/adottaopere.png);
    border:0px none;
    width:150px;
    height:28px;
    cursor:pointer;
}

#adottamonumento {
    background-image:url(../img/adotta.png);
    border:0px none;
    width:150px;
    height:28px;
    cursor:pointer;
}

.date {
    font-size:90%;
    font-style:italic;
}

#main .contestourbanodata {
    padding:5px;
    border:1px solid #666;
    background-color:#ebebeb;
    margin:10px 0;
}

#main .contestourbanodata p { padding:2px 0; }

.cats li {
	border-bottom:1px solid #fff;
    line-height:110%;
    clear:right;
    margin-right:
}
    
.cat {
    width:14px;
    height:8px;
    display:block;
    border:1px solid #fff;
    margin:6px 0;
    float:right;
    -moz-border-radius:3px;
}

.colors, .colors ul, .colors ul li, .colors ul li span {
	float:left;
    overflow:hidden;
}

.colors {
    margin-bottom:1px;
    padding:.5%;
    background: url(../img/tier-bg.gif) left bottom repeat-x;
    width:99%;
}

.colors ul {
    padding-top:10px;
}

.colors ul li {
	width:185px;
    margin-right:5px;
    height:50px;
}

.colors ul li .color {
	width:14px;
    height:14px;
    border:1px solid #ccc;
    margin-right:6px;
}

.colors ul li .label {
	width:160px;    
}

.colors a.rss,
.colors a.back {
	margin-top:0;
    font-weight:800;
}

.colors a.rss {
	background: url(../img/rss.gif) 0 2px no-repeat;
}

.colors a.print {
	display:none;
}

.primasisma, .doposisma {
	display:block;
	width:150px;
	height:92px;
	margin-top:5px;
	/*border-bottom:1px solid #333333;*/
}
.primasisma:hover, .doposisma:hover {
	text-decoration:none;
}
.primasisma {
	background-image:url(../img/prima-sisma.jpg);
	background-position:0 0;
	background-repeat:no-repeat
}
.primasisma img, .doposisma img {
	margin-top:4px;
}
.doposisma {
	background-image:url(../img/dopo-sisma.jpg);
	background-position:0 0;
	background-repeat:no-repeat
}
.primasisma span, .doposisma span {
	display:none;
}
.primasisma .numfoto {
	font-size:10px;
	padding-left:95px;
	padding-top:3px;
}
.doposisma .numfoto {
	font-size:10px;
	padding-left:80px;
	padding-top:3px;
}


.form_row {
	width:45%;
	float:left;
	margin-right:2%;
	margin-bottom:5px;
	margin-top:5px;
}
.form_row_long {
	width:100%;
	float:left;
	margin-right:0;
	margin-bottom:5px;
	margin-top:5px;
}
.form_row input {
	width:90%;
}
.form_row input[type=radio], .form_row_long input[type=radio], .form_row_long input[type=checkbox], .form_row input[type=checkbox] {
	width:20px;
}
.form_row_long input[type=reset], .form_row_long input[type=submit] {
	width:200px;
}

fieldset .informative  {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #666666;
	height:68px;
	overflow:auto;
	padding:0 6px;
	font-size:9px;
	line-height:10px;
}