/* @override http://10.0.0.77/flora2000/css/floraMarrone.css */

/*-----------------------------------------------------------------------------
SITO www.flora2000.it

version:	1.0 del 9/11/2007
author:		federico pizzutto (www.pngised.net)
client:		Prospero Multilab (http://www.prosperomultilab.com/)
scope:		definizione della sezione marrone
            
- Convenzioni -
NOTE:: --> utilizzato per indicare particolari informazioni
HACK:: --> utilizzato per indicare correzioni specifiche
-----------------------------------------------------------------------------*//* 

/* --> TYPOGRAPHY, PARAGRAPH, LISTS
-----------------------------------------------------------------------------*/
#csx { font-size: 1.2em;}
#csx #menuVerde {	font-size: 1.1em;}
#cdx { font-size: 1.2em;}
#c1 { font-size: 1.1em;}
#c1 .articolo ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 20px;
}
#c1 .articolo ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}

/* --> HEADINGS
-----------------------------------------------------------------------------*/
h1#scuola-intro, #c1 h1, #c1 h2, #c1 h3, #c1 h5 {color: #FFF9B2;}
#c1 h1 {
    font-size: 1.7em;
    padding: 8px 10px 7px 10px;
	background: #e0a331 url(../images/backH1.gif) repeat-x 0 0;
	line-height:1.2em;
	text-shadow: #996f21 0 1px 5px;
	border-bottom: 1px solid #b18126;
}
#c1 h3 {
    font-size: 1.2em;
	padding-bottom: 2px;
}
#c1 h1, #c1 h3, #c1 h5 {font-weight: bold;}
#c1 h5 {font-size: 1em;}
.articoli #c1 h2 {
    font-size:1.2em;
    padding: 5px 10px;
    color: #FFF9B2;
	font-weight: bold;
	background: #93702c url(../images/backH2Articoli.gif) repeat-x 0 0;
	border-bottom: 1px solid #654d1e;
	margin-top: 10px;
}
.articolo #c1 h4 {	line-height: 1.1em;}
.corso #c1 h2 {
    font-size:1.4em;
    padding-top:0.3em;
    color:inherit;
}

/* --> LINKS
-----------------------------------------------------------------------------*/
a {
	color: #00802B;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#cdx a {
	color: #634400;
}
#c1 h3 a {
	color: #000;
} 
#cdx h4 {
	font-size: 1.2em;
	font-weight: bold;
    padding-bottom:0.8em;
}
#cdx .corsi h4 {
	padding-bottom: 0.5em;
}
.box-marron h3 {
    font-size: 1.4em;
}
.box-marron h4 {
	text-transform: uppercase;
}
.prodottiConsigliati p a {
	background: url(../images/tagProdConsigliati.gif) no-repeat 2px 2px;
	padding-left: 30px;
	color: #fffac2 !important;
}
.prodottiConsigliati p a:hover {
	background: url(../images/tagProdConsigliatiOver.gif) no-repeat 2px 2px;
	color: #fff !important;
	text-decoration: none;
}
/* --> BRANDING
-----------------------------------------------------------------------------*/
h1#logo {
	/*display: none;
	visibility:hidden;*/
	position:absolute;
	width:200px;
	top:15px;
	left:20px;
}
h1#logo a {display:block;text-indent:-9000px;height:50px;}

#wrapper {background: #00502d url(../images/bgMarrone.jpg) repeat-y center top;}
#wrapper2 {background: url(../images/top_scuola.jpg) no-repeat 50% 0;}
#csx {
	width: 180px;
	padding-left: 15px;
	padding-right: 15px;
}
#cdx {
	width: 698px;
	/*width:683px;
	padding-left: 15px;*/
}
#c1 { 
	width: 466px;
}
#c2 {
	width: 215px;
	top: -80px;
	position: relative;
}

/* --> MAIN NAV
-----------------------------------------------------------------------------*/
#menuMarrone a { padding: 15px 0;}
#menuMarrone h3 a {
	background: url(../images/m_brown_close.jpg) repeat-y 0 100%;
}
#menuMarrone h3 a:hover, #menuMarrone h3.selected a {
	background: url(../images/m_brown_open.jpg) repeat-y 0 100%;
}
#menuMarrone h3.selected a, #menuMarrone h3.selected a:hover, #menuMarrone ul a:hover { color: #fff;}
#menuMarrone li {padding:0;}
#menuMarrone li a:hover { color: #EDD78E;}
#menuMarrone ul a {
	border-top: 1px dashed #805700;
	color: #FFF9B2;
	background: url(../images/m_brown_sub.jpg) repeat-y 0 100%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}


/*--> SUB NAV
-----------------------------------------------------------------------------*/
#menuVerde h3 a {
	padding-top:0.4em;
	padding-bottom:0.3em;
}
#menuVerde h3 a:hover {	color:#96CD28;}
#menuVerde h3 a:hover {	background: #699f25;}
#menuVerde h3.selected a, #menuVerde h3.selected a:hover{
	color: #a0de54;
	background: url(../images/m_green_open.gif) repeat-x 0 0;
}
#menuVerde ul li a{
	background: #4b8c2a url(../images/m_green_sub.gif) repeat-x 0 0;
}
#menuVerde h3.selected a, #menuVerde ul li a { color: #b9de6f;}
#menuVerde ul li a:hover { background: #4b8c2a;}

/* --> MAIN CONTENT
-----------------------------------------------------------------------------*/
/*ARTICOLO*/
.articolo, .prodottiConsigliati {
	color: #322814;
	padding: 10px;
	margin-bottom:0px;
	background: #e5b95b url(../images/backArticolo.gif) repeat-x 0 0;
	border-bottom: 1px solid #c08f25;
}
li.articolo, .prodottiConsigliati {
	padding-top: 0.7em;
	padding-bottom: 0.8em;
}


/*IMMAGINE QUADRO*/
div.quadro {
	position: relative;
	left: -5px;
	padding-top: 21px;
	padding-left: 20px;
}
div.quadro img#quadro {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}
.imgQuadro {
	width: 398px;
	background-color: #AD8837;
	border: 1px solid #94752F;
	text-align: center;
	padding-bottom: 5px;
}

/*COMMENTI*/
.commenti {
	clear: both;
	padding-top: 15px;
}
.commenti h3 {
	padding: 5px 10px;
	background: #b08a44 url(../images/backH3Commenti.gif) repeat-x 0 0;
	border-bottom: 1px solid #8c6e36;
}
.commento {
	border-bottom: 1px solid #99762e;
}
.commento div {
	background: #ceab64 url(../images/backCommento.gif) repeat-x 0 0;
	padding: 12px 10px 5px;
}
.commento p.autore {
	background-color: #c4a35f;
	padding: 6px 10px;
	color: #4d3d1e;
}

/*CORSI*/
.corsi li {
	padding-top: 0.5em;
	/*border-bottom: 1px dashed #FFF9B2;*/
}
.corsi li.primoLi {
	padding-top: 0;
	border-bottom: 0px dashed #FFF9B2;
}
.corsi em {
	color: #fff;
	font-style: normal;
}
.corsi strong {
	color: #000;
	display: block;
}
.autore {
	text-align: right;
	padding-top: 0.5em;
}
ul.lettere .risposta {	color: #634400;}

.paginaCorsi #c1 .corsi { padding: 0;}
.paginaCorsi #c1 .corsi li{}
.paginaCorsi #c1 .data strong, .data strong { 
	color: #FFF9B2;
	text-shadow: #997633 0 1px 3px;
	margin-bottom: 3px;
}

.corso .data, .nonPerdere .data, .data strong {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: normal;
}

/*GALLERIA*/
.gallery img, .gallery-left img {
	border:1px solid #634400;
}
.gallery a {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.gallery a.padding-zero {
	padding-right: 0;
}

table.gallery  {
	padding-top: 1em;
	clear: both;
	line-height: 1.4em;
	width: 99%;
	text-align: left;
}
table.gallery td.tdImg {
	width: 112px;
}


/* --> SECONDARY CONTENT
-----------------------------------------------------------------------------*/
/*BOX IN EVIDENZA*/
.box-evidenza li { margin-top: 1.5em;}
.box-evidenza div {	padding-top: 0.5em;}
.box-evidenza .prezzo {padding-right: 50px;}
.box-evidenza h3 {
	color: #00802B;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 0.5em;
}


/* --> FORMS
-----------------------------------------------------------------------------*/
/*#commentForm {
    margin-top:5px;
}*/
legend {color:#634400;}
#commentForm h3{
    font-size: 1.2em;
    padding: 5px 10px;
    color: #FFF9B2;
	font-weight: bold;
	border-bottom: 1px solid #8c6e36;
	background: #b08a44 url(../images/backH3Commenti.gif) repeat-x 0 0;
}
#commentForm fieldset {
	padding: 10px 10px 15px;
	background: #ceab64 url(../images/backCommento.gif) repeat-x 0 0;
	border-bottom: 1px solid #b18835;
}
#commentForm fieldset p {
	clear: both;
}
#commentForm span {
	display: block;
	width: 49%;
}
#commentForm span input {	width: 96%;}
#commentForm span.errore {width:auto;clear:both;}
/*#commentForm span.errore {
	display: inline;
	width: auto;
}*/
/*input.Flora, select.Flora, textarea.Flora {
	border-bottom: 1px solid #8c743e;
	background-color: #d0ac5d;
	color: #634400;
}*/
/*NOTA:: solo per IE 
#commentForm textarea {
    scrollbar-face-color:#A5833A;
    scrollbar-highlight-color:#D0AC5D;
    scrollbar-3dlight-color:#A5833A;
    scrollbar-darkshadow-color:#A5833A;
    scrollbar-shadow-color:#A5833A;
    scrollbar-arrow-color:#FFF9B2;
    scrollbar-track-color:#C7A459;
}*/
#commentForm p.bottone {margin: 0 0 -7px; text-align:right;
}
#commentForm input.bottone {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.errore {
    background: #ffac00;
    padding: 0.2em;
	font-weight:bold;
	color:#fff;
}
.cerca, .filtraRicerca {
    padding:10px;
    margin-bottom: 0px;
	background: #d8b361 url(../images/backFiltraRicerca.gif) repeat-x 0 0;
	border-bottom: 1px solid #b18935;
}
.cerca input.Flora, .filtraRicerca select {
    display:inline;
    /*border:1px solid #8c743e;*/
}
.filtraRicerca p {float:left;padding-right:10px;}
.filtraRicerca select {width:auto;}
.formUploadModifica {
	background-color: #be9d5c;
	margin: 10px -28px 10px -10px;
	padding: 5px 10px 15px 10px;
}
.formUploadAggiungi {
	background-color: #be9d5c;
	margin: -5px -10px -15px -10px;
	padding: 5px 10px 20px 10px;
}
.formUpload td {
	padding:5px 10px 0 0;
	vertical-align: top;	
}


/* --> TABLES
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}
td {
  text-align: left;
	font-weight: normal;
}
/*NOTE:: --> utilizzo anche per il link ai commenti nello stesso paragrafo*/
.articoli p.continua {text-align: left;}
.articoli p.continua span { float:right;}


/* --> MISC+ 1
-----------------------------------------------------------------------------*/
.newsletter fieldset ul p {
	color: #7b5b13;
}
table.download td {	border-bottom:1px dotted #9d6d01;}

#banner-assistenza {
    height:30px;
    background: transparent url(../images/backRichiediFloraCares.gif) no-repeat 0 0;
    line-height:30px;
    padding-left:10px;
    margin:0;
    border-bottom:1px solid #B18935;
}