/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Trebuchet, Trebuchet MS, sans-serif; font-size: 100%; color: #666; background-color: #E4EDF6; background-image: url(img/bg.jpg); background-repeat: repeat-y; background-position: center; }

hr { border: 1px dotted #bbb; padding: 0px; }
p { margin: 0px; }
a { color: #FF6600; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
img { border: 0px; }

form { float: left; }
input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #bbb; }
ul { margin-top: 0px; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 970px; position: relative; min-height: 100%; height: auto !important; height: 100%; background-image: url(img/bg_pagina.jpg); background-repeat: repeat-y; background-color: #fff; padding: 0px 20px; }
#box-header { width: 100%; overflow: hidden;background-color: #ffffff;}
#box-middle { width: 970px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { float: left; width: 222px; padding: 0px 0px 120px 0px; }
#box-main { float: left; width: 748px; padding: 0px 0px 120px 0px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; }



/* CONTENUTI */
#headerLang{
    clear: both;
    height: 34px;
    overflow: visible;
    background-color:#ffffff;
    margin-top: 9px;
}
#header { float: left; width: 970px; background-image: url(img/bg_header.jpg); background-repeat: no-repeat; background-position: bottom;height:136px }

h1 { float: left; width: 150px;  margin-top:12px; font-size: 55%; font-family: Tahoma; font-weight: normal; color: #ccc; text-align: right; }

#lingua { float: left; width: 70px; text-align: right; margin-top:5px;}

#logo { float: left; width: 195px; height: 117px; padding: 15px 0px 0px 25px; }
#logo img { float: left; border: 0px; }

#menu { float: left; width:543px; margin-left:200px;
        margin-top:43px; text-align: right; color: #34679B; font-size: 93%; font-weight: bold; }
#menu a { color: #34679B; border-right: 1px solid #999; padding: 0px 10px; }
#menu a:hover { color: #F89918; }
#menu .selezionato { color: #F89918; }


#box-sx h1  { display: none; }
.sottomenu { float: left; width: 220px; padding: 0px 0px 15px 0px; text-transform: uppercase; font-size: 80%; }
.sottomenu a { float: left; width: 208px; border: 1px solid #ccc; background-color: #eee; color: #333; padding: 5px; margin-bottom: 2px; }
.sottomenu a:hover { color: #fff; background-color: #999; border: 1px solid #999; }


.elencoProd { float: left; width: 220px; padding: 0px 0px 15px 0px; font-size: 80%; }
.elencoProd strong { float: left; width: 210px; font-size: 100%; color: #fff; text-transform: uppercase; background-color: #6D98C4; font-weight: bold; margin: 0px 0px 2px 0px; padding: 7px 0px 5px 10px; }
.catProd { float: left; width: 198px; border: 1px solid #CBDCEE; background-color: #D7E3F3; color: #333; padding: 7px 10px 6px 10px; margin-bottom: 2px; font-size: 90%; line-height: 130%; }
.elencoProd a:hover { color: #fff; background-color: #6D98C4; border: 1px solid #6D98C4; }	
.elencoProd a.sottoprod{
    background-color: #6D98C4;
    padding-left:3px;
    display: block;
    clear: both;
    width:auto;
    margin-left: 7px;
    float: none;
}
.sottoprod { float: left; width: 153px; border: 1px solid #C6D3E4; color: #333; background-color: #C6D3E4; padding: 3px 15px 2px 30px; margin: 0 0 2px 20px; font-size: 90%; line-height: 130%; }


#news { float: left; width: 220px; margin: 0px 0px 15px 0px; background-color: #34679B; padding: 0px 0px 15px 0px; }
#news h1 { float: left; width: 220px; text-align: center; color: #fff; text-transform: uppercase; font-size: 100%; background-color: #6D98C4; font-weight: bold; margin: 0px 0px 25px 0px; padding: 4px 0px 3px 0px; font-family: Trebuchet, Trebuchet MS, sans-serif; display: block; }

.news-data { padding: 0px 15px; color: #C2D2E1; font-size: 70%; }
.news-titolo { padding: 1px 15px 3px 15px; font-weight: bold; font-size: 70%; }
.news-titolo a { color: #FFCC00; text-decoration: underline; }
.news-titolo a:hover { color: #FFFF66; text-decoration: underline; }
.news-descrizione { color: #fff; font-size: 65%; line-height: 120%; padding: 0px 15px 25px 15px; }
.news-leggi { color: #99B3CC; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 70%; padding: 0px 15px 0px 0px; }
.news-leggi a { color: #99B3CC; }
.news-leggi a:hover { color: #fff; }
.news-Image{
    padding: 1px 15px 3px 15px;
}


#geowaste { float: left; width: 220px; margin: 0px 0px 20px 0px; background-color: #43A737; padding: 0px 0px 20px 0px; text-align: center; color: #fff; font-size: 70%; }
#geowaste h1 { float: left; width: 220px; text-align: center; color: #fff; text-transform: uppercase; font-size: 130%; background-color: #8ECA87; font-weight: bold; margin: 0px 0px 20px 0px; padding: 4px 0px 3px 0px; font-family: Trebuchet, Trebuchet MS, sans-serif; display: block; }
#geowaste a { background-color: #317C28; color: #C2D8BF; padding: 4px 8px 4px 10px; font-weight: bold; text-transform: uppercase; }


#banner { float: left; width: 220px; }
#topBanner{
    float:right;
    width:283px;
    height:34px;
}




#middle { float: left; width: 970px; }
h2 { float: left; width: 728px; height: 26px; padding: 4px 0px 0px 20px; background-color: #F89918; text-transform: uppercase; color: #fff; font-size: 110%; margin: 0px; border-bottom: 1px solid #fff; }

#template { padding: 0px 0px 30px 0px; }

.main { float: left; width: 710px; padding: 20px 18px 0px 20px; line-height: 160%; font-size: 80%; border-top: 1px solid #AEC3D8; }

#boxHome { float: left; width: 650px; height: 220px; padding: 0px 25px; margin-top: 25px; background-image: url(img/bg_boxHome.jpg); background-repeat: no-repeat; font-size: 90%; line-height: 150%; color: #444; }
#boxHome h2 { float: left; width: 630px; margin: 0px; padding: 3px 0px 15px 20px; text-transform: uppercase; background-color: transparent; font-size: 100%; }



/* NEWS */
.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; }
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #666; padding-top: 10px; }
.paginaNews-titolo a { font-weight: bold; color: #006699; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #000; text-decoration: underline; }
.paginaNews-descBreve { padding-bottom: 10px; line-height: 18px; }


#footer { float: left; width: 970px; height: 85px; background-image: url(img/bg_footer.jpg); background-repeat: repeat-x; }
.footer-indirizzo { float: right; width: 770px; color: #34679B; font-size: 70%; padding: 10px 0px 0px 0px; text-align: right; }
.footer-indirizzo a { color: #34679B; text-decoration: underline; }
.footer-indirizzo a:hover { color: #999; text-decoration: underline; }

.footer-crediti { float: left; width: 200px; color: #999; text-decoration: underline; font-size: 60%; padding: 9px 0px 0px 0px; }
.footer-crediti a { color: #999; text-decoration: underline; }
.footer-crediti a:hover { color: #ccc; text-decoration: underline; }


#sitemap { float: left; width: 400px; padding-left: 20px; line-height: 22px; text-transform: capitalize; }



/* CONTATTI */
.campo { width: 236px; float: left; height: 35px; }
.campo p { width: 80px; float: left; }
.campo input { width: 130px; float: left; font-size: 100%; font-family: Arial; color: #000; text-align: center; }

.campo2 { width: 710px; float: left; margin-bottom: 15px; }
.campo2 p { width: 80px; float: left; }
.campo2 input { float: left; width: 130px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; text-align: center; }
.campo2 textarea { width: 600px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.trattamento { font-size: 80%; line-height: 13px; margin-bottom: 10px; width: 700px; color: #888; float: left; }
.invia { float: left; width: 700px; text-align: center; padding-bottom: 40px; }
.invia input { border: 0px; }
.obb { border: 2px solid #F89918; }



/* PRODOTTI */


.blkFotosProd{
    clear: both;
}
.blkFotosProd a{
    display: inline-block;
    border: 1px solid #ccc;
    float:left;
    text-align: center;
    vertical-align:middle;
    margin-right:18px;
    margin-bottom: 18px;
}
.fotoGrande { width: 220px; padding: 10px 0px; }
.fotoGrande img { border: 1px solid #ccc; text-align: center;dispay:inline-block;}
.descrizione { clear: both;  text-align: left; }
h3 { float: left; width: 470px; padding: 5px 0px 20px 0px; font-size: 160%; margin: 0px; font-weight: normal; color: #FF6600; line-height: 120%; }

/*elenco categorie index*/

.categorieIndex{
    clear:both;
    overflow: hidden;
}

.catIndexCell
{
    float: left;
    width:60px;
}

.catIndexImage{
    text-align: center;
}
.catIndextext{
    text-align: center;
}


/* categorie in home*/
.categorieIndex{
    background-image: url("img/blkCatProd/bakCatProd.png");
    background-repeat: repeat-x;
    height: 430px;
}
.categorieIndex h2{
    background: none;
    border: none;
}
.categorieIndex .topWhite{
    text-align: right;
    color:#34679B;
    margin-right: 24px;
}
.rowCellCatProd{
    clear:both;
    overflow:  hidden;
}

.categorieIndex .bottomWhite{
    text-align: right;
    margin-right:23px;
    margin-top:20px;
    color:#ffffff;
}

.catIndexCell{
    background-image: url("img/blkCatProd/bakTrasparent.png");
    background-repeat: no-repeat;
    width: 95px;
    height:153px;
    margin-left:9px;
    margin-top: 15px;
    color  :#34679B;
}
.catIndexCell:hover{
    background-image: url("img/blkCatProd/bakTrasparent_over.png");
}
.catIndexCell a{
    color  :#34679B;
    font-weight: bolder;
    line-height:10px;
}

.catIndexImage{
    margin-top:15px;
}

.catIndextext{
    font-size:60%;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:4px;
    text-transform:uppercase;
    width:80px;
}