/*
stili per sito lofoten
**********************************************
Created: mercoledi 5 ottobre 2009
Author: Antonio Romano + dapalab
**********************************************
These style-sheets, associated graphics and design are copyrighted materials.
*/

* {margin:0; padding:0}


body 					{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background-color: #FFFFFF;
	position: relative;
	color: #1E96D3;
	background: #8ebef4 url(../img/bgpage.jpg) right top repeat-x;	
	}
	
hr {
	color: #91dcfc;
	background-color: #91dcfc;
	height: 1px;
	border: none;
	margin: 0px 15px;
}

img {border:none} 

a {color: #FFFFFF; text-decoration:underline}
a:hover {color: #FFFFFF; text-decoration:underline}

.clear {clear: both;}

img, div#headerbg, div#menu ul li, div#lang ul li, div#conthead, div#contesto, div#menu2lev ul li a {
    behavior: url(iepngfix.htc) 
}


ul li a span {
	display: none;
}

li {
	list-style:none;
}

ol {
	margin: 0 0 15px 45px;
}

ol li {
	list-style-type: decimal;
	font-size: 1.2em;	
}

#contesto ol li { padding-top:5px;}

ol.spaziato {
	margin: 0 0 0 35px;
}

ol.spaziato li {
	margin: 0 40px 15px 0;
}

p {
	clear: both;
}

	
/* struttura pagina */
		

#page {
	width: 995px;
	text-align: left;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	color: #FFFFFF;
}	
	
#footer {
	width: 995px;
	text-align:right;
	font-size: 1em;
	margin: 15px auto 0 auto;
	padding: 0;
	color: #ffffff;
}	

#header {
	position: relative;
	width: 995px;
	padding: 0;
	margin: 0;
	height: 260px;
	z-index: 20;
}

#headerbg {
	width: 995px;
	padding: 22px 0 0 0;
	margin: 0;
	height: 280px;
	background: transparent url(../img/head_bg.png) left top no-repeat;	
}



#logo {
	width: 813px;
	padding: 0 0 0 35px;
	margin: 0;
	float: left;
}

#lang {
	width: 100px;
	padding: 0;
	margin: 0;
	float: left;
}


#menu {
	position: absolute;
	width: 900px;
	padding: 0;
	margin: 0 0 0 34px;
	clear: both;
	top: 102px;
	left: 0px;	
}

#contenthome {
	position: absolute;
	width: 995px;
	margin: -139px 0 0 0;
	padding: 0;
	z-index: 10;
}

#contentint1 {
	position: absolute;
	width: 995px;
	margin: -130px 0 0 0;
	padding: 162px 0 0 0;
	z-index: 10;
	height: 420px;
	background: transparent url(../img/bg_int1.jpg) left top no-repeat;	
}

#contentint2 {
	position: absolute;
	width: 995px;
	margin: -130px 0 0 0;
	padding: 162px 0 0 0;
	z-index: 10;
	height: 420px;
	background: transparent url(../img/bg_int2.jpg) left top no-repeat;	
}


#contentint3 {
	position: absolute;
	width: 995px;
	margin: -130px 0 0 0;
	padding: 162px 0 0 0;
	z-index: 10;
	height: 420px;
	background: transparent url(../img/bg_int3.jpg) left top no-repeat;	
}


#contentint4 {
	position: absolute;
	width: 995px;
	margin: -150px 0 0 0;
	padding: 162px 0 0 0;
	z-index: 10;
	height: 420px;
	background: transparent url(../img/bg_int4.jpg) left top no-repeat;	
}


#contentint5 {
	position: absolute;
	width: 995px;
	margin: -130px 0 0 0;
	padding: 162px 0 0 0;
	z-index: 10;
	height: 420px;
	background: transparent url(../img/bg_int5.jpg) left top no-repeat;	
}


#menu2lev {
	width: 243px;
	padding: 0;
	margin: 0;
	float: left;
}


#contenuto1 {
	width: 717px;
	padding: 0 ;
	margin: 0;
	float: left;	
}

#contenuto2 {
	width: 717px;
	padding: 0 ;
	margin: 0;
	float: left;	
}

#contenuto2 table {
	font-size: 12px;
}

#contenuto3 {
	width: 717px;
	padding: 0 ;
	margin: 0;
	float: left;	
}

#contenuto4 {
	width: 717px;
	padding: 0 ;
	margin: 0;
	float: left;	
}

#contenuto5 {
	width: 717px;
	padding: 0 ;
	margin: 0;
	float: left;	
}

#contenuto1 #conthead {
	background: transparent url(../img/bg_top1.png) left top;		
}


#contenuto1 #contesto {
	background: transparent url(../img/bg_cnt1.png) left top;		
}

#contenuto2 #conthead {
	background: transparent url(../img/bg_top2.png) left top;		
}


#contenuto2 #contesto {
	background: transparent url(../img/bg_cnt2.png) left top;		
}


#contenuto3 #conthead {
	background: transparent url(../img/bg_top3.png) left top;		
}


#contenuto3 #contesto {
	background: transparent url(../img/bg_cnt3.png) left top;		
}


#contenuto4 #conthead {
	background: transparent url(../img/bg_top4.png) left top;		
}


#contenuto4 #contesto {
	background: transparent url(../img/bg_cnt4.png) left top;		
}


#contenuto5 #conthead {
	background: transparent url(../img/bg_top5.png) left top;		
}


#contenuto5 #contesto {
	background: transparent url(../img/bg_cnt5.png) left top;		
}


#conthead {
	width: 717px;
	padding: 0 ;
	margin: 0;
	height: 10px;	
}

#contesto {
	width: 717px;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	min-height: 394px;
	z-index: 30;	
}

/* formattazione testi */

#contesto h2 {
	margin: 0px 14px 10px 14px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
}

#contesto h3 {
	margin: 0px 14px 10px 14px;
	font-size: 1.8em;
	font-weight: normal;
}

#contesto h2 span {
	margin: 0;
	font-size: 2.4em;
}

#contesto p {
	margin: 0 14px 10px 14px;
	padding: 0 ;	
	font-size: 1.2em;	
	font-weight: normal;
	line-height: 1.5em;
}

#contesto p a img {
	margin: 12px 14px 0 0;
}



/* liste */

#lang ul li {
	width: 36px;
	height: 42px;	
	float:left
}

#lang ul li a {
	display:block;
	height: 35px;
	width: 30px;
}

#lang ul li.ita {
	background: transparent url(../img/ita.png) left 5px no-repeat;
}

#lang ul li.eng {
	background: transparent url(../img/eng.png) left 5px no-repeat;
}


#menu ul li {
	float:left;
	width: 165px;
	height: 180px;
}

#menu ul li a {
	display:block;
	height:165px;
	width: 125px;
}

#menu ul li.mn1 {
	background: transparent url(../img/mn1.png) left 47px no-repeat;
}

#menu ul li.mn2 {
	background: transparent url(../img/mn2.png) left 54px no-repeat;
	width: 164px;
}

#menu ul li.mn3 {
	background: transparent url(../img/mn3.png) left 40px no-repeat;
	width: 162px;	
}

#menu ul li.mn4 {
	background: transparent url(../img/mn4.png) left 18px no-repeat;
	width: 158px;		
}

#menu ul li.mn5 {
	background: transparent url(../img/mn5.png) left 2px no-repeat;
}


#menu ul li.mn1m {
	background: transparent url(../img/mn1_m.png) left 65px no-repeat;
	width: 115px;
}

#menu ul li.mn1m a {
	width: 85px;
}

#menu ul li.mn2m {
	background: transparent url(../img/mn2_m.png) left 76px no-repeat;
	width: 115px;
}

#menu ul li.mn2m a {
	width: 85px;
}

#menu ul li.mn3m {
	background: transparent url(../img/mn3_m.png) left 69px no-repeat;
	width: 115px;
}

#menu ul li.mn3m a {
	width: 85px;
}

#menu ul li.mn4m {
	background: transparent url(../img/mn4_m.png) left 55px no-repeat;
	width: 115px;		
}

#menu ul li.mn4m a {
	width: 85px;
}

#menu ul li.mn5m {
	background: transparent url(../img/mn5_m.png) left 34px no-repeat;
}

#menu ul li.mn5m a {
	width: 85px;
}

#menu2lev ul {
	margin: 16px 0 0 0;
}

#contentint2 #menu2lev ul {
	margin: 16px 0 0 0;
}

#menu2lev ul li {
	margin: 0 0 8px 20px;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: normal;	
}

#menu2lev ul li a {
	color: #ffffff;
	padding: 0 0 0 15px;	
	background: transparent url(../img/pinblu.png) left 4px no-repeat;
	text-decoration: none;	
}

#menu2lev ul li ul{
	margin: 10px 0 15px 0;
}

#menu2lev ul li ul li {
	margin: 0 0 8px 10px;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: normal;	
}

#menu2lev ul li ul li a:link, #menu2lev ul li ul li a:active, #menu2lev ul li ul li a:visited  {
	color: #ffffff;
	padding: 0 0 0 10px;	
	background: transparent url(../img/pinblu2.png) left 4px no-repeat;
	text-decoration: none;	
}

#menu2lev ul li ul li a:hover {	
	background: transparent url(../img/pinbianco2.png) left 4px no-repeat;
	text-decoration: none;	
}

#menu2lev ul li ul li.sel a {
	color: #ffffff;
	padding: 0 0 0 10px;	
	background: transparent url(../img/pinbianco2.png) left 4px no-repeat;
}

#contentint2 #menu2lev ul li a {
	color: #ffffff;
	padding: 0 0 0 15px;	
	background: transparent url(../img/pincel.png) left 4px no-repeat;
	text-decoration: none;	
}

#menu2lev ul li a:hover {	
	background: transparent url(../img/pinbianco.png) left 4px no-repeat;
	text-decoration: none;	
}

#contentint2 #menu2lev ul li a:hover {
	background: transparent url(../img/pinbianco.png) left 4px no-repeat;
	text-decoration: none;	
}


#menu2lev ul li.sel a {
	color: #ffffff;
	padding: 0 0 0 15px;	
	background: transparent url(../img/pinbianco.png) left 4px no-repeat;
}

#contentint2 #menu2lev ul li.sel a {
	color: #ffffff;
	padding: 0 0 0 15px;	
	background: transparent url(../img/pinbianco.png) left 4px no-repeat;
}


#menu2lev ul li.sel a:hover {	
	text-decoration: none;	
}

.floatright {
float:right; 
margin-right:30px;
}

.floatleft {
float:left;
}

#contesto p a img.floatleft {
	margin: 0 15px 0 0;
}

#contesto p a img.floatright {
	margin: 0 15px 0 0;	
}