@charset "utf-8";

@import url(../css/fonts.css);
@import url(../css/reset.css);

/* Rimuove il bordo dei campi attivi dei browser */
*:focus {outline: none;}

/* --- GLOBAL  --- */
html, body{height:100%}
body{
		font-family:Georgia,"Times New Roman",Times, serif;
		font-size:13px;
		line-height:20px;
		color:#004b99;
		background-color:#fff;
		-webkit-font-smoothing:antialiased;
}

a, a:hover{color:#004b99;}

a.glink{font-family:'tradegothic', arial, sans-serif;}

/* headings */
h1{
		font-family:knockout, sans-serif;
		font-size:70px;
		color:#004b99;
		line-height:70px;
		margin-top:10px;
		margin-bottom:10px;
}
h2{
		font-family:knockout, sans-serif;
		font-weight:bold;
		font-size:70px;
		line-height:60px;
		color:#004b99;
		margin-bottom:10px;
}

/* --- wrappers --- */
#wrapper{
		float:left;
		width:100%;
}

#header-wrap{
		width:100%;
		height:110px;
		float:left;
		background: url(../img/bg-header.png) top left repeat-x;
}

/* #content wrap class */
.wide{
		width:100%;
		float:left;
		display:inline;
}

.center{
		width:974px;
		margin:0 auto;
}

#bg{overflow:hidden;display:block;z-index:-1;position:fixed;left:0;top:0}

/* --- HEADER --- */

#header{
		margin:0 auto;
		width:974px;
		position:relative;
}

#logo{
		position:absolute;
		top:8px;
		left:0;
}

/* --- topnav --- */

#topnav{
		position:relative;
		float:right;
		margin-top:23px;
		margin-right:0px;
		z-index: 10;

}

#topnav li{
		float:left;
		height:24px;
		position:relative;
}

#topnav .sep{
		width:33px;
		text-align:center;
}


#topnav-language{
		height:11px;
		text-indent:-9999px;
		float:left;
		background: url(../img/nav-sprite-it.png) 0 -240px no-repeat;
		width:55px;
		margin-top: 6px;
}
#topnav-language:hover{
		background-position:0 -252px;
}



/* select lang dropdown */


#select-lang{
		display:none;
		top:20px;
		left: 0px;
		z-index:300;
		position:absolute;
}

#select-lang .arrow{
		float:left;
		width:88px;
		height:20px;
		background:url(../img/select-lang-arrow.gif) top left no-repeat;
}

#select-lang ul{
		float:left;
		width:88px;
		background-color:#fff;
		padding-bottom:5px;
		display:inline;
}

#select-lang li{
		margin:0 15px;
		display:inline;
		font-family: helvetica,sans-serif;
}
#select-lang li.active{
		color:#ccc;
}
#select-lang a:hover{
		color:#ccc;
}

#topnav-store{
		height:11px;
		text-indent:-9999px;
		float:left;
		background: url(../img/nav-sprite-it.png) 0 -264px no-repeat;
		width:34px;
		margin-top: 6px;
}

#topnav-store:hover{
		background-position:0 -276px;
}

#topnav-facebook{float:left}
#topnav-twitter{margin-left:13px;float: left;}
#topnav-facebook:hover, #topnav-twitter:hover{
		box-shadow:0 0 3px #fff;
}


#search-input{
		background: url(../img/bg-search-input.png);
		height:20px;
		width:171px;
		margin-left:23px;
		padding:4px 0px 0 11px;
		display:inline;
		float:left;
		line-height:20px;
		color:#004b99;
		font-family:helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
}

#search-input:focus{
		background:#fff;
}

#search-but{
		height:24px;
		width:24px;
		margin-left:3px;
		float:left;
}
#search-but:hover{
		background:#fff;
}

/* --- mainnav --- */
#nav{
		position:absolute;
		top:86px;
		right:0px;
}

#nav li{
		float:left;
		padding-left:35px;
		height:13px;
		line-height:13px;
		overflow:hidden;
}

#nav li.first{
		padding-left:0;
}

/* --- nav links it --- */
#nav a{
		background: url(../img/nav-sprite-it.png) 0 0 no-repeat;
		height:14px;
		text-indent:-9999px;
		float:left;
		display:block;
}


#nav .adriaship{width:76px}
#nav .darsena{background-position:0 -30px;width:62px}
#nav .nuovo{background-position:0 -60px;width:45px}
#nav .usato{background-position:0 -90px; width:42px}
#nav .assicurazione{background-position:0 -120px;width:107px}
#nav .video{background-position:0 -150px;width:38px}
#nav .news{background-position:0 -180px;width:39px}
#nav .contatti{background-position:0 -210px;width:63px}

#nav .adriaship:hover,#nav .adriaship-active{background-position:0 -15px;width:76px}
#nav .darsena:hover, #nav .darsena-active{background-position:0 -45px;width:62px}
#nav .nuovo:hover, #nav .nuovo-active{background-position:0 -75px;width:45px}
#nav .usato:hover, #nav .usato-active{background-position:0 -105px;width:42px}
#nav .assicurazione:hover, #nav .assicurazione-active{background-position:0 -135px;width:107px}
#nav .video:hover, #nav .video-active{background-position:0 -165px;width:38px}
#nav .news:hover,#nav .news-active{background-position:0 -195px;width:39px}
#nav .contatti:hover,#nav .contatti-active{background-position:0 -225px;width:63px}

/* --- nav link en --- */
/*
#nav.en a{background-image:url(../img/nav-sprite-en.png);}

#nav.en .adriaship{width:72px}
#nav.en .darsena{background-position:0 -30px;width:62px}
#nav.en .nuovo{background-position:0 -60px;width:45px;}
#nav.en .usato{background-position:0 -90px; width:42px}
#nav.en .assicurazione{background-position:0 -120px;width:107px}
#nav.en .video{background-position:0 -150px;width:38px}
#nav.en .news{background-position:0 -180px;width:39px}
#nav.en .contatti{background-position:0 -210px;width:63px}

#nav.en .adriaship:hover,#nav.en .adriaship-active{background-position:0 -15px;width:72px}
#nav.en .darsena:hover, #nav.en .darsena-active{background-position:0 -45px;width:62px}
#nav.en .nuovo:hover, #nav.en .nuovo-active{background-position:0 -75px;width:45px}
#nav.en .usato:hover, #nav.en .usato-active{background-position:0 -105px;width:42px}
#nav.en .assicurazione:hover, #nav.en .assicurazione-active{background-position:0 -135px;width:107px}
#nav.en .video:hover, #nav.en .video-active{background-position:0 -165px;width:38px}
#nav.en .news:hover,#nav.en .news-active{background-position:0 -195px;width:39px}
#nav.en .contatti:hover,#nav.en .contatti-active{background-position:0 -225px;width:63px}
*/


/* nav font version */
/*
		#nav-font{
				position:absolute;
				top:84px;
				right:0;
		}

		#nav-font li{
				float:left;
				padding-left:34px;
		}

		#nav-font li.first{
				padding-left:0;
		}

		#nav-font a{
				font-family:tradegothic, sans-serif;
				font-weight: bold;
				font-size:16px;
				line-height:16px;
				float:left;
		}
		#nav-font a.active, #nav-font a:hover{
				color:#fff;
		}
*/

/* subnav */
#subnav-wrap{
		height:40px;
}
#subnav{
		margin-top:16px;
		float:left;
}

#subnav.adriaship-it{left:241px}
#subnav.nuovo-it{left:448px}
#subnav.usato-it{left:469px}
#subnav.video-it{left:660px}
#subnav.news-it{left:733px}

#subnav li{
		font-family:helvetica, sans-serif;
		font-weight:bold;
		font-size:13px;
		float:left;
		margin:0 5px;
}

#subnav a{
		padding:2px 11px;
}

#subnav a:hover, #subnav a.active{
		/*background-color:#e7e7e7;*/
		/*color:#5b5b5b;*/
		color: #808080;
}

#subnav .title, #subnav .title-white{
		background-image:url(../img/subnav-active.gif);
		background-position:top right;
		background-repeat: no-repeat;
		padding-right:20px;
		position:relative;
		cursor:pointer;
}

#subnav a.subhover{
		background-position:right -20px;
}

/* white version */
#subnav .title-white{
		background-image:url(../img/subnav-active-white.gif);
		color:#fff;
}

#subnav .title-white:hover{
		background-position:right -20px;
		color:#b4b4b4;
}

#subnav a.wactive{
		color:#b4b4b4;
		background-position:right -20px;
}

#subnav .title.active, #subnav .title-white.active{
		background-position: right -20px;
}

#subnav .white{
		color:#fff;
}
#subnav .white:hover, #subnav .white.active{
		color:#b4b4b4;
}


/* --- cnav submenu --- */

.cnav{
		position:absolute;
		top:15px;
		left:0;
		z-index:60;
		display: none;
		padding-top:12px;
		/*margin-left: 11px;*/

}
.cnav-head{
		float:left;
		height:11px;
		overflow:hidden;
		background: url(../img/cnav-head.gif) no-repeat scroll left top transparent;
}
.cnav-body{
		border-bottom:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		float:left;
		background-color:#fff;
}
.cnav-col{
		float:left;
		margin:10px 8px 9px;
		display:inline;
}
.cnav-col li a{
		font-family:helvetica, sans-serif;
		font-weight:normal;
		clear:both;
		float:left;
		padding:0 !important;
}
.cnav-col li a:hover{
		background:none !important;
}
.cnav a:hover{
		color:#5b5b5b;
}


/* ie7 version*/
/*
.cnav{
		position:absolute;
		top:15px;
		left:0;
		z-index:30;
		padding-top:12px;
		float:left;

}
.cnav-head{
		float:left;
		height:11px;
		width:100%;
		overflow:hidden;
		background: url(../img/cnav-head.gif) no-repeat scroll left top transparent;
}
.cnav-body{
		float:left;
		background: url(../img/cnav-head2.gif) no-repeat left top transparent;
}
.cnav-col{
		float:left;
}
.cnav-col{
		float:left;
		margin:10px 8px 4px;
}
.cnav-col li a{
		font-family:helvetica, sans-serif;
		font-weight:normal;
		clear:both;
		float:left;
		padding:0 !important;
}
.cnav-col li a:hover{
		background:none !important;
}
.cnav a:hover{
		color:#5b5b5b;
}
*/

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

#mbot{
		float:left;
		width:100%;
}

.facebook-box {
		background-color: #dadada;
		height: 95px;
		margin-top: 20px;
}

#fblike{
		float: left;
		margin-top: 19px;
}

/* --- footer share --- */

#footer-share{
		float:left;
		margin-left:10px;
		margin-top:17px;
		width:80px;
		height:24px;
}

#share a{
		float:left;
		width:9px;
		height:9px;
		margin-top:8px;
		background: url(../img/but-share.png) top left no-repeat transparent;
}

#share a:hover{
		background-position:0 -11px;
}

#share-dropdown{
		float:left;
		margin-left:10px;
		display:none;
}
#share-dropdown a.first{
		margin-right:6px;
}

.addthis_button{
		width:9px;
		height:9px;
		float:left;
		overflow:hidden;
		margin-top:8px;
		background: url(../img/but-share.png) top left no-repeat transparent;
}

.addthis_button:hover{
		background-position: left bottom;
}



#scrolltop {
		float: right;
}


/* --- CSS AUSILIARI --- */
.ImgBtn {
		cursor: pointer;
}

.fl{float:left;}
.fr{float:right}
.cb{clear:both}

.ml10{margin-left:10px}
.ml20{margin-left:20px}

.w100{width:100%}
.w960{width:960px}
.w955{width:955px}

.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}

/* backgrounds */
/* default 50% transparent */
.bgwhite{	background:url(../img/bg-dot-white.png) transparent;}

.bgwhite60{	background:url(../img/bg-dot-white60.png) transparent;}
.bgwhite70{	background:url(../img/bg-dot-white70.png) transparent;}
.bgwhite75{	background:url(../img/bg-dot-white75.png) transparent;}
.bgwhite80{	background:url(../img/bg-dot-white80.png) transparent;}
.bgwhite85{	background:url(../img/bg-dot-white85.png) transparent;}
.bgwhite90{	background:url(../img/bg-dot-white90.png) transparent;}
.bgwhite95{	background:url(../img/bg-dot-white95.png) transparent;}


.bgblue{	background:url(../img/bg-dot-blue.png) transparent;}
.bgblue85{	background:url(../img/bg-dot-blue85.png) transparent;}

.bglblue{	background:url(../img/bg-dot-lightblue.png) transparent;}

.bggrey{	background:url(../img/bg-dot-grey.png) transparent;}
.bggrey40{background:url(../img/bg-dot-grey40.png) transparent;}
.bggrey70{background:url(../img/bg-dot-grey70.png) transparent;}
.bggrey85{background:url(../img/bg-dot-grey85.png) transparent;}
.bggrey90{background:url(../img/bg-dot-grey90.png) transparent;}


/* headings */
.cwhite{color:#fff}
.cblue{color:#004b99}
.corange{color:#e28a02}
.cgreen{color:#15a28c}
.cgrey{color:#5b5b5b}

/* font families */
.fknockout{font-family:knockout, sans-serif;}
.ftradegothic{font-family:tradegothic, sans-serif}
.fhelvetica{font-family:helvetica, arial, sans-serif}
.fgeorgia{font-family:georgia, "times new roman", times, serif;}


/* bg see */
#bg-see{
		position:absolute;
		top:21px;
		right:8px;
		width:35px;
		height:35px;
}

#bg-see a{
		float:left;
		width:35px;
		height:35px;
		overflow:hidden;
		background:url(../img/bg-see.png) top left no-repeat;
}

#bg-see a:hover{
		background-position:bottom left;
}