/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	letter-spacing: normal;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* altri */

a {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

input,select,textarea,option,button
{
	padding: 0px;
	margin: 0px;
	border: 0;
}

textarea{
	overflow: auto;
}

input[type=button],
button
{
	cursor: pointer;
}

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
.simboleria {
	background-image: url('../img/simboleria.png');
	background-repeat: no-repeat;
}
.simboleria.twitter {
	background-position: 0px 0px;
	width: 27px;
	height: 26px;
}
.simboleria.facebook {
	background-position: -27px 0px;
	width: 27px;
	height: 26px;
}
.simboleria.linkedin {
	background-position: -54px 0px;
	width: 27px;
	height: 26px;
}
.simboleria.email {
	background-position: -81px 0px;
	width: 27px;
	height: 26px;
}
.simboleria.freccia {
	background-position: -20px -26px;
	width: 20px;
	height: 20px;
}
.simboleria.freccia.sx {
	background-position: -0px -26px;
}
.simboleria.freccia.dx {
	background-position: -20px -26px;
}
.simboleria.pulsante.invia {
	background-position: 0px -46px;
	width: 42px;
	height: 22px;
}
/*------------*/

.tratto.orizzontale {
	background-image: url('../img/tratti%20orizzontali.png');
	background-repeat: repeat-x;
	height: 1px;
}

.tratto.orizzontale.pagina {
	background-position: 0px 0px;
}
.tratto.orizzontale.contenuto {
	background-position: 0px -1px;
}body {
	font-family: Times New Roman;
	font-size: 11px;
	overflow: auto;

	background-color: rgb(163,163,147);
	color: rgb(255,255,255);
	clear: both;
}
div.fullscreen {
	position: static;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
div.tratto.orizzontale.pagina {
	position: absolute;
	top: 42px;
	left: 0px;
	right: 0px;
}

div.sito {
	position: relative;
	width: 941px;
	margin-left: auto;
	margin-right: auto;
}

img.logo {
	position: absolute;

	top: 79px;
	left: 35px;

	width: 240px;
	height: 114px;
}

div.sito>div.contenuto {
	position: absolute;

	top: 304px;
	left: 0px;
	width: 871px;

	min-height: 400px;
	background-color: rgb(255,255,255);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	padding-top: 33px;
	padding-left: 35px;
	padding-right: 35px;
}

div.tratto.orizzontale.contenuto {
	clear: both;
}

div.sito>div.contenuto>h1.titolo,
div.sito>div.contenuto>h2.titolo {
	float: left;
	clear: both;

	font-size: 36px;
	color: rgb(0,0,0);
	height: 25px;
	line-height: 25px;
}

div.sito>div.contenuto>h2.titolo.pagina {
}

div.tratto.orizzontale.contenuto.alto {
	margin-top: 45px;
}
div.tratto.orizzontale.contenuto.basso {
	clear: both;
	margin-bottom: 47px;
}
div.tratto.orizzontale.corta {
	width: 571px;
}

/*--------------------*/

div.sito>div.contenuto>div.tagline {
	position: absolute;

	bottom: -69px;
	left: 0px;
	right: 0px;

	line-height: 69px;
	height: 69px;

	text-align: center;
	color: rgb(255,255,255);
}
div.sito>div.contenuto>div.tagline>h2 {
	display: inline;
}
div.sito>div.contenuto>div.tagline>a {
	color: rgb(255,255,255);
	font-weight: bold;
}

/*--------------------*/

div.sito>ul.menu {
	position: absolute;

	top: 261px;
	left: 0px;
	right: 0px;
	height: 47px;

}

div.sito>ul.menu>li {
	float: left;

	width: 170px;
	height: 47px;

	font-size: 15px;
	line-height: 47px;
	text-transform: uppercase;
	background-color: rgb(191,191,180);
	text-align: center;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	margin-left: 22px;
}

div.sito>ul.menu>li.attivo {
	background-color: rgb(255,255,255);
}

div.sito>ul.menu>li a {
	color: rgb(255,255,255);
}
div.sito>ul.menu>li.attivo a {
	color: rgb(163,163,147);
}

div.sito>ul.menu>li.sitiweb {
	margin-left: 0px;
}
div.sito>ul.menu>li.contatti {
	float: right;
}

div.sito>ul.contatti {
	position: absolute;
	top: 133px;
	right: 34px;
}
div.sito>ul.contatti>li {
	position: relative;
	float: left;

	width: 27px;
	height: 26px;

	margin-left: 7px; 
}
div.sito>ul.contatti>li>a {
	position: absolute;
	top: 0px; left: 0px;
	bottom: 0px; right: 0px;
}

/* --------------- */
div.autore {
	font-style: italic;
	font-size: 16px;
	color: rgb(163,163,147);
	margin-bottom: 16px;
}
a.licenza>img {
	margin-bottom: 16px;
}

/* --------------- */

div.centro {
	position: fixed;
	top: 50%;
	left: 50%;
}
div.popup_glass {
	position: absolute;
	top: -20px; left: -20px;
	bottom: -20px; right: -20px;

	margin-left: -150px;
	margin-top: -50px;

	background-color: rgb(128,128,128);
	opacity: 0.7;
	filter: alpha(opacity=70);

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	box-shadow: 10px 10px 20px rgb(0,0,0);
	-moz-box-shadow: 10px 10px 20px rgb(0,0,0);
	-webkit-box-shadow: 10px 10px 20px rgb(0,0,0);
}
div.popup {
	position: relative;
	float: left;

	width: 300px;
	margin-left: -150px;

	height: 100px;
	margin-top: -50px;

	font-size: 16px;
	font-color: rgb(0,0,0);

	background-color: rgb(255,255,255);
	color: rgb(131,131,115);

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
div.popup>span {
	display: block;

	position: absolute;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	margin-top: -30px;

	width: 280px;
	text-align: center;
}

div.popup>div.buttonbar {
	position: absolute;
	bottom: -10px;
	right: 10px;

	text-align: center;
}
div.popup>div.buttonbar>button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 10px;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255,255,255);

	background-color: rgb(131,131,115);
	text-transform: uppercase;
}
div.popup>div.buttonbar>button:hover {
	background-color: rgb(163,163,147);
}

/* --------------- */

a {
	cursor: pointer;
}
div.sito,
body>div.tratto.orizzontale.pagina {
	visibility: hidden;
}
