html,body {margin: 0; padding: 0; border: 0; width:100%; height:100%;}
html {background-color: #b4642d; }
body {font-family: Georgia, Arial, Sans-Serif; color:black;  text-align:center; padding:0; background: url(/erbario4/images/carta.jpg) #b4642d repeat-y top center;}
body.innnerBody {background: url(/erbario4/images/carta-home.jpg) repeat-y top center; min-height: 873px}
div#containerExt > div#container {height:100%; min-height:96%; }
div#containerExt, div#containerExt1 {width:100%; background: url(/erbario4/images/carta.jpg) repeat-y top center; overflow:hidden; padding:0; font-size:1em; margin:0 auto; height:auto; border:0; position:relative; }
div#containerExt {background: url(/erbario4/images/carta-home.jpg) repeat-y top center;}
div#container {width:1005px; padding:0; clear:both; position:relative; height:auto; z-index:2; font-size:1em; margin:0 auto; border:0;}

div#footer {color:Black; clear:both; margin:30px auto; width: 100%;  font-size: 12px; text-align: center; padding: 0px 0px }
div.footerContent {width:1005px; margin: 5px auto;  height:auto; color: black; padding: 0px; font-size: 0.8em; font-style: italic; text-align: center}
.footerContent img {margin: 0 0 0 40px; border: 0}
.footerContent span {font-size: 1.2em; color: #abacb3; border-top: 1px solid #abacb3; padding: 3px 0px 0px 20px}



div.contacts {color: white; font-size: 12px; text-align: left; padding: 5px 10px; position: absolute; bottom: 5px; left: 5px;}


/*FONT*/
.smaller { font-size: smaller}
span.boldBig { font-size: 14px; font-weight: bold; color: #83031d}
span.strongRed { font-weight: bold; font-size: larger;color: #b32621;}

span.error_msg {color:red;}
strong {font-size:1em; font-weight: bold}
a.smallLink {font-size:0.6em;}


h2.big, h1.big {font-size: 28px; font-family: Gautami,Tahoma; font-weight: normal; color:#f4b045; height: auto}
h2.big {font-size: 26px; font-weight: normal; padding: 10px 0; }
h1.big {font-size: 30px;  font-weight: normal;letter-spacing: -2px; margin-bottom: 0; padding-bottom: 0}
h2.medium  {font-size: 24px; color:#b32621;  font-weight:normal; }
h1.linked {color: black;  background: url(/erbario4/images/frecciaPiccola.jpg) no-repeat top right; width: 100%}
h1.linked a {text-decoration: none;color: black}
h2.orange {color:#fa9032;font-size:32px;}
h3 {font-size:1.4em;border:0; font-weight:normal; margin-bottom:0px; font-style:italic;}
a {color:#b32621;}
input { border:1px solid #000; font-family:Verdana; }

span.red, .red, .linkHead a.red, a.orange, input.orange{background-color: #b32621; color: white;}
a.red {padding: 2px 5px;font-size: 12px;}
a.orange, input.orange {background-color: #f49000;padding: 2px 5px;font-size: 12px;}
span.italic {font-style: italic}

.black * {color: black}


a.a1 {background-color:#a6bddc; color:Black;font-size:12px;padding:5px; letter-spacing:0px;}
a.a1:hover {color:#0f6361}

#contentExt  .btnShort, #contentExt  .btnWide, #contentExt  .prossimoSito {font-weight: normal; font-style: italic; font-size: 14px; width:70px; display: block; text-align: center;  background:url(/erbario4/images/btnShortAzzurro.png) no-repeat top left; color:#366eb6; padding: 2px 5px; text-decoration: none;}
#contentExt  .btnWide {background-image: url(/erbario4/images/btnLongAzzurro.png); width: 170px;}
#contentExt   a.prossimoSito {background-image: url(/erbario4/images/btnBluArrows.png); width: 126px; padding-right: 30px; color: #d6deea;}
#contentExt  .btnShort:hover, #contentExt .btnShortWide:hover, #contentExt a.prossimoSito:hover {font-weight: bold;}
/*stili GENERALI per il layout*/
div#rightColumn, div#rightColumn1 {float: left; clear:right;  width: 380px;  padding:0px; background: url(/erbario4/images/newsBack.png) repeat; padding: 10px 0 10px 15px}
div#leftColumn {float: left; width: 280px;  padding:0px; background-color: transparent; }
div#contentExt,div#contentExt1 {float:left; margin:0; padding:0px;  font-size:0.8em; padding-top:10px;}
div#contentExt {padding:0; background-color:  white;  min-height: 400px; padding: 0; margin:0; z-index: 2}
div#contentExt1 {padding:0;  background:  no-repeat top center; }

div#content {float:left;padding:10px; width: 516px;}

div.fullWidth, div.cleaner {clear:both; padding:0; margin:0; width:100%;}
div.cleaner {height: 0}
div.fullWidthC {clear:both; padding:0; margin:0; width:100%;text-align:center}


div.bottomDiv {position: absolute; bottom:0; left: 0;}
div.sitemap {color:white; text-align:left; clear:both; color: white; ; margin:0px;padding: 5px 20px; font-size:11px;}
.sitemap a {color:white;font-style: italic}
.sitemap strong, .sitemap1 strong, .sitemap2 strong{color:white; font-size:13px;}

div.item {clear:both}
a.linkOrange , input.linkOrange {background-color: #fc951b; color:white; padding: 2px 5px; text-decoration: none; text-align: left;}
div.smallImgLeft, div.imgLeft {float:left;}
div.smallImgLeft img, div.imgLeft img {border: 0; padding: 5px 5px 5px 5px; margin: 15px 10px 0 0}
div.smallImgRight, div.imgRight {float:right;}
div.smallImgRight img, .imgRight img {border: 0; padding: 5px 5px 5px 5px; margin: 15px 0 0 5px}


/*Header*/
div#header, div#header1 {height: 120px; clear:both; width:100%; padding:0; position:relative; margin:0 auto;  z-index: 1}
img.quaderni {position: absolute; top:65px; left: 560px}


div.head {width: 998px; margin: 0 auto; padding: 0;position: relative}
div.bigBanner {width: 998px; margin: 10px auto; margin-top: 63px; position: relative}
.bigBanner a {text-decoration: none;}
.bigBanner h1 {color: white}
.bigBanner .imgRight {float: right}
.bigBanner img {border:0;}
div.logo, div.logoSmall {top:100px; left: 30px; padding: 0;  margin:0px; text-align:left; height:48px; width: 266px; position:absolute; z-index: 99}
div.logoSmall {left: 0px; top:10px; }
div.logoSmall img { height:48px; width: 266px;}
div.logo img, div.logoSmall img {border:0; margin: 0; padding: 0}
div.logo a, div.logoSmall a {border:0; text-decoration:none;}

#header1 {position: relative}
#header1 a.short .sf-sub-indicator {right: -30px}

a.linguettaSettori, a.linguettaProdotti {position: absolute; bottom:0px; right:180px;z-index: 99}
a.linguettaProdotti {right: 20px; bottom: 1px }

.breadcrumbs {width: 900px;text-align: left; position: absolute; bottom: 0; left: 0; font-size: 0.8em; z-index: 99}
.breadcrumbs a {color:black}
.breadcrumbs a.current {color:#c9580b}


/*LOGIN-BOX*/
div.loginForm {position: absolute; right: 0; top:5px; text-align: right; color: #918f8f;}
.loginForm div {float: left; color: #918f8f;font-size: .8em; margin-left: 10px; text-align: left}
.userName input, .password input {border-color: #918f8f; padding-left: 3px}
.checkbox input{border:0}
#header1 div.loginForm {top:10px}

.loginForm span.logged {font-weight: bold; color: black}

/*GENERICI*/
h1, h3  {font-family: "palscri", Arial, Sans-Serif; color:Black; text-align:left; border-bottom:0px solid #417402;  font-weight:normal; letter-spacing:-1px; margin:0 0 10px 0; padding:0}
h1 {font-size: 75px; color: #c9580b; padding: 0; margin: 0; height: 80px; line-height: 90px}
h2 a {color: black; text-decoration: none;}
h2 a:hover {text-decoration: underline}
h2 {text-align: left; padding: 0; margin: 5px 0; margin-top: 0; font-weight: normal}
div.colLeft {float: left; width: 67%; padding: 0; margin: 0}
div.colFull {clear: both; width: 98%; padding: 0; margin: 0}
div.colLeftThin {float: left; width: 28%; padding: 0 0 0 20px; margin: 0}
div.thin {width: 25%; margin-left: 4%}

#container h2.senzaBordo  {border: 0}
#container h2.conBordo  {border-top: 1px solid #d6deea}

a.linkAzzurro {color:#6bbdf5; font-size: 14px; text-decoration: none; font-style: normal}
a.linkDomanda {color:#abacb3; background-color: #000317; padding: 2px 10px; font-size: 11px; text-decoration: none; margin-top: 3px; display: block; width: 140px}
a.linkDomanda:hover, a.linkAzzurro:hover {text-decoration: underline}

a.btnBlu {display: block; background: url(/erbario4/images/btnblue.png) #202334 no-repeat top left; width: 87px; padding:3px 10px; text-align: center; color:#000317; text-decoration: none;}
a.btnBlu:hover {text-decoration: underline}

.grigioChiaro {color: #a4a3a3;}


/*MENU*/
.innerBody div.Menu {background-image: none}
div.Menu {width: 791px; background:  url(/erbario4/images/backMenu.jpg) no-repeat top right; padding: 0; height: 117px; margin: 0; position: absolute; right: -70px; top: 0; clear: both; z-index: 1}
.Menu ul {float: left; display: block; padding: 0; width:100%;  margin-top: 0; text-align: left; }
.Menu ul ul, .Menu ul {margin: 0; padding: 0; margin-left: 120px; }
.Menu li ul {position: absolute; top: 3.6em; left:0;}
.Menu ul li {width: auto; float: left; list-style: none; text-align: left; margin-left: 15px;}
.Menu ul li li {width: auto; float: left; list-style: none; color:black; margin-top: 0; padding-top: 0; z-index: 1}
.Menu ul li a { display: block; float: left; color: #99601c; font-weight: normal; font-size: 1.0em; height:1.8em; text-decoration: none; padding-top: 0.6em; padding-right: 1em;  margin-left: 0; margin-top: 0.5em; padding-bottom: 0}
.Menu ul li li.liv2 a {color:#99601c; font-size: 0.8em; font-weight: normal; background-image: none; padding: 0.6em 0em 0.1em 0.6em; margin-top: 0;}
.Menu ul li a.active  {color: #b4642d; font-weight: bold/* 8-bit indexed alpha png. IE6 gets solid image only */}
.Menu ul li li a.active { font-weight: bold}
.Menu ul li li.liv2 {visibility: hidden; display: none}
.Menu ul li.active li.liv2 {visibility: visible;display: inline}
.Menu ul li li a:hover, .Menu ul li li.active a{text-decoration: underline; }
.Menu .sf-navbar a:hover .sf-sub-indicator, .Menu .sf-navbar li:hover .sf-sub-indicator, .Menu .sf-navbar .active  { background: url(/erbario4/images/frecciaSottoMenuDown.png) no-repeat top left; /* 8-bit indexed alpha png. IE6 gets solid image only */ }


/*HOMEPAGE*/
.footerHome .footerContent {text-align: left;}
.footerHome .footerContent img {margin: 0 30px 0 0}
.footerHome .footerContent span {padding: 0 30px 0 0}

div.mission {position: absolute; top: 10px; left: 500px; clear:both; margin-top: 0; width: 500px; height: 400px; text-align: left;}
div.mission img {border: 0}
div.motto {color: #626262; font-size: 1.2em; letter-spacing: -1px;margin-top: 20px}
.motto .black {color: black; font-style: italic; font-weight: bold; }
.motto .italic {font-size: 0.6em; letter-spacing: 0; font-weight: bold; color: black}

div.entrate {position: absolute; top: 285px; left: 100px}
.entrate a {float: left; text-decoration: none}
.entrate div {padding: 10px 20px}
.entrate p {color: #626262; text-align: left; font-size: 0.8em; margin-top: 33px}

div.glossario, div.disegni, div.erbari {background: url(/erbario4/images/erbari.png) no-repeat top left; width: 171px; height: 252px; display: block}
div.glossario {background: url(/erbario4/images/glossario.png) no-repeat top left;}
div.disegni {background: url(/erbario4/images/disegni.png) no-repeat top left;}


/*SCHEDA SPECIE*/
div.campiRosa, div.campiVerdi {background: url(/erbario4/images/transpink.png) repeat top right; font-size: 0.8em;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; behavior:url(/erbario4/css/border-radius-fix.htc); text-align: justify; padding: 20px; margin: 0; margin-bottom: 20px}
div.colLeft h1 {padding: 0; margin: 0;}
.descrizione {text-align:justify; padding: 0px 0 0; color: #626262;}
.descrizione strong {color: black}
.bibliografia {text-align:justify; padding: 20px 0; color: #626262; font-size: 0.8em}
div.campo {float: left; width: 180px; text-align: right; padding: 0; margin: 0; font-size: 1.1em; padding-right: 10px; }
div.paragrafo { float: left; width: 420px; padding: 0; margin: 0}
body .paragrafo p {margin: 0}
div.imgScheda {padding: 0; margin: 0;}
.imgScheda img {border:1px solid #f7d3b6}
div.item {clear: both;}

ul.elSpecie {text-align: left; list-style-type: square}

div.campiVerdi {background-color: #f3edd3; margin-top: 20px}

div.stripGialla {width: 100%; margin:20px 0 20px 10px; background: url(/erbario4/images/stripGialla.png) no-repeat top left;}
.stripGialla h3 {font-family: Georgia; color: #99601c; border-bottom: 1px solid #f1bc97; font-size: 1em; font-style: normal; }
.stripGialla h3 a {color: #99601c;text-decoration: none}
.stripGialla div.specieAnteprima {float: left}
div.thumb, div.desc {width: 80px;  float: left}
div.desc {width: 100px; font-size: 0.7em; padding: 0 5px; text-align: left}
.desc a {display: block; padding-left: 15px; margin-top: 5px; background: url(/erbario4/images/pallino.png) no-repeat top left; color: #99601c; font-style: italic; }
.thumb img {max-width: 80px; max-height: 120px;  border:1px solid #f7d3b6}
div.specieAnteprima {width: 20%; margin: 0 5px; padding: 10px 15px;}
.imgScheda .dis img {width: 150px; margin-top: 20px}

.alphabetic-nav-ul .alphabetic-nav-li { background-color: #0f6361; display:block; min-width: 25px; height: 30px; float:left; margin-right: 3px; padding:3px; padding-top: 5px;}
.alphabetic-nav-li a {color: white; font-weight: bold; text-decoration: none; }

.glossario-lettere-ul .glossario-lettere-li {display:block;float:left; margin-right: 3px;}

/*- Tabella erbario -*/
table.lista {width: 100%; margin-top: 10px}
table.lista td {border-bottom: 1px solid #d6deea}
table.lista td, table.lista th {text-align: left;}
table.lista th {background-color: #FFE7A1}
table.lista tfoot td {text-align: center; background-color:#FFE7A1 }
.lista td.col1  {width: 50%}
.lista td.col2  {width: 30%}
table.lista td.col3  {width: 20%; }
table.lista td.col3, table.lista th.col3  {text-align: center}
.lista td.col2 a {color: #c9580b}

/**/
div.abstract {width: 100%; text-align: left; font-size: 1em;}
.abstract ul {width: 100%; text-align: left; margin: 0 0 20px 0; padding: 0;}
.abstract li {list-style-type: none; padding: 0; margin-right: 5px;float: left;}

table.studenti td{text-align: left; padding: 0; height: 20px; color: #626262; width: 230px}
table.studenti p{text-align: left; padding: 5px 0; margin: 0}

body div.alignCenter {text-align: center}
div.disegnoGrande {text-align: center; margin: 0; padding: 0}
.disegnoGrande img {border:2px solid #f49000}
.disegniPiccoli img {border: 1px solid #000317}


div.cartellino {background: white; border: 1px solid #fc951b; padding: 5px; text-align: center; margin: 10px 0; max-width: 310px }
div.cartellino img {border: 0; max-width: 310px }
div.cartellino p {text-align: center; font-size: 0.8em; color: black;}