@charset "UTF-8";

body{
    margin:0px;
    padding:0px;
    background:url(images/bgBody.png) repeat-x bottom;
    font:12px Arial, Helvetica, sans-serif;
    color:#8e8d8d;
}

a{color:#CCC;}
a:hover{color:#999;}

h1, h2, h3, h4, h5{
    margin:0px;
}

#appContent h1, #appContent h2, #appContent h3, #appContent h4, #appContent h5{
    color:#4576b4;
}

span{display:none;}

p{
    margin-top:0px;
    line-height:16px;
}

img{
    margin: 0px 0px 20px;
}


/* no select dotted */

a, a:link, a:active, a:hover, a:visited, a:focus, :focus, *:focus, :-moz-any-link:focus{outline:none; border:none;}


/* width */
#container, #header, #navbar, .boxFocusTop, .boxFocusBottom, #footerTop, #footerBottom{width:100%;}

#content, .centerDiv, #footer{width:997px;}

.boxFocus{width:376px;}
.boxFocusBody{width:366px;}

#colLeft{width:380px;}
#colRight{width:500px;}

#footerBody{width:950px;}


/* z-index */

#content, #navbar{position:relative;}

#imgHeader{z-index:100;}
#content{z-index:200;}
#navbar{z-index:300;}


#imgHeader{
	position:absolute;
	top:0px;
	left:50%;
	margin:600px 0px 0px -500px;
}

#imgHeader img{
	border:0px;
	background:none;
}

#container{

	margin:0px auto;
}

#header{
	background:url(images/header.jpg) no-repeat center bottom;
	height:498px;
	margin:0px;
	position: relative;
}


/* NAVBAR */

.centerDiv{
	margin:0px auto;
	height:63px;
}

.centerDiv2{
	position: relative;
	margin:0px auto;
	height:63px;
	top: 428px;
	width: 980px;
}
#navbar{
	float:left;
	display:inline;
	text-align:center;
	border-top:1px #e7e7e7 solid;
	background:url(images/navbarBg100.png) repeat-x top;
	height: 63px;
}


#navbar h2, #div_ul{
	float:left;
	display:inline; 
	font-size:16px;
	text-transform:uppercase;
	margin:0px 20px 0px 0px;
	padding:10px 10px 11px 10px;
}

#navbar h2 a, #div_ul a{
	float:left;
	display:inline;
	color:#ccc;
	padding: 10px;
	text-decoration:none;
}

#navbar h2 a:hover{
    color:#999;
}

#navbar h2.selected{
	background:url(images/bgNavbar.png) repeat-x;
}


#navbar h2.selected a{
	background:#fff;
}


/* SUBNAV */

#div_ul{
    height: 38px;
}

#div_ul h2{
    padding: 0px;
    margin: 0px;
}

#div_ul ul li a.no_bg{
	background:transparent;
	background-color:#fff;
	font-size:14px;
	text-align:left;
	width: 100%;
	border: 0px;
}

.subnav{
	float:left;
	display:inline;
	background:url(images/bgNavbar.png) repeat-x bottom #dfdfdf;
}

/* titolo "cosa facciamo" */
.subnav h2{
	background:url(images/navbarArrow.png) no-repeat right center;
	padding-right: 10px!important;
}

.subnav div{
	float:left;
	display:inline;
	background:#fff;
}

.subnav ul, .subnav ul ul, .subnav ul li, .subnav ul ul li{
	float:left;
	display:inline;
}

.subnav ul{
	background:#fff;
	padding:0px;
	margin:0px;
}

.subnav ul li{
	padding:0px;
	margin:0px;
	text-transform:capitalize;
	text-align:right;
}

.subnav ul ul{
	margin:0px;
	padding:0px;
}

.subnav ul li a{
    float: left;
    display: inline;
}

#btnConsumer, #btnBusiness{
    text-align:right;
    float:left;
    display:inline;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    margin-right: 0px;
}

#btnConsumer a, #btnBusiness a{
    width: 204px;
    padding-right:20px;
    margin-right: 10px;
    padding-left:5px;
    color:#00adef;
    background:url(images/navbarArrowBottom.png) no-repeat right;
}

#btnConsumer a{
    border-left:1px #999 solid;
}


.subnav .selected{
    font-weight: normal!important;
    background: url(images/btnSelected.png) right center !important;
}

.subnav .selected a{
    color: #999!important;
    background: none!important;
    text-transform:none;
}

/* menu a tendina */

#sub_ul_uno, #sub_ul_due{
	margin-top:40px;
    position:absolute;
    left:50%;
	background:#fff;
	display:none;
	padding:10px;
	border-bottom: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	font-weight: normal;
	width: 219px;
}

#sub_ul_uno{
    margin-left:-64px!important;
}

#sub_ul_due{
    margin-left:176px !important;
}

#sub_ul_uno li, #sub_ul_due li{
	background:none;
	margin:0px;
	padding:0px;
	text-align:left;
	float: left;
	width: 100%;
}

#sub_ul_uno li a, #sub_ul_due li a{
	margin:0px;
	padding:10px 0px;
	background:none;
}

#sub_ul_uno li a:hover, #sub_ul_due li a:hover{
    color: #999;
}

#sub_ul_uno h2, #sub_ul_due h2{
	background:none;
}

/* CONTENT */

#content{
	
	margin:0px auto;
	position:relative;
	background: #FFF;
}


#colLeft{
	float:left;
	display:inline;
	margin:50px 15px 0px 0px;
}

#colRight{
	float:left;
	display:inline;
	margin:50px 0px 0px 15px;
}

#colLeft h2, #colRight h2{
	font-size:21px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	color:#000000;
}

#colLeft h3, #colRight h3{
	font-size:16px;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	color:#000000;
}

/* COL-LEFT */

#colLeft p{
	color:#8e8d8d;
	font-size:14px;
}

.boxFocus{float:left; display:inline; margin:0px 2px;}

.boxFocusTop, .boxFocusBottom{float:left; display:inline; height:8px;}
.boxFocusTop{background:url(images/boxFocusTop.png) no-repeat bottom;}
.boxFocusBottom{background:url(images/boxFocusBottom.png) no-repeat bottom;}

.boxFocus h3{font-size:12px; color:#685657; font-weight:bold; margin:10px 0px 5px;}
.boxFocus p{font-size:12px!important; color:#685657; text-align:left; padding:10px 0px;}

.boxFocusBody{float:left; display:inline; padding:0px 5px; background:#f4f4f4; text-align:center;}
.boxFocusBody object, .boxFocus embed{margin:10px auto; text-align:center;}

#appBar{
    float: left;
    display: inline;
    margin: 0px 15px 0px 0px;
    width: 380px;
    border-bottom: 1px solid grey;
}

#appContent{
    float: left;
    display: inline;
    width:308px;
}

/* chi siamo */
#chiSiamo .boxFocusBody{
	text-align:left;
	background:none;
	padding: 0px;
}

#chiSiamo .boxFocusBody img{
	border-left:5px #e8e8e8 solid;
	padding:0px 0px 0px 10px;
}

/* COL-RIGHT */

.pFocus{font-size:16px; color:#000000; line-height: 18px;}
#colRight img{float:left; display:inline; border:0px;}

.icon{
    float: left;
    display: inline;
    padding: 0px 5px;
}


/* FOOTER */

#footer{clear: both; display:inline; margin: 10px auto; width: 998px;}
/*#footerTop, #footerBottom{float:left; display:inline; height:8px;}
#footerTop{background:url(images/footerCornerTop.png) no-repeat bottom;}
#footerBottom{background:url(images/footerCornerBottom.png) no-repeat top;}*/
#footerBody{float:left; display:inline; background:url(images/boxfooter.png) no-repeat; height: 69px; width: 997px;}
#footerBody h2{float:left; display:inline; background:url(images/logoFooter.png) no-repeat; width:92px; height:28px;}
#footerBody h3{margin:0px 0px 5px 0px; font-size:12px;}
#footerBody a{text-decoration:none;}
#footerBody ul{float:right; display:inline; margin:0px; padding:0px 40px; list-style:none;}

#footer p{float:left; display:inline; width:100%; text-align:center; margin:10px 0px 0px; font-size:10px;}
