/*************************************************/
/* SCREEN
/* Author: davide reppucci | nascar
/* Author URI: http://www.nascar.it
/* File: screen.css
/* Date: 10/12/2009
/*************************************************/

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%;
	background: transparent;
}

body {
	background: #fff url(../images/bg.gif) center top repeat-x;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

legend { display: none; }
button { cursor: pointer; }
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;
}
a {
	text-decoration: none;
	color: #666;
}
a:hover { text-decoration: underline; }

a img {
	border: 0;
	margin: 0;
	padding: 0;
}

hr.invisible { display: none; }

ol, ul { list-style: none; }

/*************************************************/
/* CLASSI RIUTILIZZABILI
/*************************************************/

/* SPACER | MARGINI */
.hidden { display: none; }

.clear {
	display: block;
	clear: both;
	line-height: 0;
}
.spacer-0 { height: 0px; }
.spacer-1 {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
.spacer-5 {
	height: 5px;
	line-height: 5px;
	font-size: 5px;
}
.spacer-10 {
	height: 10px;
	line-height: 10px;
	font-size: 10px;
}
.spacer-15 {
	height: 15px;
	line-height: 15px;
	font-size: 15px;
}
.spacer-20 {
	height: 20px;
	line-height: 20px;
	font-size: 20px;
}
.spacer-25 { height: 25px; }
.spacer-30 { height: 30px; }
.spacer-40 { height: 40px; }

.left {
	display: inline;
	float: left;
}
.right {
	display: inline;
	float: right;
}

.margin-dx-1 { margin: 0 1px 0 0; }
.margin-dx-2 { margin: 0 2px 0 0; }
.margin-dx-5 { margin: 0 5px 0 0; }
.margin-dx-10 { margin: 0 10px 0 0; }
.margin-dx-15 { margin: 0 15px 0 0; }
.margin-dx-20 { margin: 0 20px 0 0; }
.margin-dx-25 { margin: 0 25px 0 0; }
.margin-dx-30 { margin: 0 30px 0 0; }
.margin-dx-35 { margin: 0 35px 0 0; }
.margin-dx-40 { margin: 0 40px 0 0; }
.margin-dx-45 { margin: 0 45px 0 0; }
.margin-dx-50 { margin: 0 50px 0 0; }
.margin-dx-55 {	margin: 0 55px 0 0; }
.margin-dx-60 { margin: 0 60px 0 0; }
/**/

/*************************************************/
/* CONTENITORI
/*************************************************/

/* WRAP */
#wrap {
	width: 930px;
	margin: 0 auto;
	display: block;
}
/**/

h1 { display: none; }

/**********/
/* HEADER */
#wrap #header {
	height: 450px;
	width: 930px;
	position: relative;
	display: block;
	margin: 0 0 20px;
}

#wrap #header #form {
	position: absolute;
	top: 190px;
	right: 10px;
	padding: 16px 20px 20px 24px;
	width: 493px;
	display: block;
}

#wrap #header #form #f-text {
	font-size: 12px;
	line-height: 12px;
	color: #333;
	margin: 0 0 12px;
}

/***********/
/* CONTENT */
#wrap #content {
	margin: 0 auto;
	width: 930px;
	height: 142px;
	display: block;
	background: url(../images/agos.gif) left top no-repeat;
}

#wrap #content ul { margin: 0 0 0 4px; }

#wrap #content ul li {
	background: url(../images/ul.gif) left top no-repeat;
	padding: 0 20px 0 25px;
	width: 143px;
	display: inline;
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 17px;
}

#wrap #content ul li strong {
	display: block;
}
/**/

/**********/
/* FOOTER */
#wrap #footer {
	clear: both;
	width: 915px;
	margin: 0 auto;
	display: block;
	padding: 0 0 0 15px;
}

#wrap #footer h2 {
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #f00;
	text-transform: uppercase;
	margin: 0 0 5px;
}

#wrap #footer p {
	font-size: 12px;
	color: #666;
	line-height: 15px;
	letter-spacing: -0.002in;
}

#wrap #footer p a { text-decoration: underline; }
#wrap #footer p a:hover { text-decoration: none; }
/**/

/*****************/
/* FORM-GENERICO */
/*****************/

/* paragrafi */
.form-generico p.flottante {
	display: inline;
	width: 241px;
	margin: 0 0 12px;
}

.form-generico p.flottante a {
	color: #666;
	text-decoration: underline;
}
.form-generico p.flottante a:hover { text-decoration: none; }

.form-generico p.flottante span {
	font-size: 10px;
	line-height: 14px;
	margin: 12px 0 0 0;
	display: block;
}

.form-generico p.alert {
	font-size: 12px;
	line-height: 14px;
	color: #f33;
	margin: 25px 0 0 0;
	display: none;
}

.form-generico p#p-submit {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* label */
.form-generico label {
	line-height: 24px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	display: block;
	padding: 0 0 0 10px;
}
/**/

/* input */
.form-generico input {
	padding: 4px 15px 0 10px;
	height: 25px;
	width: 214px;
	line-height: 16px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/input.gif) top left repeat-x;
	color: #666;
	border: 1px #c7c6c3 solid;
}
.form-generico input:focus { color: #333; }
/**/

/* select */
.form-generico select {
	padding: 4px 5px;
	height: 30px;
	width: 238px;
	line-height: 16px;
	border: 1px #c7c6c3 solid;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/input.gif) top left repeat-x;
	color: #666;
}

.form-generico select option { background: #fff; }
.form-generico select:focus { color: #333; }
/**/

/* submit */
.form-generico .submit {
	display: inline;
	width: 241px;
	height: 38px;
	color: #fff;
	background: url(../images/submit.gif) top left no-repeat;
	border: 0;
	cursor: pointer;
	text-align: center;
	padding: 0;
	margin: 0;
}
.form-generico .submit:hover { background: url(../images/submit-hover.gif) left top no-repeat; }
/**/

/*alert form*/
#wrap form p { position: relative; }

#wrap form p .requiredField,
#wrap form p .emailError,
#wrap form p .passwordError,
#wrap form p .sameError,
#wrap form p .captchaError,
#wrap form p .numberError,
#wrap form p .dataError {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 17px;
	height: 17px;
	display: inline;
	text-indent: -9999px;
	margin: 0;
}

#wrap form p .requiredField { background: transparent url(../images/form/alert-form.gif) no-repeat; }

#wrap form p .emailError { background: transparent url(../images/form/alert-form-email.gif) no-repeat; }

#wrap form p .passwordError { background: transparent url(../images/form/alert-form-password.gif) no-repeat; }
#wrap form p .passwordError em { display: none; }
#wrap form p .passwordError strong {
	position: absolute;
	top: 4px;
	left: 8px;
	font-size: 9px;
	line-height: 9px;
	color: #fff;
}

#wrap form p .sameError { background: transparent url(../images/form/alert-form-same.gif) no-repeat; }

#wrap form p .captchaError { background: transparent url(../images/form/alert-form-same.gif) no-repeat; }

#wrap form p .numberError { background: transparent url(../images/form/alert-form-number.gif) no-repeat; }

#wrap form p .dataError { background: transparent url(../images/form/alert-form-date.gif) no-repeat; }

#wrap form p .requiredField em,
#wrap form p .emailError em,
#wrap form p .passwordError em,
#wrap form p .sameError em,
#wrap form p .numberError em,
#wrap form p .dataError em { text-indent: -9999px; }

#wrap form p .requiredCheck {
	display:block;
	clear: both;
	color: #f00;
	font-weight: 700;
}
#wrap form p .requiredCheck em {
	display:block;
	clear: both;
	color: #f00;
	font-weight: 700;
}
/**/

/* TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	background: #606169;
	height: auto !important;
	height: 11px;
	min-height: 11px;
	width: 150px;
	padding: 10px;
	-moz-border-radius: 2px;
}
#tooltip h3 {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
}
/**/