/*
*  CSS: sevenPM.com
*  Data creazione: Aprile 2009
*  Autore: Matteo Ruzza
*  Note: 
*/

/*generic rules*/
*{
	border:0 none;
	margin:0;
	padding:0 
}

body{
	font:normal 76% Arial, Helvetica, sans-serif;
	line-height:140%;
	background:#fff;
	color:#000;
	padding:20px 0;
	margin:0
}
input,textarea,a{
	outline:none;/*get rid of dotted borders*/
}

h1{display:none}
h2,h3,h4,h5,h6,p,ul,li{margin:0;padding:0}
ul{list-style:none outside}
a,a:hover{text-decoration:none}
html{overflow:-moz-scrollbars-vertical}


/*LAYOUT*/
#main{margin:0 auto;width:930px}
div.footer{
text-align:center;
margin-top:20px;
	
	}
div.footer p{
	font-weight:normal;
	font-size:0.90em;
	color:#333	;
	line-height:normal
	}


/*NAVIGATION*/
div.navi{
	background:url(../img/logo.gif) no-repeat top left;
	width:930px;
	height:120px;
	overflow:hidden
}
div.navi a.hpback{
	float:left;
	display:block;
	width:315px;
	height:120px
}
div.navi ul{
	overflow:hidden;
	float:right;
	padding-top:85px
}
div.navi li{
	border-right:2px solid #faab53;
	font-weight:normal;
	font-size:1.80em;
	float:left;
	padding:0 10px;
}
div.navi a,
div.navi a:hover{color:#faab53;line-height:normal!important}
div.navi a.sel,
div.navi a.sel:hover,
div.navi a:hover{text-decoration:underline!important}

/*#anchor-services{background:url(../img/title_services.gif) no-repeat bottom left!important}
#anchor-contact{background:url(../img/title_contact.gif) no-repeat bottom left!important}

div.anchor,
div.anchor{height:100px!important}

#anchor-services ul,
#anchor-contact ul{padding-top:58px!important}
#anchor-services li,
#anchor-contact li{
	border-right-width:1px!important;
	font-size:1.10em!important;
}*/

/*PORTFOLIO*/
/*slider in slider.css*/
/*client list*/
div.clientlist{width:900px;padding:0 15px;overflow:hidden}
div.clientlist h3{
	font-weight:bold;
	font-size:1.10em;
	color:#333;
	margin-bottom:10px
}
div.clientlist ul{width:180px;float:left}
div.clientlist li{
	margin:2px 5px;
	font-weight:normal;
	font-size:1.00em;
	color:#333
}
/*div.clientlist li:before{content:". "}*/

div.clientlist p{
	clear:both;
	padding-top:20px;
	font-weight:normal;
	font-size:0.90em;
	color:#333
}

/*SERVICES*/	
#services{
	padding-top:30px;
	width:930px;
	clear:both;
	overflow:hidden;
}
#services div.box{
	width:310px;
	height:200px;
	display:block;
	float:left
}
#services h2,
#services p,
#services ul{padding:0 15px}
#services h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.60em;
	color: #333
}
#services p{
	clear:both;
	margin-bottom:30px;
	font-weight:normal;
	font-size:1.30em;
	color:#333;
	line-height:1.20em;
}
#services div.box p{
	font-size:1.10em!important;
	margin-bottom:15px!important
}
#services div.box ul{margin-left:15px}
#services div.box ul li{
	list-style:url(../img/ul_bullet.gif) outside;
	font-weight:normal;
	font-size:1.10em;
	color: #333
}

/*METOO SECTION*/
div.newservices{
	width:930px;
	text-align:center;
	margin-bottom:50px
}
div.newservices div.srvcontainer{
	width:930px;
	clear:both;
	overflow:hidden;
	padding:15px 0;
	background:url("../img/bgnews.gif") repeat-y top center #fff
}
div.newservices h3{
	font-size:3.00em;
	font-weight:normal;
	color:#faab53;
	padding:5px 0 12px 0;
	margin-bottom:10px
}
div.newservices p{
	font-size:1.20em;
	font-weight:normal;
	color:#333;
	line-height:1.20em;
	text-align:left;
	margin-top:15px
}
div.newservices ul{
	font-size:1.20em;
	color:#333;
	line-height:1.20em;
	text-align:left;
	list-style:outside;
	margin:15px 0 0 17px
}
div.newservices li{margin-bottom:5px}
div.newservices a{
	color:#faab53;
	font-weight:bold;
	text-decoration:underline
}
div.newservices div.metoo,
div.newservices div.metoomobile{width:425px}
div.newservices div.metoo{float:left;margin-left:20px}
div.newservices div.metoomobile{float:right;margin-right:20px}
		
/*CONTACT*/
#contact{/*background:red;*/
	padding:30px 0;
	width:930px;
	clear:both;
	overflow:hidden;
}
#contact div.info{width:465px;float:right}
#contact div.form{width:465px;float:left}
#contact div.map{padding:15px;padding-top:0}
#contact div.form div{
	width:435px;
	overflow:hidden;
	padding:0 15px;
	margin-bottom:8px
}
#contact label{
	float:left;
	width:140px;
	padding-top:1px
}
#contact input,
#contact select{
	float:left;
	width:270px;
	height:18px;
	border:1px solid #999
}
#contact textarea{
	width:270px;
	height:150px;
	float:left;
	border:1px solid #999
}
#contact label,
#contact input{
	font-weight:normal;
	font-size:1.10em;
	color: #333;
}
#contact div.buttons{margin-top:15px}
#contact div.buttons input{
	width:150px;
	height:auto;
	padding:3px;
	float:none;
	text-align:center;
	border:1px solid #999;
	cursor:pointer
}

#contact h2,
#contact p,
#contact ul{padding:0 15px}
#contact h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.60em;
	color: #333;
}
#contact p{
	margin-bottom:5px;
	font-weight:normal;
	font-size:1.10em;
	color: #333;
}

#contact ul{margin-left:0}
#contact ul li{
	list-style:none outside;
	font-weight:normal;
	font-size:1.10em;
	color: #333
}