body
{
height: auto;
background-color: #ddd;
font-family: arial, Times, Roman, verdana Trebuchet, sans-serif;
}

h5
{
position: relative;
float: left;
font-size: 16px;
background-color: #59a8d6;
background-image: url("../immagini/catbg.gif");
background-repeat: repeat-x;
color: white;
width: 100%;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
/* border-bottom: 1px solid #ddd; */
}

h3
{
color: white;
width: 100%;
margin-top: 0px;
}

h1
{
color: #59a8d6; 
/* color: black; */
width: 100%;
margin-top: 0px;
}


#contenitore
{
position: relative;
float: left;
width: 96%;
height: auto;
margin-left: 2%;
background-color: white;
}

#intestazione
{
position: relative;
float: left;
width: 100%;
height: 220px;
margin-top: 0px;
margin-left: 0px;
background-image: url("../immagini/upbg.gif");
background-repeat: repeat-x;
}

#logo
{
position: relative;
float: left;
width: auto;
margin-left: 10px;
margin-top: 47px;
}

#casella
{
position: fixed;
width: auto;
height: auto;
margin-top: 4%;
margin-left: 0%;
z-index: 10;
visibility: hidden;
background-color: white;
border: 1px solid black;
}

#sfondo
{
position: fixed;
float: left;
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
z-index: 5;/*
background-color: gray;
-moz-opacity: 0.8;*/
background-image: url("../immagini/bg.png");
visibility: hidden
}

#footer
{
position: relative;
float: left;
width: 100%;
height: auto;
margin-top: 0px;
margin-left: 0px;
background-color: #aaa;
background-image: url("../immagini/footer-bg.png");
background-position: bottom left;
background-repeat: repeat-x;
}

#credits
{
position: relative;
float: left;
width: 60%;
margin-left: 20%;
margin-top: 1%;
margin-bottom: 1%;
font-size: 10px;
color: black;
text-align: center;
}
/*
#credits a
{
text-decoration: none;
color: #909090;
}

#credits a:hover
{
text-decoration: underline;
color: black;
}*/
/* ---------------------------------------------------------------------------Modulo primo piano---------------------------------------------------------- */

#primopiano
{
position: relative;
float: left;
width: 98%;
height: 200px;
margin-top: 10px;
margin-left: 1%;
margin-bottom: 10px;
/*background-color: #59a8d6;*/
background-color: #ddd;
/* background-repeat: repeat-x repeat-y; */
background-position: bottom left;
background-image: url("../immagini/pp-bg-square.png");
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
}

#imgPP
{
position: relative;
float: left;
height: 330px;
margin-top: 10px;
margin-left: 10px;
}

#contenutoPP
{
position: relative;
float: left;
width: 78%;
height: 280px;
margin-top: 10px;
margin-left: 1%;
color: black;
text-align: left;
font-size: 14px;
overflow: hidden;
}

#contenutoPP ul
{
list-style: none;
padding-left: 0px;
}

#menuPP
{
position: relative;
float: right;
margin-top: 10px;
margin-right: 0%;
width: 19%;
height: 180px;
border-left: 2px solid #59a8d6;
}

#menuPP td
{
width: 99%;
text-align: center;
color: black;
}

#menuPP a
{
color: #59a8d6;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}

#menuPP a:hover
{
color: #59a8d6;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dashed #59a8d6;
}

.scarica
{
position: relative;
float: right;
margin-top: 10px;
margin-right: 10px;
width: 300px;
height: 80px;
background-image: url("../immagini/scarica.png");
cursor: pointer;
}

.vedi
{
position: relative;
float: right;
margin-top: 10px;
margin-right: 10px;
width: 300px;
height: 80px;
background-image: url("../immagini/flash.png");
cursor: pointer;
}

.button-txt
{
position: relative;
float: right;
margin-right: 10px;
margin-top: 10px;
width: 210px;
height: 60px;
text-align: center;
color: black;
}

.data
{
color: black;
}

/* ---------------------------------------------------------------------------Moduli generici---------------------------------------------------------- */

.blocco
{
position: relative;
float: left;
width: 100%;
margin-left: 0%;
}

.unterzo
{
position: relative;
float: left;
margin-left: 1%;
margin-bottom: 10px;
width: 32%;
height: auto;
font-size: 12px;
color: #909090;
}

.dueterzi
{
position: relative;
float: left;
margin-left: 1%;
margin-bottom: 10px;
width: 65%;
height: auto;
font-size: 12px;
color: #909090;
}

.metaL
{
position: relative;
float: left;
margin-left: 1%;
margin-bottom: 10px;
width: 48%;
height: auto;
font-size: 12px;
color: #909090;
}

.metaR
{
position: relative;
float: right;
margin-right: 1%;
margin-bottom: 10px;
width: 49%;
height: auto;
font-size: 12px;
color: #909090;
}

.full
{
position: relative;
float: left;
margin-left: 1%;
margin-bottom: 10px;
width: 98%;
height: auto;
font-size: 12px;
color: #909090;
}

.fifty
{
position: relative;
float: left;
width: 100%;
font-size: 12px;
color: #909090;
}

.fifty td
{
width: 50%;
height: auto;
vertical-align: top;
padding: 5px;
}

.img-sx
{
position: relative;
float: left;
padding: 5px;
}

.txt-sx
{
position: relative;
float: left;
padding: 5px;
font-size: 12px;
color: #909090;
width: 98%;
height: auto;
text-align: left;
}

.socialnetwork
{
position: relative;
margin: auto;
padding-top: 20px;
clear: right;
clear: left;
}

.colonna-footerBordo
{
position: relative;
float: left;
margin-left: 1%;
margin-top: 10px;
margin-bottom: 10px;
width: 31%;
font-size: 12px;
color: black;
border-right: 1px dashed black;
padding-right: 10px;
}

.colonna-footerSemplice
{
position: relative;
float: left;
margin-left: 1%;
margin-top: 10px;
margin-bottom: 10px;
width: 32%;
font-size: 12px;
color: black;
}

.a-bianco
{
position: relative;
color: white;
font-size: inherit;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

.a-bianco:hover
{
border-bottom: 1px dashed white;
}

.a-grigio
{
position: relative;
color: #909090;
font-size: inherit;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

.a-grigio:hover
{
border-bottom: 1px dashed #909090;
}

.a-nero
{
position: relative;
color: black;
font-size: inherit;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

.a-nero:hover
{
border-bottom: 1px dashed black;
}

.a-up
{
position: relative;
color: #59a8d6;
font-size: inherit;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

.a-up:hover
{
border-bottom: 1px dashed #59a8d6;
}

.tabPopup1
{
position: relative;
float: left;
width: 430px;
height: auto;
margin-top: 0px;
margin-left: 0px;
color: #909090;
}

.tabPopup1 td
{
position: relative;
float: left;
width: auto;
height: auto;
vertical-align: top;
padding: 10px;
}

.tabPopup2
{
position: relative;
float: left;
width: auto;
height: auto;
margin-top: 0px;
margin-left: 0px;
color: #909090;
}

.tabPopup2 td
{
position: relative;
float: left;
width: auto;
height: auto;
vertical-align: top;
padding: 10px;
}

.codice
{
position: relative;
float: left;
width: 80%;
margin-left: 8%;
margin-top: 10%;
height: auto;
border: 1px dashed gray;
background-color: #efefef;
color: black;
font-size: 12px;
padding: 5px;
}