/* Tierre Group website 2009 - CSS Document */

html, body { height: 100%; }
body { background: #F8F8F8; color: #666666; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
a { color: #666666; }
a img { border: none; }
form#aspnetForm { margin: 0; padding: 0; height: 100%; }

p { margin: 0 0 1em; font-size: 11px; font-weight: normal; color: #666666; }
ul { list-style: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

/*ul { border: 0; margin: 0 0 1em; padding: 0; list-style-type: none; }
ul li { padding: 1px 0; padding-left: 12px; margin: 0; color: #333333; background: url(../images/pointer.gif) 4px 6px no-repeat; }
ul li a { color: #666666; text-decoration: underline; }
ul li a:hover { color: #333333; }*/

/* Stili generici */
.clear { clear: both; height: 1px; overflow: hidden; }
.dotclear { clear: both; height: 10px; background: url(../images/dotclear.gif) repeat-x; overflow: hidden; }

img.left { float: left; margin: 0 10px 5px 0; }
img.right { float: right; margin: 0 0 5px 10px; }
.colsx { float: left; }
.coldx { float: right; }

/* ***** Contenitori generali ***** */
#container { width: 980px; margin: 0 auto; background: url(../images/bg_body.gif) top center repeat-y; padding: 0 1px; min-height: 100%; height: auto !important; height: 100%; }

/* ***** Header ***** */
#header { position: relative; height: 70px; width: 980px; background: White url(../images/bg_header.gif) bottom left repeat-x; }
#logo { position: absolute; left: 0; top: 0; }

#menu { position: absolute; top: 0; left: 220px; }
#menu ul { margin: 0; padding: 0; list-style-type: none; height: 44px; border-left: 1px solid #CCCCCC; }
#menu li { float: left; width: auto; padding: 0; margin: 0; border-right: 1px solid #CCCCCC; }
#menu li a { display: block; width: 82px; height: 44px; padding: 0; margin: 0; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-indent: -9999px; border-top: 4px solid White; }

/* menu in lingua gestito da file tierre_LANG.css */

#search { position: absolute; top: 28px; right: 10px; width: 150px; height: 16px; background: #CCCCCC; padding-left: 5px; overflow: hidden; }
#search input { border: none; margin: 0; padding: 0; }
#search .textbox { position: relative; width: 100px; margin-top: 1px; font: 11px Tahoma, Arial, Helvetica, sans-serif; background: transparent; color: #666666; padding: 0; }
#search .submit { position: absolute; top: 0; right: -1px; }

/* ***** Footer ***** */
#footer { background: #D9D9D9; color: #666666; text-align: center; padding: 0 20px; font-size: 10px; line-height: 24px; height: 24px; border-top: 1px solid White; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer .langlink { font-weight: bold; text-transform: uppercase; }

/* ***** Homepage ***** */
#tophome { padding: 0; margin: 0; border-bottom: 2px solid White; border-top: 4px solid White; }

#corpohome { background: #F2F2F2; overflow: hidden; padding: 10px 0 5px; }
#corpohome .link { text-align: right; margin-top: 10px; }

#primopiano { float: left; width: 370px; margin: 0; padding: 0; padding-left: 15px; color: #333333; font-size: 11px; }
#primopiano h1 { font-size: 13px; font-weight:  bold; color: #333333; margin: 0 0 10px; }
#primopiano h2 { font-size: 13px; font-weight:  bold; color: #999999; margin: 0; }
#primopiano .dettaglio a { font-weight: bold; color: #336699; text-decoration: none; background: url(../images/home-pointer.gif) 0 4px no-repeat; padding-left: 8px; }
#primopiano .dettaglio a:hover { text-decoration: underline; }

#prodnewshome { float: right; width: 292px; margin: 0; padding: 0; padding-right: 6px; }
#prodnewshome ul { margin: 0; padding: 0; list-style-type: none; }
#prodnewshome li.prodnewsitem { padding: 0; margin: 0 0 1px; color: #666666; height: 60px; background: #E0E0E0 url(../images/bg_prodnewsitem.gif) repeat-x; font-size: 10px; }
#prodnewshome li.prodnewsitem .date { font-weight: bold; line-height: 150%; padding-top: 5px; color: #333333; }
#prodnewshome li.prodnewsitem .newsimg { float: left; background: url(../images/bg_prodnewsimg.gif) 7px 5px no-repeat; padding: 10px 10px 5px 12px;  }
#prodnewshome a { text-decoration: none; }
#prodnewshome a:hover { text-decoration: underline; }

#newshome { float: right; width: 292px; margin: 0; padding: 0; padding-right: 2px; }
#newshome ul { margin: 0; padding: 0; list-style-type: none; }
#newshome li.newsitem { padding: 0; margin: 0 0 1px; color: #666666; height: 121px; background: #E0E0E0 url(../images/bg_newsitem.gif) repeat-x; font-size: 10px; }
#newshome li.newsitem .title { font-weight: bold; color: #333333; line-height: 150%; }
#newshome li.newsitem .date { font-weight: bold; color: #CC0000; line-height: 150%; padding-top: 5px }
#newshome li.newsitem .newsimg { float: left; height: 100px; background: url(../images/bg_newsimg.gif) 5px 5px no-repeat; padding: 10px; }
#newshome li.newsitem .leggi { text-align: right; margin-top: 10px; margin-right: 5px; }
#newshome li.newsitem .leggi a { font-weight: bold; color: #666666; text-decoration: none; background: url(../images/pointer.gif) 0 4px no-repeat; padding-left: 8px; }
#newshome li.newsitem .leggi a:hover { text-decoration: underline; }

/* ***** Pagine Interne ***** */
#breadcrumbs { height: 15px; color: #999999; font-size: 10px; padding: 0; padding-top: 24px; padding-left: 55px; }
#breadcrumbs a { color: #999999; text-decoration: none; }
#breadcrumbs a:hover { color: #666666; text-decoration: underline; }
#breadcrumbs .currentsection { font-weight: bold; color: #808080; }

h1#sectiontitle , h2#sectiontitle, h2#sidetitle, h3#sidetitle { font-family: "Switzerland Condensed", Arial, Helvetica, sans-serif; color: #62709D; line-height: 75px; margin: 0; margin-left: 15px; height: 75px; overflow: hidden; }
h1#sectiontitle { font-size: 24px; /*color: #8CA2C1*/ }
h2#sectiontitle { height: 60px; font-size: 18px; line-height: 120%; padding-top: 15px; }
h2#sidetitle { font-size: 16px; }
h3#sidetitle { height: 55px; font-size: 14px; line-height: 120%; padding-top: 20px; }

.innerbox { padding: 0 20px; }
.chiusura { clear: both; height: 15px; line-height: 15px; margin: 0; margin-bottom: 10px; width: 100%; }

/* ***** Catalogo ***** */
#catalogoprod { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#catalogo { padding-left: 36px; padding-right: 10px; padding-bottom: 10px; }
#catalogo #box { float: left; width: 797px; background: url(../images/bg_box800.gif) repeat-y; overflow: auto; }
#catalogo .innerbox { width: auto; background: url(../images/bg_topbox800.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 5px; }
#catalogo .chiusura { background: url(../images/fondo-800.gif) no-repeat; margin: 0; }

.prodgrid { margin-left: 4px; overflow: hidden; }
.proditem { float: left; height: 128px; width: 155px; color: #666666; background: #E2E2E2 url(../images/bg_proditem_155.gif) no-repeat; border-right: 1px solid White; border-bottom: 1px solid White; font-size: 11px; }
.prodgrid .prodimg { width: 137px; height: 86px; overflow: hidden; padding: 4px 9px 6px; }
.prodgrid .text { text-align: center; padding: 0 5px; }
.prodgrid a { color: #666666; text-decoration: none; }
.prodgrid a:hover { text-decoration: underline; }

#catalogopdf { float: left; padding-top: 250px; padding-left: 25px; width: 300px; }

/* ***** Gruppo di prodotti ***** */
#categoriaprod { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#categoria { padding-left: 36px; padding-right: 10px; padding-bottom: 10px; }
#categoria #box { float: left; width: 486px; background: url(../images/bg_box486.gif) repeat-y; overflow: auto; }
#categoria .innerbox { width: auto; background: url(../images/bg_topbox486.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 5px; }
#categoria .chiusura { background: url(../images/fondo-486.gif) no-repeat; margin: 0; }

/* ***** Serie di prodotti ***** */
#serieprod { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#serie { padding-left: 36px; padding-right: 10px; padding-bottom: 10px; }
#serie #box { float: left; width: 486px; background: url(../images/bg_box486.gif) repeat-y; overflow: auto; }
#serie .innerbox { width: auto; background: url(../images/bg_topbox486.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 5px; }
#serie .chiusura { background: url(../images/fondo-486.gif) no-repeat; margin: 0; }

/* ***** Colonna laterale pagine prodotto ***** */
#sidebox { width: 400px; float:right; background: url(../images/bg_box310.gif) repeat-y; }
#sidebox .innerbox { width: 306px; background: url(../images/bg_topbox310.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 4px; }
#sidebox .chiusura { background: url(../images/fondo-310.gif) no-repeat; }

ul.prodlist { background: url(../images/bg-sidemenu_list.gif) top left no-repeat; margin: 0 8px 0 5px; }
ul.prodlist li { font-size: 11px; /*line-height: 24px;*/ background: url(../images/bg-sidemenu_list.gif) bottom left no-repeat; }
ul.prodlist li a { display: block; /*height: 24px;*/ text-decoration: none; padding: 6px 0 5px 22px; }
ul.prodlist li a:hover { text-decoration: underline; }
ul.prodlist li.selected a { color: #006699; font-weight: bold; text-decoration: none; background: url(../images/backpointer.gif) 5px 9px no-repeat; }

.backlink { margin-left: 5px; padding: 15px 8px 0 20px; background: url(../images/bg-sidemenu_list.gif) top left no-repeat; }
.pdflink { background: url(../images/pdf-ico.gif) 25px center no-repeat; padding: 15px 8px 15px 50px; }
.backlink a, .pdflink a { font-weight: bold; text-decoration: none; }
.backlink a:hover, .pdflink a:hover { text-decoration: underline; }

/* ***** Chi Siamo ***** */
#chisiamo { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#chisiamo h1#sectiontitle { margin-left: 0; }
#chisiamo #box { margin-left: 36px; background: url(../images/bg_box900.gif) repeat-y; }
#chisiamo .innerbox { width: 872px; background: url(../images/bg_topbox900.jpg) no-repeat; min-height: 250px; }
#chisiamo .chiusura { background: url(../images/fondo-900.gif) no-repeat; }
#chisiamo .textcontent { float: left; width: 560px; }
#chisiamo .imagecontent { float: right; width: 300px; text-align: right; }
#chisiamo .imagecontent img { margin-bottom: 5px; } 

/* ***** Contatti ***** */
#contatti { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#contatti h1#sectiontitle { margin-left: 0; }
#contatti #box { margin-left: 36px; background: url(../images/bg_box900.gif) repeat-y; }
#contatti .innerbox { width: 872px; background: url(../images/bg_topbox900.jpg) no-repeat; min-height: 250px; }
#contatti .chiusura { background: url(../images/fondo-900.gif) no-repeat; }
#contatti .textcontent { float: left; width: 350px; color: #666666; }
#contatti .colsx { width: 170px; }
#contatti .coldx { width: 170px; }
#contatti .textcontent h2 { font-size: 12px; margin: 0 0 1em; }
#contatti .textcontent a { color: #CC0000; text-decoration: none; }
#contatti .textcontent a:hover { text-decoration: underline; }
#contatti .imagecontent { float: right; width: 510px; text-align: right; }

#contatti a:hover { text-decoration: underline; }
a.maplink { line-height: 30px; background: url(../images/map-ico.gif) no-repeat; padding: 5px 0; padding-left: 27px; text-decoration: none; }
a.maillink { line-height: 20px; background: url(../images/mail-ico.gif) no-repeat; padding: 1px 0 2px; padding-left: 21px; text-decoration: none; }

.tel { display: block; height: 22px; background: url(../images/phone-ico.gif) no-repeat; padding: 5px 0 0; padding-left: 30px; }
.fax { display: block; height: 22px; background: url(../images/fax-ico.gif) no-repeat; padding: 5px 0 0; padding-left: 30px; }

/* ***** News ***** */
#news { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#news #box { margin-left: 36px; background: url(../images/bg_box600.gif) repeat-y; }
#news .innerbox { width: 872px; background: url(../images/bg_topbox600.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 5px; }
#news .chiusura { background: url(../images/fondo-600.gif) no-repeat; }
.newsgrid { border: 0; margin: 0; padding: 0; width: 586px; margin-left: 4px; }
.newsgrid .newsitem { height: 60px; width: 292px; color: #666666; background: #E6E6E6 url(../images/bg_newsitem_td.gif) no-repeat; border-right: 1px solid White; border-bottom: 1px solid White; vertical-align: top; font-size: 11px; }
.newsgrid .date { font-weight: bold; line-height: 150%; padding-top: 5px; color: #CC0000; }
.newsgrid .newsimg { float: left; width: 76px; height: 41px; display: inline; margin: 10px 10px 5px 12px; overflow: hidden; }
.newsgrid a { color: #666666; text-decoration: none; }
.newsgrid a:hover { text-decoration: underline; }

/* ***** Eventi ***** */
#eventi { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#eventi #box { margin-left: 36px; background: url(../images/bg_box600.gif) repeat-y; }
#eventi .innerbox { width: 872px; background: url(../images/bg_topbox600.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 5px; }
#eventi .chiusura { background: url(../images/fondo-600.gif) no-repeat; }
.eventigrid { border: 0; margin: 0; padding: 0; width: 586px; margin-left: 4px; }
.eventigrid td { width: 292px; height: 100%; color: #666666; background: #E0E0E0 url(../images/bg_newsitem.gif) repeat-x; border-right: 1px solid White; border-bottom: 1px solid White; vertical-align: top; font-size: 11px; padding-right: 5px; }
.eventigrid .title { font-weight: bold; color: #333333; line-height: 150%; }
.eventigrid .date { font-weight: bold; color: #CC0000; line-height: 150%; padding-top: 5px }
.eventigrid .text { margin-left: 120px; margin-bottom: 5px; }
.eventigrid .newsimg { float: left; height: 60px; width: 100px; background: url(../images/bg_newsimg.gif) 5px 5px no-repeat; padding: 10px; }
.eventigrid a { color: #333333; text-decoration: none; }
.eventigrid a:hover { text-decoration: underline; }

/* ***** Sede ***** */
#sede { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#sede #box { margin-left: 36px; background: url(../images/bg_box900.gif) repeat-y; }
#sede .innerbox { width: 907px; background: url(../images/bg_topbox900.jpg) no-repeat; min-height: 250px; padding: 0; padding-left: 5px; }
#sede .chiusura { background: url(../images/fondo-900.gif) no-repeat; }
#sede #slideshow { padding-left: 4px; }

/* ***** Pagine generiche ***** */
#generic { margin: 0; background: white url(../images/bg_interna-top2.jpg) no-repeat; }
#generic h1#sectiontitle { margin-left: 0; }
#generic #box { margin-left: 36px; background: url(../images/bg_box900.gif) repeat-y; }
#generic .innerbox { width: 872px; background: url(../images/bg_topbox900.jpg) no-repeat; min-height: 250px; }
#generic .chiusura { background: url(../images/fondo-900.gif) no-repeat; }
#generic .textcontent { float: left; width: 560px; }
#generic .imagecontent { float: right; width: 300px; text-align: right; }
#generic .imagecontent img { margin-bottom: 5px; } 