/********************************************
* IUNTERPORTOPUGLIA.IT
* Design-Developed by Comma3 Designer: Annia Arosa
* http://www.comma3.com
*
* Creato 10/6/2008 
*
* Site Style
*****************************************/
					
/*	---------------------------------------------------------------------------------------
	HTML TAG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
*{ padding: 0px; margin: 0px; border:0; }
body {  margin-top: 20px; text-align: center; font: 75%/1.5 sans-serif; color: #333; background: #fff }
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
a:link { text-decoration: none; color:#008864;}
a:hover { text-decoration: none; color:#666;}
a:active { text-decoration: none; color:#000;}
a:visited { text-decoration: none;  color:#008864;}/**/

div, p, img, span, swf {padding: 0px; margin: 0px; border:0;}
blockquote { padding: 0.9em 0.6em 0.6em 0.6em; }

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

#Container, #Top, #Header, #ContenHome {
	width: 960px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


#Top {	height: 96px;	}
#logo h1 a{
	background-image: url(../img/logo_interporto.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10001em;
}
#logo a { height: 90px; width: 230px; padding: 0; margin: 0; }

	#nav1 ul { 
	float: left; 
	list-style: none; height: 20px; margin: 58px 0 0px 0; padding: 0 0 5px 5px; text-align:right; /*background-color: #96CEC4;*/}
	#nav1 li {
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 1px;
	border-right: 1px solid #8FC7BD;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial;
}
	#nav1 li.last { margin: 1px; border-right: 0px solid #EA491F; padding: 0px 4px 0px 4px;}
	#nav1 ul li:hover { background-position: 50% 100%; color: #000; }
	#nav1 ul li a { float: left; background-position: 50% 100%; color:#AFB1AC; padding: 0px 5px 0px 5px; }
	#nav1 ul li.active {
	background-position: 50% 100%;
	background-color: #FFF;
	font-weight: bold;
}


.language {
	float: right;
	width: 280px;
	margin: 0px 0 0px 0;
	text-align:left;
	border-bottom: 1px dotted #CFCFC9;
}
.chanceLg {	
	float: left;
	padding: 15px 0px 0px 0px;
	}
.youtube {	
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	float:right;
	}

.reservedarea {
	float: right;
	width: 280px;
	margin: 2px 0 0px 0;
	height: 55px;
	background-image: url(../img/box_reservedarea.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.reservedarea p {
	font-size: 1.11em;
	text-transform: uppercase;
	margin: 32px 1px 1px 60px;
	text-align:left;
	font-weight: bold;
}
.reservedarea a{ color:#fff; } .reservedarea a,a:hover{ color:#999; }
/*	---------------------------------------------------------------------------------------
Classi del header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#Header { height: 265px;}
	.showHome{ float:left; width: 680px; height: 265px; }
	.showPages { width: 960px;  height: 265px; background-color:#9ED4C4; 	/*border-right: 1px solid #8FC7BD;*/
}
	#video{
	float:left;
	width: 280px;
	background-image: url(../img/bg_video.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

	/*--Classi menu principale--*/
	#nav2 ul { list-style: none; margin: 0px 0 0px 0; padding: 0 0 0px 0px; /*height: 20px; */}
	#nav2 li {
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	/*border-right: 1px solid #8FC7BD;*/
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(../img/bg_nav2_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
	#nav2 li.last { padding: 2px 20px 2px 20px; margin: 0px; border-right: 0px solid #EA491F;}
	/*#nav2 ul li:hover { background-position: 50% 100%; background-color: #96CEC4; }*/
	#nav2 ul li a { float: left; background-position: 50% 100%; color:#CAECE2; padding: 2px 10px 2px 12px; }
	#nav2 ul li:hover { background-image: url(../img/bg_nav2_off.gif); color:#FFF; }
	#nav2 ul li.active {
	background-position: 50% 100%;
	background-color: #92DCCF;
	font-weight: bold;
}


/*	---------------------------------------------------------------------------------------
	Classi contenitori in home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#ContenHome{clear:both; }

	.boxhome
	{	width: 290px;
		padding: 10px 15px 10px 15px;
		margin: 0px 10px 0px 5px;
		float:left;
		border-right: 1px solid #CFCFC9;
	}
	.boxhomeLast 
	{	width: 250px;
		padding: 10px;
		margin: 0px 0px 0px 0px;
		float:left;
	}
	.texthome 
	{
	float:left;
	/*font-family: Arial,"MS Trebuchet",sans-serif;
	text-align: justify;*/
	text-align: left;
	font-size: 0.9em;
	}
	.texthome h1
	{
	font-family: "Arial Narrow", Arial;
	font-size:1.6em;
	text-align: left;
	padding:0;
	text-transform: uppercase;
	color: #008864;
	}
	.texthome h2
	{
	font-family: "Arial Narrow", Arial;
	font-size:1.2em;
	text-align: left;
	padding:0;
	text-transform: uppercase;
	color: #9F9F9F;
	}
	.texthome img {
	float: right;
	margin: 8px 0px 10px 18px;
	border: 1px solid #ccc;
	padding: 1px
}

/*	---------------------------------------------------------------------------------------
	Classi contenuti pagina
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#Conten { 
	margin: 0px 0 15px 0; 
	padding: 0px 40px 15px 40px; 
	border-left: 1px solid #CFCFC9;
	border-right: 1px solid #CFCFC9; 
	text-align: left; clear:both;  
	}

#Conten h1 {
	font-family: "Arial Narrow", Arial;
	font-size: 1.8em;
	line-height: 1.6em;
	margin: 0.2em 0.0em 0.5em 0.0em;
	color: #008864;
	font-weight: bold;
}


#Conten h2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0.5em 0.0em 0.5em 0.0em;
	color:#999;
	border-bottom: 1px solid #CFCFC9;
}
#Conten h3 {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.6em;
    margin: 1.2em 0.0em 0.5em 0.0em;
    color:#333;
}

#Conten h4 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.6em;
	margin: 0.1em 0.0em 0.1em 0.0em;
	color:#008864;
}

#Conten p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	margin: 0.5em;
	text-align: justify;
}
#Conten ul { 
	list-style: none;
	padding: 5px 6px 5px 16px;
	}
#Conten li { 
	background-image: url(../img/bullet_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style: none;
	padding: 5px 6px 5px 16px;
	}

.left {
	float: right;
	margin: 8px 0px 10px 18px;
	border: 1px solid #ccc;
	padding: 1px;
}
 .right {
	float: left;
	margin: 8px 18px 10px 0px;
	border: 1px solid #ccc;
	padding: 1px;
}

.center {
	float: left;
	margin: 0px;
	border: 1px solid #ccc;
	padding: 1px;
}
.cell {  border-bottom: 1px dashed #ccc; padding: 10px;}

#response{ width:200px; float:right; }
#response p{ font-size:0.9em; text-align:left; }

#response img {
	float: left;
	margin: 8px 18px 10px 0px;
	border: 1px solid #ccc;
	padding: 1px;
}

#columnSx {
	width: 320px;
	float: left;
	/*background: #333;*/
	padding: 0px;
	margin: 0px;
	background-image: url(../img/figura_sx.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#columnDx {
	width: 600px;
	float: right;
	/*background: #fff;*/
	text-align:left;
	padding: 0px;
	margin: 0px;
}

	/* classi box lista dati (newe, agenzia, links...)*/
	.blocktext {
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
	}
	.blocktext h1 a{
	padding: 10px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 0.7em;
	text-transform: uppercase;
	color: #666666;
	background-color: #FFFFFF;	 
	}
	
	.blocktext img.closed {
	float: right;
	margin: 8px 5px 10px 18px;
	border: 1px solid #ccc;
	padding: 1px;
	width: 110px;
}
	.blocktext img.open {
	float: right;
	margin: 8px 5px 10px 18px;
	border: 1px solid #ccc;
	padding: 1px;
	width: 360px;
}
	.more  {
	clear:both;
	margin: 15px 0px 0px 0px;
	background-color:#F0F6F5;
	}
	.more a {
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 2px 15px 2px 15px;
	}
	.more a:hover {
	background-position: 5px 5px;
	}
	.color1{ background-color:#FFF;}	
	.color2{ background-color:#F7F9F9;}	
	.data {
	float:left;
	padding: 0px 20px 0px 6px;
	margin: 10px 5px 0px 0px;
	background-image: url(../img/bg_data.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.back { width: 100%; margin: 10px 0 0 0; padding: 0px 5px 0px 5px;  background-color:#f0f0f0; text-align:right; }
	
		.postbar{ padding: 2px 5px 2px 5px;}
		.postbar span { padding: 2px 15px 2px 28px;}
		.postbar em{ margin: 0px 10px 0px 0px;}

			.iconDoc{
			background-image: url(../img/icon_doc.gif);
			background-repeat: no-repeat;
			background-position: 3px 0px;
			
			}
			.iconVideo{
			background-image: url(../img/icon_video.gif);
			background-repeat: no-repeat;
			background-position: 3px 0px;
			}
/*	---------------------------------------------------------------------------------------
	Classi di servizio
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height:0px;
}
.clear2 { clear: both; }

#contact-form { }
#contact-form form { }
#contact-form form fieldset.first legend { margin: 0 0 10px 0; padding: 0 15px 0 15px; font-size:1.1em; color: #333; background: #FFF; }

#contact-form form fieldset.first { overflow: hidden; width: 100%; margin: 0 0 1px; padding: 10px 0 13px; background: #F3F3F3; }
#contact-form form fieldset.first div.column { display: inline; float: left; width: 250px; margin-left: 15px; }
#contact-form form fieldset.first div.second { float: right;  margin-left: 150px; }
#contact-form form fieldset.first div p { margin: 0 0 7px; }
#contact-form form fieldset.first div p.checkbox { }
#contact-form form fieldset.first div p label,
#contact-form form fieldset.first div p span.label { display: block; margin: 0 0 2px; 
padding: 0 0 0 5px; color: #666; font-weight: bold; }

#contact-form form fieldset.first div p.checkbox label { display: inline; margin: 0; padding: 0 0 0 5px; color: #999; font-weight: normal; }
#contact-form form fieldset.first div p label span { color: #80796a; font-weight: normal; }
#contact-form form fieldset.first div p input { width: 240px; padding: 3px 5px; vertical-align: middle; }
#contact-form form fieldset.first div p input.send { width: 80px; padding: 3px 5px; vertical-align: middle; }

#contact-form form fieldset.first div p.file input { width: auto; }
#contact-form form fieldset.first div p.checkbox input { width: auto; }
#contact-form form fieldset.first div p select { padding-top: 1px; padding-bottom: 1px; max-width: 264px; }


#contact-form div.submit { text-transform: uppercase; text-align: right; }
#contact-form div.submit button { padding: 3px 15px 3px 10px; border: none; background: #040404 url(../images/bg-comment-submit.gif) 100% 100% no-repeat; color: #fff; }
#contact-form div.submit button span { padding: 0 0 0 10px; background: url(../images/bullet-f.gif) 0 50% no-repeat; }
#contact-form .send-ok { background: #F0EDE7; padding: 1em; text-align: center; font-size: 1.2em; margin: 0 0 0.5em;  }



/*	---------------------------------------------------------------------------------------
	ID Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer_intro{
	clear: both;
	font-size: 0.9em;
	padding-top: 30px;
	margin: 10px auto;
	color:#BFBFBF;
}
#footer_intro a{
	color:#AEAEAE;
}
#footer_intro strong{
	color:#AEAEAE;
	font-size: 1.1em;
}

#Footer {
	/*	border-top: 1px solid #5E5E5E; */	
	clear: both;
	font-size: 0.9em;
	padding-top: 12px;
	margin: 10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #716F64;
	}

.copy {
	width: 160px;
	float: right;
	/*background: #fff;
	border: 1px solid #666;*/
	padding: 15px 5px 10px 5px;
	margin: 0px;
	text-align: right;
}
.recapiti{
	padding: 0px 0px 10px 10px;
	float: left;
	width: 650px;
	margin: 0px 0 0 0;
	text-align: left;
	color: #ccc;
}

.condividi{
	padding: 15px 20px 0px 0px;
	float: left;
	/*width: 730px;*/
	margin: 0px 0 0 0;
	text-align: left;
}
.condividi img {
	padding: 0px 10px 0px 0px;
	float: left;
}

.hide {
    display:none;
}


/*----------------------------
AZIENDE TABELLA LETTERE
-------------------------------*/

.azienda {
    border:1px solid #000;
    background:#ccc;
    width:650px;
    text-align:left;
    padding-left:10px;
    padding-bottom:5px;
}

.lettera_piena {
    background:#008864;
    color:#fff;
    border:1px solid #000;
    width:20px;
    text-align:center;
    float:left;
    padding:1.5px;
    font-weight: bold;
}

.lettera_piena a {
    color:#fff;
}

.lettera_vuota {
    background:#fff;
    border:1px solid #000;
    width:20px;
    text-align:center;
    float:left;
    padding:1.5px;
    font-weight: bold; 
}

.lettera_on {
    background:orange;
    border:1px solid #000;
    width:20px;
    text-align:center;
    float:left;
    padding:1.5px;
    font-weight: bold;   
}

#imagefader{ float: left;
text-align: left; }

#Conten li.file {
    background: url(../img/pdf.gif) no-repeat left center ;
}

#Conten li.file a {
    padding-left: 5px ;
}