/* GOOGLE FONT */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans);

/* GENERALE */
body { background: #800000; margin: 0; padding: 0; color: #787878; font-family: 'Open Sans', verdana, arial, tahoma, sans-serif; font-size: 14px; }
a { color: #990000; text-decoration: underline; }
img { display: block; border: 0; }
h1, h2, h3 { padding: 0; margin: 0 0 5px 0; font-family: 'Open Sans Condensed', sans-serif; font-size: 36px; color: #800000; }
h2 { font-size: 28px; }
h3 { font-size: 20px; }
p { text-align: justify; line-height: 160%; }

/* FORM */
input, textarea { display: block; width: 100%; padding: 10px 5px; margin: 0; box-sizing: border-box; outline: none; background-color: #FFF; border: 1px solid #DDD; }
input { height: 35px; }
textarea { resize: none; }

/* STRUTTURA */
div#contenitore { position: relative; background: #FFF; width: 960px; margin: 0 auto; box-shadow: 3px 0 6px #4D0000, -3px 0 6px #4D0000;}
div#headline { width: 920px; margin: 0 auto 20px; height: 20px; background: #EEE; border-bottom: 1px solid #DDD; z-index: 9; }
div#header { position: relative; height: 75px; z-index: 8; }
div#menu { position: relative; height: 40px; background-color: #FAFAFA; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
div#contenuto { margin: 10px 10px 0 10px; }
div#foto-footer { position: absolute; bottom: 44px; right: 20px; left: 20px; }
div#footer { position: absolute; bottom: 0; right: 20px; left: 20px; width: 920px; border-top: 4px solid #EEE; line-height: 40px; font-size: 11px; color: #999; }

/* HEADER */
#header img.logo { margin: 0 auto; width: auto; height: 55px; }
#header img.giustizia { position: absolute; bottom: 0; right: 20px; }

/* MENU */
#menu ul { list-style-type: none; margin: 0 20px; padding: 0; }
#menu li { display: block; float: left; }
#menu a { display: block; font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; line-height: 40px; color: #999; text-decoration: none; padding: 0 10px; }
#menu a.contatti { position: absolute; right: 22px; top: 0; font-weight: bold; }
#menu li > a:hover,
#menu li > a.sel { color: #990000; margin-top: -1px; border-top: 1px solid #990000; border-bottom: 1px solid #990000; }
#menu a.contatti:hover,
#menu a.contatti.sel { color: #990000; }

/* FOTO FOOTER */
#foto-footer > img { width: 920px; height: 100px; }

/* FOOTER */
#footer .credits { position: absolute; top: 0; right: 0; }
#footer .credits > a { color: #999; }

/* HOME COLONNE */
#home-colonne { width: 920px; position: relative; margin: 20px auto 0; padding-bottom: 160px; }
#home-colonne > .col-a { float: left; width: 580px; margin-right: 40px; }
#home-colonne > .col-b { float: left; width: 300px; }

/* DUE COLONNE */
#due-colonne { width: 920px; position: relative; margin: 20px auto 0; padding-bottom: 160px; }
#due-colonne > .col-a { float: left; width: 200px; }
#due-colonne > .col-b { float: left; width: 680px; padding-left: 40px; }
#due-colonne > .col-a > ul { list-style-type: none; margin: 0; padding: 0;}
#due-colonne > .col-a > ul > li { line-height: 30px; }
#due-colonne > .col-a > ul > li > a { display: block; text-decoration: none; border-bottom: 1px dotted #EEE; }
#due-colonne > .col-a > ul > li > a:hover { background-color: #FAFAFA; border-color: #990000; }

/* TUTTA PAGINA */
#tutta-pagina { width: 760px; position: relative; margin: 20px auto 0; padding-bottom: 160px; }

/* ISTAT */
#tutta-pagina > .istat-a { float: left; width: 430px; margin-right: 20px; }
#tutta-pagina > .istat-b { float: left; width: 310px; }

/* NEWS */
#elenco-news { width: 920px; position: relative; margin: 20px auto 0; padding-bottom: 60px; }
#elenco-news > .news { float: left; width: 760px; margin-right: 20px; }
#elenco-news > .news h2 > a { text-decoration: none; }
#elenco-news > .news > .singola-news { margin-bottom: 30px; }
#elenco-news > .archivio { float: left; width: 140px; }
#elenco-news > .archivio > ul { list-style-type: none; margin: 0; padding: 0;}
#elenco-news > .archivio > ul > li { line-height: 30px; }
#elenco-news > .archivio > ul > li > a { display: block; color: #999; text-decoration: none; border-bottom: 1px dotted #EEE; }
#elenco-news > .archivio > ul > li > a:hover { color: #990000; border-color: #990000; }

/* SINGOLA NEWS */
#tutta-pagina.singola-news { padding-bottom: 60px; }
.singola-news > .back { margin-bottom: 20px; }
.singola-news > .data { line-height: 24px; font-size: 12px; }
.singola-news > img { width: 760px; height: auto; }

/* ALLEGATI */
ul.allegati { list-style-type: none; margin: 20px 0 0 0; padding: 0;}
.allegati > li { display: block; border-bottom: 1px solid #DDD; line-height: 30px; }
.allegati > li img, .allegati > li a { display: inline; }

/* PAGINAZIONE */
ul.pagine { list-style-type: none; margin: 20px 0 0 0; padding: 0;}
.pagine > li { display: inline-block; }
.pagine > li > a { display: block; min-width: 24px; line-height: 24px; color: #999; text-decoration: none; text-align: center; border: 1px solid #DDD; }
.pagine > li > a.sel,
.pagine > li > a:hover { color: #990000; border-color: #990000; }

/* BOX IN HOME PAGE */
.hp-box { position: relative; height: 90px; border: 1px solid #DDD; margin-bottom: 20px; cursor: pointer; }
.hp-box > img { position: absolute; top: 4px; left: 4px; border: 1px solid #FFF; }
.hp-box > div { margin: 4px 0 0 110px; height: 82px; border-left: 3px solid #EEE; }
.hp-box > div > span { display: block; line-height: 30px; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px;  padding: 10px 0 0 8px; }
.hp-box > div > span > strong { color: #990000; }
.hp-box:hover { background: #FAFAFA; border-color: #990000; }
.hp-box:hover > img { border-color: #DDD; }
.hp-box:hover > div { border-left-color: #FAFAFA; }

/* PAGINA CONTATTI */
#tutta-pagina.contatti { padding-bottom: 60px; }
#contatti .mezzo { float: left; width: 375px; }
#contatti input, #contatti textarea { display: block; padding: 10px; border: 1px solid #DDD; background-color: #EFEFEF; margin-bottom: 10px; }
#contatti input { width: 100%; }
#contatti textarea { width: 100%; height: 100px; }
#contatti div.btn { position: relative; height: 50px; }
#contatti .btn span { position: absolute; top: 0; right: 0; display: block; line-height: 40px; width: 160px; background-color: #800000; color: #FFF; font-weight: bold; cursor: pointer; text-align: center; }
#contatti .btn span:hover { background-color: #990000; }
#contatti-exe .err, #contatti-exe .suc { padding: 10px; margin-bottom: 10px; }
#contatti-exe .err { background-color: #FFC2B3; color: #333; } 
#contatti-exe .suc { background-color: #B3FFB3; color: #333; }

/* VARIE */
.clearfix { clear: both; }
.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }