﻿
html
{
    width:100%;    
}
body 
{
    text-align:center;
    width:100%;
	font:80% verdana,tahoma,helvetica,sans-serif; 
	margin:0; 
	padding:0;
	background: url(prova_background.jpg) top left repeat-x;
}
img
{
    border:0;    
}

hr.hrSeparatore { display:none }

/* centrare la pagina web a larghezza fissa */
#wrap {width:800px !important; margin:0 auto; text-align:center;position:relative;}
#header { width:800px !important; margin:0 auto; text-align:left }
#corpo {width:800px !important; margin:0 auto; text-align:left }
#footer { width:800px !important; margin:0 auto; text-align:center }

#wrap 
{
    background: url(bgPagina.png) top center no-repeat;
    padding-left:16px;
    padding-right:16px;
    padding-top:200px !important;
    padding-top:220px;
}

#header 
{ 
    position:absolute;
    top:0;
    left:17px;
    height:200px;
}
#header .foto
{
    position:absolute;
    top:0px;
    left:0px; 
    z-index:3;
}
#header #foto0
{
    z-index:5;
}
#header #logo
{
     position:absolute;
     top:0px;
     left:-1px;
     z-index:10;
}
#header #menu
{
    position:absolute;
    top:170px;
    left:0;
    z-index:10;  
    width:100%;
    height:30px;
    padding:5px 0 0 25px;   
    background: url(bgMenu.png) top left no-repeat;
}
#header #menu a.btn:link, #header #menu a.btn:visited, #header #menu a.btn:hover, #header #menu a.btn:active
{
    display:block;
    float:left;
    width:86px;
    height:26px;
    margin:0 5px 0 5px;
    background-repeat:no-repeat;
    background-position: 0 0;
}
#header #menu a.btn:hover, #header #menu a.btn:active
{
    background-position: 0 -26px; 
}
#header #menu #btnHome 
{
    margin-left:40px;
    background-image: url(btnHome.png);    
}

#header #menu #btnDove 
{
    margin-left:40px;
    background-image: url(btnDove.png);    
}

#header #menu #btnAzienda 
{
    background-image: url(btnAzienda.png);    
}
#header #menu #btnPesca 
{
    background-image: url(btnPesca.png);    
}

#header #menu #btnProdotti 
{
    background-image: url(btnProdotti.png);    
}

#header #menu #btnEventi 
{
    background-image: url(btnEventi.png);    
}
#header #menu #btnTools 
{
    background-image: url(btnTools.png);    
}
#header #menu #btnContatti
{
    background-image: url(btnContatti.png);    
}
#header #menu .flag
{
    display:block;
    float:left;
    width:24px;
    height:24px;
    margin:0 10px 0 10px;
}

/* corpo */
#corpo 
{
    position:relative;
	top:20px;
	left:0;
	min-height:520px;
}
#corpo-menu 
{     
	float:left;
	width:200px;
	vertical-align:top;	
	text-align:center;	
	margin-left:0px;
	margin-right:10px;
	
}
#corpo-menu .imgSezioneCorrente
{
    margin:-5px 0 15px 0;    
}
#corpo-menu .link
{
    text-align:left;   
    margin:15px 5px 15px 15px; 
}
#corpo-menu .link ul
{
    margin:0;
    padding:0;
    margin-left:20px;
}
#corpo-menu .link ul a
{
    color:#0E77AD;
}
.menu_wrap
{
    margin-left:6px !important;
    margin-left:0px;
    background: url(bgMenu_Middle.gif) top center repeat-y;
}
.menu_wrap ul
{
    margin:0;
    padding:5px 14px 0 14px;
    margin-top:-5px;
    background: url(bgMenu_Top.gif) top center no-repeat;
    list-style-type:none;
}
.menu_wrap ul li
{
    background: url(bgMenu_Delim.gif) top center no-repeat;
    line-height:30px;
    color:#0E77AD;
    font-size:9pt;
    text-align:left;
}
.menu_wrap ul li img
{
    float:left;
    margin-top:2px;
    margin-right:3px;
}

.menu_wrap ul li a:link, .menu_wrap ul li a:visited, .menu_wrap ul li a:hover, .menu_wrap ul li a:active
{
    text-decoration:none;
    color:#12233E;
}
.menu_wrap ul li a:hover
{
    color:#0E77AD;
    text-decoration:underline;   
}
.menu_wrap ul li#firstMenuItem
{
    background-image:url(blank.gif)
}
.menu_wrap ul li span
{
    
    display:block;
    float:left;
    width:133px;
    padding:10px 0 10px 0;
    font-weight:bold;
    line-height:15px;
}
.menu_wrap ul li span a:link,
.menu_wrap ul li span a:visited,
.menu_wrap ul li span a:hover,
.menu_wrap ul li span a:active
{
    color:#0E77AD;    
    text-decoration:none;
}
.menu_wrap ul li ul
{
    clear:both;
    margin:0 0 5px 50px;
    padding:0;
    background: none;
    list-style-type:square; 
    color:#0E77AD;
    text-align:left;
}
.menu_wrap ul li ul li
{
    background-image:url(blank.gif);
    line-height:15px;
    color:#0E77AD;
}

.menu_wrap .menu
{
    padding-bottom:30px;
    background: url(bgMenu_bottom.gif) center bottom no-repeat;
}
#corpo-main { 
	float:left;
	width:590px;
	
		
	vertical-align:top;		
}
 .titoloSezione
{
    float:right;
    width:90%;
    text-align:right;
    color:#12233E;
    font-weight:bold;
    font-family:Verdana;
    font-size:14pt;    
    border-bottom:1px solid #12233E;
    padding-right:10px;
}

#imgWrap
{
    float:left; 
    margin-right:5px;
    margin-bottom:10px; 
}
#footer 
{
    margin-top:10px;
    padding-bottom:5px;
}
#footer a
{
    color:#1092DE;
} 

  

.vetrina
{
}

.vetrina div.item
{
    margin:8px;
    padding:0 5px 5px 5px;
    /*width:143px;*/
    width:160px;
    float:left;
    /*background: url(bgItem.gif) top center no-repeat;*/
    text-align:center;
}

.vetrina div.item div
{
    position:relative;
    background-position:center center;
    background-repeat:no-repeat;
    width:140px;
    height:144px;
    margin-bottom:8px;  
}
.vetrina div.item div img
{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    margin:0;
}

.vetrina div.item img
{
    margin:8px;
}
.vetrina div.item a
{
   display:block;
   margin-top:5px;
   font-weight:bold; 
   color:#12233E;
}
.vetrina div.item a
{
    display:block;
}

.articolo
{
    clear:both;
    margin:10px;  
}
.articolo img
{
    margin:5px 0 5px 5px;
}

.fotoBordata
{ 
     border-left: solid 1px #1092DE; 
     border-right: solid 1px #1092DE;
     border-bottom:solid 1px #1092DE;
     border-top:solid 1px #1092DE;
    
}
