/* Foglio di Stile per il Layout */

html,body,form{
	margin:0;
	padding:0;
	}
body {
	font: 70% Tahoma, Arial, sans-serif;
	background: #eee;
	color: #444;
	}
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	}

.hide {
	display: none !important;
}
img {
	border: 0;
	}


div#container{
	background: #fff url(../images/back_ordine_rh_col.gif) repeat-y right 0;
	width:100%;
	}
div#container_2{
	background: url(../images/back_ordine_lh_col.gif) repeat-y 0 0;
	width:100%;
	}

div#wrapper{
	float:left;
	width:100%;
	}

div#header
{
	background: #fff url(../images/top_ordine.gif) no-repeat right 0;
	border-width: 0;
	padding: 0;
	height: 120px;
}
div#header h1
{
	padding: 0;
	margin: 20px;
}
.logo_foiv {
	position: absolute;
	top: 36px;
	left: 375px;
	}

#hdr_logo
{
	float: left;
	width: 500px;
	height: 120px;
	background: url(../images/top_ordine.gif) no-repeat left 0;
}
div#striscia_ricerca {
	clear:both;
	display: block;
	height: 36px;
	
	background: #177A99;
	margin: 0 10px;
	}
.form_ricerca {
	vertical-align: middle;
	float: left;
	color: #fff;
	margin: 0 0 0 10px;
	}
.form_ricerca input {
	color: #333;
	font: 1.2em;

	border: 1px solid #aaa;
	margin: 5px 0 5px 10px;
	padding: 3px;
	}
.fontsize-set {
	float: right;
	color: #fff;
	margin: 8px 20px 0 0;
	}
div#content {
	position: relative;
	margin: 0 200px 0 180px;
	background: #fff;
	}
div#navigation{
	
	float:left;
	width:180px;
	margin-left:-100%;
	}
div#extra {
	float:left;
	width:200px;
	margin-left:-200px;
	}
#extra a	{
	color: 333;
	}

.interno_cl_sx {
	margin: 10px 8px 10px 18px;
	}
.interno_cl_sx h3	{
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: 3px solid #177A99;
 }
.interno_cl_dx {
	margin: 10px 18px 10px 10px;
	}

div#bottomhome  {
	font-size: 1em;
	clear:left;
	text-align: center;
	width:100%;
	color: #666;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	border-top: 1px dotted #ddd;
	}
div#bottomhome a  {
	font-weight: bold;
	}
div#ftr_menu  {
	clear:left;
	width:100%;
	color: #fff;
	height: auto;
	}
div#ftr_menu_2 
{
	margin: 0 10px;
	padding: 20px 0 2em 0;
	height: auto;
	background: #176980 url(../images/back_bottom_menu.gif) repeat-x 0 0;
}
div#ftr_menu_2 .menu_bottom
{
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	width: 150px;
}
div#ftr_menu_2 .menu_bottom h3
{
	margin-bottom: 1.4em;
	color: #fff;
}
div#ftr_menu_2 .menu_bottom ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#ftr_menu_2 .menu_bottom ul li
{
	height: 1.6em;
	line-height: 1.6em;
}
div#ftr_menu_2 .menu_bottom ul li a
{
	color: #B9D1D8;
}
div#ftr  {
	clear:left;
	width:100%;
	background: #fff url(../images/ftr_ordine.gif) no-repeat right 0;
	color: #fff;
	height: 60px;
	}
div#ftr_2 
{
	width: 640px;
	height: 60px;
	background: url(../images/ftr_ordine.gif) no-repeat left 0;
}

div#ftr p{
	font-size: 1em;
	margin:0;
	padding: 13px 0 15px 60px;
	}
div#ftr a {
	color: #fff;
	}
/*********************************/
/* menu orizzontale superiore    */

div#menu_orizz{
	position: absolute;
	right: 0;
	top: 95px;
	margin-right: 20px;
    padding-top: 0px;
	padding-left: 20px;
	z-index: 2;
	}

div#menu_orizz ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

div#menu_orizz li{
	float: left;
	margin: 0;
	padding:0;
    background: url(../sfondo_bottone_over.gif) no-repeat top left;
	}

div#menu_orizz a{
	display: block;
	width: 120px;
    line-height: 25px;
	text-decoration: none;
    background: url(../sfondo_bottone_up.gif) no-repeat top left;
    color: #666;
	text-align: center;
	}
div.nav_over {
	display: block;
	width: 120px;
    line-height: 25px;
	text-decoration: none;
    background: url(../sfondo_bottone_over.gif) no-repeat top left;
    color: #fff;
	text-align: center;
	}

div#menu_orizz a:hover{
	background-image: none;
	color: #fff;
	background: url(../sfondo_bottone_over.gif) no-repeat top left;
	}

div#menu_orizz li#activelink a,div#menu_orizz li#activelink a:hover {
    background: url(../sfondo_bottone_over.gif) no-repeat top left;
	color: #6B4131;
	}


/*********************************/
/* cammino di navigazione        */
#navigator  {
	position: relative;
	text-align: left;
	font-size: 1em;
	color: #999;
	margin: 0 5px;
	padding: 7px 15px;
	border-bottom: 1px dotted #ddd;
	}

#navigator a {
	
	font-weight: bold;
	text-decoration: none;
	}

#navigator a:hover {
	text-decoration: underline;
	}
.categoria {
	text-align: left;
	font-size: 1.2em;
	color: #fff;
	background: #177A99;
	margin-bottom: 15px;
	padding: 5px;
	}

/*********************************/
/* Foglio di stile presentazione */

.clear {
	clear: both;
	}

p 	{
	position: relative;
	clear: left;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 0.9em;
	}
a	{
	color: #688ABA;
	text-decoration: none;
	}

a:hover	{
	text-decoration: underline;
	}

a:active {
	text-decoration: none;
}
h1  {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 220%;
	color: #333;
	}
h2  {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 200%;
	color: #177A99;
	}
h3  {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #177A99;
	margin: 0px 0 7px 0;
	}

h3 a {
	text-align: left;
	color: #688ABA;
	text-decoration: none;
	}

h3 a:hover {
	text-decoration: underline;
	}
ul	{
	line-height: 1.3em;
	text-align: left;
	border: 0;
	}
.text2 {  
	margin: 0;
	font-size: 1em;
	color: #E20000;
	font-style: normal;
	}
ul.list2	{
	margin: 15px 0 15px 12px;
	}
.list2 li	{
	text-align: left;
	border: 0;
	list-style-type: none;
	padding: 0 0 0 15px;
	background: url(../icone/arrow_01.gif) no-repeat 2px 0.45em;
	}

.box1 {
	margin:15px;
	}
/*********************************/
/* stile news con data a SX      */
/*********************************/

.home_news ul {
	list-style-type: none;
	margin: 0 0 1.4em 0;
	padding: 0;
	}
.home_news ul li {
	clear: both;
	display: block;
	padding: 8px 8px 1em 0px;
	margin: 0;
	border-bottom: 1px solid #D8D8CC;
	}
.home_news ul li h3 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	}
.home_news ul li p {
	margin: 0.7em 0 0 0;
	}
.home_news .news {
	display: block;
	margin-left: 60px;
	}
/*.news2 {
	display: block;
	position: relative;
	overflow: hidden;
	clear: left;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	}*/
/*********************************/
/* fine stile news con data a SX      */
/*********************************/

/*********************************/
/* sfondi box data               */
/*********************************/

div.data, div.data_giallo, div.data_verde, div.data_rosso {
	position: absolute;
	display: inline;
	width: 50px;
    text-align: center;
	color: #fff;
	padding-bottom: 5px;
	background: #fff url(../images/back_date.gif) no-repeat top left;
	}
div.data {
    background-position: 0px bottom;
	}
div.data_giallo {
    background-position: -100px bottom;
	}
div.data_verde {
    background-position: -150px bottom;
	}
div.data_rosso {
    background-position: -50px bottom;
	}
div.data span.d, div.data_giallo span.d, div.data_verde span.d, div.data_rosso span.d {
	display: block;
	font-size: 170%;
    font-weight: bold;
	color: #fff;
	padding-top: 6px;
	background: #fff url(../images/back_date.gif) no-repeat top left;
	}
div.data span.d {
    background-position: 0px 0px;
	}
div.data_giallo span.d {
    background-position: -100px 0px;
	}
div.data_verde span.d {
    background-position: -150px 0px;
	}
div.data_rosso span.d {
    background-position: -50px 0px;
	}
div.data span.m, div.data_giallo span.m, div.data_verde span.m, div.data_rosso span.m {
	text-transform: uppercase;
	}
div.data span.y, div.data_giallo span.y, div.data_verde span.y, div.data_rosso span.y {
	display: block;
	padding-bottom: 2px;
	}
div.anno {
	position: relative;
	float: left;
	width: 40px;
	margin:3px 0 3px 0px;
    text-align: center;
	display: block;
	}

div.icon h3	{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 3px solid #177A99;
}
div.icon ul	{
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}

div.icon ul li	{
	font-size: 1em;
	list-style: none;
	margin-bottom: 0.7em;
	padding: 0 0 0 17px;
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	background-image: url(../icone/icona_info_04.gif);
}
div.icon_folder ul, div.icon_people ul	{
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}

div.icon_folder ul li, div.icon_people ul li	{
	font-size: 1em;
	list-style: none;
	margin-bottom: 0.3em;
	padding: 3px 0 0 25px;
}
div.icon_folder ul li a, div.icon_people ul li a	{
	font-weight: bold;;
}
div.icon_folder ul li	{
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	background-image: url(../icone/icona_folder_02.gif);
}
div.icon_people ul li	{
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	background-image: url(../icone/icona_people_01.gif);
}
.info1 {
	font-family: tahoma, sans-serif;
	color: #888;
	font-size: 90%;
	margin: 0px 0 2px 0;
	padding: 2px 0 2px 17px;
	background: url(/icone/icona_lente_01.gif) no-repeat 0 center;
	}
.download, .folder {
	font-size: 0.9em;
	height: 22px;
	line-height: 22px;
	display: inline;
	color: #888;
	font-weight: bold;
	margin: 0 0.5em 1em 0;
	padding: 4px 0 8px 23px;
	}
.download {
	background: url(/icone/icona_download_01.gif) no-repeat 0 center;
	}
.folder {
	background: url(/icone/icona_folder_02.gif) no-repeat 0 center;
	}

a.download , a.folder {
	color: #e70;
	line-height: 20px;
	}
a.link_icona {
	clear: left;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 1em 4px 0;
	padding: 0px;
	}

.link_icona img {
	vertical-align: middle;
	margin: 0px 0.5em 0 0;
	}
.link_icona2 {
	vertical-align: middle;
	font-weight: bold;
	margin: 0px 1em 0px 0;
	padding: 0px;
	}
.link_icona2 img {
	vertical-align: middle;
	margin: 0px 0.5em 0 0;
	}

/* subnav2 */

div.subnav2 h2 {
	font-size: 1.2em;
	color: #fff;
	height: 35px;
	margin: 0 0 3px 0;
	padding: 0.5em 10px;
	background: url(../images/back_titolo_menu_blu.gif) no-repeat 0 0;
	}
div.subnav2 ul, div.subnav2 li {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

div.subnav2 li {
	margin:0 0px 0 0px;
	font-size: 1em;
	}

div.subnav2 a {
	display: block;
	font-weight: normal;
	height: 2.2em;
	line-height: 2.2em;
    padding-left: 16px;
	background: url(/freccia-dx_02.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
    text-decoration: none;
	color: #666;
	}

div.subnav2 a:hover {
	background: #fff url(/freccia-dx_02.gif) no-repeat left top;
	color: #ff6602;
	text-decoration: none;
	}
/*********************************/
/* Tabella news                  */
/*********************************/

.boxtabella {
	width: 100%;
	border-collapse:collapse;
	font-size: 1em;
	}
.boxtabella caption {
	text-align: left;
	font-size: 1.2em;
	color: #fff;
	background: #177A99;
	margin: 0;
	padding: 5px;
	}
.boxtabella th {
	text-align: left;
	padding: 6px;
	font-weight: bold;
	background: #ddd;
	}
.boxtabella td {
	padding: 6px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	}
.odd {
	background-color: #f9f9f9;
	}

.box_login {
	width:170px;
	text-align: center;
	margin-bottom: 10px;
	}
.box_login h2 {
	background:url(../images/sfondo_login.jpg) #fff no-repeat;
	font-size: 1.2em;
	padding: 10px 15px 7px 15px;
	margin: 0;
	}
table.formutente {
	font-size: 1em;
	}

.box_form {
	background:url(../images/sfondo_login.jpg) #fff no-repeat 0 100%;
	font-size: 1em;
	padding: 3px 10px;
	margin: 0;
	text-align: left;
	}
.invia2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #575757;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 1px 3px 3px 3px;
	}
/*********************************/
/* Box messaggio info            */
/*********************************/
.box_ok	{
	clear: left;
	width: auto;
	font-size: 1em;
	border: 1px solid #B4DA31;
	background: #EEF5D7 url(/icone/icona_ok_04.gif) no-repeat 10px 8px;
	margin: 15px 0;
	padding: 10px 10px 10px 40px;
	}
.box_info	{
	clear: left;
	width: auto;
	font-size: 1em;
	border: 1px solid #FFE066;
	background: #FFF4C7 url(/icone/icona_info_gialla.gif) no-repeat 10px 8px;
	margin: 15px 0;
	padding: 10px 10px 10px 40px;
	}
.box_errore	{
	clear: both;
	width: auto;
	font-size: 1em;
	border: 1px solid #E84646;
	background: #FFE3E3 url(/icone/icona_errore_03.gif) no-repeat 10px 12px;
	margin: 15px 0;
	padding: 10px 10px 10px 40px;
	}

.field_allegati	{
	clear: both;
	border: 1px solid #ddd;
	margin: 0;
	padding: 10px 10px 0 10px;
	}
.box_cerca2	{
	clear: both;
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 20px;

	background: url(../images/back_form_01.gif) repeat-x 0 bottom;
	
	}
.form_cerca2, .box_cerca2	{
	text-align: left;
	font-size: 1em;
	overflow: hidden;
	width: auto;
	}
.box_cerca2 h3	{
	position: relative;
	}
.form_cerca2 .campo_input  {
	display: inline;
	position: relative;
	float: left;
	margin-right: 10px;
	}
.box_cerca2 .campo_input  {
	display: inline;
	position: relative;

	margin-right: 10px;
	}
.form_cerca2 label, .box_cerca2 label {
	display: block;
	line-height: 1.5em;
	}
.form_cerca2 input, .form_cerca2 select,
.box_cerca2 input, .box_cerca2 select{
	font-size: 1em;
	width: 200px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 10px;
	background: #fff url(../images/fieldbg.gif) repeat-x top;
	}
dl.foto_iscritto {
	float: right;
	width: 140px;
	position: relative;
    background: url(../images/polaroid.jpg);
	text-align: left;
	color: #555;
	}
dl.foto_iscritto dt{
	padding: 15px 0 0;
	position: relative;
	}
dl.foto_iscritto img{
	display:block;
	margin:0 0 0 14px;
	border:1px inset #CCC;
	}
dl.foto_iscritto dd {
	margin: 0;
	padding: 2px 13px 10px 15px;
	background: url(../images/polaroid.jpg) 0 100%;
	position: relative;
	}
.addcomment  {
	border: 1px solid #ddd;
	}
.box_info_iscritto  {
	border: 1px solid #ddd;
	padding: 0 18px;
	margin-bottom: 10px;
	background: url(../images/back_form_01.gif) repeat-x 0 bottom;
	}
legend {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #177A99;
	margin: 0 0 10px 0;
	padding: 0;
	
	}
.immagine {
	margin: 0 0px 3px 0;
}

.immagine img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
/*********************************/
/* form modulo contatti          */
/*********************************/
.form_contatti {
	width: 380px;
	margin: 20px auto;
}
.form_contatti strong {
	font-weight: normal;
	color: #f00;
}
.form_contatti label{
	clear: both;
	margin: 0;
	padding: 4px 0;
	display:inline;
	float:left;
	width: 100px;
}
.form_contatti input {
	font: 1em Tahoma, Arial, sans-serif;
	width: 200px;
	display:inline;
	float:left;
	margin-bottom: 7px;
	color: #575757;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 3px;
}
.form_contatti textarea {
	font: 1em Tahoma, Arial, sans-serif;
	width: 270px;
	height: 90px;
	display:inline;
	float:left;
	margin-bottom: 7px;
	color: #575757;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 3px;
}

button {
			cursor: pointer;
			border:none;
			background:transparent;
			padding:0;
			margin:5px 0;
			width:auto;
		   	overflow:visible;					
			text-align:center;	
			white-space:nowrap;	
			height:31px;
			line-height:26px;
			font-size: 1em;
			}
		button span, button em{
			display:block;
			height:30px;
			line-height:26px;			
			margin:0;
			color:#fff;
			}	
		button span{
			padding-left:20px;
			background:#D50003 url(../images/bg_button.gif) no-repeat 0 0;
			}	
		button em{
			font-style:normal;
			padding-right:20px;
			background:#D50003 url(../images/bg_button.gif) no-repeat 100% 0;
			}

.icona_info {
	background: url(/icone/icona_info_blu.gif) no-repeat 0 0.15em;
	padding: 2px 0 10px 23px;
	}
.icona_info_on {
	background: url(/icone/icona_info_verde.gif) no-repeat 0 0.15em;
	padding: 2px 0 10px 23px;
	}
.icona_info_off {
	background: url(/icone/icona_info_grigia.gif) no-repeat 0 0.15em;
	padding: 2px 0 10px 23px;
	}