/**
 * Copyright (c) 2008, Andrea La Rosa.
 * 
 */
 
@import url(reset.css);

/*
  general
  html{height:101%;}
*/

html {height:101%;}
body {min-height:100%; background-color:#F0F6ED; color:#000; font-family:arial,sans-serif; font-size:11px; text-align:center; }

/* - link -------- */

a:link,a:visited {color:#717171; text-decoration:none;}
a:hover {text-decoration:underline;}

a.ico-del{padding-left:18px;}
a.ico-del:link,a.ico-del:visited{background: url(sito/ico-del.gif) no-repeat 0px 0px; text-decoration: none;}
a.ico-del:hover{background: url(sito/ico-del.gif) no-repeat 0px -25px;}

a.ico-add{padding-left:18px;}
a.ico-add:link,a.ico-add:visited{background: url(sito/ico-add.gif) no-repeat 0px 0px; text-decoration: none;}
a.ico-add:hover{background: url(sito/ico-add.gif) no-repeat 0px -25px;}

a.ico-arr{padding-left:10px;}
a.ico-arr:link,a.ico-arr:visited{background: url(sito/ico-arr.gif) no-repeat 0px 0px; text-decoration: none;}
a.ico-arr:hover{background: url(sito/ico-arr.gif) no-repeat 0px -15px;text-decoration: none;}

/* - header - corps --------- */

h1 {font-size:1.6em; font-weight:bold;}
h1.n {font-size:1.5em; font-weight:bold; display:block;}
h1 span {font-size:11px; color:#000; font-weight:normal;}
h1 span.rif {font-size:11px;font-weight:bold;}
h2 {font-size:1.3em;font-weight:bold;display:block;}
h2 span {font-size:11px;letter-spacing:0; font-weight:normal;}
h2 span.rif {font-size:11px;letter-spacing:0; font-weight:bold;}
h2 a {text-decoration:none;}
h2 a:hover {text-decoration:underline;}
h3 {clear:both; display:block; font-weight:bold; font-size:1.3em; letter-spacing:0;}
h3 a:link,h3 a:visited {text-decoration:none;}
h3 a:hover {color:#000; text-decoration:none;}
h3 a.arrow_acceso {padding-left:16px; background:#fff url(cnd/arrowBox.gif) 0px -20px no-repeat;}
h3 a.arrow_spento {padding-left:16px; background:#fff url(cnd/arrowBox.gif) 0px 0px no-repeat;}
h4 {font-size:1.2em; font-weight:bold;}
h5 {font-size:1.1em; font-weight: bold;}
h6 {font-size:110%; border-top:2px solid #8EC2E8; color:#000; font-weight:bold; padding:3px 0px; display:block;}
h6 span{font-family:Verdana,sans-serif; font-size:11px;  letter-spacing:0; font-weight:normal; }
h6 span.rif{font-family:Verdana,sans-serif; font-size:11px; letter-spacing:0; font-weight:bold; }

/*
===================================================================================
  contenitori
===================================================================================
*/

.w430{width:430px;}
.w290{width:290px;}

/* - bg - color ---- */

.verde {color:#00AF3E;}
.verde-scuro {color:#148a01;}
.bg-rosso {background-color: #C4261C;}
.bg-marrone {background-color: #705924;}
.bg-marrone-chiaro {background-color: #C2B080;}
.bg-viola {background-color: #8F1F78;}
.bg-verde {background-color: #DCDD9E;}
.bg-verde-scuro {background-color: #C4BF66;}
.bg-verde-chiaro-scuro {background-color: #DEDBA1;}

.bg-verde-grasse {background-color: #005433;}
.bg-verde-grasse-chiaro {background-color: #99B086;}



/* - traccia ---- */

div.traccia {margin:0 0 5px 0; color:#d25a0b; font-weight:bold; font-size:100%; text-align: left;}

/* - general ---- */

div.master {text-align:center; width:780px; margin:0 auto;}
div.master div.masterWrap {text-align: left; padding: 0 25px 10px 25px; background: #fff url(sito/bg-masterwrap.gif) repeat-y left top }
div.master div.masterEnd {clear: both; display: block; width: 780px; height:16px; background: #fff url(sito/bg-masterend.gif) repeat-y left top; }
div.logo {border-bottom: 1px #E4F2DB solid; margin-bottom:10px;}
div.logo div.box {width:193px; height:103px; overflow: hidden; background: #fff url(sito/logo-vivai-area-verde.gif) 0 0; margin:0 auto;}
div.logo div.box a{display:block; width:193px; height:103px;}
div.logo div.box span{display:block; width:0; height:0; overflow: hidden; background-color: #fff;}
div.banner {margin:10px 0; position: relative; height:260px; overflow: hidden;}
div.content {text-align: left;}
div.urlo {font-size: 12px; line-height: 20px; text-align:justify;}

/* - contNav ---- */

div.nav {height:34px; background: #3AC300 url(sito/bg-cont-nav.gif) repeat-x left top; overflow: hidden;}
div.nav ul {height:34px; list-style-image:none; list-style-type:none;}
div.nav ul li {display:inline; white-space:nowrap; list-style-image:none; list-style-type:none;}
/* div.nav ul li {font-weight:bold; font-size:11px; border-width:0 1px 0 0; border-style:solid; border-color:#e6e6e6;} */
div.nav ul li {font-size:13px;}
div.nav ul li a:link,
div.nav ul li a:visited
{float:left; display:block; height:34px; color:#fff; padding:9px 11px; text-decoration: none;}
div.nav ul li a:hover {text-decoration: none; background-color: #05B900;}

div.nav ul li.current a:link,
div.nav ul li.current a:visited
{background-color: #05B900; text-decoration: none; }
div.nav ul li.current a:hover {text-decoration: none; background-color: #05B900;}

div.nav ul li.bRosso a:link,
div.nav ul li.bRosso a:visited
{background: #05B900 url(sito/bRosso.gif) no-repeat center 6px;}
div.nav ul li.bRosso a:hover {background: #05B900 url(sito/bRosso.gif) no-repeat center 6px;}

div.nav ul li.bMarrone a:link,
div.nav ul li.bMarrone a:visited
{background: #05B900 url(sito/bMarrone.gif) no-repeat center 6px;}
div.nav ul li.bMarrone a:hover {background: #05B900 url(sito/bMarrone.gif) no-repeat center 6px;}

div.nav ul li.bViola a:link,
div.nav ul li.bViola a:visited
{background: #05B900 url(sito/bViola.gif) no-repeat center 6px;}
div.nav ul li.bViola a:hover {background: #05B900 url(sito/bViola.gif) no-repeat center 6px;}

div.nav ul li.bVerde a:link,
div.nav ul li.bVerde a:visited
{background: #05B900 url(sito/bVerde.gif) no-repeat center 6px;}
div.nav ul li.bVerde a:hover {background: #05B900 url(sito/bVerde.gif) no-repeat center 6px;}

/* - home ------------- */

div.mycol {width:243px;}
div.mycol2 {width:240px;}

/* - registrazione --------- */

.registr {padding-right:10px; }
.registr .small {width:215px;}
.registr .medium {width:445px;}
.registr .message { margin: 0px 10px 10px 0px;}
.registr h2 {font-size:13px; color:#006699}
.registr table.tf tr td {border-width:0}
.registr table.tb {margin-top:5px;}

/* - footer ---- */

div.footer {text-align: center; color:#666; padding-top:10px; margin:0 auto; }

/* - slide - cf_element ---- */

div.cf_wrapper {position:relative;}
div.cf_element {width: 244px;}
div.cf_element div.content h3 {padding-top:0;margin-top:0;}

/* - login ---- */

div.login {width:300px; margin:10px auto; text-align: center;}
div.login div.loginWrap {padding:10px 0 0 0;}
div.login h1 {color:#00AF3E;}
div.login .cssForm {line-height:20px;}
div.login .cssForm .input {padding:2px 2px 3px 2px; width:250px; font-size:12px;}
div.login .cssForm p {margin-bottom:5px;}
div.login .cssForm p label {font-size:12px; font-weight:bold;}
div.login #bottone {font-weight:bold;font-size:13px;}

/* - messaggio istantaneo ---- */

div.istMsg div.boxForm {padding:0 10px; margin:0 0 10px 0;} /* border:1px #C4C4C4 solid; background-color:#F7F7F7; */
div.istMsg table.tf {width:100%;}
div.istMsg table.tf tr td {padding:5px 0px; vertical-align:top; line-height:20px; border: none; } /* border-bottom: 1px #E7E7E7 solid; */
div.istMsg table.tf tr td span.spazio {padding:0px 0px 0px 8px;}
div.istMsg table.tf tr td.normale {padding:6px 0px 2px 0px;}
div.istMsg table.tf tr td.right {text-align:right; width:100px; padding-right:8px;}
div.istMsg table.tf tr td .lineHightForm {font-size:12px;}

/* - corner ----- */

div.corner-b-top {height:4px; display: block; background: #FFFFFF url(sito/corner-b-top.gif) no-repeat left top}
div.corner-b-top span {height:4px; display: block; overflow:hidden; margin-left:5px; background: #FFFFFF url(sito/corner-b-top.gif) no-repeat right top}
div.corner-b-box {display: block; background-color: #fff; padding:5px 10px;}
div.corner-b-bot {height:4px; display: block; background: #FFFFFF url(sito/corner-b-bot.gif) no-repeat left top; margin-bottom:10px;}
div.corner-b-bot span {height:4px; display: block; overflow:hidden; margin-left:5px; background: #FFFFFF url(sito/corner-b-bot.gif) no-repeat right top}

/* - prodotti ---- */

div.prodotto {float:left;}
div.prodotto div.wrap {width:340px;}
div.prodotto div.tipo {text-align: right; padding-right:10px; margin-bottom:3px; font-weight: bold;}
div.prodotto div.foto {float:left; width: 120px;}
div.prodotto div.desc {float:left; width: 200px;}

div.prodottoAro {float:left;}
div.prodottoAro div.wrap {width:340px;}
div.prodottoAro div.tipo {text-align: right; padding-right:10px; margin-bottom:3px; font-weight: bold;}
div.prodottoAro div.foto {width: 340px;}

div.contMesi {clear: both; width: 205px; margin: 5px auto 0px auto;}
div.contMesi ul {list-style-image:none; list-style-type:none; padding:4px 0;}
div.contMesi ul li {display:inline; white-space:nowrap; list-style-image:none; list-style-type:none;}
div.contMesi ul li span {width:17px; height:17px; display: inline-block;}
div.contMesi ul li span.Gennaio {background: #FFFFFF url(sito/mesi-g.gif) no-repeat  0px 0px ;}
div.contMesi ul li span.Febbraio {background: #FFFFFF url(sito/mesi-f.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Marzo {background: #FFFFFF url(sito/mesi-m.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Aprile {background: #FFFFFF url(sito/mesi-a.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Maggio {background: #FFFFFF url(sito/mesi-m.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Giugno {background: #FFFFFF url(sito/mesi-g.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Luglio {background: #FFFFFF url(sito/mesi-l.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Agosto {background: #FFFFFF url(sito/mesi-a.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Settembre {background: #FFFFFF url(sito/mesi-s.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Ottobre {background: #FFFFFF url(sito/mesi-o.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Novembre {background: #FFFFFF url(sito/mesi-n.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.Dicembre {background: #FFFFFF url(sito/mesi-d.gif) no-repeat  0px 0px ; }
div.contMesi ul li span.attivo {background-position: 0px -18px;}