/* stile screen sito del Comune di Loreto Aprutino */
/* generale */
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #eeeeee;
	color: #333333;
	text-align: center;
}

a img {
	border: 0px;
}

/* contenitori di impaginazione */
div#centrato {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 720px;
}

div#corpo {
	width: 720px;
	background: #ffffff url(img/bg_corpo.gif) left top repeat-y;
	color: #333333;
	float: right;
	margin: 0px;
	padding: 0px;
}

div#areamenu {
	width: 201px;
	border-right: 1px solid #ffffff;
	background: transparent;
	color: #333333;
	float: right;
	margin: 0px;
	padding: 0px;
}

div#areacont {
	width: 518px;
	background: transparent;
	color: #333333;
	float: right;
	margin: 0px;
	padding: 0px;
}

div#testata {
	width: 518px;
	height: 240px;
	background: url(img/anim.gif) left top no-repeat;
	color: #333333;
}

div#contenuti{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 518px;
}

div#boxes {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	width: 200px;
}

div#contnews {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 6px;
	width: 290px;
}

/* elementi strutturali */
div#areamenu img {
	margin: 0px;
	padding: 0px;
}

h1#intestazione {
	margin: 0px;
	padding: 10px;
	background: #cc0000 url(img/bg_intestazione.gif) right top repeat-y;
	color: #ffffff;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

p#data {
	margin-top: 185px;
	padding-right: 15px;
	background: transparent;
	color: #000000;
	text-align: right;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

ul#menu {
	width: 201px;
	margin: -1px 0px 1px 0px;
	padding: 0px;
	background: #eeeeee;
	color: #333333;
	list-style: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

li.titologruppo {
	background: #cc0000;
	color: #ffffff;
	margin: 0px 0px 1px 0px;
	padding: 6px 5px;
	/*border: 1px solid #cc0000;*/
}

li.vocegruppo {
	margin: 0px 0px 1px 0px;
	padding: 5px 20px 5px 5px;
	border: 1px solid #cccccc;
	background: #ffffff url(img/bg_menu.gif) repeat-x;
	color: #333333;
}

li.vocegruppo a {
	background: transparent url(img/punto_lista.gif) 5px no-repeat;
	color: #333333;
	margin: 0px;
	padding-left: 20px;
	text-decoration: none;	
}

li.vocegruppo a:hover {
	color: #cc0000;
	text-decoration: underline;	
}

p#footer {
	width: 700px;
	background: #eeeeee;
	color: #666666;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 60%;
	font-weight: bold;
	clear: both;
	margin: 0px;
	padding: 10px;
	text-align: center;
	border-top: 2px solid #cc0000;
}

/* home page */

div#boxes p {
	width: 180px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	background: #ffffff url(img/bg_boxes.gif) left top repeat-x;
	color: #333333;
	font-family: Georgia, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	float: left;
}

div#boxes p img {
	margin: 0px 5px 5px 0px;
	padding: 0px;
	float: left;
}

div#boxes p a {
	background: transparent;
	color: #333333;
	text-decoration: none;
}

div#boxes p a:hover {
	text-decoration: underline;
}

h3#titolostoria {
	font-family: Georgia, Arial, sans-serif;
	font-size: 70%;
	background: #cc0000 url(img/bg_titolo_storia.gif) left top no-repeat;	
	color: #ffffff;
	width: 182px;
	margin: 2px 0px 0px 0px;
	padding: 5px 10px;
	/*border-top: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-bottom: 0px;*/
	float: left;
	text-align: center;	
}

p#storia {
	border-top: 0px !important;
	font-weight: normal !important;
}

h2#inevidenza {
	margin: 0px;
	padding: 0px 0px 1px 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: url(img/freccia02.gif) left center no-repeat;
	color: #333333;
}

h3.titolonews {
	background: transparent url(img/freccia03.gif) left center no-repeat;
	color: #333333;
	font-family: Georgia, Arial, sans-serif;
	font-size: 76%;
	margin: 20px 5px 0px 15px;
	padding: 0px 0px 0px 10px;
}

img.imgnews {
	margin: 2px 5px 0px 15px;
	padding: 1px;
	border: 1px solid #cccccc;
	float: left;
}

p.news {
	background: transparent;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	margin: 0px 5px 0px 15px;
	padding: 0px;
	text-align: justify;
}

p.news a {
	background: transparent;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

p.news a:hover {
	text-decoration: underline;
}

p.datanews {
	background: transparent;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 0px 5px 0px 15px;
	padding: 0px;
	text-align: justify;
	clear: left;
}

/* altre pagine */

h2.percorso {
	margin: 10px;
	padding: 0px 0px 0px 15px;
	font-family: Georgia, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: url(img/freccia02.gif) left center  no-repeat;
	color: #333333;
}

h2.percorso a {
	text-decoration: none;
	color: #333333;
	background: transparent;
}

h2.percorso a:hover {
	text-decoration: underline;
}

img.fotopag {
	margin: 0px 10px 5px 10px;
	padding: 1px;
	border: 1px solid #cccccc;
	float: left;
}

p.contpag {
	background: transparent;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	margin: 10px 15px 20px 10px;
	padding: 0px;
	text-align: justify;
}

p.nocont {
	background: transparent;
	color: #cc0000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	margin: 10px 15px 20px 10px;
	padding: 0px;
	text-align: center;
}

h3.titolosezione {
	margin: 10px;
	padding: 0px 0px 0px 15px;
	font-family: Georgia, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent url(img/freccia02.gif) left top no-repeat;
	color: #333333;
	clear: left;
}

table.tabella {
	margin: 0px 10px 10px 10px;
	padding: 0px;
	background: transparent;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
}

table.tabella td {
	padding: 10px;
	text-align: justify;
}

table.tabella img {
	margin: 0px;
	padding: 1px;
	border: 1px solid #cccccc;
}

table.tabella a {
	color: #333333;
	background: transparent;
	font-weight: bold;
	text-decoration: none;
}

table.tabella a:hover {
	text-decoration: underline;
}

h3.titololista {
	margin: 40px 40px 5px 40px;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	background: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #333333;
	padding: 2px 0px;
	font-weight: bold;
}

dl.elenco, ul.elenco {
	margin: 0px 40px 0px 70px;
	padding: 0px;
	list-style: none;
}

dl.elenco dt, ul.elenco li {
	margin: 20px 0px 0px 0px;
	padding-left: 15px; 
	background: url(img/freccia03.gif) left center no-repeat;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

dl.elenco dt a,  ul.elenco li a {
	background: #ffffff;
	color: #333333;
	text-decoration: none;	
}

dl.elenco dt a:hover,  ul.elenco li a:hover {
	text-decoration: underline;
}

dl.elenco dd {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	/*text-align: justify;*/
	background: transparent;
	color: #333333;
	margin: 0px 0px 20px 0px;
}

dl.elenco dd a {
	background: transparent;
	color: #333333;
	text-decoration: none;	
}

dl.elenco dd a:hover {
	text-decoration: underline;
}

/*

ul#lista {
	margin: 40px;
	padding: 0px;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #333333;
}

li.punto {
	list-style: none;
	padding: 2px 0px;
	font-weight: bold;
}

ul.sottolista {
	border-top: 1px solid #cccccc;
	margin: 0px;
	padding: 10px 0px;
}

li.sottopunto {
	margin: 0px 0px 20px 40px;
	padding: 0px;
	list-style-image: url(img/freccia03.gif);
	font-weight: normal;
}

li.sottopunto a {
	background-color: transparent;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

li.sottopunto a:hover {
	text-decoration: underline;
}

*/

p.ins {
	margin: 15px 30px 15px 15px;
	padding: 0px;
	text-align: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent;
	color: #333333;
}

p.ins a {
	text-decoration: none;
	background: transparent;
	color: #333333;
}

p.ins a:hover {
	text-decoration: underline;
}

div.contmessaggio {
	margin: 40px 20px 40px 25px;
	padding: 0px;
	background: transparent url(img/proposta.gif) left top no-repeat;
	color: #333333;
}

h4.titolomessaggio {
	margin: 0px 0px 0px 50px;
	padding: 5px 10px;
	font-family: Georgia, Arial, sans-serif;
	font-size: 70%;
	background: transparent;
	color: #333333;
	border-left: 5px solid #cc0000;
}

p.dettaglimessaggio {
	margin: 0px 0px 0px 50px;
	padding: 5px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	background: transparent;
	color: #333333;
	border-left: 1px solid #cccccc;
}

p.leggimessaggio {
	margin: 0px 0px 0px 50px;
	padding: 5px 10px;
	border-left: 1px solid #cccccc;
}

p.leggimessaggio a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent;
	color: #333333;
	text-decoration: none;
}

p.leggimessaggio a:hover {
	text-decoration: underline;
}

p.messaggio {
	margin: 0px 0px 0px 50px;
	padding: 5px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	background: transparent;
	color: #333333;
	border-left: 1px solid #cccccc;
	text-align: justify;
}

p.dettaglirisposta {
	margin: 40px 20px 0px 75px;
	padding: 5px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	background: transparent;
	color: #333333;
	border-left: 5px solid #cc0000;
}

p.risposta {
	margin: 0px 20px 20px 75px;
	padding: 5px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	background: transparent;
	color: #333333;
	border-left: 1px solid #cccccc;
	text-align: justify;
}

form {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent;
	color: #333333;
}

label {
	display: block;
	margin: 10px 0px;
}

input {
	border: 1px solid #333333;
	width: 200px;
}

textarea {
	border: 1px solid #333333;
	width: 200px;
	height: 100px;
}

h1.errore {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent;
	color: #cc0000;
	margin: 20px;
}

a.linkErrore {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent;
	color: #333333;
	text-decoration: none;
	margin-left: 30px;
}

a.linkErrore:hover {
	text-decoration: underline;
}

div#galleria{
	margin: 20px;
	padding: 0px;
	text-align: center;
}

div#galleria img {
	margin: 10px;
	padding: 1px;
	border: 1px solid #cccccc;
}

/*fornace*/

img#fornace {
	display: block;
	text-align: center;
	margin: 20px 10px;
	padding: 5px;
	border: 1px solid #cccccc;
}

a.linkfornace {
	display: block;
	text-align: center;
	margin: 20px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background: transparent;
	color: #cc0000;
	text-decoration: none;
}

a.linkfornace:hover {
	text-decoration: underline;
}

form#formfornace fieldset {
	border: 0px;
	text-align: center;
}

form#formfornace label {
	display: block;
	margin: 5px auto;
}

form#formfornace input {
	display: block;
	margin: 5px auto;
}

form#formfornace input#check {
	border: 0px !important;
}

form#formfornace textarea {
	display: block;
	margin: 5px auto;
}

/*login*/
form#login {
	margin: 5px 0px 10px 0px;
}

form#login fieldset {
	border: 0px;
}

form#login label {
	display: block;
	margin: 0px;
}

form#login input {
	width: 176px;
	display: block;
	margin: 0px;
	border: 1px solid #cccccc;
}

form#login input#loginsubmit {
	width: 100px;
	margin-top: 5px;
	background: #dddddd;
	border: 1px solid #dddddd;
}

a#registrati {
	color: #cc0000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 2px 0px 10px 0px;
	display: block;
}

a#vaiforum {
	color: #cc0000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 20px;
	display: block;
}

/*registrazione*/
form#registrazione {
	background: #eeeeee;
	border: 1px solid #dddddd;
	margin: 20px;
	padding: 20px;
}

form#registrazione fieldset {
	border: 0px;
}

form#registrazione label {
	margin-top: 15px;
	margin-bottom: 0px;
}

form#registrazione input {
	width: 200px;
	margin: 0px;
	border: 1px solid #cccccc;
	margin-top: 2px;
	margin-bottom: 0px;
}

form#registrazione input#regsubmit {
	width: 100px;
	margin-top: 10px;
	background: #cccccc;
	border: 1px solid #dddddd;
}