/* Web Development by Dunia Basciu  - www.duniabasciu.com*/

/* global */
html {margin: 0;
	   padding: 0;
		 height: 100%;
		 width: 100%;
		 position: relative; }

body {min-width: 800px;
      width: auto !important;
			width:900px;
		 	height: auto;
		 margin: 0;
	   padding: 0;
		 color: #000; 
		 font: 0.80em tahoma,sans-serif;}
	 
#container {width: 800px;
					 height: 100%;
					 margin: 0 auto 0 0;
					 padding: 0;
					 text-align: left;
					 background: url(../i/vela.png) left top no-repeat transparent; }
					 
#header {width: 800px;
				 height: 150px;
				 margin: 0;
				 padding: 0;}
					 
#side_sx {width: 190px;
				 min-height: 500px;
				 height: auto !important;
				 height: 500px;
				 margin: 0;
				 padding: 0;
				 float:left;
				 font-size: 1.2em; }
				 
#side_dx {background-color: transparent;
				 margin: 0 0 30px 0;
				 padding: 0;
         width: 590px;
				 min-height: 500px;
				 height: auto !important;
				 height: 500px;
				 float:right;
				 text-align: center;
				 font-size:1.2em;
				 line-height: 1.4em;}
					 
#footer {height: 23px;
		    width: 100%; 
				background-color: #CCCC99;
				color: #000;
				font-size: 0.95em;
				clear: both;
				margin: 0;
				padding:0;
				text-align:right;}
				 
/* HEADER */
#header img.testata {margin: 10px 0 0 0;
						padding: 0;
						width: 800px;
						height: 108px;
						clear:both;}
						
/* SIDE_DX */

div.box_small { width: 290px;
    height: auto;
		margin: 10px 0;
		float:left; 
		line-height:1.2em;}
		
.smaller { font-size: 0.8em; }
		
.box_small p {width: 234px;
   margin: 0 30px 0; }
	 
#shira_box {margin: 20px 0 0;  } 

#text_contatti { font-size:1.3em;
		line-height:1.2em;
		margin: 70px 0 0; }

	 
		
div.box_large { width: 580px;
    height: auto;
		margin: 15px 0 15px 5px;;
		clear:both; 
		line-height:1.2em;}
		
img.smaller { width: 190px;
    height: auto; 
		float:left;}
		
.box_large p {width: 544px;
   margin: 0 20px 5px;}
	 
p.em { font-size: 1.1em;
 color: #314C82;
 font-weight:bold; 
 clear:both;}
 
 
/* SIDE_SX */
#side_sx p { width:150px;
 margin: 0 0 0 15px; }

#side_sx p.first_sx {margin: 130px 0 0 15px; }

#side_sx p.em {margin: 0 0 0 15px; }

a.shira_white { background: url(../i/shira_white.png) 0 3px no-repeat transparent;
width:120px; }

h1.shira_white { background: url(../i/shira_white.png) 50% 0 no-repeat transparent; 
height:30px;}

a.shira_white span, h1.shira_white span{visibility:hidden; }

p.shira{ background: url(../i/shira_logo.png) left top no-repeat transparent; 
   height:50px; 
	 padding-top:40px;}

p.shira span {display:none; }

img#map { margin: 110px 0 0 15px;
 border:1px solid #5f5f5f;}

						
/* FOOTER */
#footer p {padding:4px 50px 0 0; 
		 width: auto;
		 height: 20px; }
						
/* NAVIGAZIONE PRINCIPALE E SELETTORE LINGUA*/
ul#language { list-style: none;
       width: 70px;
        margin: 0 0 0 130px;
        padding:0;
				height: 25px;
				float:left;}
				
ul#language li {padding :3px 0 0 5px;
					display: block;
					float: left;
					height: 25px;
					width: 27px;}

ul#navFst {list-style: none;
       width: auto;
        margin: 0;
        padding:0;
				height: 25px;}
				
ul#navFst li {padding : 0 15px 0 5px;
					display: block;
					float: left;
					height: 25px;
					border-left: 1px solid black;} 
					
#navFst li#current a { background: url(../i/onda_navFst.png) left 4px no-repeat transparent; }
					
ul#navFst a {display: block;
        margin: 0;
        padding: 0;
        height: 25px;
				font-weight:bold;
				text-decoration : none;}

	
				
/* link */	 
a:link, a:active, a:visited {text-decoration : underline;
  font-weight:bold;
	color: #314C82;}

a:hover {text-decoration : underline;
	font-weight: bold;
	color: #000;}	 
	
a.shira_white:link, a.shira_white:active, a.shira_white:visited, a.shira_white:hover {text-decoration : none;}
/* LINK NAVIGAZIONE PRINCIPALE*/

#navFst li a:link, #navFst li a:visited {color: #000; } 
													 
#navFst li a:hover {color: #314C82;
	background: url(../i/onda_navFst.png) left 4px no-repeat transparent; } 
													 
#navFst li a:active {color: #314C82; }		
													 
#navFst li#current a {color: #314C82;}

					 	
				
/* various */
img {border: none;}
					 
p.last, p.first {font-weight: bold; }

p.bottom {margin: 0 0 10px 0;
				padding: 0;}
				
p.top, h3.top {margin: 10px 0 0 0;
				padding: 0;}
				
p { margin: 0;
		padding: 0;}

h1 {font-size: 1.4em;
 color: #314C82;
 margin-top:20px;}
		
h2 {font-size: 1.3em;
 color: #314C82;}
 
h3 {font-size: 1.1em;
 color: #000;
 margin:0 0 10px 0;}

/* PAGE LISTINI */
#text_listini {text-align:left; 
  margin: 0 0 0 20px;
	width:580px;
	height:auto; 
	background: url(../i/shira_figure.png) 300px 250px no-repeat transparent;}

dt, dd.align {margin:0;
padding:0; }

dt { font-weight:bold;
  color:#314C82;
	margin-top:5px; }

dd { margin-left: 10px; }