@import url("mappa.css");
/* CSS http://www.portum.it */


/* ------------------------------- Reset --------------------------- */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
li { line-height:1.4em;}
fieldset,img { border: none; }
caption,th { text-align: left; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #656565;
}

/* ---------------------------------links--------------------------------- */

a:link, a:active, a:visited {
	color: #0066cc;
	text-decoration: none;
	}
	
a:hover {
	color: #003399;
	text-decoration: underline;
	}


/* ------------------------------- Main Layout --------------------------- */

#container {
		width: 760px;
		\width: 780px;
		w\idth: 760px;
		margin: 0 auto;
		padding: 0px;
		padding-top:0;
		clear: both;
		background-color: #fff;
		border: 1px solid #eaeaea;
		border-bottom: 0;
		border-top: 0;		
		}

#header {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:0;
		margin-bottom:0 ;
		height:180px;
		background:url(../images/header_bg2.gif) left top no-repeat;
		}
.flag { 
		padding-right: 30px;
		float:right;
		}
.logo { margin-left:40px;}

#content {
	padding:0;
	margin-left:240px;
		}

#sidebar-a {
		float: left;
		width: 240px;
		margin:0;
		padding:0;
		}

#footer {
		background:#FFFFFF url(../images/fouter_bg2.gif) center bottom no-repeat;
		clear: both;
		padding:0;		
		height:100px;
		}
.copy {
		text-align: right;
		padding:50px 35px;
		color:#FFFFFF;
		font-size:0,9em;
		}


/* ------------------------------- Testi --------------------------- */
h3 {
	font-size:20px;
	color:#000066;
	margin:20px 20px 0 20px;
	padding:0;
	line-height:24px;	
	}
h3 span { color:#777;}

h4 {
	font-size:16px;
	color:#3366cc;
	margin:20px 20px 0 20px;
	padding:0;
	line-height:18px;	
	}
h4 span {color:#777;}


p {
	line-height:18px;
	margin:10px 30px 10px 20px;
	padding:0;
	text-align: justify;
	}

p.left {
	text-align: left;
	}

p.current {
	background-color:#ffffee;
	line-height:20px;
	background-image: url(../images/active.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	font-weight:bold;
}
p.current a {text-decoration:none;}
p.current a:hover {text-decoration:none;}

table { font-size:1em;}

/* ------------------------------- Main Menù --------------------------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
margin-top:15px;
float:right;
width: 500px; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: right;
width: 100%; /*width of menu*/

}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #0066cc !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
}

/* ------------------------------- Main Menù --------------------------- */

#menu { width:760px; height:65px; margin:0;	padding:0; position:relative; }
#menu li{ height: 65px;	position:absolute; display:block; background: url(../images/mainnav.gif) 0px 0px no-repeat; }
#menu a { height:65px; display: block;}

#menu #space_start { width: 30px; left: 0px;	background-position:0px -65px; }

#menu #button_home { width: 136px; left: 30px;	background-position:-30px -65px; }
#menu #button_home a:hover{background: url(../images/mainnav.gif) -30px 0px no-repeat scroll;}
#menu #button_home a:active{background: url(../images/mainnav.gif) -30px 0px no-repeat scroll;}
#menu #button_home .attivo{background: url(../images/mainnav.gif) -30px 0px no-repeat scroll;}

#menu #button_azienda { width: 136px; left: 166px;background-position:-166px -65px;}
#menu #button_azienda a:hover {background: url(../images/mainnav.gif) -166px 0px no-repeat scroll;}
#menu #button_azienda a:active{background: url(../images/mainnav.gif) -166px 0px no-repeat scroll;}
#menu #button_azienda .attivo{background: url(../images/mainnav.gif) -166px 0px no-repeat scroll;}

#menu #button_servizi { width: 136px; left: 302px; background-position: -302px -65px; }
#menu #button_servizi a:hover{background: url(../images/mainnav.gif) -302px 0px no-repeat scroll;}
#menu #button_servizi a:active{background: url(../images/mainnav.gif) -302px 0px no-repeat scroll;}
#menu #button_servizi .attivo{background: url(../images/mainnav.gif) -302px 0px no-repeat scroll;}

#menu #button_news { width: 136px; left: 438px; background-position: -438px -65px; }
#menu #button_news a:hover{background: url(../images/mainnav.gif) -438px 0px no-repeat scroll;}
#menu #button_news a:active{background: url(../images/mainnav.gif) -438px 0px no-repeat scroll;}
#menu #button_news .attivo{background: url(../images/mainnav.gif) -438px 0px no-repeat scroll;}

#menu #button_contatti { width: 136px; left: 574px; background-position: -574px -65px;}
#menu #button_contatti a:hover{background: url(../images/mainnav.gif) -574px 0px no-repeat scroll;}
#menu #button_contatti a:active{background: url(../images/mainnav.gif) -574px 0px no-repeat scroll;}
#menu #button_contatti .attivo{background: url(../images/mainnav.gif) -574px 0px no-repeat scroll;}

#menu #space_end { width: 50px; left: 710px;	background-position:0px -65px; }



/* ------------------------------- Fouter Menu --------------------------- */

#fmenu { width:760px; height:50px; margin:0; padding:0; position:relative; }
#fmenu li{ height: 50px; position:absolute; display:block; background: url(../images/fmenu.gif) 0px 0px no-repeat; }
#fmenu a { height:50px; display: block;}

#fmenu #fstart { width: 280px; left: 0px; background-position:0px -50px; }
#fmenu #fstart p { color:#666; font-size:10px; margin-top:13px;}

#fmenu #fbutton_home { width: 80px; left: 280px; background-position:-280px -50px; }
#fmenu #fbutton_home a:hover{background: url(../images/fmenu.gif) -280px 0px no-repeat scroll;}
#fmenu #fbutton_home a:active{background: url(../images/fmenu.gif) -280px 0px no-repeat scroll;}
#fmenu #fbutton_home .attivo{background: url(../images/fmenu.gif) -280px 0px no-repeat scroll;}

#fmenu #fbutton_azienda { width: 80px; left: 360px;	background-position: -360px -50px;}
#fmenu #fbutton_azienda a:hover{background: url(../images/fmenu.gif) -360px 0px no-repeat scroll;}
#fmenu #fbutton_azienda a:active{background: url(../images/fmenu.gif) -360px 0px no-repeat scroll;}
#fmenu #fbutton_azienda .attivo{background: url(../images/fmenu.gif) -360px 0px no-repeat scroll;}

#fmenu #fbutton_veicoli { width: 80px; left: 440px; background-position: -440px -50px; }
#fmenu #fbutton_veicoli a:hover{background: url(../images/fmenu.gif) -440px 0px no-repeat scroll;}
#fmenu #fbutton_veicoli a:active{background: url(../images/fmenu.gif) -440px 0px no-repeat scroll;}
#fmenu #fbutton_veicoli .attivo{background: url(../images/fmenu.gif) -440px 0px no-repeat scroll;}

#fmenu #fbutton_promozioni {width: 80px; left: 520px; background-position: -520px -50px; }
#fmenu #fbutton_promozioni a:hover{background: url(../images/fmenu.gif) -520px 0px no-repeat scroll;}
#fmenu #fbutton_promozioni a:active{background: url(../images/fmenu.gif) -520px 0px no-repeat scroll;}
#fmenu #fbutton_promozioni .attivo{background: url(../images/fmenu.gif) -520px 0px no-repeat scroll;}

#fmenu #fbutton_servizi { width: 80px; left: 600px; background-position: -600px -50px; }
#fmenu #fbutton_servizi a:hover{background: url(../images/fmenu.gif) -600px 0px no-repeat scroll;}
#fmenu #fbutton_servizi a:active{background: url(../images/fmenu.gif) -600px 0px no-repeat scroll;}
#fmenu #fbutton_servizi .attivo{background: url(../images/fmenu.gif) -600px 0px no-repeat scroll;}

#fmenu #fbutton_contatti { width: 80px; left: 680px; background-position: -680px -50px;}
#fmenu #fbutton_contatti a:hover{background: url(../images/fmenu.gif) -680px 0px no-repeat scroll;}
#fmenu #fbutton_contatti a:active{background: url(../images/fmenu.gif) -680px 0px no-repeat scroll;}
#fmenu #fbutton_contatti .attivo{background: url(../images/fmenu.gif) -680px 0px no-repeat scroll;}


/* ------------------------------- sidebar-content --------------------------- */



.sidebar-content {		}
.evidenza { background-color:#fff; padding-top:5px; padding-bottom:10px;}

.boxlogin { background: #fff url(../images/login.gif) no-repeat; height:260px;}
.boxlogin form { margin:40px 30px 0 30px;}
.boxlogin label { line-height:20px;}
.boxlogin p { margin:5px 0 0 30px;}

.boxloggato {background: #fff url(../images/loggato.gif) no-repeat; height:200px;}
.spacetop { padding-top:50px;}
.boxloggato p { margin:5px 0 0 30px;}

.boxsezione {background: #fff url(../images/sezione.jpg) no-repeat; height:60px;}
.boxsezione p {margin:5px 0 0 30px;}

.data { line-height:20px; color:#777;}

/* ------------------------------- content --------------------------- */
.content-content {
	margin:10px;
	margin-top:0;
	}

.content-1box { 
	width:248px; 
	float:left;
	padding:0;
	margin: 0;
	border-right:1px solid #eee;
}
.content-2box { 
	padding:0;
	margin: 0;
	
}
.noborder { border:none;}
.line {border-bottom:1px solid #eee; margin:0 20px; padding-top:10px;}

.itemdownload { margin:10px 30px 0 20px; border-top:1px dotted #d0d0d0;}
.itemdownload h5 { padding-top:10px; font-size:11px;}
.itemdownload p { margin:0; padding:0; margin-top:10px;}
.scarica { float:right; margin:8px;}
.clear { clear:both;}


/* ------------------------------- Linee & Varie --------------------------- */
.hr1 {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	background: url(../images/hr.gif) repeat-x;
	margin: 15px 0 15px 0;
	display:block;
	}
.hr2 {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	margin: 5px 0 5px 0;
	clear: both;
	}
.hr3 {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	background: url(../images/hr.gif) repeat-x;
	margin: 5px 0 5px 0;
	clear: both;
	}
.rlpad{ padding:0 20px 0 20px;}
.clear { clear:both;}

.l {
	float: left;
	margin: 0px 10px 5px 0;
}

.r {
	float: right;
	margin: 0px 0 5px 10px;
}


/* ------------------------------- Form --------------------------- */
label { line-height:20px;}
form h4 { padding:5px 0 5px 0; margin:10px 0 10px 0; font-size:11px; color:#000; background-color:#f2f2f2;}
.form_error { font-family:Tahoma, Helvetica, sans-serif; font-size:11px; color:#cc0000;}



/* # NAVIGATION

--------------------------------------------------- */

.sidenav { margin:30px 0 0 20px; clear:both;}

ul.navigation {

	background: url(../images/nav_bg.jpg) left top repeat-y;

	clear: both;

	float: left;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	list-style-type: none;

	width: 190px;
	}

	ul.navigation ul {

		list-style-type: none;

		}

	ul.navigation li, ul.navigation li a {

		color: #5a5a5a;

		}

	ul.navigation li {

		clear: both;

		width: 100%;

		}

	ul.navigation li.header, ul.navigation li.expand {

		border-top: 1px solid #efefef;
		margin-right:20px;

		}

	ul.navigation li.header a {

		background: url(../images/nav_record.png) 5px 3px no-repeat;

		color: #1b4c7d;

		padding: 5px 0 5px 30px;

		width: 157px;

		}

		ul.navigation li.header a:hover {

			background: url(../images/nav_record.png) #efefef 5px 3px no-repeat;

			color: #793a31;

			}

	ul.navigation li a, li.header ul.slide li a {

		background: none;

		color: #5a5a5a;

		display: block;

		font-size: 1em;

		line-height: 1.416em;

		padding: 3px 0 3px 30px;

		text-decoration: none;

		width: 158px;

		}

		ul.navigation li a:hover, li.header ul.slide li a:hover, li.header ul.slide li a.active {

			background: #f7f7f7;

			color: #cc0000;

			}

			li.header ul.slide li a.active {

				background: #efefef;

				border-top: 1px solid #efefef;

				color: #cc0000;

				}

			ul.navigation li.header a.active {

				background: url(../images/nav_record.png) #f3f3e2 5px 3px no-repeat;

				color: #793a31;

				}

	ul.navigation li.register {

		color: #f2f2f2;

		font-size: 1.4em;

		font-weight: bold;

		padding: 30px 0 5px 15px;

		width: 172px;

		}

	ul.navigation li.top {

		background: url(../images/nav_top.jpg) left top no-repeat;

		height: 20px;

		}

	ul.navigation li.bottom {

		background: url(../images/nav_bottom.jpg) left bottom no-repeat;

		
		}