/* Alessandro Pizzolitto web designer for Penso dot us */

body
{
margin:0;
padding:0;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:14px;
color:#5B5B5C;
background-image:url(../immagini/bg_top.jpg);
background-repeat:repeat-y;
background-position:top center;
background-color:#BD2635;
}

span{
	font-size:24px;
	font-variant:small-caps;
	font-weight:bolder;
}
a:link {
	color: #5B5B5C;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #002A64;
}
a:hover {
	text-decoration: underline;
	color: #002A64;
}
a:active {
	text-decoration: underline;
	color: #002A64;
}

p
{
text-align:left;
font-family: "Trebuchet MS", Times, serif;
margin:0;
padding:0;
}
li{
font-family: "Trebuchet MS", Times, serif;
list-style-type: none;
}

#top
{
width:800px;
height:auto;
margin:0 auto;

}

#logo
{
width:100%;
height:156px;
font-family:"Trebuchet MS";
font-size:45px;
color:#002A64;
padding-top:10px;
font-weight:bold;
background-image:url(../immagini/logo.gif);
background-position:top;
background-repeat:no-repeat
}

.logo
{
font-family:"Trebuchet MS";
font-size:24px;
color:#b1b1b1;
font-weight:normal;
}

.slogan
{
font-family:"Trebuchet MS";
font-size:14px;
color:#7C6C5D;
font-weight:normal;
}

/*------------------MENU----------------------*/

#foxmenucontainer
{
width:600px;
height:auto;
display:block;
}

#foxmenu
{
width:100%;
position:relative;
display:block;
height:auto;
font-size:16px;
font-family: "trebuchet MS";
font-weight:normal;
text-transform: lowercase;
margin-top:0px;

}

#foxmenu ul
{
height:36px;
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#foxmenu ul li
{
display:block;
float:left;
margin-right:18px;
}

#foxmenu ul li a
{
display:block;
float:left;
color:#7C6C5D;
text-decoration:none;
padding:10px 0px 0 0px;
height: auto;
}

#foxmenu ul li a:hover
{
height: auto;
color:#BD2634;
}

h1
{
font-family:"Trebuchet MS";
color:#BD2635;
font-size:30px;
padding:0;
}

/* -------- CONTENT --------- */

#content
{
width:100%;
height:auto;
background-color:#FFF;
background-image:url(../immagini/bianco.jpg);
background-position:top center;
background-repeat:repeat-y;
}

#wrapper
{
width:800px;
height:auto;
margin:0 auto;
padding-top:20px;
background-image:url(../immagini/bg_bianco.gif);
background-position:top;
background-repeat:repeat;
}

/* FIRST LINE OF BOXES */

#first
{
width:100%;
height:auto;
margin-bottom:15px;
}

#leftf
{
width:480px;
height:auto;
float:left;
padding-bottom:20px;

}
#tre
{
width:500px;
height:auto;
float:left;
padding-bottom:20px;
}
#rightf
{
width:285px;
height:auto;
float:right;
padding-bottom:15px;
}
#complete
{
color: #666;
width:480px;
height:980px;
float:left;
padding-bottom:20px;
}
#complete h1{
	font-size:13px;
	}
#complete p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	
	}	

#news
{
border:solid 1px #cbcbcb;
width:285px;
height:auto;
float:right;
margin-top:10px;


}
.news{
	padding:2px;
	background-image:url(../immagini/blu_fondo.jpg);
	background-position:top;
	background-repeat:repeat-y;
	}
#news h1{
	margin-top:0;
	padding-left:5px;
	font-size:24px;
	color: #303030;
	}

.news a{
	font-size:12px;
	margin-top:10px;
	padding-left:10px;
	margin-right:5px;
	color: #333;
	text-decoration: none;
}

#pierremaco{

width:285px;
height:auto;
float:right;
padding-bottom:15px;
}

#servizi{
border:solid 1px #cbcbcb;
width:285px;
height:auto;
float:right;
font-size:80%;
padding-top:10px;
padding-bottom:15px;
}
#servizi h1{
	margin-top:0;
	padding-left:5px;
	font-size:24px;
	color: #303030;
	}
h2
{
font-family:"Trebuchet MS";
font-size:24px;
color:#657076;
margin:0;
padding:0;
padding-bottom:10px;
}

.rossa
{
color:#BD2634;
padding-left:20px;

}
.blu
{
color:#7C6C5D;
}

.image
{
padding:2px;
border:#cbcbcb solid 1px;
}

/* SECOND LINE OF BOXES */

#second
{
width:100%;
height:auto;
margin-bottom:15px;
}

#lefts
{
width:255px;
height:auto;
float:left;
padding-bottom:15px;
border-bottom:dotted #cbcbcb 1px;
}
#lefts p{
	margin-top:10px;
	padding-left:100px;
	}

#center
{
width:255px;
height:auto;
float:right;
padding-bottom:15px;
border-bottom:dotted #cbcbcb 1px;
}
#rights
{
width:255px;
height:auto;
float:right;
padding-bottom:15px;
border-bottom:dotted #cbcbcb 1px;
}

.image2
{
padding:2px;
border:#cbcbcb solid 1px;
margin-bottom:8px;
}

#button
{
width:90px;
height:auto;
text-align:right;
margin-left:390px;
}

/* FOOTER */
#footer{
	width:100%;
	height:200px;
	}
.footer
{
width:800px;
height:auto;
margin:10px auto;
padding:10px 0 10px 0;
text-align:center;
color:#657076;
font-size:14px;
}
.foot
{
background-image:url(../immagini/bg_servizi.jpg);
background-position:left top;
background-repeat:no-repeat;
width:800px;
height:83px;
margin:10px auto;
padding:20px 0 10px 0;
text-align:center;
color:#657076;
font-size:14px;
}
.sponsor
{
width:800px;
height:auto;
margin:10px auto;
padding:20px 0 10px 0;
text-align:center;
color:#657076;
font-size:14px;
}

.copyright
{
font-size:12px;
color:#7C6C5D;
}

.image3{
	margin-left:10%;
	margin-right:10%;
	padding:2px;
    border:#cbcbcb solid 1px;
	}
.letter {
	font-size:9px;
	font-family:"Trebuchet Ms", Georgia, Times;
	}
	
#newsletter
{
margin-top:10px;
border:solid 1px #cbcbcb;
width:285px;
height:auto;
float:right;


}
.newsletter{
	padding:2px;
	background-position:top;
	background-repeat:repeat-y;
	}
#newsletter h1{
	margin-top:0;
	padding-top:2px;
	padding-left:5px;
	font-size:24px;
	color: #FFA200;
	}

.newsletter a{
	font-size:12px;
	margin-top:10px;
	padding-left:10px;
	margin-right:5px;
	color: #333;
	text-decoration: none;
}
.pippo {
}
.split3 div{
    float: left;
    width: 35%;
    width: 35%;
    width: 31%;
	font-size:12px;
	padding-right:10px;
    }
	
	.split2 div{
    float: left;
    width: 46%;
    width: 48%;
	font-size:12px;
	padding-right:10px;
    }	
.split2 p{
	text-align:justify;
}


.navcontainer { width: 280px;
text-decoration:none;
}

.navcontainer ul
{
height:70px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}

.navcontainer a
{
display: block;
padding: 3px;
width: 270px;
background-color: #FFF;
color:#333;
text-decoration:none;
}

.navcontainer a:link, #navlist a:visited, 
{ 
color: #333;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #DDD;
color: #666;
}