/************************************
File:		2colonneSX_contenuti.css
Author:	        Silvia
Date:		30/03/2010http://www.domoticaweb.it/getimage.php?IMG=uploadImgs%2Ffoto_bottom1.jpg
by:		www.genioweb.com
Web site:       www.domoticaweb.it
--------------------------------------------------------
Foglio di stile per contenuti relativo a una colonna centrale
e una piccola a sinistra
------------------------------------------------------
************************************/

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

/* Evidenziatore*/
em{
font-style: italic;
}

/* Link*/
a{
color: blue;
}

a:hover{
color: rgb(30,165,155);
}

/* intestazione */
#topsection h1{
}

#topsection h2{
}

#topsection h3{
}
/* Fine intestazione */

/* Colonna centrale*/
#contentcolumn h1{
color: rgb(100,100,100);
font-size: 21px;
font-weight: normal;
line-height: 21px;
padding: 10px 5px 7px 20px;
margin:0;
}

#contentcolumn h2{
color: rgb(51,83,126);
font-size: 19px;
font-weight: normal;
line-height: 21px;
padding: 7px 5px 7px 20px;
margin:0;
}

#contentcolumn h3{
color: rgb(70,70,70);
font-size: 17px;
font-weight: normal;
line-height: 21px;
text-align: justify;
padding: 7px 5px 5px 20px;
margin:0;
}

#contentcolumn p{
color: rgb(70,70,70);
font-size: 13px;
line-height: 21px;
text-align: justify;
padding: 5px 5px 5px 20px;
margin:0;
}

#contentcolumn ul{
color: rgb(70,70,70);
font-size: 14px;
line-height: 21px;
padding: 10px 5px 10px 40px;
margin:0;

}
/*Fine colonna centrale*/

/* Colonna sinistra*/
#leftcolumn h1{
color: rgb(255,255,255);
font-size: 17px;
font-weight: normal;
padding: 10px 20px 7px 40px;
margin: 0;
}

#leftcolumn h2{
font-size: 15px;
color: rgb(30,63,106);
padding: 7px 20px 5px 40px;
margin: 0;
}

#leftcolumn h3{
font-size: 14px;
color: rgb(30,30,30);
line-height: 20px;
font-weight: normal;
padding: 5px 20px 1px 40px;
margin: 0;
}

#leftcolumn p{
font-size: 12px;
color: rgb(30,30,30);
line-height: 20px;
text-align: justify;
padding: 5px 20px 5px 40px;
margin: 0;
}

#leftcolumn ul{
font-size: 13px;
color: rgb(250,250,250);
line-height: 20px;
padding: 10px 20px 10px 57px;
margin: 0;
}
/*Fine colonna sinistra*/

/* Varianti di stile per l'immagine */
.IMGl{float: left;	margin: 5px 5px 5px 0; border:1px solid #ffffff;} /* stili predefiniti senza bordo*/
.IMGr{float: right;	margin: 5px 0 5px 5px; border:1px solid #ffffff;}
.IMGc{display: block;	margin: 5px auto; border:1px solid #ffffff;}

.top{
margin-top: 20px;
margin-left: -2px;
}
.lower{
margin-left: -14px;
margin-top: 30px;
margin-bottom: -9px;
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;
}
.bigger{
font-style: normal;
font-size: larger;
}
.smaller{
font-style: normal;
font-size: smaller;
}

.redbold{
color: rgb(210,30,40);
font-style: normal;
font-weight: bold;
}
/*Fine stili evidenziatore*/

/*Varianti di stili per i testi della colonna centrale e sinistra*/
#contentcolumn .centered, #leftcolumn .centered{
text-align: center;
}

#contentcolumn .red, #leftcolumn .red{
color: rgb(210,30,40);
font-weight: normal;
}

#contentcolumn .redcenter, #leftcolumn .redcenter{
color: rgb(210,30,40);
font-weight: normal;
text-align: center;
}

#contentcolumn .halfCol, #contentcolumn .halfColClear, #contentcolumn .halfColCel{
float: left;
width: 44%;
margin: 5px 0 5px 6%;
padding: 0 0 0 0;
}

#contentcolumn .halfCol h1, #contentcolumn .halfColClear h1, #contentcolumn .halfColCel h1{
font-size: 12px;
font-weight: bold;
padding: 1px 10px;
line-height: 15px;
letter-spacing: 1px;
color: rgb(30,30,30);
}

#contentcolumn .halfCol p, #contentcolumn .halfColClear p, #contentcolumn .halfColCel p{
font-size: 12px;
line-height: 16px;
clear: left;
}
#contentcolumn .halfColClear{
clear: left;
width: 47%;
margin: 5px 0 5px 1%;
padding: 0 0 0 2%;
}
#contentcolumn .halfColCel{
background-color: rgb(230,240,250);
margin-top: 30px;
/*
margin: 20px 0 0 20px;
padding: 0 0 10px 0;
*/
}
#contentcolumn .halfColCel h1{
background-color: rgb(50,83,126);
border: 2px outset rgb(50,83,126);
margin: -13px 0 0 10px;
color: #fff;
float: left;
}
#contentcolumn .halfColCel a img{
border: none;
margin-top: 2px;
}
#contentcolumn .halfColCel a{
color: #fff;
text-decoration: none;
}
#contentcolumn .halfColCel p{
font-size: 12px;
padding: 10px;
line-height: 19px;
}
.clear{
clear: both;
}
/*Fine stili testi*/

/*galleria fotografica ANIMATA*/
#myGallery{
width: 690px;
height: 449px;
margin: 7px 0 0 117px;
border: none;
}
/*fine galleria fotografica ANIMATA*/

/*galleria fotografica STANDARD*/
.galleryDefault{/*contenitore totale di tutte le miniature*/
margin: 5px auto;
padding-left: 14px;
width: 660px;
}
.galleryItem{/*contenitore della miniatura*/
float: left;
margin: 10px 10px 0 0;
}

.galleryItem img{/*la miniatura*/
width: 150px;/*larghezza della miniatura*/
height: 100px;/*altezza della miniatura*/
border: rgb(255,255,255) 2px solid;/*bordo della miniatura*/
}

.galleryItem img:hover{
border: rgb(95,215,200) 2px solid;/*bordo della miniatura quando si passa sopra con il mause*/
}

#specCom .galleryTitle{/*titolo della foto ingrandita*/
display: none;
}

#specCom .galleryItem{
margin: 0px auto;
float: none;
display: block;
}

#contentcolumn .gallCapt h3{/*titolo 3 che descrive ogni miniatura*/
font-size: 12px;
color: rgb(0,0,100);
}
/*fine galleria fotografica STANDARD*/

/*Scheda Contatto*/
.contactForm table{
margin: 10px 0px 10px 43px; /* margine di tutto il riquandro totale della scheda contatto*/
}

.contactForm input, .contactForm textarea{
width: 520px; /* larghezza dei campi scrivibili di testo*/
border: 1px solid rgb(50,83,126); /* bordo dei campi scrivibili di testo*/
background-color: rgb(245,245,255); /* sfondo dei campi scrivibili di testo*/
}

.lbZone{
color: rgb(50,83,126); /* colore dei testi  (oggetto e testo)*/
}

#contentcolumn .contactForm p{
padding: 10px 0 0 110px; /* posizione del pulsante (invia email)*/
}
/*fine Scheda Contatto*/

/* Riquadro di login */
.loginBox{
clear: both;
padding: 10px;
}

#maincontainer .loginBox h1{/* Titolo riquadro */
margin: 0 0 3px 0;
padding: 0;
}

#maincontainer .loginBox h2{/* Utente corrente */
margin: 0;
padding: 15px 0 0 0;
text-align: center;
font-size: 15px;
color: rgb(1,50,100);
}

#maincontainer .loginBox ul{/* Lista totale che contiene username, password, bottone Login quando non loggato, oppure Solo bottone di logout quando loggato */
list-style-type: none;
margin: 0;
padding: 0;
}

#maincontainer .loginBox li{/* Tutti gli Elementi della lista */
margin: 0;
padding: 10px 0 0 0;
}

#maincontainer .loginBox li.button{/* Elemento della lista che contiene il bottone di login o logout */
text-align: center;
margin: 0;
padding: 15px 0 10px 0;
clear: left;
}

#maincontainer .loginBox p{/* Elemento della lista che contiene il bottone di nuova registrazione o modifica profilo */
text-align: center;
margin: 0;
padding: 0;
}

#maincontainer .loginBox button{/* Bottoni */

font-size: 10px;
text-align: center;
width: 150px;
}

#maincontainer .loginBox input{/* Riquadri di input username e password */
font-size: 9px;
width: 140px;
}

#maincontainer .loginBox .loginUsernameLabel, #maincontainer .loginBox .loginPasswordLabel{/*Contenitori Etichette:"nome utente" e "password"*/
float: left;
width: 70px;
display: block;
line-height: 17px;
}

#maincontainer .loginBox label{/*Etichette:"nome utente" e "password"*/
font-size: 11px
}
/* Fine Riquadro di login */

/* Riquadro selezione lingua */
.selLanguage{
text-align: right;
padding: 2px 0 0;
}

.selLanguage h1{
color: white;
font-size: 13px;
color: rgb(210,30,40);
padding-bottom: 3px;
}

.selLanguage ul{
list-style-type: none;
position: absolute;
right: 0;
margin: 0;
padding: 0;
}

.selLanguage li{
float: left;
width: 90px;
}

.selLanguage img{
border: none;
}

.selLanguage a img:hover{
border: 3px solid rgb(255,240,0);
}
/* fine Riquadro selezione lingua */

/* Messaggi speciali */
#specCom h1{
font-size: 20px;
font-weight: normal;
padding: 100px 0 0 130px;
}

#specCom h2{
font-size: 13px;
padding: 10px 0 0 130px;
}

#specCom p{
font-size: 17px;
padding: 10px 0 0 130px;
}
/*Fine messaggi speciali*/

/*Mappa del sito*/
#smap h1{
font-size: 19px;
}

#smap h2{
font-size: 20px;
}

#smap ul{
font-size: 18px;
color: rgb(0,0,130);
}
/*fine mappa sito*/

/*Mappa di google*/
.gmap{
margin: 20px 17px;
border: solid rgb(0,0,0) 1px;
}
/*Fine mappa di google*/

/* Archivio articoli */
#masterIndex h1{
font-size: 16px;
font-weight: bold;
}
#masterIndex table{
font-size: 12px;
}
#masterIndex td h3{
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px 10px;
}
#masterIndex a img{
border: none;
}
#masterIndex .item_desc p{
font-size: 11px;
}
#masterIndex .item_desc a{
text-decoration: none;
cursor: pointer;
color: #444444;
}

/* Area personale */
#uscita{
float: right;
margin: -30px 30px 0 0;
cursor: pointer;
}
#uscita a{
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
color: #555;
border-bottom: 1px solid;
}
#uscita a:hover{
color: #000;
}
.fileDir{
font-size: 12px;
width: 94%;
margin: 3%;
}
.fileDir th{
background-color: #BBBBBB;
}
.fileDir .row0 td{
}
.fileDir .row1 td{
background-color: rgb(133,171,214);
}