@charset "utf-8";

/* ===================== CSS Myko Generale ========================================== */

body{ /* Definisce lo stile dell'intera pagina */
background:black; /* Definisce il background della pagina */
text-align:center; /* Allinea gli elenti della pagina al centro */
margin:0px; /* Lascia 2 pixel in alto tra la pagina e la finestra del browser */
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif; /* Definisce i caratteri della pagina */
/* Verde sito: #74754D */
}

ul{ /* Definisce lo stile delle liste menu */ list-style-type:none; margin:0; padding:0;}

img{ border-width:0px;}

div#contenitore{ /* Definisce lo stile del div che contiene gli elementi nella pagina */
width:970px; /* Crea larghezza fissa */ margin:0 auto; text-align:left;}

div#contenitore2{ /* Crea lo sfondo per le colonne laterali */
position:relative; float:left; width: 970px; margin:0px auto; text-align:left; background:#333333; /* pink; */}
/* ================== Fine Myko Generale ========================================== */


/* =========================== Intestazione ======================================== */

div#header{  /* Definisce la riga di intestazione  */
background:#000000 url(imghome/bg.jpg) no-repeat; height:100px; line-height:100px; border-bottom:1px #999999 solid;}
div#header a{margin:0; padding:0; outline:0; }

/* Menu Alto */

div#menutop{ background:#333333; border-bottom:1px solid #666666; border-top:0px; border-left:0px; border-right:0px; padding-left:161px;
height:18px; /* Fissa altezza riga */
line-height:18px; /* Necessario per altezza riga in IE */ }

div#menutop li{ float: left; /* Allinea orizzontalmente */ margin: 0px; padding: 0px;}
div#menutop a{ display:block; color:#333333; border-right:1px solid #999999;}
div#menutop a:hover{ line-height: 1px; /*serve per IE*/}
div#menutop a:hover img{visibility: hidden}
div#menutop a#current:hover img{visibility: visible}

li#one{background: url("imgbott/bhome_h.jpg") no-repeat top left}
li#two{background: url("imgbott/bport_h.jpg") no-repeat top left}
li#three{background: url("imgbott/bserv_h.jpg") no-repeat top left}
li#four{background: url("imgbott/bdown_h.jpg") no-repeat top left}
li#five{background: url("imgbott/babout_h.jpg") no-repeat top left}
li#six{background: url("imgbott/blink_h.jpg") no-repeat top left}
li#seven{background: url("imgbott/btrip_h.jpg") no-repeat top left}
/* =========================== Fine Intestazione =================================== */

/* ============================= Colonna (Menu) SINISTRA ===================================== */

div#contmsx { /* Contenitore di tutto il menu a sinistra */
float: left; margin: 0px; padding: 0px; width: 160px; background:#333333; /* green; */}

div#menusx { margin: 0px 0px 0px 0px; padding: 0px; width: 160px; background:#333333; /* red; */}
div#menusx li { float: right; /* Allinea verticale */ margin: 0px; padding: 0px;}
div#menusx a{ display:block; color:#333333; border-bottom:1px solid #666666; }
div#menusx a:hover {line-height: 1px; /*per IE*/}
div#menusx a:hover img{visibility: hidden;}
div#menusx a#current:hover img{visibility: visible;}

li#fungi{background: url("imgbott/bfungi_h.jpg") no-repeat top left;}
li#plant{background: url("imgbott/bplant_h.jpg") no-repeat top left;}
li#mamm{background: url("imgbott/bmamm_h.jpg") no-repeat top left;}
li#insect{background: url("imgbott/binsect_h.jpg") no-repeat top left;}
li#arac{background: url("imgbott/barac_h.jpg") no-repeat top left;}
li#land{background: url("imgbott/bland_h.jpg") no-repeat top left;}
li#city{background: url("imgbott/bcity_h.jpg") no-repeat top left;}
li#cont{background: url("imgbott/bcont_h.jpg") no-repeat top left;}

/* Contenitore struttura FOTO NEWS */
#corpobox{ clear: right; position: relative; float: left; margin: 10px 0px 0px 2px; padding: 0px 0px 0px 0px;
width:145px; height:190px; background-color:#333333; /* pink; */}

/* Box FOTO NEWS con tab nel menu verticale - HOME - */

#menubox {position:relative; width:154px; height:153px; background-color:#333; margin:0 auto; text-align:left;}

#menubox a {display:block; width:48px; padding-top:2px; height:18px; line-height:18px; font:11px Verdana;
background: #333 url('imgbott/tab.jpg') no-repeat top left; color:#CCC; text-decoration:none; text-align: center;
outline:0; float:right; margin:0;}
#menubox a img {position:absolute; left:-9999px;}
#menubox a:hover {background: url('imgbott/tab_h.jpg') no-repeat top left; color:#080a05;}
#menubox a:hover img {display:block; position:absolute; width:154px; height:150px; border:0; left:0px; top:18px; z-index:500;}

#menubox p {float:left; margin:-2px 0px 0px 0px;}
#menubox h1{ margin:0px 0px 10px 0px; padding:0px; width:154px; line-height: 12px; height:12px; text-align: right; font:9px Verdana; color:#999999;}

/* Box SLIDESHOW colonna verticale SX */

#menubox2 {position:relative; width:154px; height:153px; background-color:#333; margin:0 auto; text-align:left;}
#menubox2 p {float:left; margin:-2px 0px 0px 0px;}
#menubox2 h1{ margin:3px 0px 5px 0px; padding:0px; width:154px; line-height: 12px; height:12px; text-align: right; font:10px Verdana; color:#999999;}

/* Menu Travel */

div#contrav { /* Contenitore del menu travel */ float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 159px; border-bottom:1px solid #666; background: #333333; /* blue; */}
#contrav h2{ margin: 0px 0px 3px 3px; padding: 1px 0px 0px 0px; width:154px; height:17px; border-top: 1px solid #666666; border-bottom: 1px solid #666666;}

div#travel{ margin: 0px 0px 0px 2px; padding: 0px; width: 155px; background:#333; /* white; */ }
div#travel li{ float: left; margin: 0px; padding: 0px; height:16px; line-height:16px; list-style: none; font:10px Verdana;}
div#travel a{ display: block; width: 155px; height:16px; line-height:16px; outline:0;
text-indent:3px; text-decoration:none; color: #74754D; border-bottom: 1px solid #666666;}
div#travel a:hover{ color: #333333; background-color:#a4a694;}
div#travel a.select { color: #222; background-color:#c4b986;}

/* Banner nel Menu a sinistra */

#bancorpobox{float:left; margin: 0px 0px 0px 2px; padding: 0px; width:155px; height:147px; background-color:#333333; /* pink; */}

div#bansx{ text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div#bansx p { padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div#bansx img{ padding:0px; margin: 12px 0px 2px 0px; border: 1px solid #666666;}

div#bansxbasso{float:left; text-align: center; padding: 0px; margin: 0px; height: 100px;}
div#bansxbasso p { padding: 0px; margin: 0px;}
div#bansxbasso img{ padding: 0px; margin: 15px 0px 0px 1px; border: 1px solid #666666;}

/* Box angoli rotondi SX */

div#boxcurve {float:left; margin:0px 0px 0px 1px; padding:0; width:158px; background:#333;}
dl.curved {background:#4e4e4e url(imghome/c_tl.gif) top left no-repeat; margin:15px auto 2px auto; padding:0; width:158px;}
dl.curved dt {background:transparent url(imghome/c_tr.gif) top right no-repeat; padding:3px; text-align:center; color:#f3d54a; font-size:11px;}
dl.curved dd {background:#b5b5b5 url(imghome/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:5px 5px 1px 5px; line-height:11px; font-size:10px;}
dl.curved dd p.last {background:transparent url(imghome/c_br.gif) bottom right no-repeat; text-align:center; padding-top:5px;}
dl.curved dd p a {margin:0; padding:0; text-decoration:none; outline:0; color:#292ccb;}
dl.curved dd p a:hover {margin:0; padding:0; text-decoration:none; outline:0; color:#06097f;}

/* ============================= Fine Colonna (Menu) SINISTRA ===================================== */

/* ============================== Contenuti centrali ==================================== */

/* Contenitore CENTRALE */
div#content{position:relative; float:left; width: 654px; margin:0 auto; padding:0px; background:#000000;} 

div#content h1{ font:11px Verdana; font-style:italic; text-align:center; line-height:14px; padding: 0px; margin:0px; background:url(imghome/bkgaltesta.gif) repeat-x top right;}
div#content h3{ font:14px Verdana; font-style:italic; text-align:center; line-height:18px; padding: 0px; margin:0px; background:url(imghome/bkgaltesta.gif) repeat-x top right;}
div#content p#txthome { margin: 0px; padding: 6px 0px 3px 0px;}
div#content span.conttxt_it { color:#efe987;}
div#content span.conttxt_itsm { font:11px Verdana; font-style:italic; color:#efe987;}
div#content span.conttxt_en { color:#bab783;}
div#content span.conttxt_ensm { font:11px Verdana; font-style:italic; color:#bab783;}

div#content p.titolo2 { padding: 12px 8px 0px 0px ; margin:0px; font:15px Verdana; font-style:italic; letter-spacing:.2em; text-align:right; color:#74754D;}
div#content p.titolino { padding: 2px 10px 5px 0px; margin:0px; font:10px Verdana; font-style:italic; text-align:right; color:#666666; line-height:12px; letter-spacing:.1em;}
div#content p.sottotitolo { padding-left: 96px; margin:0px; font:12px Verdana; text-align:left; color:#74754D; line-height:18px; letter-spacing:.2em;}

div#content h4{text-align: center; margin: 0px;}

/* GALLERIA IMMAGINI centrale */

#galleria { width:654px; height:595px; margin:0 auto; position:relative; font-family:verdana, arial, sans-serif; background: url(imghome/bkgalbas.gif) repeat-x bottom left;}
 
#galleria #minia {position:absolute; margin:0; height:110px; width:650px; overflow:hidden; text-align:center; z-index:300;}
#galleria #minia div {width:650px; height:180px; position:relative; padding-top:0px;}
#galleria #minia div ul {padding:0; margin:0 auto; list-style:none; width:648px;}
#galleria #minia div ul li {float:left; padding:10px 0 5px 5px;}
#galleria #minia div ul li a { /* Dimensioni disposizione dei thumbs */
display:block;
width:85px;
height:64px;
float:left;
}
#galleria #minia div ul li a b {display:none;}
#galleria #minia div ul li a { /* Effetto immagini nei thumbs */
display:block;
width:87px;
height:66px;
float:left;
opacity: 0.7; /* CSS3 standard */
filter: alpha(opacity=70); /* per IE */
}
#galleria #minia div ul li a.indietro {background:url(imgbott/avan.jpg) no-repeat center center;}
#galleria #minia div ul li a.avanti {background:url(imgbott/prec.jpg) no-repeat center center;}
#galleria #minia div ul li a img {display:block; width:85px; height:64px; border:1px solid #888888;}
#galleria #minia div ul li a img:hover {display:block; width:85px; height:64px; border:1px solid #CCCCCC;}
#galleria #minia div ul li a img :focus {display:block; width:85px; height:64px; border:1px solid #CCCCCC;}
#galleria #minia div ul li a:hover { /* Effetti thumbs quando selezionati per IE*/
outline:0;
opacity: 1; /* CSS3 standard */
filter: alpha(opacity=100); /* per IE */
}
#galleria #minia div ul li a:focus { /* Effetti thumbs quando selezionati */
outline:0;
opacity: 1; /* CSS3 standard */
filter: alpha(opacity=100); /* per IE */
}

#galleria #full {position:absolute; left:0; top:0; height:595px; width:654px; overflow:hidden; text-align:center; z-index:200;}
 
#galleria #full div {width:654px; height:590px; padding-top:85px; position:relative;}
#galleria #full div img {clear:both; display:block; margin:0 auto; border:1px solid #666666; position:relative;}
#galleria #full div h3 {padding:5px 0 0 0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#74754D;}
#galleria #full div p {padding:5px 0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#888888; line-height:14px;}
#galleria #full div h4 {padding:5px 0 0 0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
#galleria #full div h4:hover {padding:5px 0 0 0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#galleria #full div a {text-decoration:none;}
#galleria #full div a:hover {text-decoration:underline; color:#666666;}
/* ============================== Fine Contenuti centrali ==================================== */


/* ==================================== Colonna destra ======================================= */

div#extra{ float:right; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 155px; background:#333333; /* white; */}
div#extra p { margin: 0px; padding: 0px; text-align:center;}
div#extra p#txtw{ margin:0px; padding:4px 2px 0px 4px; text-align:right; font: 11px Verdana; font-style:italic; color:#999999;}
div#extra p#txtg{ margin:0px 0px 3px 0px; padding:4px 2px 4px 4px; text-align:right; font: 11px Verdana; font-style:italic; color:#777777;}
div#extra p#equip{ margin:5px 0px 0px 0px; padding:0px 3px 3px 0px; text-align:right; font: 11px Verdana; color:#CCCCCC; border-bottom:1px solid #999999;}
div#extra p#equip2{ margin:3px 0px 0px 0px; padding:0px 3px 0px 0px; text-align:right; font: 11px Verdana; color:#CCCCCC; border-bottom:0px solid #999999;}
div#extra p#lens{ /* In pagina contatti */ margin:0px; padding:4px; text-align:right; font: 11px Verdana; color:#C3C3C3; border-bottom:2px solid #999999;}
div#extra p#comp{ /*Compatibilità in home */ margin:2px; padding:3px; text-align:right; font:10px Verdana; border:1px solid #777; color:#74754D; background:#000;}
div#extra img { margin:0px; padding:0px; border:1px solid #999999;}
div#extra h1.txt9n { margin:3px 0px 2px 0px; padding-right:3px; font:9px Verdana;text-align: right; color:#999999; }

div#txtintro { margin: 0 auto; padding: 0px 0px 0px 0px; width:149px;}
div#conttxtdx { margin:0px 0px 0px 2px; padding:0px; width:150px;}
div#conttxtdx a { margin:0; padding:0; outline:0;}
div#conttxtdx2 { margin:0px 0px 0px 2px; padding:0px; width:150px;}

/* Box NEWS SCORREVOLE a DX */

#scroll { border:1px solid #999999; margin:0px 3px 0px 2px; padding:0px; height:200px; background:url(imghome/bkgnews.jpg) no-repeat center center;}
#scroll li.lista { font: 10px Verdana; text-decoration:none; text-align:left; margin:0px; padding:6px; line-height:13px;}
#scroll a { text-decoration:none; color:#cccccc;}
#scroll a:hover { text-decoration:none; color:#FFFFFF;}
#scroll h1 {margin:0px; padding-bottom:2px; font: 11px Verdana; font-style:italic; text-decoration:none; color:#a5a757;}
#scroll h1.firstnew {margin:0px; padding-bottom:2px; font: 12px Verdana; font-style:italic; text-decoration:none; color:#ffe400;}

/* Box angoli rotondi DX */

div#boxcurvedx {margin:0 auto; padding:0; width:150px; background:#333;}
#boxcurvedx dl.curved {background:#4e4e4e url(imghome/c_tl.gif) top left no-repeat; margin:8px auto 5px auto; padding:0; width:150px;}
#boxcurvedx dl.curved dt {background:transparent url(imghome/c_tr.gif) top right no-repeat; padding:3px; text-align:center; color:#CCC; font-size:11px;}
#boxcurvedx dl.curved dd {background:#161616 url(imghome/c_bl_dx.gif) bottom left no-repeat; padding:0; margin:0;}
#boxcurvedx dl.curved dd p {margin:0; padding:5px 5px 1px 5px; line-height:11px; font-size:10px; color:#999;}
#boxcurvedx dl.curved dd p.last {background:transparent url(imghome/c_br_dx.gif) bottom right no-repeat; text-align:center; padding-top:5px;}

/* Secondo banner in basso a DX */
div#ban2dx { margin:6px 0px 0px 2px; padding:0px; width:150px;}
a.ban {margin:0px; padding:0px; text-decoration:none; width:150px; height:50px;}


/* ==================================== Fine Colonna destra ======================================= */

/* =========================================== Piede ============================================ */

div#footer{ clear:both; background:#000000; border-top:1px #666666 solid; border-bottom:1px #666666 solid; width:970px; height:44px; float: left;}
div#copyr{ width:820px; height:40px; position:absolute; padding-top:3px; line-height:12px; font: 9px Verdana; color:#777777;}
div#datad { width:959px; height:40px; position:absolute; text-align:right; color:#74754D; font: 10px Verdana; padding-top:3px;}
/* =========================================== Fine Piede ======================================= */