@import url( style_header.css );
@import url( style_menu.css );
@import url( style_contenuti.css );
@import url( style_footer.css );

@import url( style_scheda.css );


* {
    margin: 0; padding: 0;
}
body {
    text-align: center;
    background-color: #e0dcba;
    font-family: Arial, Verdana; font-size: 14px; line-height: 14px;
}
ul {
    display: block;
    list-style-type: none;
}
li, li a {
    display: block;
}
a {
    color: #000000; text-decoration: none;
}
a:hover {
    color: #000000; text-decoration: underline;
}
form {
    color: #FFFFFF; font-size: 12px;
}
fieldset {
    border: none;
}
legend {
    text-indent: -3000px;
}
/*
label {
    color: color: #FFFFFF;
}
input, select {
    width: 118px; height: 16px;
    background-color: #FFFFFF;
    border: 1px solid #8EA6B3;
}
* html input, *html select {
    width: 120px; height: 18px;
}
p.send input, input.send {
    width: 50px;
    text-transform: uppercase; color: #FFFFFF; text-align: center; cursor: pointer;
    background-color: transparent;
    border: none;
}
*/



/******************************************* CONTAINER *************************************************************/
#container {
    position: relative;
    width: 720px;
    margin: 0 auto;
	padding: 0 10px 10px 10px;
    text-align: left;
	background-color: #FFFFFF;
}

/******************************************* HEADER *************************************************************/
#header {
	position: relative;
	width: 720px;
	height: 140px;
	background-image: url('../images/layout_grafico/barra_rossa.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}
/******************************************* header *************************************************************/

/******************************************* CONTENT *************************************************************/
#content {
	position: relative;
    display: block;
	overflow: hidden;
    width: 720px; min-height: 400px;
	padding-top: 10px;
}

#menu {
	position: relative;
	display: block;
	overflow: hidden;
    float: left;
    width: 180px;
	min-height: 360px;
}
#colonna_contenuti {
	position: relative;
	display: block;
	overflow: hidden;
    float: left;
    width: 540px;
}
/******************************************* content *************************************************************/

/******************************************* FOOTER *************************************************************/
#footer {
	position: relative;
	width: 720px;
	height: 50px;
	margin: 10px 0 0 0;
	text-align: center;
	float: none;
	clear: both;
	font-size: 11px; 
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dadad9;
	border-bottom-color: #dadad9;
}
/******************************************* footer *************************************************************/

/******************************************* container *************************************************************/




#messaggi, #vietatoMinori {
	position: relative;
	display: block;
	overflow: hidden;
    float: left;
    width: 540px;
	height: auto;
	background-color: #dadada;
}
#messaggi h2 {
	height: 20px;
    width: 100%;
	height: 18px;
    background-color: #dadada;
    color: #FFFFFF;
	font-size: 14px;
    text-indent: 5px;
	padding-top: 4px;
}
#messaggi h2.benvenuto {
	height: 30px;
	background-image: url('../images/layout_grafico/intestazione_3_step_3.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#messaggi p.details {
    display: table;
    width: 540px; height: auto; 
	padding: 10px 0px 0px 0px;
    font-size: 10px;
}

#messaggi p.details_grazie {
	color: #2D2D2D;
    display: table;
	height: auto;
	width: 510px;
	padding: 10px 5px 10px 5px;
	margin: 15px auto !important; margin: 15px;
    font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
}

#messaggi p.details_grazie span {
    font-weight: bold;
	padding-top: 15px;
	display: block;
	color: #000000;
}

#messaggi p.footer {
    display: table;
    width: 540px; 
	height: auto;
    margin: 0 1px 0 1px; 
	padding: 40px 0px 0px 0px;
    background-color: #FFFFFF;
}

* html #messaggi p.footer{
    font-size: 10px;
    color: #FFFFFF;
}

#messaggi p.footer a {
    color: #FFFFFF; 
	text-decoration: underline;
}

#messaggi p.details span {
    display: block;
    margin: 0 5px 0 15px;
}

#messaggi p.details span.title {
    color: #990000;
    font-weight: bold;
    margin: 0 5px 0 5px;
}

#messaggi p.details p.punti {
    text-indent: 10px;
}

#messaggi p.details a {
    color: #000000; 
	text-decoration: underline;
}


#messaggi form {
	position: relative;
	display: block;
	overflow: hidden;
	width: 540px;
	height: 100px;
	background-color: #FFFFFF;
	background-image: url('../images/layout_grafico/barra_login.gif');
	background-repeat: no-repeat;
	background-position: left top;
/*
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
*/
}
#messaggi div#ban_booga {
	padding-top: 10px;
	background-color: #FFFFFF;
}
#messaggi form label {
	color: #2D2D2D;
	margin-left: 35px;
	margin-right: 5px;
}
#messaggi form label, #messaggi form input#numero, #messaggi form input#codice {
	margin-top: 55px;
}
#messaggi form input#pulsante {
	position: absolute;
	top: 52px;
	left: 420px;
}

#vietatoMinori h2 {
	width: 540px;
	height: 44px;
	background-color: #FFFFFF;
	background-image: url('../images/layout_grafico/barra_attenzione.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 5000px;
}
#vietatoMinori p {
	text-align: justify;
	padding: 10px;
}
#vietatoMinori form {
	display: block;
	width: 270px;
	float: left;
	text-align: center;
	padding: 20px 0;
}