/** Import Reset CSS **/

@import url("reset.css");



@font-face {
    font-family: 'Slogan';
    src: url('../font/slogan/PoetsenOne-Regular.ttf');
    font-weight: normal;
    font-style: normal;
	

}



@font-face {
    font-family: 'Title';
    src: url('../font/normal/opensans/OpenSans-ExtraBold-webfont.eot');
    src: url('../font/normal/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/normal/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../font/normal/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../font/normal/opensans/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Normal';
    src: url('../font/normal/opensans/OpenSans-Regular-webfont.eot');
    src: url('../font/normal/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/normal/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/normal/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/normal/opensans/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Compressed';
    src: url('../font/compressed/trump_gothic_west_bold.ttf');
    font-weight: normal;
    font-style: normal;
	letter-spacing:50px;

} **/

/** Global Styles **/

html{height: 100%;overflow: auto;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font-family: "Normal", Arial, Verdana, Helvetica, sans-serif;font-size: 16px; color: #172983;padding:0;}/** #edefea **/
::selection { background: #000; color: #FFF; }
::-moz-selection { background: #000; color: #FFF; }
a { color:#172983; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
a:hover { color: #996600; }

/** Layout Styles **/
.container{ background-color:#00519e;  }
.darkbg{ background-repeat:repeat-x; background-image:url(../images/bgtop.jpg); border-bottom:#00519e solid 3px;}
.lightbg{background: #006699; width:100%; background-color:#ececec; padding-bottom:10px}
.slidebg{ background-repeat:repeat-x; background-color:#00519e; height:350px; background-image:url(../images/showcase.jpg); background-size: cover;}
.slidebg-moto{ background-repeat:repeat-x; background-color:#00519e; height:350px; background-image:url(../images/showcase-moto.jpg); background-size: cover;}
.slidebg-noleggio{ background-repeat:repeat-x; background-color:#00519e; height:350px; background-image:url(../images/showcase-noleggio-auto.jpg); background-size: cover;}	
/** Header **/

#slogan{position:absolute;width:350px;height:50px;text-align: center;z-index:30;  margin-top:250px; line-height:30px; font-family: "Title", Arial, Helvetica, sans-serif; font-size:30px; color:#00519e; padding-left:20px; padding-top:25px; font-weight:bold; background-image:url(../images/banda-slogan.gif); background-repeat:no-repeat}

#slideintro{position:absolute;width:350px;height:100px;text-align:left; line-height:15px;z-index:30;  margin-top:120px; font-family: "Normal", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:20px; padding-top:15px; font-weight:bold; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; background-color: #000033; border-top:#ffcc33 solid 1px;border-bottom:#ffcc33 solid 1px;}

.container #headercont{width: 95%;max-width: 1200px;padding: 3px 0;margin: 0 auto; height:92px; }
.container #slidemaincont{width: 80%;max-width: 980px;padding: 0px 0;margin: 0 auto;}
.container #headercont #headerlogo{position:absolute;float: left;width:309px;height:92px;text-align: left;z-index:20;;
/** 	-moz-box-shadow:2px 10px 10px #172983;
	-webkit-box-shadow:3px 10px 10px #172983;
	box-shadow:2px 10px 10px #172983; **/

}
.container #headercont #headerlogo img{ width:309px; height:auto}
.container #headercont #headerlogo h1{font-size: 26px;font-weight: 400;padding-top: 26px;}
.container #headercont #headerlogo h1 a{font-family: "Title", Arial, Helvetica, sans-serif;color: #666;font-size: 35px;letter-spacing: -2px;}
.container #headercont #headerlogo h1 a:hover{color: #0CF;}
.container #headercont #headerright{float: right;width: 80%;padding: 0px 0 0 0;text-align: right; }
.container #headercont #headerright .info{font-weight: 400;font-size: 16px;color:#00519e;margin-top:12px;letter-spacing: -0.8px;font-family: "Normal", Arial, Helvetica, sans-serif; height:46px; float:right;}
.container #headercont #headerright .fb{width:30px; height:30px; float:right; margin-left:20px; margin-top:5px}
.container #headercont #headerright h1{font-size: 17px; display:inline;}
.container #headercont #headerright p span{color: #fff;font-size: 18px; padding-bottom:15px; padding-top:0px}
.numeroverde{font-family: "Compressed", Arial, Helvetica, sans-serif;color: #014923;font-size: 36px; padding-bottom:15px; padding-top:0px; font-weight:bold}
.container #headercont #headerright p.quote{font-size: 32px;}
		
		
		
/** Menu **/.container #menucont{width: 100%;max-width: 980px;height:40px; padding: 0px;margin: 0px;float:right;font-family: "Compressed", Arial, Helvetica, sans-serif; font-size:23px; text-transform:uppercase; color:#00519e}
.menu{float:right;}
.container #menucont .menu select{display: none;font-family: inherit;}
/**@media (max-width: 800px){.container #menucont .menu ul{display: none; background-color:#172983; color:#FFFFFF; border:#172983 solid 1px}
.container #menucont .menu select{display: inline-block;width: 100%;text-transform: none;font-family: inherit; background-color:#172983; color:#FFFFFF; 
border-bottom:#172983; border-top:#FFFFFF solid 1px;border-left:#172983; border-right:#172983;
text-align:center}}

.container #menucont ul{float: right;}
.container #menucont ul li{display: inline;}
.container #menucont ul li a{float: left;line-height: 40px;padding: 0 15px;font-size: 14px;text-decoration: none;color:#e4e0cc;text-transform: uppercase;letter-spacing: 0px;font-family: "Title", Arial, Helvetica, sans-serif; border-collapse: collapse; border-left:#7889df  inset 1px; }
.container #menucont ul li.active a{color: #fff;font-weight: bold;}
.container #menucont ul li a:hover{color: #fff;}**/
	
/** Slide **/
#slidecont{width:100%;float:left;margin:0;height: auto;background-color: #172983;position:relative;text-align:center;z-index:1;border-bottom: 1px solid #172983;}	
#slidecont img{width:100%; height: auto; max-height: 300px;}
					
/** Main **/
.container #maincont{width: 95%;max-width: 1200px;margin:auto;padding:0; min-height:400px; line-height:24px; background-color:#ececec}
.container #maincont p { margin: 0 0 20px 0; }
.container #maincont h1, .container #maincont h2, .container #maincont h3, .container #maincont h4, .container #maincont h5 { margin: 0 0 20px 0; color: #172983; font-weight: normal;  font-family: "Title", Arial, Helvetica, sans-serif;  }
.container #maincont h1 { font-size: 46px; line-height: 26px;; font-family: "Compressed", Arial, Helvetica, sans-serif; }
.container #maincont h2 { font-size: 24px; line-height: 24px; }
.container #maincont h3 { font-size: 24px; line-height: 24px; }
.container #maincont h4 { font-size: 22px; line-height: 22px; margin-bottom:3px; background-color:#ffcc33; font-family: "Compressed", Arial, Helvetica, sans-serif;}
.container #maincont h5 { font-size: 20px; line-height: 20px; }
.container #mainleft ul { margin: 0 0 15px 35px; list-style-type: square; }
.container #mainleft ul li { padding: 0 0 0 2px; }
.container #mainleft ol { margin: 0 0 15px 35px; list-style-type: decimal; }
.container #mainleft ol li { padding: 0 0 0 2px; }
.container #maincont hr { clear: both; border: 0; height: 0; margin: 0 0 20px 0; border-top: 2px solid #330000; }
.container #maincont blockquote { background: #172983; border-left: 3px solid #E2761C; padding: 15px; margin: 0 0 15px 0; }
	
.container #maincont #mainleft{position: relative; float: left;width: 250px;height:390px; text-align:center; padding-top:30px; }
.container #maincont #mainright{position: relative;width:64%;background-color:#fff; float:right; height: auto; padding:2%; min-height:220px;border-top:#00519e solid 1px;border-bottom:#00519e solid 1px; margin-top:30px;    margin-bottom: 50px; }
.container #maincont #mainrightHome{position: relative;width:68%;background-color:#fff; float:right; height: auto; text-align:center; margin:auto }
.container #maincont #mainleft ul.otherlinks{margin:0px 0;padding: 0; margin-top: 0px}
.container #maincont #mainleft ul.otherlinks li{list-style-type: none;}
.container #maincont #mainleft ul.otherlinks li a{float: left;width: 100%;padding: 0px 0;border-bottom: 1px solid #ececec;}
.container #maincont #mainleft .sidesection{margin: 0 0 15px 0;padding-bottom: 5px; background-color:#FFFFFF}
.container #maincont #mmainleft .sidesection h3{margin: 0 0 10px 0;font-size: 24px;}
.container #maincont #mainleft .sidesection .sidetop{margin: 0 0 5px 0;}
.container #maincont #mainleft .sidesection .sidetop a img{width: 100%;}
.container #maincont #mainleft .sidesection .sidebottom p{margin: 0 0 5px 0;line-height: 14px;font-size: 12px;}
.container #maincont #mainleft a.hoverlink{float: left;position: relative;width: 100%;margin: 0 0 10px 0;}
.container #maincont #mainleft a.hoverlink img{display: block;width: 100%;}
.container #maincont #mainleft .overlay{-moz-transition: opacity 150ms ease-in-out 0s;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 40;}
.container #maincont #mainleft .overlay.link{background: url("../images/overlay_link.png") no-repeat scroll center center, url("../images/overlay_bg.png") repeat scroll center center transparent;display: inline-block;}
.container #maincont #mainleft .overlay:hover{opacity: 1;}

ul.box_cont{ text-decoration:none; list-style: none;width:92%; background-color:#fff; height:400px; margin:0; margin-left:4%; margin-right:4%; }
ul.box_cont li{position:relative; float:left;height:150px; width:290px;background-color:#FFFFFF; border:#999999 solid 1px; text-decoration:none;display: block; margin-right:28px; margin-top:28px; background: url("../images/activepdf.png")}
ul.box_cont  li.destra{position:relative; float:left;height:150px; width:290px;background-color:#FFFFFF; border:#999999 solid 1px; text-decoration:none;display: block;margin-right:0px}
ul.box_cont li a{display: block;}
/** ul.box_cont li a:hover img{z-index:10; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
ul.box_cont li a:hover {background: url("../images/activepdf.png"); z-index:15;height:150px; }**/
ul.box_cont li img{height:150px; width:290px;z-index:5}
.box_text{z-index:20; position:absolute;height:21px;padding-top:2px; width:281px; padding-left:5px; padding-bottom:2px; padding-right:5px; margin-top:125px; background-color:#172983; color:#FFFFFF; text-align:center;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;text-transform: uppercase;font-family: "Title", Arial, Helvetica, sans-serif;font-weight:bold; }
.tasto-info
{ background-color: #ffcc33;
color:#172983;
height: auto;
padding:10px;
text-align:center;
font-family: "Compressed", Arial, Helvetica, sans-serif;
    font-size: 28px;
}
	
/** Footer **/
#footercont{ width:100%;
	padding: 0px;
	margin:0px;
	font-size: 0.8em;
	text-align: center;
	background-color:#172983;
	height: 99px;
    clear: both;
padding-top: 20px;
font-size:13px;
	overflow: hidden;
color:#fff;
font-weight:bold;	
}
#footercont a{ color:#FFFFFF	
}
#footercont .footer-col
{ width:300px;
	margin-top:10px;
	border-right: solid thin #333333;
	height: 80px;
	float:left;
	text-align: left;
	color:#999999;
	padding-left:25px;

}



/** Responsive Magic **/


@media screen and (max-width: 1200px)
{
.container #maincont #mainright{position: relative;width:55%;background-color:#fff; float:right; height: auto; padding:2%; min-height:360px; }
.container #maincont #mainrightHome{position: relative;width:60%;background-color:#fff; float:right; height: auto; text-align:center; margin:auto }
		
}










/*
============================================
    THE GOODS
============================================
*/

/* self clearing floats */
nav ul { list-style:none; }
.group:after,.lastUnit:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.group{*zoom:1;}
.navheader {
  font-size: 12px;

}
.slide-trigger {
  
  display: none; /* need this */
  border: 1px solid #CCCCCC;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
   
}

.slide-trigger span {
  background-image: url("../i/dropdown-arrows.png");
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}

.navigation {
  max-width: none;
  padding: 0px; 
}
.navigation li {
  float: right;
  border-left: #999999  solid 1px;
}
.navigation li a {
  display: block;
  color: #00519e;
  padding-top: 10px;
    padding-bottom: 10px;
  height: 20px;
  width: auto;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}
.navigation li a:hover { background:#00519e; color:#FFFFFF }









@media (min-width: 10px) and (max-width: 800px)
{
.container{}
/** Global Styles **/

html{height: 100%;overflow: auto;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font-family: "Normal", Arial, Verdana, Helvetica, sans-serif;font-size: 13px;color: #172983;padding:0;background: #fff ;}/** #edefea **/
::selection { background: #000; color: #FFF; }
::-moz-selection { background: #000; color: #FFF; }
a { color:#172983; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
a:hover { color: #996600; }

/** Layout Styles **/
.container{ background-color:#00519e;  }
.darkbg{ background-repeat:repeat-x; background-image:url(../images/bgtop.jpg); border-bottom:#00519e solid 3px;}
.lightbg{background: #006699; width:100%; background-color:#ececec; padding-bottom:10px}



/** Slide **/
.container #slidemaincont{width: 100%;max-width: 980px;padding: 0px 0;margin: 0 auto;}
#slidecont{width:100%;float:left;margin:0;height: auto;background-color: #172983;position:relative;text-align:center;z-index:1;border-bottom: 1px solid #172983;}	
#slidecont img{width:100%; height: auto; max-height: 400px;}
#slideintro{ display:none}


/** Header **/
#slogan{position:absolute;width:250px;height:40px;text-align: center;z-index:30;  margin-top:300px; margin-left:0px; line-height:30px; font-family: "Slogan", Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; padding-left:0px; padding-top:5px; font-weight:bold; background-color:#172983; background-image:none; display:none}
.container #headercont{width: 100%;max-width: 980px;padding: 5px 0;margin: 0 auto;text-align: center}
.container #headercont #headerlogo{width:309px;position:relative;height:92px;text-align: center;background-color:#fff; margin:auto; float:none}
.container #headercont #headerlogo img{ width:309px; height:92px;text-align: center}
.container #headercont #headerlogo h1{font-size: 26px;font-weight: 400;padding-top: 26px;}
.container #headercont #headerlogo h1 a{font-family: "Title", Arial, Helvetica, sans-serif;color: #666;font-size: 35px;letter-spacing: -2px;}
.container #headercont #headerlogo h1 a:hover{color: #0CF;}
.container #headercont #headerright{width: 100%;padding: 0px 0 0 0;text-align: center; background-color:#172983; background-color:#FFCC00}
.container #headercont #headerright .info{float:none; margin-top:5px; margin-bottom:0px; height:30px; font-size:14px; float:left; display:none}
.container #headercont #headerright h1{ font-size:14px}
.container #headercont #headerright .fb{ margin-bottom:3px; margin-left:0px; float:left; margin-top:0}
.container #headercont #headerright p span{color: #fff;font-size: 15px; padding-bottom:15px; padding-top:0px; position:relative}
.numeroverde{font-family: "Compressed", Arial, Helvetica, sans-serif;color: #014923;font-size: 36px; padding-bottom:15px; padding-top:0px; font-weight:bold}
.container #headercont #headerright p.quote{font-size: 32px;}
.suggestedlink{ display:none}
		
		
/** Main **/
.container #maincont{width: 100%;max-width: 980px;margin: 0 auto;padding: 0px 0;}
.container #maincont #mainleft{ position: relative;width: 100%;padding: 0;background-color:#fff;height: auto !important;height: 400px; text-align:center}
.container #maincont #mainright{position: relative;width:90%;background-color:#fff; float:right; height: auto; padding:5%; min-height:360px; margin:auto; text-align:center }
.container #maincont #mainrightHome{position: relative;width:100%;background-color:#fff; height: auto; text-align:center; margin:auto }
ul.box_cont{ text-decoration:none; list-style: none;width:290px; background-color:#fff; height:800px; margin:auto; text-align:center}
ul.box_cont li{position:relative; height:150px; width:290px;background-color:#FFFFFF; border:#999999 solid 1px; text-decoration:none;display: block; margin-right:28px; margin-top:28px; background: url("../images/activepdf.png")}
ul.box_cont  li.destra{position:relative;height:150px; width:290px;background-color:#FFFFFF; border:#999999 solid 1px; text-decoration:none;display: block;margin-right:0px}


/*
============================================
    RESPONSIVENESS
============================================
*/
.container #menucont{width: 100%;max-width: 1100px;height:auto;padding: 0px 0;margin: 0 auto;float:right;font-family: "Title", Arial, Helvetica, sans-serif; font-size:14px;line-height:10px; padding:0px }
.menu{ width:100%;font-family: "Title", Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF ; padding:0px;background-color:#00519e}
.navheader{ width: 100%; margin:0px; border-top: #2e79b9 solid 1px; border-left:0px; border-right:0px; border-bottom:0px}
.menu-title{font-family: "Title", Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; padding:0px; margin:0px;height:20px;padding-top:3px; width:100px; margin:auto} 
.slide-trigger span{position: absolute; background-image:url(../images/icon-menu.gif); background-repeat:no-repeat; background-position:bottom;height:20px; margin-top:-23px;}
  .slide-trigger { display: block;height:20px;}
    .no-js .slide-trigger { display: none;}
  .navigation { display: none; }
    .no-js .navigation { display: block;}
  .navigation { margin:0px;background-color:#00519e}
  .navigation li { float: none;  border-left: #999999  solid 1px;
  background-color:#ffda44; }

  .navigation li a { border-top: 1px solid  #2e79b9;  width:100%; padding-top:5px; padding-left:0px; padding-bottom:0px}
    .navigation li a:hover {background-color:#2e79b9 }	
}


	@media (min-width: 400px) and (max-width: 800px)
{
	.slidebg{ background-repeat:repeat-x; background-color:#00519e; height:200px; background-image:url(../images/showcase.jpg);}
	}


	@media (min-width: 10px) and (max-width: 400px)
{
	.slidebg{ background-repeat:repeat-x; background-color:#00519e; height:100px; background-image:url(../images/showcase.jpg);}
	.slidebg-moto{ background-repeat:repeat-x; background-color:#00519e; height:100px; background-image:url(../images/showcase-moto.jpg); background-size: cover;}
.slidebg-noleggio{ background-repeat:repeat-x; background-color:#00519e; height:100px; background-image:url(../images/showcase-noleggio-auto.jpg); background-size: cover;}	
	}