/************************************
File:		contenuti_esempio4.css
Author:	        Sandro Succi
Date:		18/10/2008
by:		www.genoweb.com
--------------------------------------------------------
Foglio di stile per contenuti relativo a tre colonne
------------------------------------------------------
************************************/

/* Titoli standard */
h1, h2, h3{
padding: 10px 5px;
margin: 0;
}

h1{
font-size: 16px;
clear: both;
}

h2{
font-size: 14px;
clear: both;
}

h3{
font-size: 12px;
}

p{
font-size: 11px;
margin: 0 0 10px 0;
color: #404040;
line-height: 14px;
text-align: justify;
}

em{
font-style: normal;
}

ul{
font-size: 11px;
color: #404040;
line-height: 15px;
margin: 5px 0;
padding: 0 0 0 35px;
}

a{
color: #077ba7;
}

a:hover{
color: #b00017;
}

/* intestazione */
#topsection h1{
color: white;
font-size: 12px;
padding-top: 75px;
padding-left: 20px;
}

#topsection h2{
color: red;
}

#topsection h3{
color: orange;
}

/* Corpo */
#contentcolumn h1, #rightcolumn h1{
line-height: 19px;
color: #077ba7;
font-weight: normal;
padding: 3px 0;
}

#contentcolumn h2, #rightcolumn h2{
color: rgb(0,70,110);
font-size: 12px;
vertical-align: baseline;
line-height: 14px;
padding: 3px 0;
}

#contentcolumn h3,  #rightcolumn h3{
color: #b00017;
font-size: 11px;
vertical-align: baseline;
line-height: 14px;
padding: 3px 0;
}

#contentcolumn p{
}

#leftcolumn h1{
color: #b00017;
text-align: center;
font-size: 13px;
padding: 10px 0;
font-weight: normal;
}

#leftcolumn h2{
font-size: 12px;
color: blue;
}

#leftcolumn h3{
font-size: 11px;
color: green;
padding-left: 20px;
}

#rightcolumn h1{

}

#rightcolumn h2{

}

#rightcolumn h3{
}

/* Piede del sito */

#footer p{
color: white;
text-align: center;
font-size: 9px;
padding: 3px 0 0 0;
margin: 0;
}

#footer h1{
color: white;
text-align: center;
font-size: 11px;
font-weight: normal;
padding: 3px 0 0 0;
margin: 0;
}

/* Varianti di stile predefinite */

/*Varianti di stili per l'immagine*/
.IMGl{float: left;	margin: 5px 10px 5px 0;}
.IMGr{float: right;	margin: 5px 0 10px 5px;}
.IMGc{display: block;	margin: 5px auto; clear: both;}
/*Fine varianti di stile per l'immagine*/

/*Varianti di stili per l'evidenziatore*/
.italicBold{
font-weight: bold;
}
.bigBold{
font-style: normal;
font-weight: bold;
font-size: larger;
}
.bold{
font-style: normal;
font-weight: bold;
}
.boldblue
{
font-style: normal;
font-weight: bold;
color: #077ba7;
}
.bigger{
font-style: normal;
font-size: larger;
}
.smaller{
font-style: normal;
font-size: smaller;
}
/*Fine varianti di stile per l'evidenziatore*/

/*Varianti di stili per i testi*/
.centered{
text-align: center;
}
.extrapadding{
padding-left: 90px;
padding-right: 90px;
}

#rightcolumn .h2promo, #contentcolumn .h2promo{
background: rgb(0,125,170);
color: rgb(255,255,255);
padding: 1px 3px 2px;
margin: 5px 0 0;
clear: both; 
font-weight: normal;
}

#rightcolumn .h2news, #contentcolumn .h2news{
background: #b00017;
color: rgb(255,255,255);
padding: 1px 3px 2px;
margin: 5px 0 0;
clear: both; 
font-weight: normal;
}

#rightcolumn .h2events, #contentcolumn .h2events{
background: rgb(170,170,170);
color: rgb(255,255,255);
padding: 1px 3px 2px;
margin: 5px 0 0;
clear: both; 
font-weight: normal;
}

#contentcolumn .decorations{
background: url(lente.gif) transparent top left no-repeat;
padding: 23px 0px 7px 30px;
margin-top: -7px;
}

/*Fine varianti di stili per i testi*/

/* COLONNA 1/3 LARGHEZZA */

.unterzo{
float: left;
width: 250px;
margin: 5px;
padding: 0;
border: solid 1px rgb(170,170,170);
height: 400px;
}

#contentcolumn .unterzo h1{
margin: -1px 0 5px -1px;;
padding: 3px 10px;
background-color:rgb(7,123,167);
color: #ffffff;
font-size: 12px;
}

#contentcolumn .unterzo p{
padding-left: 10px;
padding-right: 10px;
line-height: 12px;
font-size: 10px;
text-align: justify;
}

#contentcolumn .unterzo p .bold{
font-size: 10px;
}

/* GALLERIA STAFF */

#contentcolumn .staff h2{
float: left;
margin-top: 60px;
width: 150px;
color: #077ba7;
font-size: 17px;
font-weight: normal;
clear: both;
}

#contentcolumn .staff div{
float: left;
text-align: center;
}

/* GALLERIA GENERICA */

.brickGallery{
margin: 20px auto 0;
}

.brickGallery .brickImg td{
text-align: center;
padding: 5px 10px 0;
}

.brickGallery .brickLabel td{
text-align: center;
padding: 0 0 5px 0;
font-size: 10px;
}


a img{
border: none;
}

#specCom .galleryItem{
display: block;
margin: 20px auto;
}

/* SCHEDA CONTATTO */

.contactForm{
font-size: 10px;
color: #077ba7;
}

.contactForm table{
margin: 10px;
}

.contactForm textarea{
width: 320px;
font-size: 10px;
background-color: #e0e0e0;
border: 1px solid #aaaaaa;
}

.contactForm input{
width: 320px;
font-size: 10px;
background-color: #e0e0e0;
border: 1px solid #aaaaaa;
}

.contactForm p{
text-align: center;
margin: 10px;
}

/* Elenco articoli */
table{
border-collapse: collapse;
}

.artIndex, .tables, .connected, .downloads{
font-family: thaoma, verdana, helvetica, arial, sans-serif;
font-size: 11px;
}

.artIndex{
width: 100%;
margin-top: 15px;
}

.artIndex .catName{
background-color: #b00017;
color: #ffffff;
font-size: 13px;
padding: 2px 10px;
}

.artHdr td{
font-weight: bold;
padding: 10px 10px 0 0;
color: #404040;
}

.artHdr .artCode{
width: 15%;
color: #b00017;
}

.artDesc{
width: 35%;
text-decoration: underline;
}

.artExtDesc{
text-align: justify;
color: #404040;
line-height: 14px;
padding: 0 20px 0 0;
}

.artDatasheet{
padding-bottom: 5px;
font-weight: bold;
}

.artIndexImg{
padding-right: 10px;
}

.artIndexImg img{
border: none;
}

/* Scheda articolo */
.artSheet{
padding-bottom: 20px;
}
.tables, .connected, .downloads{
width: 60%;
margin: 0 auto;
}

.artDetailHdr{
color: #960000;
}

.tbDesc{
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 5px 0 5px 80px;
border-bottom: 1px solid #960000;
width: 661px;
}

.artBack{
cursor: pointer;
text-align: right;
font-size: 10px;
color: rgb(100,100,100);
border-bottom: 1px solid #960000;
}

.artBack:hover{
color: #960000;
}

.tables th, .connected th, .downloads th{
color: #960000;
padding: 3px 0;
background-color: rgb(220,220,220);
}

.adTitle{
font-size: 11px;
border-bottom: 1px gray solid;
margin-bottom: 15px;
padding-bottom: 2px;
padding-left: 0;
}

.connected a{
color: #960000;
}

/* Indice delle categorie */
.catBox{
float: left;
width: 255px;
}

.catEnd{
clear: both;
height: 1px;
}

.catMain{
margin: 0 0 0 30px;
}

/* Selezione lingua */
.selLanguage{
padding: 5px 0 0;
}
.selLanguage div{
float: left;
text-align: center;
width: 57px;
}

.selLanguage .selected{
font-weight: bold;
padding-top: 1px;
}

/* Scheda ricerca */
.searchForm .srcLabel{
padding: 10px 0;
text-align: center;
color: #b00017;
font-size: 13px;
}

.searchForm input{
font-size: 10px;
display: block;
width: 95%;
margin-bottom: 10px;
}

.searchForm .srcBtn input{
width: auto;
text-align: center;
padding: 1px 10px;
display: block;
margin: 0 auto;
}

.cmdElem{
padding: 10px 0;
margin: 0px 0 10px 0;
border-bottom: 1px dotted #000000;
}

/* Riquadro di login */
.loginBox ul{
list-style-type: none;
padding: 0;
margin: 0;
}

.loginBox li{
text-align: center;
margin: 10px 5px;
}

.loginBox p{
text-align: center;
}

.loginBox h2{
text-align: center;
padding: 0 0 5px 0;
}

/* Risultati ricerca */
#srcSummary{
font-size: 12px;
}

#srcSummary th{
text-align: left;
}

#searchResults .foundedItem h3{
padding: 10px 0 3px 0;
text-decoration: underline;
color: #077ba7;
}

#searchResults .foundedItem h3:hover{
color: #b00017;
}

/* Gallerie */
#maincontainer #myGallery .slideElement{
background-color: #ffffff;
}

#maincontainer #myGallery{
border: none;
}

#maincontainer .homegall #myGallery{
width: 160px;
height: 230px;
margin: 10px 0;
}


#maincontainer .events #myGallery{
width: 540px;
height: 273px;
margin: 10px auto;
}

.sqCompany{
float: left;
width: 315px;
padding: 10px 40px;
height: 220px;
}

.rightGallery{
margin: 0 0 0 35px;
}

#maincontainer .rightGallery #myGallery{
width: 300px;
height: 205px;
margin: 10px auto;
}

/* Tabelle download */
.fileDir{
font-size: 10px;
width: 99%;
margin: 10px 5px;
}

.fileDir td{
border: 1px solid #999999;
padding: 4px 2px;
}

.fileDir th{
background-color: #077ba7;
color: #ffffff;
padding: 5px;
border: 1px solid #999999;
}

.fd_desc{
width: 45%;
}

.fd_ext{
width: 5%;
text-align: center;
}

.fd_size{
width: 10%;
}

.fd_date{
width: 15%;
}

td.fd_size{
text-align: right;
}

td.fd_date{
text-align: right;
}

.row0 td{
background-color: rgb(210,237,247);
}

.backgray{
background-color: rgb(200,200,200);
color: #000000;
}

/* iframe */
iframe{
border: none;
}

/* Scheda iscrizione training */
#training table
{
margin: 10px;
}

#training td
{
padding: 2px;
}

/* Galleria staff */
.staffGallery{
clear: both;
}
.itemGallery{
width: 370px;
float: left;
}
.leftGallery{
float: left;
margin: 0;
}
.rightGallery{
float: left;
width: 150px;
padding-top: 15px;
margin: 0 0 0 10px;
}
#contentcolumn .rightGallery h1{
font-weight: bold;
font-size: 12px;
}