@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0 0 40px;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: 13px;
	background: #222 url(../img/blackheader.png) repeat-x left top;
	color: #333;
}

a, img {outline: none; -moz-outline:none}

hr {display:none}
ul {list-style:none;margin:0;padding:0}
p {margin:0.5em 0;line-height:1.3em}

a:link, a:visited, a:active {color: #0386f2;text-decoration: none}
a:hover {color:#000}

#container {
	width: 967px;
	padding: 0;
	margin:0 auto;
	background:transparent;
}

#header {
	position:relative;
	height: 150px;
	background: #000;
}

#logo {position:absolute;left:-10px;top:30px}
#logo img {display:block;border:0}

<!--#main_nav {position: absolute;left:0;bottom:0}
<!--#main_nav li {float:left;margin: 0 9px 0 0;background: #003b6b url(../img/tab_tr.png) no-repeat right top;padding:0;font-size: 11px;width:111px;white-space:nowrap}
<!--#main_nav li a:link, #main_nav li a:visited, #main_nav li a:active {display:block;padding:4px 10px 12px 10px;text-decoration:none;color:#0386f2;background: transparent url(../img/tab_tl.png) no-repeat left top}
<!--#main_nav li a:hover {color:#fff}
<!--#main_nav li.active {background: #0386f2 url(../img/tab_active_tr.png) no-repeat right top}
<!--#main_nav li.active a:link, #main_nav li.active a:visited, #main_nav li.active a:active, #main_nav li.active a:hover {cursor:default;color:#fff;background-image: url(../img/tab_active_tl.png)}
#main_nav {position: absolute;left:0;bottom:0}
#main_nav li {float:left;margin: 0px 5px 0px 0px; background-image:url(../img/tab_tr.png);font-size: 16px;width:188px;white-space:nowrap}
#main_nav li a:link, #main_nav li a:visited, #main_nav li a:active {display:block;padding:8px 8px 8px 8px;text-decoration:none;color:#0386f2;background-image: url(../img/tab_tl.png) no-repeat left top; font-weight:bold}
#main_nav li a:hover {color:#fff}
#main_nav li.active {background: #0386f2 url(../img/tab_active_tr.png) no-repeat right top}
#main_nav li.active a:link, #main_nav li.active a:visited, #main_nav li.active a:active, #main_nav li.active a:hover {cursor:default;color:#fff;background-image: url(../img/tab_active_tl.png)}

#main_nav_company {position: absolute;left:0;bottom:0}
#main_nav_company li {float:left;margin: 0 9px 0 0;background: #00AC00 url(../img/tab_tr_company.png) no-repeat right top;padding:0;font-size: 16px;width:111px;white-space:nowrap}
#main_nav_company li a:link, #main_nav_company li a:visited, #main_nav_company li a:active {display:block;padding:4px 10px 12px 10px;text-decoration:none;color:#ffffff;background: transparent url(../img/tab_tl_company.png) no-repeat left top;  font-weight:bold}
#main_nav_company li a:hover {color:#000000}
#main_nav_company li.active {background: #00FF01 url(../img/tab_active_tr_company.png) no-repeat right top}
#main_nav_company li.active a:link, #main_nav_company li.active a:visited, #main_nav_company li.active a:active, #main_nav_company li.active a:hover {cursor:default;color:#000000;background-image: url(../img/tab_active_tl_company.png)}


#tools {width:310px;position:absolute;right:0;top:30px;height:60px;background: transparent url(../img/bg_tools.png) repeat-x left top}
#icons {background: transparent url(../img/sx_tools.png) no-repeat left top;padding-left:8px;height:60px}
#tools ul {background: transparent url(../img/dx_tools.png) no-repeat right top;padding:10px 10px 10px 0;height:35px}
#tools li {background: transparent;border-right:1px solid #333;padding:0;float:left}
#tools li img {display:block;border:0}

#banner {width:650px;position:absolute;right:0;top:10px;height:90px; background-color:#000000}


#block {
	padding: 10px 10px 20px;
	background: #0386f2 url(../img/bottom_block.png) no-repeat left bottom;
}

#block_company {
	padding: 10px 10px 20px;
	background: #00FF01 url(../img/bottom_block_company.png) no-repeat left bottom;
}
#company_sx
{
	float:left;
	width:280px;
	background-color:#00FF01;
	height:492px;
	vertical-align:top;
}
#company_sx img
{
	padding-left:8px;
}

#company_cx
{
	float:left;
	width:667px;
	vertical-align:top;
}
#company_cx p
{
	
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#484848;
}	

#title_box
{
	width:100%;
	height:50px;
	background:#01AF00 url(../img/tab_tl_cx.png) no-repeat left top;
}
#title_box p
{
	padding-top:14px;
	margin:0px;
	padding-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
}


#content {width:677px;background: #fff url(../img/bottom_content.png) no-repeat left bottom;float:left;margin-right:10px;padding:0;height:auto !important; height: 428px;min-height:428px}
#nms_content {width:100%;background: #000000 url(../img/nms_bottom_content.png) no-repeat left bottom;float:left;padding:0;height:auto !important; height: 428px;min-height:428px}
#nms_company {width:100%;background: #ffffff url(../img/nms_bottom_company.png) no-repeat left bottom;float:left;padding:0;height:auto !important; height: 428px;min-height:428px}
#nms_company_full {width:100%;background: #ffffff url(../img/nms_bottom_company_full.png) no-repeat left bottom;float:left;padding:0;height:auto !important; height: 428px;min-height:428px}

#nms_content_2 {width:100%;background: #ffffff url(../img/nms_bottom_content.png) no-repeat left bottom;float:left;padding:0;height:auto !important; height: 428px;min-height:428px}
#nms_content_3 {width:100%;background: #ffffff;float:left;padding:0;height:auto !important; height: 428px;min-height:428px}
#claim {background: #00af00 url(../img/top_claim.png) no-repeat left top}
#nms_claim {background: #000000 url(../img/nms_top_content.png) no-repeat left top}
#nms_claimbig {background: #00af00 url(../img/nms_top_claimbig.png) no-repeat left top}
#claim h1 {margin:0;line-height:1.1em;padding:20px;font-size:20px;font-weight:normal;color:#fff}
#nms_claimbig h1 {margin:0;line-height:1.1em;padding:20px;font-size:20px;font-weight:normal;color:#fff}

#nms_hscroll{
	width:882px;
	height:388px;
	overflow:auto;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #0386F2;
	scrollbar-3dlight-color: #0386F2;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #0386F2;
	scrollbar-track-color: #000000;
	text-align:left;
}

#nms_hscroll td{
	padding:0px 12px 0 0;
}

#nms_hscroll_stazioni{
	width:918px;
	height:420px;
	overflow:auto;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #0386F2;
	scrollbar-3dlight-color: #0386F2;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #0386F2;
	scrollbar-track-color: #000000;
	text-align:left;
	padding-bottom:
}

#nms_hscroll_stazioni td{
	padding:0px 5px 0 0;
}

#nms_cornice{
	width:268px;
	height:328px;
	border:1px solid #0386F2;
	overflow:hidden;
	text-align:right;
	padding:8px;
}
#nms_stazioni{
	width:300px;
	height:358px;
	border:1px solid #0386F2;
	overflow:hidden;
	text-align:center;
	padding:0px;
}
#nms_box_info_stazioni{
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	width:270px;
	height:auto !important; 
	height: 300px;
	min-height:300px;
	overflow:hidden;
	text-align:center;
}
#nms_box_info_stazioni img{
	border:1px solid #424242;
}

#nms_box_small_op{text-align:center; float:right}
#nms_box_small_op img{width:52px; height:36px; margin-left:6px; float:right}

#nms_box_info_stazioni p{
	color:#999;
	font-size:11px;
}
#nms_box_info_stazioni a:hover{
	color:#0C0;
	font-size:11px;
}

div#ico_container{border:0px; width:286px;}
#ico_container img{margin-left:2px; float:right}
#ico_container img:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8}

#nms_box_info_aziende{
	padding-right:10px;
	width:260px;
	height:auto !important; 
	height: 290px;
	min-height:290px;
	overflow:hidden;
	text-align:right;
}
#nms_box_info_aziende img{
	border:1px solid #424242;
}
#nms_box_info_aziende p{
	color:#999;
	font-size:11px;
}
#nms_box_info_aziende a:hover{
	color:#0C0;
	font-size:11px;
}
#nms_box_info_operatori{
	padding-right:10px;
	width:260px;
	height:auto !important; 
	height: 290px;
	min-height:290px;
	overflow:hidden;
	text-align:right;
}
#nms_box_info_operatori img{
	border:1px solid #424242;
}
#nms_box_info_operatori p{
	color:#999;
	font-size:11px;
}
#nms_box_info_operatori a:hover{
	color:#0C0;
	font-size:11px;
}
#nms_box_info{
	width:260px;
	height:auto !important; 
	height: 258px;
	min-height:258px;
	overflow:hidden;
	text-align:right;
}
#nms_box_info img{
	border:1px solid #424242;
}
#nms_box_info p{
	color:#999;
	font-size:11px;
}
#nms_box_info a:hover{
	color:#0C0;
	font-size:11px;
}


A.nms_link
{
  color:#0386F2;
  font-size:11px;
  text-decoration:none;
}

A.nms_link:hover
{
	color:#0C0;
  font-size:11px;
  text-decoration:none;
}

#nms_box_button_call{
	width:260px;
	height:63px;
	overflow:hidden;
	text-align:right;
}
#nms_box_detail{
	overflow:auto;
	text-align:left;
}
#nms_box_detail em{
	color:green;
}
#nms_box_detail p{
	color:#CCC;
}

div#ico_container ul
{
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div#ico_container ul li
{
	display: inline;
}
div#ico_container ul li a
{
	padding: 0px;
	color: white;
	text-decoration: none;
	margin-right: -1px; /* il valore deve essere il numero sopra ma negativo */
}
div#ico_container ul li a:hover
{
	filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8
}

div#ico_container ul li img
{
	padding: 0px;
	margin-right: -1px; /* il valore deve essere il numero sopra ma negativo */
}
div#ico_container ul li img:hover
{
	opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8; 
}



#text {padding:10px 20px}
#text p {font-size:14px;line-height:1.3em;margin:0.8em 0}
#text h2 {font-size:20px;color:#00af00;font-weight:normal;margin:15px 0;line-height:1.1em}
#text p em {font-size: 12px}

#portfolio {width:260px;background: #08232a url(../img/bottom_portfolio.png) no-repeat left bottom;float:left;height:auto !important; height: 430px;min-height:430px;}
#portfolio p {background: #08232a url(../img/top_portfolio.png) no-repeat left top;margin:0;line-height:1em;padding:8px 10px;color: #fff;font-size:12px}

#box_op {background-color:#003B6B; width:260px;float:left;height:auto !important; height: 430px;min-height:430px;}
#box_op p {color: #fff;font-size:12px}

#divdetailpar {border-bottom:1px solid #999; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#0BFF00; padding-bottom:5px}
#divdetailcont {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; padding-top:5px; padding-bottom:5px; padding-left:15px; text-align:justify}


#portfolio p.more {background:transparent;background-image:none;padding-bottom:0;float:right;font-size:11px}
#portfolio p.back {background:transparent;background-image:none;padding-bottom:0;float:left;font-size:11px}
#portfolio p.more a:link, #portfolio p.more a:visited, #portfolio p.more a:active, #portfolio p.more a:hover {display:inline;background:transparent url(../img/arrow.gif) no-repeat right center;padding-right:10px;}
#portfolio p.back a:link, #portfolio p.back a:visited, #portfolio p.back a:active, #portfolio p.back a:hover {display:inline;background:transparent url(../img/back.gif) no-repeat left center;padding-left:10px;}


#portfolio ul {padding:10px}
#portfolio li {padding: 5px 0;font-size:12px;color:#999;line-height:1.3em}
#portfolio a:hover {color:#fff}

#portfolio ul#selected_client {padding:10px 10px 0}
#portfolio ul#selected_client li {color:#999}
#portfolio ul#selected_client li strong {color:#fff;font-weight:normal}
#portfolio ul#selected_client li .disponibilita {color:#0386f2;font-size:11px}

#screen {background: transparent url(../img/bg_screen.gif) repeat;padding:12px 0;margin:10px 10px 0;width:240px}
#screen img {display:block;width:236px;height:177px; border: solid #143f59;border-width: 0 2px}

#client_tools {background:transparent;margin:0 10px 5px}
#portfolio #client_tools ul {padding:0 0 0 8px}
#portfolio #client_tools li {background: transparent url(../img/client_tools_button.png) no-repeat center center;padding:4px 0 2px;float:left;margin: 5px 8px 0 0}
#portfolio #client_tools li img {width:69px;height:35px;border:0}
#portfolio #client_tools h3 {display:none}
#portfolio #client_tools li.disabled {background-image: url(../img/client_tools_button_disabled.png)}
#portfolio #client_tools li.disabled a:link, #portfolio #client_tools li.disabled a:visited, #portfolio #client_tools li.disabled a:active, #portfolio #client_tools li.disabled a:hover {cursor:default;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}


#status {
	position:absolute;
	height: 280px;
	width: 325px;
	background: transparent url(../img/bg_status.png);
	border:20px solid #ccc;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -160px;
	margin-left: -183px;
	padding:10px;
}

/* operatori */
#operatori {float:left;width: 380px;padding:0;}
#operatori p, #filtro_operatori p {margin: 0;font-weight:bold;color:#222;}
#operatori p {font-size: 18px;margin: 0;padding: 0 0 25px;background: transparent url(../img/bg_top_operatori.png) no-repeat left bottom}
#filtro_operatori {float:left;width:230px;padding: 0 0 8px 20px;color:#00af00;margin-top:30px}
#operatori ul {background: #eee url(../img/bg_bottom_operatori.png) no-repeat left bottom;padding-bottom:16px;border-top:1px solid #fff;}
#operatori li {border-bottom:1px solid #fff;padding: 8px 12px;}
#operatori li span {display:block}

#operatori li span.nome {font-size:16px;font-weight:bold}
#operatori li span.organizzazione {font-size:11px}

#filtro_operatori form {margin:0;padding:0}
#filtro_operatori label {display:block;padding: 10px 0 3px}
#filtro_operatori input, #filtro_operatori select {width: 70%}

/*end filtro operatori*/




#footer {background: #0386f2 url(../img/bottom_block.png) no-repeat left bottom;padding:0 0 9px;text-align:right;margin: 9px 0 0}
#footer p {margin:0;line-height:20px;font-size:20px;color:#fff;background: transparent url(../img/top_footer.png) no-repeat left top;padding:9px 9px 0}

#footer_aree {background: #0386f2 url(../img/bottom_block.png) no-repeat left bottom;padding:0 0 9px; margin: 9px 0 0}
#footer_aree p {margin:0px; line-height:normal; font-size:15px;color:#fff;background: transparent url(../img/top_footer.png) no-repeat left top;padding:10px }

#footer_company {background: #00FF01 url(../img/bottom_block_company.png) no-repeat left bottom;padding:0 0 9px; margin: 9px 0 0}
#footer_company p {margin:0px; font-size:18px;color:#138913;background: transparent url(../img/top_footer_company.png) no-repeat left top;padding:9px 9px 0}

#footer_clienti {background: #0386f2 url(../img/bottom_block.png) no-repeat left bottom;padding:0 0 9px; margin: 9px 0 0}
#footer_clienti p {margin:0px; font-size:18px;color:#ffffff;background: transparent url(../img/top_footer.png) no-repeat left top;padding:9px 9px 0}


form {padding:0;margin:0}
table {border-collapse:collapse}
fieldset {padding:10px;margin: 20px 0;border:2px solid #ddd}
th {text-align:left;font-weight:normal;padding: 4px}
td {padding: 4px 25px 4px}
legend {font-weight:bold;color:#0386f2;text-transform:uppercase}
input, textarea, select {font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:11px}
.descrizione {font-size: 11px;color:#666;margin:0}
#text p.descrizione {font-size: 11px;color:#666;margin:0;line-height:1em;padding:0}
optgroup {font-style:normal}



#small_nav{
	float:left;
	padding-left:18px;
}
#small_nav a{
	color:#006;
	font-size:11px;
}
#small_nav a:hover{
	color:#FFF;
	font-size:11px;
}


#small_nav_2{
	float:left;
	padding:10px;
}
#small_nav_2 a{
	color:#006;
	font-size:13px;
		font-weight:bold;
}
#small_nav_2 a:hover{
	color:#090;
	font-size:13px;
	font-weight:bold;
}


.clear{clear: both; margin:0; padding:0; font-size:0;}

/*area amministratiova pubblica*/

ul#admenu li {padding:4px 0;border-top:1px solid #ccc;background: transparent url(../img/square.png) no-repeat left top;padding-left: 20px}
ul#admenu li.logout {text-align:right;background: transparent url(../img/ics.png) no-repeat right top;padding-right:20px}
ul#admenu li li {padding:2px 0;border-top:0;background-image: none;padding-left: 0}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */

#media-page .media-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
}
#media-page .media-list li {
	float: left;
	width: 155px;
	padding:15px 5px 5px 0;
}
#media-page .media-list li {float: left;border: 0px;}
#media-page .media-list li img {float: left; display: block; width:135px; height:89px; border:1px solid #BBBBBB;margin: 0;}
#media-page .media-list li .info-side {float: left;width: 135px; padding: 0 0 0 4px; margin: -4px 0 0;}

#media-page .media-list li .info-side .inf {float: left; width: 135px; padding-top: 8px;}
#media-page .info-side {width: 15px;}
#media-page .info-side .inf .namemedia {color: #0060F2; text-decoration:none; font-weight:bold}
#media-page .info-side .inf .namemedia:hover {color: #00CC00; text-decoration:underline}

#media-page .media-list li .info-side .inf .field {float: left;width:135px; border:0px }

#media_page_box {background: #000;margin:0 auto;padding:20px; width:800px; min-height:400px}
#media_page_box p{font-family:Verdana, Geneva, sans-serif; color:#CCC; font-size:12px}
h1,h2 {margin:0;font-weight:normal}
h1 {font-size: 24px;color:#fff}
h2 {font-size: 18px;color:#ccc;margin-bottom:50px}

#smalogo{width:180px; float:left}

#gallproperty{width:350px; float:left; padding-top:15px}
#gallproperty h1{font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#CCC;}

#iconsbtn{width:250px; float:right; background-color:#000; text-align:right}
.clear{float:none; clear:both; margin:0; padding:0; font-size:0;}