/* ######### CSS COMUNE PER STYLE CONTENUTO SE NON SPECIFICATO ######### */

.anteprima {clear:both; width:100%;}

.anteprima img {clear:both; float:left; margin:2px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.anteprima img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0px solid rgb(150,150,150);}
.anteprima img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
/*border: 1px solid #778;*/
border: 1px solid #5382cf;
color: #2d2b2b;
background: white url(../immagini/lay2008/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../immagini/lay2008/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.hmpagemenu{
font: bold 12px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.hmpagemenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
/*border: 0px solid #CCCCCC;*/ /*navy border*/
background: #dfdfdf url(../immagini/lay2008/bg_az_default.gif) center top repeat-x;
}

.hmpagemenu ul li{
display: inline;
}

.hmpagemenu ul li a{
float: left;
color: #004e9b; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-left: 1px solid #CCCCCC; /*navy divider between menu items*/
border-bottom: 1px solid #CCCCCC;
}

.hmpagemenu ul li a:visited{
color: #004e9b;
}

.hmpagemenu a.selected{
text-decoration: none;
color: #ff6600;
background: white url(../immagini/lay2008/bg_az_select.gif) center bottom repeat-x;
border-bottom: 1px solid #ffffff;
}

.hmpagemenu a:hover{
color: #004e9b;
background: white url(../immagini/lay2008/bg_az_default.gif) center top repeat-x;
}


.xxxhmpagemenu a:hover{
/*background: black url(../immagini/lay2008/blockactive2.gif) center center repeat-x;*/
background: white url(../immagini/lay2008/bg_az_select2.gif) center center repeat-x;
/*color: white;/*
color: black;
text-decoration: none;
}

.xxxhmpagemenu ul li a.selected{
color: black !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: white url(../immagini/lay2008/bg_az_select.gif) center center repeat-x;
}

.hmpagemenu h1 {font: bold 16px Arial; background: white; color:#16387c; margin: 5px 0 0 0; padding: 1px;}
.hmpagemenu h1 a {font: bold 16px Arial; background: white; color:#16387c; margin: 5px 0 0 0; padding: 1px;}
.hmpagemenu h2 {font: bold 12px Arial; background: transparent; color:#0c57ab;}
.hmpagemenu h2 a {font: bold 12px Arial; background: transparent; color:#0c57ab;}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.chromemenu{
width: 99%;
font-weight: bold;
font-size: 90%;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x;
padding: 10px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromemenu ul li a:hover{
background: url(chromebg2.gif) center center repeat-x;
}

/* ######### CSS for splitmenu CSS Tabs. Remove if not using ######### */

.splitmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.splitmenu ul{
margin: 0;
padding: 0;
float: left;
width: 99%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../immagini/lay2008/blockdefault3.gif) center center repeat-x;
}

.splitmenu ul li{
display: inline;
}

.splitmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.splitmenu ul li a:visited{
color: white;
}

.splitmenu ul li a:hover, .splitmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../immagini/lay2008/blockactive2.gif) center center repeat-x;
}


/*BOTTONI BOLD */

a.boldbuttons{
background: transparent url('../immagini/lay2008/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: center;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../immagini/lay2008/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


/*SQUARE BUTTON*/

a.squarebutton{
background: transparent url('../immagini/lay2008/square-gray-left.gif') no-repeat top left;
display: block;
float: center;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../immagini/lay2008/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
}


</style>