/**reset yahoo **/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


body 
{
	color : #393939;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	background-color: #ffffff;
	background-image: url(immagini/sfondo_02b.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#layout 
{
	width: 980px;
	margin: 5px auto 0px auto;
	padding:0px;	
}

/* testa
---------------------------------------------------*/

#testa
{
	width: 940px;
	height: 403px;
	margin: 0px;
	padding:  38px 20px 0px 20px;
	float: left;
 	color : Silver;
	background-image: url(immagini/testa_05.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#testa h1
{
	height: 114px;
	width: 551px;
	padding: 0px;
	float: left;
	background-image: url(immagini/dekos_logo_07.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

#testa h1 a
{
	height: 114px;
	width: 551px;
	padding: 0px;
	display: block;
	border: 0px;
}


#testa #disegno
{
	background-image: url(immagini/disegno_08.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 278px;
	width: 917px;
	padding: 0px;
	float: left;
}

#testa span
{
	position: absolute;
	color: #CFD5D8;
	z-index: -1;
}

#testa #menu
{
	width: 940px;
	height: 34px;
	margin: 0px;
	padding:  0px 0px 0px 0px;
	float: left;
	/*background-color:  #C6D7E0;*/
	border-top: 0px solid #1D6195; 
	border-bottom: 1px solid #1D6195; 
}
#testa #divisionec 
{
	width: 176px;
	height: 34px;
	margin: 0px;
	padding:  0px;
	float: left;
	background-image: url(immagini/menucivilebottone.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}




#testa #divisionei
{
	width: 235px;
	height: 34px;
	margin: 0px;
	padding:  0px;
	float: left;
	background-image: url(immagini/menuindustrialebottone.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#testa #divisionen
{
	width: 203px;
	height: 34px;
	margin: 0px;
	padding:  0px;
	float: left;

	background-image: url(immagini/menunauticabottone.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#testa #spa
{
	width: 35px;
	height: 34px;
	margin: 0px;
	padding:  0px;
	float: right;
	background-image: url(immagini/spagna.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#testa #ing
{
	width: 35px;
	height: 34px;
	margin: 0px;
	padding:  0px;
	float: right;
	background-image: url(immagini/inglese.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#testa #menu a
{
	background-position: 0px 0px;
}

#testa #menu a:hover
{
	background-position: 0px -34px;
}

#testa #menu #select
{
	background-position: 0px -64px;
}

#testa #basefoto
{
	width: 940px;
	height: 12px;
	margin: 0px;
	padding:  0px 0px 0px 0px;
	float: left;
	border-top: 1px solid #1D6195; 
	background-image: url(immagini/linee_10.gif);
	clear: both;
}

#testa .slideshow
{
	width: 940px;
	height: 240px;
	margin: 0px;
	padding:  0px 0px 1px 0px;
	float: left;	
}

#testa #barra
{
	float:right;
	width: 310px; /*208*/
	height: 30px;
	padding: 0px 15px 8px 20px;
}

#testa #barra a
{
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
 	color : #CBCBCB;
	text-decoration: none;
	text-transform: uppercase;
	
	float:right;
	width: 98px;
	height: 30px;
	clear: none;
	margin-right: 5px;
}
#testa #barra  .dove
{
	background-image: url(immagini/dove.gif);
}
#testa #barra  .contatti
{
	background-image: url(immagini/contatti.gif);
}
#testa #barra  .home
{
	background-image: url(immagini/home2.gif);
}


#testa #barra a:hover
{
 	color : #282828;
	text-decoration: none;
	background-position: 0px -30px;
}

#testa #barra #selected
{
	background-position: 0px -60px;
}
#testa #barra span
{	
	z-index: -1;
	position: absolute;
}

#testa #logoiso
{
	float:right;
	width: 86px; 
	height: 80px;

	background-image: url(immagini/logoiso_03.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#paginabase
{
	background-image: url(immagini/paginasfondo_07.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	float:left;
	width: 980px;
}

#pagina
{
	width: 980px;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	margin: 0px;
	padding:  0px 0px 100px 0px;
	float:left;
 	color : #393939;
	background-position:  center bottom ;
	background-repeat: no-repeat;
}

.codacivilev
{
	background-image: url(immagini/coda_23.jpg);
}

.codacivileo
{
	background-image: url(immagini/codab_23.jpg);
}

.codaindustriale
{
	background-image: url(immagini/codac_23.jpg);
}

.codanavale
{
	background-image: url(immagini/codan_10.jpg);
}

/* Coda
---------------------------------------------------------*/

#coda
{
	width: 944px;
	height: 5px;
	margin: 0px;
	padding:  0px 18px 0px 18px;
	float:left;
 	color : Silver;

	margin: 0px 0px 0px 0px;
}

#codatema
{
	width: 917px;
	height: 119px;
	margin: 0px;
	padding:  0px 0px 0px 0px;
	float:left;
 	color : Silver;
	border-top: 3px solid #2F2F2F;
}

#contenuto
{
	width: 939px;
	height: 920px;
	margin: 0px;
	padding:  0px 0px 0px 0px;
	float:left;
 	color : Silver;
}

h2
{
	float:left;
	
	font-size: 20px;
	color: #00A9EC;
	padding: 0px 0px 0px 5px ;
	margin-bottom: 10px;
	border-bottom: 1px solid #7DA8BA;
	width: 98%;
}

h3#divisionecivile
{
	float:left;
	width: 280px;
	background-image: url(immagini/divisione_civile_11.gif);
	background-repeat: no-repeat;
	height: 43px;
	background-position: 0px 0px;
	padding: 0px 0px 3px 0px ;
}

h3#divisionenautica
{
	float:left;
	width: 300px;
	background-image: url(immagini/titolo_piccolo_nautica2_11.gif);
	background-repeat: no-repeat;
	height: 43px;
	background-position: 20px 0px;
	padding: 0px 0px 3px 0px;
}



h3#divisioneindustriale
{
	float:left;
	width: 340px;
	background-image: url(immagini/divisione_industriale_11.gif);
	background-repeat: no-repeat;
	height: 43px;
	background-position: 0px 0px;
	padding: 0px 0px 3px 0px ;
}

.nascondi
{
	z-index: -1;
	position: absolute;
}

.lista
{
	 padding: 10px 0px 0px 5px;
  	 float: left;
	 width: 98%;
}

.lista ul
{
	 padding: 0px 0px 0px 0px;
}

.lista li
{
	padding: 4px 0px 4px 20px;
	background-image: url(immagini/bullet1_24.gif);
	background-repeat: no-repeat;
	background-position: 4px 7px;
}

.lista li a
{
	text-decoration: none;
	color :#282828;
}

.lista li a:hover
{
	text-decoration: none;
	color :#00A9EC;
}

.listamenu
{
	 padding: 10px 0px 20px 0px;
  	 float: left;
	 width: 340px; 
}

.listamenu ul
{
	 padding: 0px 0px 0px 0px;
}

.listamenu li
{
	float: left;
	width: 340px; 

   border-bottom: 1px dotted #8DB2D6;
}

.listamenu li a
{
	text-transform: uppercase;
	text-decoration: none!important;
	color :#282828 !important;
	display: block;
	width: 330px; 
	height: 24px;
	padding: 2px 0px 2px 10px;
}

.listamenu li a:hover
{
	text-decoration: none!important;
	color :#ffffff!important;
	background-color: #8DB2D6!important;
}

.listamenu  #selected
{
	background-color: #ECF3F9;
	color: #1D6195;
}

.bordob
{
	padding-bottom: 1px;
	border-bottom: 1px solid #7da8ba;
	background-image: url(immagini/ajax-loader.gif);
	background-position: center center ;
	background-repeat: no-repeat;
}


/* Griglia
---------------------------------------------------------*/

div#container 
{	
	margin: 20px 0px 0px 20px; 
	width: 940px! important;
	width: 960px;
	min-height: 290px ;
	height: auto !important;
	height: 290px;
	
	color : #393939;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	
	background-image: url(immagini/sfondocontattihome_08.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#container  p
{
	 padding: 15px 10px 0px 5px;
}

div#content 
{
	float: left; width: 580px;
}
div#sidebar {
	float: right; width: 340px
}
div#sidebar2 {
	float: right; width: 340px
}
div#footer {
	float: left; width: 940px
}
div#header{
	float: left; width: 940px
}
div#paginagriglia{
	margin: 36px 0px 0px 20px; 
	width: 940px !important;
	float:left;
}
div#paginagriglia2{
	margin: 10px 0px 0px 20px; 
	width: 940px !important;
	float:left;
}

div#linkgoogle{
	margin: 0px 0px 0px 20px; 
	padding: 40px 0px 0px 0px;
	width: 940px !important;
	color: #E2E2E2;
	line-height: 1.5em;
	clear:both;
}


div#linkgoogle a
{
text-decoration:none;
color:#BCBCBC;

}
div#linkgoogle a:hover
{
text-decoration: underline;
color:#1D6195;

}

div#paginatesto{
	margin: 36px 0px 0px 20px; 
	width: 940px! important;
	width: 940px;
	color : #393939;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	text-align: justify;
}


/*----------- Pagina testo -------------*/
.sfondocontattih
{
	

	background-image: url(immagini/sfondocontattihome_08.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}


#paginatesto .fotobordof {
 	 padding: 8px;
	 margin: 0px;
	 border : 1px solid #8DB2D6;
	 background-color: #F4F8FC;
	 background-position: center center;
	 background-image: url(immagini/indicator.white.gif);
	 background-repeat: no-repeat;
	 margin: 10px 0px 10px 0px;
	 float: left;
	 width: 560px;
}

#paginatesto .fotobordo{
 	 padding: 8px;
	 margin: 0px;
	 border : 1px solid #8DB2D6;
	 background-color: #F4F8FC;
	 background-position: center center;
	 background-image: url(immagini/indicator.white.gif);
	 background-repeat: no-repeat;
	 margin: 10px 0px 10px 0px;
}

#paginatesto h3#titolo 
{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #447CB2;
	float:left;
	width: 575px;
	height: 40px;
	font-size: 23px;
	color: #00A9EC;
	padding: 0px 0px 0px 5px ;
	background-image: url(immagini/linee_10b.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}



#paginatesto h3#vuoto 
{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #447CB2;
	float:left;
	width: 335px;
	height: 40px;
	font-size: 23px;
	color: #00A9EC;
	padding: 0px 0px 0px 5px ;
	background-image: url(immagini/linee_10b.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#paginatesto h3#titoloex 
{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #447CB2;
	float:left;
	width: 935px;
	height: 40px;
	font-size: 23px;
	color: #00A9EC;
	padding: 0px 0px 0px 5px ;
	background-image: url(immagini/linee_10b.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#paginatesto h4
{
	text-transform: uppercase;
	font-weight: normal;

	
	font-size: 13px;
   letter-spacing: 1px;
	color: #00A9EC;
	padding: 20px 0px 0px 5px ;
  border-bottom: 1px dotted #1D6195;
}

#paginatesto h5
{
	text-transform: uppercase;
	font-weight: normal;
	color: #447CB2;
	
	font-size: 12px;
	padding: 20px 0px 0px 5px ;

   text-align: center;
}

#paginatesto p
{
	 padding: 15px 5px 0px 5px;
}

#paginatesto a
{
	 color: #00A9EC;
	 text-decoration:none;
}

#paginatesto a:hover
{
	 color: #00A9EC;
	 text-decoration: underline;
}

#paginatesto .corsivo
{
	  font-style: italic;
	  color: #393939;
}

#paginatesto strong
{
	 font-weight: bold;
	  
}

#paginatesto .testopiccolo
{
	  font-size: 0.9em;
	  color: #4A4A4A;
	  padding-left: 5px;
}

#paginatesto .liste
{
	   padding: 10px 5px 10px 10px;
		 
}

#paginatesto .liste li
{
	   padding: 0px 0px 0px 12px;
		 background-image: url(immagini/arrow2.gif);
		 background-repeat: no-repeat;
		 background-position: 0px 6px;
}

#paginatesto  table, #paginatesto  td, #paginatesto  th{border:1px solid #C6D7E0;border-collapse:collapse}
#paginatesto  th {
	 font-weight: bold;
}
#paginatesto  td, #paginatesto th{padding:3px 5px}
#paginatesto  td{text-align: center;}
#paginatesto  th{text-align: center;}
#paginatesto  tr.odd  td, #paginatesto  tr.odd th{background: #D5E4FF}
#paginatesto  caption{font-weight:bold;color: #999} 







div.grid1 {
	float: left; width: 600px; margin-right: -20px;
	
}

div.grid2 {
	float: left; width: 600px; margin-right: -20px;
	
}

div.grid3 {
	float: left; width: 600px; margin-right: -20px
}
div.grid4 {
	float: left; width: 600px; margin-right: -20px
}
div.grid5 {
	float: left; width: 600px; margin-right: -20px
}
div.grid6 {
	float: left; width: 600px; margin-right: -20px
}

div.grid1 div {
	float: left; width: 580px; 
}

div.grid2 div {
	float: left; width: 280px;
}

div.grid3 div {
	float: left; width: 180px; margin-right: 20px;
	background-color: Gray;
}
div.grid4 div {
	float: left; width: 130px; margin-right: 20px
}
div.grid5 div {
	float: left; width: 100px; margin-right: 20px
}
div.grid6 div {
	float: left; width: 80px; margin-right: 20px
}

div.s-grid1 {
	float: right; width: 340px;
}

div.s-grid2 {
	float: left; width: 360px; margin-right: -20px
}
div.s-grid3 {
	float: left; width: 360px; margin-right: -20px
}
div.s-grid4 {
	float: left; width: 360px; margin-right: -20px
}
div.s-grid1 div {
	float: left; width: 340px; 
}

div.s-grid2 div {
	float: left; width: 160px; margin-right: 20px
}
div.s-grid3 div {
	float: left; width: 100px; margin-right: 20px
}
div.s-grid4 div {
	float: left; width: 70px; margin-right: 20px
}
div div.notgrid {
	float: none; width: auto; margin-right: 0px
}

div.grid3 div.ext2 {
	width: 580px
}

div.grid3 div.ext2 {
	width: 380px
}

div.grid4 div.ext2 {
	width: 280px
}
div.grid4 div.ext3 {
	width: 430px
}
div.grid5 div.ext2 {
	width: 220px
}
div.grid5 div.ext3 {
	width: 340px
}
div.grid4 div.ext4 {
	width: 460px
}
div.grid6 div.ext2 {
	width: 180px
}
div.grid6 div.ext3 {
	width: 280px
}
div.grid6 div.ext4 {
	width: 380px
}
div.grid6 div.ext5 {
	width: 480px
}
div.s-grid3 div.ext2 {
	width: 220px
}
div.s-grid4 div.ext2 {
	width: 160px
}
div.s-grid4 div.ext3 {
	width: 250px
}




#contattih
{
	padding: 12px 10px 0px 10px;
	float: left;
	width: 320px;
	clear:both;
}

#contattih li
{
 	border-bottom: 1px dotted #C6D7E0;
	 padding: 2px 0px 2px 15px;
}

#map
{
	border: 1px solid #447CB2;
	margin: 20px 0px 20px 0px;
	float: left;
}
/*
_______________________________________*/

#indirizzo
{
	text-align: center;
}


#destefani 
{
	text-align:left;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #9A9A9A;
	clear:both;
	width:950px;
	height: 10px;
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	text-align: center;
}

#destefani a 
{
	color:#383838;
	text-decoration:none;
}

#destefani a:hover 
{
	color:#447CB2;
	text-decoration: underline;
}