/************************************
File:		contenuti.css
Author:	        Silvia
Date:		00/00/2000
by:		www.
--------------------------------------------------------
Foglio di stile per contenuti relativo a una colonna centrale
e una piccola a sinistra
------------------------------------------------------
************************************/

*{
padding: 0;
margin: 0;
}

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

h3{
padding: 0;
margin: 0;
}

em{
font-style: italic;
}

a{
color: blue;
}

a:hover{
color: cyan;
}

/* intestazione */
#topsection h1{
}

#topsection h2{
}

#topsection h3{
}

/* Corpo */
#contentcolumn h1{
color: #000;
font-size: 13px;
font-weight: bold;
padding: 10px 5px 5px 0px;
}

#contentcolumn h2{
color: rgb(100,100,250);
font-size: 12px;
font-weight: normal;
padding: 10px 5px 7px 0px;
margin:0;
}

#contentcolumn h3{
color: rgb(150,150,200);
font-size: 11px;
font-weight: normal;
padding: 5px 5px 0px 0px;
margin:0;
}

#contentcolumn p{
color: #333333;
font-size: 12px;
padding: 5px 5px 0px 0px;
margin:0;
line-height: 17px;
text-align: justify;
}

#contentcolumn .leftp, #leftcolumn leftp{
text-align: left;
}

#contentcolumn ul{
color: rgb(102,102,102);
font-size: 12px;
margin: 5px 0;
padding: 0 0 0 30px;
line-height: 17px;
text-align: justify;
}

#rightcolumn h1{
color: rgb(0,153,255);
font-size: 14px;
padding: 0;
margin: 10px 0;
letter-spacing: 0.2px;
}

#rightcolumn h2{
font-size: 13px;
color: rgb(102,102,102);
font-weight: normal;
margin: 5px 5px 0 5px;
padding: 0 5px 1px 5px;
}

#rightcolumn h3{
font-size: 12px;
color: rgb(102,102,102);
font-weight: normal;
margin: 0 5px;
padding: 0 5px 1px 5px;
}

#rightcolumn p{
font-size: 11px;
color: rgb(102,102,102);
margin: 0 5px;
padding: 0 5px 1px 5px;
line-height: 15px;
text-align: justify;
}

#rightcolumn ul{
font-size: 11px;
color: rgb(70,70,70);
margin: 0 5px;
padding: 0 5px 1px 20px;
line-height: 15px;
}

#leftcolumn h1{
color: rgb(0,153,255);
font-size: 14px;
padding: 0;
margin: 10px 0;
letter-spacing: 0.2px;
}

#leftcolumn h2{
font-size: 13px;
color: rgb(102,102,102);
font-weight: normal;
margin: 5px 5px 0 5px;
padding: 0 5px 1px 5px;
}

#leftcolumn h3{
font-size: 12px;
color: rgb(102,102,102);
font-weight: normal;
margin: 0 5px;
padding: 0 5px 1px 5px;
}

#leftcolumn p{
font-size: 11px;
color: rgb(102,102,102);
margin: 0 5px;
padding: 0 5px 1px 5px;
line-height: 15px;
text-align: justify;
}

#leftcolumn ul{
font-size: 11px;
color: rgb(70,70,70);
margin: 0 5px;
padding: 0 5px 1px 20px;
line-height: 15px;
}
/* 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;}
/*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;
}

.red{
color: rgb(210,30,40);
font-style: normal;
font-weight: bold;
}

.jellow{
color: rgb(255,240,0);
font-style: normal;
font-weight: bold;
}

/*Varianti di stili per i testi*/
.centered{
text-align: center;
}

#contentcolumn .white{
color: rgb(210,210,210);
font-style: normal;
}


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

/*galleria fotografica STANDARD*/
.brickGallery{
border-collapse: collapse;
}

.brickImg td{
padding: 0 5px;
}

.brickLabel td{
color: rgb(100,100,250);
font-size: 14px;
text-align: center;
margin: 0;
padding: 0px 0 17px 0;
line-height: 15px;
}

#specCom .galleryTitle{
display: none;
}

/*Riquadro di login*/
#leftcolumn .loginBox{
text-align: left;
padding:10px 0 10px 10px;
font-size: 10px;
}

#leftcolumn .loginBox h1{
color: rgb(0,153,255);
font-size: 14px;
letter-spacing: 1px;
padding: 0;
margin: 0;
font-weight: bold;
}

#leftcolumn .loginBox h2{
font-size: 13px;
color: #000000;
letter-spacing: 1px;
margin: 0;
padding: 0;
}

#leftcolumn .loginBox ul{
padding:0px;
margin:5px 0;
list-style-type: none;
}

#leftcolumn. loginBox li{
padding:1px 0;
margin: 0;
text-align: left;
list-style-type: none;
width: auto;
}

#leftcolumn .buttonLogin{
width: auto;
}

#leftcolumn .loginBox .dimenticato{
padding-top: 5px;
}

#leftcolumn .loginBox input{
background-color: rgb(255,255,200);
border: 1px solid rgb(0,153,255);
width: 175px;
font-size: 10px;
padding: 2px;
}

#leftcolumn .loginBox p{
margin: 0;
padding: 3px 0;
}

.newUser button{
display: block;
}

#leftcolumn .loginBox .newUser span{
font-size: 12px;
font-weight: bold;
display: block;
padding: 10px 0;
}

.lbZone{
color: rgb(0,0,0);
}

.privTbl td{
color: rgb(170,200,255);
}

/*Scheda Contatto*/
.contactForm input{
width: 500px;
}

/* Riquadri di ricerca */
#rightcolumn .searches{
margin: 10px 0;
}

#rigthcolumn .searchBox label{
font-size: 10px;
}

#rightcolumn .searchBox{
list-style-type: none;
margin: 0;
padding: 0;
}

.searchBox input{
width: 40px;
margin-left: 5px;
}

#searchPrice, #searchName{
background-color:#ffffff;
border: 1px solid rgb(0,0,0);
width: 245px;
font-size: 10px;
padding: 2px 0;
margin: 0;
}

.searchBox select{
background-color:#ffffff;
border: 1px solid rgb(0,0,0);
font-size: 10px;
padding: 2px 0;
margin: 0;
width: 200px;
}

.weekOffer{
background-color:#ffffff;
border: 1px solid rgb(0,0,0);
height: 190px;
overflow: auto;
padding: 10px;
margin: 3px 0 10px 0;
}

.weekOffer .offer{
text-align: center;
}

#rightcolumn .titolo_offerta{
font-weight: bold;
color: #000;
padding: 0;
margin: 0 4px 0 0;
}

#rightcolumn .weekOffer h1{
font-size: 11px;
background-color: #cccccc;
color: #000;
padding: 2px 5px;
margin: 0;
font-weight: normal;
}

#rightcolumn .offerImg{
display: block;
float: none;
margin: 0 auto;
margin-bottom: 10px;
}

#rightcolumn .offerta_scheda{
border: none;
}

/* Pagina ricerca */

table{
clear: left;
margin: 10px 0;
font-size: 12px;
}

#searchResults a h3{
font-size: 14px;
text-decoration: underline;
}

#searchResults{
padding-bottom: 10px;
}

/* Indice articoli*/
#contentcolumn #masterIndex h1{
clear: both;
color: #666666;
padding-left: 5px;
font-weight: bold;
}

#masterIndex h1 .note{
font-size: 12px;
font-weight: normal;
}

#masterIndex h1 a{
color: rgb(0,153,255);
font-weight: bold;
}

#masterIndex h1 a:hover{
color: #333333;
}

#masterIndex{
clear: both;
padding-top: 10px;
}

.prodotto1{
float: left;
width: 220px;
height: 220px;
padding: 10px;
text-align: center;
}

.prodotto1 img{
border: none;
}

.prodotto1 .artIndexImg{
margin-top: 10px;
clear: both;
}

.prodotto1 .scheda{
float: right;
}


#contentcolumn #masterIndex .desc1{
background-color: rgb(204,204,204);
border: none;
color: #000000;
padding: 3px;
text-align: center;
font-size: 12px;
font-weight: normal;
}

#masterIndex .artCode{
padding-left: 5px;
color: #0099FF;
font-size: 14px;
float: left;
margin: 0;
padding: 0;
height: 30px;
}

#masterIndex .artCode span{
padding-left: 5px;
font-weight: bold;
}



/* Elenco categorie */

.categoria{
width: 220px;
height: 170px;
float: left;
margin: 10px;
text-align: center;
}

#contentcolumn #masterIndex .categoria h1{
background-color: rgb(204,204,204);
color: #000000;
border: none;
padding: 3px;
text-align: center;
font-weight: normal;
font-size: 12px;
}

.categoria .catImg{
width: 130px;
margin-top: 10px;
}

.categoria .consulta{
float: left;
}


/* Scheda artcolo */
#masterIndex .mainImg{
width: 300px;
cursor: pointer;
}

#masterIndex .xLeft{
width: 300px;
float: left;
}

#masterIndex img{
border: none;
}

#articolo{
position: relative;
}

#masterIndex .back{
display: block;
float: right;
font-weight: normal;
font-size: 12px;
cursor: pointer;
color: #666666;
margin-top: -27px;
}

#masterIndex .back span{
text-decoration: underline;
}

#masterIndex .back:hover{
color: #000000;
}

#masterIndex .art_code{
font-weight: bold;
font-size: 12px;
color: black;
}

#masterIndex .adTitle{
color: #000000;
}

#masterIndex h1{
margin-bottom: 10px;
}

#articolo .art_shortdesc{
margin-bottom: 20px;
}


#contentcolumn #masterIndex .artDescription{
color: #000000;
background-color: rgb(204,204,204);
padding: 5px;
font-weight: normal;
font-size: 12px;
}

#contentcolumn .leftArt .h2Info{
padding: 0px;
margin: 0 0 10px 0;
}
#contentcolumn .leftArt .h2Info span{
font-size: 14px;
font-weight: bold;
}

.tables{
font-size: 12px;
}

.table{
width: 280px;
float: left;
margin: 0 0 10px 10px;
}

.mainTables{
clear: both;
text-align: center;
}

.tblTit{
font-size: 12px;
font-weight: normal;
text-align: left;
color: #333333;
background-color: #cccccc;
margin: 10px 0 0;
padding: 2px 0 2px 5px;
}

.evenRow{
background-color: #eeeeee;
padding: 2px;
}
.oddRow{
background-color: #cccccc;
padding: 2px;
}

.leftArt{
width: 225px;
float: left;
margin-left: 10px;
padding-bottom: 20px;
padding-right: 9px;
padding-top:25px;
}

#articolo .moreInfo{
padding: 10px;
}

.moreInfo a{
cursor: pointer;
}

.clrEnd{
clear: both;
height: 0px;
font-size: 0px;
width: 100%;
}

.tblLabel{
width: 150px;
float: left;
padding-left: 5px;
font-size: 10px;
}

.tblValue{
padding-left: 5px;
font-size: 10px;
}

.images{
clear: both;
margin-left: 10px;
}

.images img{
cursor:pointer;
}

#contentcolumn .images h2{
text-align: left;
color: #777777;
}

/* Ingrandimento immagine */
#modalDlg .imgCloser{
position: absolute;
top: 5px;
right: 5px;
}

#modalDlg{
position: fixed;
top: 10px;
left: 10px;
}

#modalDlg .waiter{
margin: 100px auto;
}

#modalDlg img{
max-height: 570px;
}

.relatedArts{
float: left;
text-align: center;
width: 170px;
}

.relatedItem{
background: transparent url("sep_dx.gif") no-repeat center bottom;
}

.relatedItem, .lastRelatedItem{
padding-bottom: 15px;
}

.relatedItem span, .lastRelatedItem span{
display: block;
text-align: center;
font-size: 11px;
}

.relatedItem img, .lastRelatedItem img{
width: 130px;
}

/* Navigatore pagine */
#masterIndex #pgNavigator{
clear: both;
list-style-type: none;
padding: 5px;
height: 30px;
}

#pgNavigator li{
float: left;
}

#pgNavigator li a{
text-decoration: none;
display: block;
float: left;
padding: 2px 5px;
background-color: #0099ff;
color: #ffffff;
margin: 0 5px;
border: 1px solid transparent;
}

#pgNavigator .pgSel a{
background-color: #aae6ff;
color: #000000;
}

#pgNavigator li a:hover{
background-color: #aae6ff;
color: #000000;
border: 1px solid #000000;
}

#pgNavigator .pgSel a:hover{
border: 1px solid transparent;
}

#pgNavigator li span{
text-decoration: none;
display: block;
padding: 3px 10px 0 0;
margin: 0;
float: left;
text-align: left;
}

/* Invia richiesta */
#moreInfoReq{
display: none;
}
#moreInfoReq ul{
list-style-type: none;
padding: 0;
margin: 0;
}
#moreInfoReq li{
padding: 0;
margin: 0;
}
#moreInfoReq label{
display: block;
}
#moreInfoReq input, #moreInfoReq textarea{
width: 220px;
}
#moreInfoReq textarea{
height: 100px;
}
#moreInfoReq .btns{
text-align: center;
margin-top: 5px;
}
#moreInfoReq .btns input{
width: auto;
}

/* Ricerca */
#contentcolumn .searchHdr h1{
clear: both;
color: #333333;
}
#contentcolumn .foundedItem h1{
color: #000000;
background-color: #aae6ff;
padding: 5px;
margin: 10px 0;
clear: left;
font-size: 14px;
}
.foundedItem img{
float: left;
margin-right:10px;
border: none;
}
.foundedItem .scheda{
float: none;
position: absolute;
bottom: 0;
right: 15px;
}
.foundedItem{
height: 210px;
position: relative;
width: 330px;
float: left;
padding: 10px;
}
#contentcolumn .foundedItem .price{
position: absolute;
bottom: 0px;
left: 10px;
font-size: 14px;
color: #0099ff;
}
#contentcolumn .foundedItem .priceVal{
padding-left: 5px;
font-weight: bold;
}

.navPage{
clear: both;
padding: 20px 0 10px;
text-align: center;
font-size: 12px;
font-weight: bold;
}

.navPage a{
text-decoration: none;
color: #666666;
}

.navPage a:hover{
color: #000;
text-decoration: underline;
}

/* Form nella scheda articolo */
#richiediInfo{
font-size: 11px;
}
#richiediInfo label{
display: block;
margin: 7px 0 2px;
}
#richiediInfo input{
width: 210px;
font-size: 11px;
}
#richiediInfo textarea{
width: 210px;
height: 120px;
font-size: 11px;
font-family: arial;
}
#richiediInfo .formBtn{
display: block;
margin: 15px 5px 0 0;
text-align: center;
}