/************************************
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: rgb(30,30,70);
}

a:hover{
color: rgb(235,135,59);
}

#leftcolumn a:hover{
color: #fff;
}

/* 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;
clear: both;
}

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

#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: 13px;
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;
}

.toptop{
margin-top: -5px;
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*/
.topPosition{
position: absolute;
top: 77.5px;
left: 197px;
padding: 0;
margin:0;
border: none;
}
#myGallery{
width: 350px;
height: 270px;
margin: 0;
border: none;
}
.bottomGallery #myGallery .slideElement, .topGallery #myGallery .slideElement{
background-color: #ffffff;
}
.topGallery #myGallery{
width: 610px;
height: 310px;
padding-top: 17px;
margin-left: 18px;
}

.bottomGallery #myGallery{
width: 590px;
height: 250px;
padding-top: 10px;
margin-left: 21px;
}

/*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 */
#leftcolumn .loginBox{
margin-left: 20px;
width: 240px;
border-bottom: 2px ridge rgb(100,100,255);
border-top: 2px ridge rgb(100,100,255);
padding-bottom: 20px;
margin-bottom: 20px;
margin-top : 10px;
}
.loginBox{
clear: both;
padding: 10px 0 0 20px;
width: 400px;
}

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

#maincontainer .loginBox h2{/* Utente corrente */
margin: 0;
padding: 10px 0 0 0;
text-align: left;
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: 5px 0;
}

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

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

#maincontainer .loginBox p{/* Elemento della lista che contiene il bottone di nuova registrazione o modifica profilo */
text-align: left;
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: 150px;
}

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

#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: 50px 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{
background-color: rgb(235,135,60);
color: #ffffff;
border: 2px outset rgb(235,135,60);
font-size: 15px;
padding: 1px 10px;
margin: 0 2px 0 16px;
letter-spacing: 1px;
clear: left;
}
#masterIndex .note{
font-size: 10px;
float: right;
}

#masterIndex .artInList{
margin: 0 5px 0 20px;
}
#masterIndex .artInList h2{
font-size: 14px;
border-bottom: dotted 1px blue;
clear: left;
padding-bottom: 2px;
padding-top: 10px;
}
#masterIndex .artInList a img{
border: none;
}
#masterIndex .artInList img{
float: left;
margin-right: 10px;
}
#masterIndex .artInList a{
text-decoration: none;
color: #555555;
}
#masterIndex .artInList .iconList{
clear: left;
padding: 10px;
}

.codeInList{
font-weight: bold;
}
.descInList{
float: right;
font-size: 12px;
}

.catList{
clear: both;
padding-top: 20px;
}
/* Scheda prodotto */
#masterIndex .artDescription{
text-align: right;
}
#masterIndex .artDescription .code{
float: left;
}
#masterIndex .back{
display: block;
text-align: right;
font-size: 12px;
position: absolute;
right: 40px;
margin-top: -25px;
color: #555555;
cursor: pointer;
}
#masterIndex .back:hover{
color: #000;
}
.mainImg{
float: left;
}
#otherImgs{
clear: left;
}
#masterIndex .art_shortdesc{
padding: 20px 0 0 10px;
}
#masterIndex .gen_pdf{
text-align: center;
margin-top: 15px;
}
#masterIndex .gen_pdf img{
vertical-align: middle;
}
#masterIndex .gen_pdf a{
text-decoration: none;
}
#masterIndex .gen_pdf span{
text-decoration: underline;
margin-left: 10px;
}

#maincontainer .iconLegend{
list-style-type: none;
padding: 0 0 0 40px;
margin: 0;
text-align: left;
}
#maincontainer .iconLegend li{
clear: left;
padding: 5px 0 0;
margin: 0;
color: #333;
}
#maincontainer .iconLegend img{
border: none;
padding: 0 0 0 0;
margin: 0 5px 0 0;
}

/* Tabelle caratteristiche tecniche */
.table{
font-size: 11px;
width: 500px;
margin: 5px auto;
color: rgb(48,75,117);
border: 1px solid rgb(48,75,117);
}

.table .tblTit{
background-color: rgb(110,155,206);
border-bottom: 1px solid rgb(48,75,117);
color: #333;
font-size: 12px;
padding: 2px;
text-align: center;
font-weight: bold;
}

.tblLabel{
width: 230px;
float: left;
font-weight: bold;
}

.oddRow{
background-color: rgb(133,171,214);
padding: 2px;
}

.evenRow{
padding: 2px;
}

.privTbl td{
font-size: 10px;
padding: 0 10px;
text-align: justify;
color: #555;
}

/* Dizionario */
#contentcolumn #alphabet{
list-style-type: none;
padding: 10px 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid rgb(200,0,0);
}

#alphabet li{
display: inline;
padding: 0;
margin: 0 5px 0 0;
}
#alphabet a{
color: rgb(200,0,0);
}

#alphabet .char_selected a{
font-weight: bold;
}

.dictionary{
background-color: rgb(151,191,234);
padding:10px 20px;
margin: 10px 0 10px 20px;
}

#contentcolumn .dictionary h1{
font-size: 14px;
font-weight: bold;
color: #333;
padding: 10px 0 0;
margin: 0;
}
#contentcolumn .dictionary p{
font-size: 12px;
color: #333;
padding: 0 0 5px 0;
margin: 0;
}

/* Invio commento */
#contentcolumn .send_reply ul{
list-style-type: none;
border: 3px ridge #666;
margin: 10px 20px;
padding: 10px;
background-color: #eee;
}
#contentcolumn .send_reply label{
display: block;
float: left;
width: 180px;
}
#contentcolumn .send_reply li{
margin: 5px 0;
}
#contentcolumn .send_reply input{
width: 360px;
}
#contentcolumn .send_reply textarea{
width: 360px;
height: 100px;
font-size: 11px;
font-family: arial;
}

/* Elenco files */
.fileDir{
font-size: 11px;
margin-top: 15px;
}

/* NEWS */
#contentcolumn .news img{
width: 280px;
margin-right: 15px;
}

/* Navigazione contenuti */
#content_nav{
clear: both;
padding: 20px;
font-size: 12px;
}
#content_nav .content_pages{
margin-right: 20px;
}
#content_nav .content_pages:before{
content: 'Pag.';
margin-right: 5px;
}
#content_nav .content_next a:after{
content: '>>';
margin-left: 5px;
}
#content_nav .content_next{
margin-left: 10px;
}
#content_nav .content_prev a:before{
content: '<<';
margin-right: 5px;
}
#content_nav .content_prev{
margin-left: 10px;
}

#contentcolumn p.test_css3 {
width: 200px;
text-align: center;
background-color: #FAFAD2;
border: 1px solid blue;
padding: 10px;
border-radius: 25px;
box-shadow: 5px 5px 5px black;
margin: 0px 0px 20px 20px;
}

.facebook_like{
padding: 10px 20px;
}

.downloads{
width: 600px;
margin: 10px 15px;
}
.downloads .td_down{
font-size: 12px;
}