
body{margin:0;color:#064413;font-family:Arial, Helvetica, sans-serif;font-size:0.75em;background:url("images/bk_page.gif") top repeat-x}
a{color:#064413}
p{padding:0;margin:0 0 7px 0}
.left{float:left}
.right{float:right}
#body{width:990px;}
#page{margin:0 auto;width:990px;overflow:hidden}
#head{float:left;width:990px;padding:8px 0 0 0;background:url("images/bk_head.gif") top left no-repeat ;overflow:hidden} #head img{border:0}

#flag{float:left;width:330px;padding:8px 76px 0 0;background:url("images/img-head-dx.gif") top no-repeat;overflow:hidden;height:220px}
.lingue a{float:left;margin:0 4px;color:#064413;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-weight:bold;text-decoration:none;}
.lingue a:hover{text-decoration:underline;}
.line{float:left;width:100%;margin:0 0 10px 0;font-size:0;height:1px;background:#CCE279;overflow:hidden}
.sep-line{float:left;width:100%;margin:5px 0 10px 0;font-size:0;height:1px;background:#CCE279;overflow:hidden}
.space10{float:left;width:100%;margin:0 0 10px 0;font-size:0;height:10px;overflow:hidden}
.login{float:left;width:80%;border:3px solid #064413;padding:10px 1.5%;background:#CCE279;margin:0 0 15px 0}
.clear{clear:both}
.no-link{text-decoration:none}

#menu{float:left;width:990px;overflow:hidden;background:url("images/bk_menu.gif");height:34px;margin:-2px 0 15px 0;}
#menu ul{list-style:none;display:inline;text-transform:uppercase;font-weight:bold;font-family:"Times New Roman", Times, serif;font-size:1.25em;font-style:italic}
#menu .ON{float:left;margin:5px 10px 0 10px ;padding:2px 15px 5px 15px;background:#064413} #menu .ON a{color:#FFF;text-decoration:none}
#menu .OFF{float:left;margin:5px 10px 0 10px;padding:2px 15px 5px 15px;} #menu .OFF a{color:#064413;text-decoration:none}

.titlePage {margin:0;padding:0;font-size:2em;text-transform:uppercase}
.titlePageSm {margin:0;padding:0;font-size:1.2em;}

.filter{float:left;width:97.5%;padding:10px 1% 5px 1%;margin:10px 0;background:#E3E3E3;border:1px solid #9D9D9D}
.filter form{width:45%;float:left;} .filter .btn{float:left}

.txtImg,.imgTxt,.txtImgA,.imgTxtA{float:left;width:100%;margin:0 0 15px 0}
.txtImg .txt{float:left;width:265px;overflow:hidden;margin:0 20px 0 0;}
.txtImg .img,.imgTxt .img{float:left;width:220px;overflow:hidden;margin:0 0 15px 0} .txtImg .img img,.imgTxt .img img{margin:0 0 10px 0}
.txtImgA  img{float:right;margin:0 0 5px 15px }
.imgTxtA  img{float:left;margin:0 15px 5px 0 }
.bigImg  img{width:99%;float:left;margin:0 0 15px 0 }

.imgTxt .txt{float:left;width:265px;overflow:hidden;margin:0 0 0 20px ;}
.textBlock{float:left;width:100%;margin:0 0 10px 0}
.titleBlock{float:left;width:100%;margin:0 0 10px 0;font-weight:bold;font-size:1.2em;text-transform:uppercase}

#photo{float:left;width:100%;margin:0 0 15px 0;overflow:hidden}
#photo .icon{float:left;width:106px;height:95px;overflow:hidden;margin:0 12px 15px 0;background:#5D7600;text-align:center}

.highlight{float:left;width:450px;padding:10px;overflow:hidden;background:url("images/bk_highlight.gif") no-repeat;margin:0 10px 15px 0}
.box{float:left;width:100%;}
.highlight h1{margin:0;padding:0;font-size:2.4em;text-transform:uppercase}
.highlight h2{margin:0;padding:0;font-size:1.8em;color:#5D7600}
.highlight .text{width:240px;padding:10px 0 0 0px; }
.highlight ul{list-style:url("images/bullet.gif");font-size:1.3em;color:#5D7600;font-weight:bold;margin:10px 0 15px 15px;padding:0} 
.highlight ul a{text-decoration:none;color:#5D7600} .highlight ul a:hover{text-decoration:none;color:#064413}

#temi{float:left;width:100%;margin:15px 0} #temi img{border:0}
#temi .tema{float:left;width:126px;height:69px;overflow:hidden;background:url("images/frame.gif") no-repeat;padding:3px;text-align:center;margin:0 5px 0 0}
#news{float:left;width:463px;margin:15px 0} #news img{border:0}
#news .news{float:left;width:463px;background:url("images/bk_news.gif") top no-repeat;overflow:hidden}
#news .newsClose{float:left;width:463px;margin:0 0 5px 0;height:4px;background:url("images/bk_news_close.gif")  no-repeat;font-size:0;overflow:hidden}
#news .titleBlock{text-transform:uppercase;float:left;width:453px;padding:0 10px 0 0;background:url("images/bk_title_block.gif");font-size:1.8em;text-align:right;font-style:italic;font-family:"Times New Roman", Times, serif;color:#FFF;font-weight:100;overflow:hidden}
#news .titleBlockClose{float:left;width:463px;margin:0 0 5px 0;height:4px;background:url("images/bk_title_block_close.gif")  no-repeat;font-size:0;overflow:hidden}
#news .text{float:left;width:390px;overflow:hidden;padding:0 0 0 10px}
#news .text .title{float:left;width:100%;padding:5px 0 0 0;color:#5D7600;font-size:1.2em;font-weight:bold;text-transform:uppercase}
#news .text .titleSm{float:left;width:100%;margin:0px 0;font-size:1em;font-weight:bold}
#news .cal{float:left;width:60px;margin:0px 0;overflow:hidden}
#news .data{float:left;margin:0 0 0 15px!important;margin:0 0 0 9px;width:35px;font-size:2.4em;font-style:italic;font-family:"Times New Roman", Times, serif;font-weight:bold}
#news .mese{text-align:center;float:left;margin:0 0 0 14px!important;margin:0 0 0 8px;width:35px;background:url("images/bk_mese.gif") no-repeat;height:16px;color:#FFF;font-weight:bold}

.elNews{float:left;margin:0 0 15px 0;width:500px;overflow:hidden;padding:0 0 5px 0;border-bottom:1px solid #5D7600}
.elNews .img{float:left;width:106px;overflow:hidden;padding:0 10px 0 0}
.elNews .txt{float:left;width:380px;padding:5px 0 0 0;color:#5D7600;}
.elNews .titleSm{float:left;width:100%;margin:0px 0;font-size:1.2em;font-weight:bold}
.star{height:15px}

#evidenza{float:left;width:225px;margin:15px 0 0 15px} #news img{border:0}
#evidenza .evidenza{float:left;width:225px;background:url("images/bk_evidenza.gif") top no-repeat;overflow:hidden}
#evidenza .evidenzaClose{float:left;width:225px;margin:0 0 5px 0;height:4px;background:url("images/bk_evidenza_close.gif")  no-repeat;font-size:0;overflow:hidden}
#evidenza .titleBlock{text-transform:uppercase;float:left;width:215px;padding:0 10px 0 0;background:url("images/bk_title_block1.gif");font-size:1.8em;text-align:right;font-style:italic;font-family:"Times New Roman", Times, serif;color:#FFF;font-weight:100;overflow:hidden}
#evidenza .titleBlockClose{float:left;width:225px;margin:0 0 5px 0;height:4px;background:url("images/bk_title_block_close1.gif")  no-repeat;font-size:0;overflow:hidden}
#evidenza .text{float:left;width:205px;overflow:hidden;padding:5px 10px }
#evidenza .text img{float:left;border:0;margin:0 10px 7px 0}
#evidenza .text .title{color:#5D7600;font-size:1em;font-weight:bold;}
#contentHome{float:left;width:715px;overflow:hidden;margin:0 25px 0 0}
#content{float:left;width:510px;overflow:hidden;margin:0 10px}
#navbar{float:left;width:200px;margin:0 10px 0 0;}

#menuSx{float:left;width:100%;margin:0 0 20px 0;} #menuSx a{text-decoration:none}  #menuSx a:hover{text-decoration:underline}
#menuSx ul{width:100%;overflow:hidden;list-style:none;margin:0;padding:0;text-transform:uppercase;}
#menuSx .ON{padding:4px 0px;}  #menuSx .ON div{background:url("images/bk_menuSx-ON.gif") top no-repeat}
#menuSx .OFF{padding:4px 0px;}  #menuSx .OFF div{background:url("images/bk_menuSx-OFF.gif") top no-repeat;} 
#menuSx .ON a{display:block;color:#fff;font-weight:bold;padding:7px 18px 0 5px} 
#menuSx .OFF a{display:block;padding:7px 18px 0 5px;color:#064413;font-weight:bold}

#menuSx .submenu .ON{padding:4px 18px  5px 0px;background:url("images/bk_submenuSx.gif") top no-repeat;border-bottom:1px solid #CCE279} 
#menuSx .submenu .OFF{padding:4px 18px 5px 0px;background:none;border-bottom:1px solid #CCE279}  
#menuSx .submenu .ON a{color:#064413;font-weight:bold;padding:0px;text-transform:none} 
#menuSx .submenu .OFF a{color:#064413;font-weight:100;padding:0px;text-transform:none}
#menuSx .submenu{width:200px;overflow:hidden;list-style:none;padding:0;margin:0;text-align:right}

#tab{float:left;width:100%;margin:15px 0;background:url("images/bk_tab.gif") ; height:22px;overflow:hidden} #tab a{text-decoration:none}
#tab .tabON{cursor:pointer;float:left;background:#064413;padding:2px 10px 5px 10px;margin:0 10px 0 0} 
#tab .tabON a{color:#FFF;font-weight:bold}
#tab .tabOFF{cursor:pointer;float:left;background:#CCE279;padding:2px 10px 3px 10px;margin:0 10px 0 0;border-bottom:2px solid #064413} 
#tab .tabOFF a{color:#064413;font-weight:bold}

.tabcontent{float:left;width:100%;margin:0 0 15px 0;padding:10px 0 0 0}
.bg_sfondo{background:#064413;color:#FFF}
.bg_sfondo1{background:#CCE279;color:#064413} 

.doc{float:left;width:100%;margin:20px 0;padding:0 20px;display:inline;clear:both} .no-left{float:none;width:40px;clear:right;height:20px;}
.doc .linea{float:left;width:100%;font-size:0}
.doc .wide40{float:left;width:40px;display:inline} .doc .wide370{float:left;width:370px;display:inline;}
.doc .wide18{float:left;width:17px;height:20px;overflow:hidden} 
.doc .leftG{float:left;padding:0 0 0 5px;font-size:12px;width:420px;overflow:hidden;}
.doc .wide34{float:left;width:37px;height:20px;} 
.docs td{padding:2px 10px 2px 0px} .bg_sfondo td,.bg_sfondo1 td{padding-left:7px} .bg_sfondo a,.bg_sfondo1 a{color:#FFF;text-decoration:none}
.docs .btn{margin-right:-8px !important;margin-right:-4px}

.wide20{float:left;width:20px;height:20px;}
.space5{clear:both;padding:2px ;font-size:0} 
.space10{width:100%;clear:both;padding:5px;font-size:0;}
.space20{clear:both;padding:10px ;font-size:0}

#sidebar{float:left;width:190px;padding:10px 10px;margin:0;background:url("images/bk_sidebar.gif") top no-repeat;overflow:hidden;display:inline}
#navbar .box-Sid,#sidebar .box-Sid{float:left;width:190px;margin:0 0 15px 0;overflow:hidden}
#navbar .title,#sidebar .title{margin:0 0 10px 0;border-bottom:1px solid #CCE279;text-align:right;float:left;width:190px;font-size:1.2em;font-weight:bold;font-family:"Times New Roman", Times, serif;text-transform:uppercase}
#sidebar .text,#navbar .text{float:left;width:190px;margin:0 0 10px 0}
#sidebar .frame{float:left;width:190px;padding:0px ;background:url("images/frame_Sb.gif") ;height:112px;overflow:hidden;margin:0 0 15px 0}
#sidebar .frame img{border:0}
#sidebar label,#sidebar label{float:left;margin:0 0 2px 0}
.history{float:left;width:100%;margin:0 0 15px 0;text-align:right}
form{margin:0;padding:0} fieldset{border:0} form .btn{margin-left:5px}
label{float:left;width:150px;margin:0 10px 0 0} 
form p{float:left;width:100%;margin:0 0 10px 0}

.pager{float:left;width:100%;margin:10px 0 15px 0;border-top:2px solid #064413;padding:2px 0 0 0} .pager img{border:0;margin:0 3px}
.pager input{margin:0 3px 0 0} .pager a{text-decoration:none}

/* ---------------------------  Dizionario  -------------------------------- */

.letter_on{background:#064413;float:left;width:16px;font-size:1.2em;font-weight:bold;text-align:center;margin:0 3px 0 0 } 
.letter_off{background:#CCE279;float:left;width:16px;font-size:1.2em;font-weight:bold;text-align:center;margin:0 3px 0 0 } 

.letter_on a{text-decoration:none;color:#fff}
.letter_off a{text-decoration:none;color:#064413}
.vocaboli{margin:0;padding:0;list-style:none }
.vocaboli  a{float:left;text-decoration:none;font-weight:bold;display:block} .vocaboli  a:hover{text-decoration:underline}
.col3{float:left;width:142px;overflow:hidden;background:url("images/elementi/lente.gif") 0px 0px  no-repeat;padding:0 0 0 25px;margin:0 0 5px 0px}

/* ------------------------------------------------------------------------------ */

.btn{float:right;height:20px;overflow:hidden;text-transform:uppercase}
.btn img{border:0;float:left}
.btn a{display:block;float:left;text-decoration:none;background:url("images/bk_btn.gif");padding:2px 10px}

#tail{float:left;width:100%;height:62px;background:url("images/bk_tail.gif")}
#tail .text{width:990px;margin:0 auto;padding:10px 0} #tail .text p{margin:0 15px 0 0}
#tail .vertical{float:left;font-size:0;background:#FFF;width:1px;overflow:hidden;margin:0 10px 0 0;height:40px}

/* ---------------------------  Test on-line  -------------------------------- */

.test{float:left;width:100%;margin:0 0 15px 0;padding:0 0 10px 0;border-bottom:2px solid #CCE279}
.test .img{float:left;width:130px;overflow:hidden;margin:0 0 0 4px}
.test .imgTxt{border:2px solid #CCE279;height:98px;color:#064413;float:left;width:126px;overflow:hidden;margin:0 0 0 4px;font-size:20pt;font-weight:bold;vertical-align:middle;line-height:90px;text-align:center}
.test .titleBlock{margin:0 0 0px 0;width:420px;}
.test .audio{float:right;margin:0 0 0 0;width:48px;}

.test label{width:100%}
.test .true-ON{background:url("images/correct.gif") 5px 0 no-repeat} 
.test .true-OFF{background:url("images/uncorrect.png") 5px 0 no-repeat;} 

.esatta{background:#CCE279;}
.sbagliata{background:#f00;color:#FFF} 
.test .riga td{border-top:1px solid #d7d7d7;}
.test .line{float:left;width:100%;background:#d7d7d7;height:1px;overflow:hidden}
.punteggio{float:left;width:98%;padding:0 1%;margin:15px 0;background:#064413;text-align:right;line-height:20px;vertical-align:middle;color:#FFF}
.punteggio span{font-size:13pt;font-weight:bold;margin:0 7px 0 0}






