/*---------------------------------------------------------------------------------------------------
Foglio di stile reset + layout/colori/tipografia
version:   1.0
author:    Alessandro Ferrari
email:     alessandro.ferrari@fastpiu.it
website:   http://www.ferrariwebdesign.it
---------------------------------------------------------------------------------------------------*/

/* Azzera margini e padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizza font-size dei titoli */
h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

/* Rimuovi stili dalle liste */
ol, ul
{ list-style : none; }

/* Rimuovi stili dai links */
a, a:link, a:visited, a:hover, a:active
{ text-decoration : none; }

/* Normalizza font-style e font-weight */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Normalizza tabelle */
table
{ border-collapse : collapse; border-spacing : 0; }

/* Rimuovi bordi dai fieldset e dalle img */
fieldset, img
{ border : 0;}

/* Allineamento a sinistra per caption e th */
caption, th
{ text-align : left; }

/* Rimuovi i quote dall'elemento q */
q:before, q:after
{ content : '';}
/*---------------------------------------------------------------------------------------------*/

html { text-align : center; }

body{ text-align : left;
	width: 100%;
	background-image: url(../images/body.gif);
	background-repeat: repeat-x;
	background-color: #F5901E;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em; }

h3 { color: #CC0000;
	font-size: 2.5em;
	font-variant: small-caps;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	padding-top: 10px; }
	
h2#slogan {
	position: absolute;
	top: 525px;
}

#logo, h2#slogan, #site_info { width: 950px; }

#logo h1{ padding-top : 90px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 150px bottom;
	text-indent: -9999px; }

#wrap {
	width : 100%;
	min-width: 950px;
	background-image: url(../images/cuoco.jpg);
	background-position: 50% 5px;
	background-repeat: no-repeat;
	height: 580px;
}

#content { position: relative; width : 950px; margin: 0 auto; }

#content_main {
	position: absolute;
	left: 216px;
	top: 120px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ababab;
	width: 480px;
}

#main_nav {
	width : 170px;
	position: absolute;
	left: 30px;
	top: 85px;
	height: 425px;
	background-image: url(../images/callcenter.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#menu li{ padding-bottom: 0px; margin-bottom: 3px; }

#menu li a{ padding-right: 10px; padding-left: 5px; }

a { color: #000000; }

a:link { color: #000000; text-decoration: none; }

a:hover { color: #fff;
	background-color: #F5901E;
	padding-top: 3px;
	padding-bottom: 3px; }

a.active { color: #fff;
	background-color: #F5901E;
	padding-top: 3px;
	padding-bottom: 3px; }
	
.main li { padding-top: 5px; padding-bottom: 5px; }

#slogan { color: #FFFFFF; font-size: 1.1em; font-weight: normal; }

#info {
	position: absolute;
	top: 465px;
	left: 176px;
	line-height: 1.5em;
	width: 200px;
}

#site_info {
	position: absolute;
	top: 555px;
	background-image: url(../images/fillet.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
	z-index: 22;
}
	
#site_info p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	line-height: 1.3em;
}

.red { background-color: #ee2f23; line-height: 2em; font-family: Arial, Helvetica, sans-serif; border: 5px solid #ee2f23; }
	
.credits {
	color: #FFFFFF;
	padding-left: 305px;
}

/* Splash Screen ---------------------------------------------------------------------------------------------------------- */

#intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -185px;
	width: 370px;
	height: 200px;
	position: absolute;
	top: 90px;
	left: 50%;
}

.ita { top: 40px; left: 20px; position: absolute; height: 50px; width: 50px; }
.eng { position: absolute; left: 110px; top: 40px; height: 50px; width: 50px; }
.fra { position: absolute; left: 200px; top: 40px; height: 50px; width: 50px; }
.deu { height: 50px; width: 50px; position: absolute; left: 290px; top: 40px; }

.bold { font-weight: bold; }

#intro h1 { background-image: url(../images/logo.gif); background-repeat: no-repeat; padding-top: 90px; text-indent: -9999px; }
#intro h2 {
	font-size: 0.9em;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px;
}
#intro p {
	font-size: 0.7em;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

#bandiere {
	height: 120px;
	position: relative;
	width: 370px;
}
#bandiere a { margin: 0px; padding: 0px; background-color: #FFF; border-style: none; text-decoration:none;}
#bandiere a:hover{ margin: 0px; padding: 0px; background-color: #FFF; border-style: none; text-decoration:none; }
#lista li {
	margin-right: 10px;
}