/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0;height: 100%;margin:0 auto;padding:0;text-align: center;}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #666666;
	text-align: center;
	margin: 0 auto;
	background: url(http://www.ubibonsai.it/images/bkgnd.gif) repeat;
}
div#container{
	position: relative;
	min-height: 500px;
	width: 960px;
	text-align: left;
	margin:0 auto;
	padding:0;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	background-color: #fff;
}
div#header{
	position: relative;
	height: 100px;
	width: 960px;
	text-align: left;
	margin: 0 auto 1px;
	padding: 0;
	border-bottom-style: 1px dotted #333;
}
div#nav{
	position: relative;
	float: left;
	height: 20px;
	width: 960px;
	text-align: left;
	margin: 0 auto 10px;
	padding-top:5px;
	/*border-bottom: 1px dotted #b02d00;*/
}
ul.nav{
	float:left;
	height: 18px;
	line-height: 18px;
	list-style:none;
	font-size:12px;
	/*text-transform:uppercase;*/
	margin:0;
	padding:0px;
}
ul.nav li{
	float: left !important;
	list-style-type: none;
	margin: 0;
	padding: 0px 2 2;
	border-left: 1px solid #fff;
	/*border-right: 1px dotted #ccc;*/
	border-top: 1px solid #999;
	background: #b02d00;
	color: #f9f9f9;
	font: Verdana;
	font-weight: bold;
}
ul.nav li a{
	float: left !important;
	background: #b02d00;
	color: #f9f9f9;
	font: Verdana;
	text-decoration: none;
	font-weight: bold;
}

div#left{
	top: 130;
	width: 479px;
	float: left;
	margin: 0;
	padding: 10px 0 0;
	border-right: 1px dotted #999;
	/*background-color: #f9f9f9;*/
}
div#leftSpec{
	top: 130;
	width: 695px;
	float: left;
	margin: 0;
	padding: 10px 0 0;
	border-right: 1px dotted #999;
	height: auto;
	/*background-color: #f9f9f9;*/
}
.boxhome{
	max-width: 460px;
	margin: 2px;
	padding: 5px;
	/*background: #F0FAFF;
	border: 1px dotted #999;
	min-height: 120px;*/
	height: 120px;
	text-align: justify;
}
.boxhome h2{
	position: relative;
	/*float: left;*/
	top: 0px;
	height: 30px;
	line-height: 16px;
	font-size: 15px;
	color: #059;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	text-decoration: none;
}
.boxAzz{
	/*text-align: center;
	position: relative;*/
	width: 98%;
	/*width: 220px;
	width: 220px;
	width: 230px;*/
	margin: 0px auto;
	padding: 0px auto;
	background: #F0FAFF;
	border: 1px dotted #999;
	min-height: 120px;
	/*height: 120px;*/
}
.boxAzz h2{
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	height: 16px;
}
.boxAzz p{
	margin: 2px;
	top: 0px;
	line-height: 12px;
	font-size: 11px;
	/*text-align: justify;*/
	color: #333;
}
.boxAzz{
	width: 98%;
	margin: 2px auto 3px;
	padding: 0px auto;
	background: #F0FAFF;
	border: 1px dotted #999;
	min-height: 120px;
}
.boxAzz h2{
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	height: 16px;
}
.boxAzz p{
	margin: 2px;
	top: 0px;
	line-height: 12px;
	font-size: 11px;
	/*text-align: justify;*/
	color: #333;
}
.boxBia{
	width: 98%;
	margin: 2px auto 3px;
	padding: 0px auto;
	background: #FFF;
	/*border: 1px dotted #999;
	min-height: auto;*/
	min-height: 120px;
	
}
.boxBia h2{
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	height: 25px;
	line-height: 16px;
	font-size: 14px;
	text-transform: uppercase;
}
.boxBia p{
	margin: 2px;
	top: 0px;
	line-height: 14px;
	font-size: 12px;
	text-align: justify;
}
.boxBia a{
	margin: 2px;
	top: 0px;
	line-height: 14px;
	font-size: 12px;
	text-align: justify;
	color: #333;
	text-decoration: none;
}
.boxGr{
	width: 98%;
	margin: 2px auto 3px;
	padding: 0px auto;
	background: #F2F2F2;
	border: 1px dotted #999;
	min-height: 120px;
}
.boxGr h2{
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	height: 16px;
}
.boxGr p{
	margin: 2px;
	top: 0px;
	line-height: 12px;
	font-size: 11px;
	color: #333;
}
.boxmid{
	/*text-align: center;
	position: relative;*/
	width: 180px;
	margin: 2px;
	padding: 5px;
	/*background: #F0FAFF;*/
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	min-height: 120px;
	height: 120px;
}
.newsbonsai{
	max-width: 460px;
	margin: 2px;
	padding: 5px;
	/*background: #F0FAFF;
	border: 1px dotted #999;
	min-height: 120px;
	height: 120px;*/
}
.newsbonsai h3,h2,h1{
	margin: 2px;
	top: 0px;
	color: #059;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}
.newsbonsai h1{
	height: 30px;
	line-height: 20px;
	font-size: 18px;
}
.newsbonsai h2{
	height: 36px;
	line-height: 18px;
	font-size: 16px;
}
.newsbonsai h3{
	height: 16px;
	line-height: 13px;
	font-size: 12px;
}
.newsdaiclubs{
	max-width: 460px;
	margin: 2px;
	padding: 5px;
}
.newsdaiclubs h3,h2,h1{
	margin: 2px;
	top: 0px;
	/*color: #059;*/
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}
.newsdaiclubs h1{
	height: 30px;
	line-height: 22px;
	font-size: 20px;
	/*color: #b02d00;*/
}
.newsdaiclubs h2{
	height: auto;
	line-height: 18px;
	font-size: 14px;
	color: #b02d00;
	margin: 0px auto 0px;
	/*background-color: Gray;*/
}
.newsdaiclubs h3{
	height: 14px;
	line-height: 12px;
	font-size: 10px;
	color: #b02d00;
	text-transform: uppercase;
	margin: 15px auto 0px;
	text-decoration: none;
}
.newsdaiclubs a,h4{
	height: 14px;
	line-height: 11px;
	font-size: 10px;
	color: #059;
	text-decoration: none;
}
.newsdaiclubs p{
	/*height: 14px;*/
	line-height: 14px;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	margin: 2px auto 8px;
	text-align: justify;
}
div#right{
	float: right;
	width: 479px;
	margin: 0;
	padding: 10px 0 0;
	/*background-color: #f9f9f9;*/
	/*border-left: dotted 1px #999;*/
}
div#rightSpec{
	float: right;
	width: 245px;
	margin: 0;
	padding: 10px 0 0;
	/*background-color: #f9f9f9;*/
	/*border-left: dotted 1px #999;*/
}
div#rightr{
	float: right;
	width: 233px;
	margin: 0px 2 2;
	padding: 0px auto;
	background-color: #f9f9f9;

	
}
div#rightl{
	float: left;
	width: 232px;
	margin: 0px 2 2;
	padding: 0px auto;
	/*background-color: #f9f9f9;
	border-right: 1px solid #999;*/
}
.boxr{
	float: right;
	width: 233px;
	margin: 0px 1 1;
	padding: 0px 1 1; 
	/*background-color: #DDDDDD;
	min-height: 150px;
	border-right: 1px solid #999;*/
	text-align: justify;
}
.boxr h2{
	padding-top: 5px;
	border-top: 1px dotted #999;
}
.boxr ul{
	margin: 0px 1 1;
	padding: 0px 1 1; 
	font: 12px Verdena,Tahoma,sans-serif;
	list-style-type:none;
	text-align: left;
}
.boxr li{
	padding-top: 10px; 
	padding-left: 5px;
	text-decoration: none;
}
.boxr a{
	text-decoration: none;
}
li.boxr a:hover{
	color: #fff;
}
.boxl{
	float: left;
	width: 225px;
	margin: 0px 1 1;
	padding: 0px auto;
	/*background-color: #f9f9f9;*/
	border-right: 1px dotted #999;
	/*min-height: 150px;*/
	text-align: justify;
}
.boxl h3,h2,h1{
	margin: 2px;
	top: 0px;
	height: 45px;
	line-height: 16px;
	font-size: 15px;
	color: #059;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}
.boxl a{
	color: #666666;
	/*font-weight: bold;
	text-align: left;*/
	text-decoration: none;
}
.boxr h3,h2,h1{
	margin: 2px;
	top: 0px;
	height: 30px;
	line-height: 16px;
	font-size: 13px;
	color: #059;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}
div.rivista{
	margin: 2px auto;
}
.rivista h3{
	margin: 2px;
	top: 0px;
	height: 12px;
	line-height: 12px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
.rivista p{
	margin: 2px;
	top: 0px;
	/*height: 24px;*/
	line-height: 12px;
	font-size: 11px;
	/*font-weight: bold;*/
	text-align: left;
	color: #333;
}
div.scuole{
	position: relative;
	float: left;
	margin: 5px 0 0;
	top: 0px;
	color: #333;
	background-color: #F0FAFF !important;
	border: 1px dotted #999 !important;
	text-align: left;
	height: auto;
}
.scuole h2{
	margin: 2px;
	top: 0px;
	height: 30px;
	line-height: 20px;
	font-size: 14px;
	color: #059;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	text-decoration: underline;
}
.scuole p{
	margin: 2px;
	top: 0px;
	line-height: 12px;
	font-size: 11px;
	text-align: justify;
	color: #666;
}
ul.scuole{
	/*float:left;
	height: 18px;*/
	line-height: 18px;
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0px;
	/*color: #333;*/
}
ul.scuole li{
	/*float: left !important;*/
	margin: 2px;
	top: 0px;
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	/*color: #333;*/
	list-style-type: none;
}
ul.scuole li a{
	/*float: left !important;*/
	margin: 2px;
	top: 0px;
	line-height: 12px;
	font-size: 12px;
	/*text-align: left;*/
	color: #333;
	list-style-type: none;
}
ul.talenti{
	float:left;
	height: 18px;
	line-height: 18px;
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0px;
	color: #333;
}
ul.talenti li{
	float: left !important;
	margin: 2px;
	list-style-type: none;
	top: 0px;
	line-height: 14px;
	font-size: 12px;
	text-align: justify;
	/*color: #333;
	text-indent: 15px;*/
}
.BoxhomeL{
	float: left;
	width: 152px;
	margin: 0px 0 0;
}
.BoxhomeR{
	float: right;
	width: 295px;
	margin: 0px 2 2;
	/*padding: 0px auto;*/
}
.code{
	max-width: 350px;
	margin: 2px;
	padding: 5px;
	background: #FFFFCC;
	border: 1px dashed #999;
	height: auto;
	/*min-height: 120px;
	height: 120px;*/
}
div#premi{
	width: 460px;
	height: 590px;
	margin: 0px 2 2;
	padding: 0px auto;
	background-color: #fff;
	border: 1px solid #999;
}

div#footer{
	position: relative;
	clear:both;
	height: 30px;
	width: 960px;
	text-align: left;
	padding-bottom: 0px;
	background-color: #999;
}



/*stili per classi*/
div.txtg10{color: #666; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Verdana,  Swiss, SunSans-Regular; text-align: justify }
div.txtg12{color: #666; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Verdana,  Swiss, SunSans-Regular; text-align: justify }
div.textmenu{color: #666; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Verdana,  Swiss, SunSans-Regular; text-align: justify}
div.textmenu.a { color: #966; text-decoration: none } 
.splitmenu div{
	float: left;
	width: 50%;
	width: 50%;
	width: 50%;
	/*\width: 49%;
	w\idth: 49%;*/
	padding: 0px;
}


div.splitmenumid div{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	color: #333333;
	float: left;
	width: 119px;
	\width: 120px;
	w\idth: 118px;
	padding: 0 2%; /*width: 120px;\width:120px;w\idth:120px;*/
}
div.menu div{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	color: #333333;
}

.split2 div{
	/*background-color: #DCDCDC;
	border-width: 1px;
   font-size: 8px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-style: dotted;
	color: #333333;
	float: left;*/
	float: left;
	width: 48%;
	width: 50%;
	width: 48%;
	padding: 0;
	/*border-right: 1px dotted #999;*/
}

div.clearer{
	float: none;
	clear: left;
	line-height: 1px;

} 

div.split3 div{
    float: left;
    width: 29%;
    width: 33%;
    width: 29%;
    padding: 0 2%
    }




/*stili specifici per il layout*/
h1{
	position: relative;
	/*float: left;*/
	top: 0px;
	height: 20px;
	line-height: 16px;
	font-size: 14px;
	color: #059;
	font-weight: bold;
	text-align: left;
	margin: 2px;
}
#bottombar-container{left: 0px;margin: 0;width: 100%;position: fixed;bottom: 0px;}    
#bottombar{background: url(http://par2.bonsaiclub.it/forum/immagini/barra_green.png) repeat-x;color:#fff;font-size:12px;border-top: 1px solid #333;border-left: 1px solid #333;border-right: 1px solid #333;bottom: 0px;height: 25px;margin:0 auto;width: 97%;font-weight:bolder;padding-top: 3px;text-align:right !Important;}
/*CSS principale per il menu*/
#socialnav{
	position: relative;
	z-index: 999;
}
ul#socialnav{font: 11px Verdena,Tahoma,sans-serif}
ul#socialnav,ul#socialnav li,ul#socialnav ul,ul#socialnav ul li{margin:0;padding:0;list-style-type:none}
ul#socialnav{height:26px;line-height:25px;margin-left:5px;margin-right:5px;
    background: #3B5998;color: #fff}
ul#socialnav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#socialnav li{float: left;position: relative}
ul#socialnav li li{float: none;line-height: 22px;
    display:block !important;display: inline; /*IE*/}
ul#socialnav ul{position: absolute;top: 23px;left: -9999px;
    width: 12em;background: #fff;color: #3B5998}
ul#socialnav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#socialnav ul,ul#socialnav li li a{background-color: #FFF;color: #3B5998}
ul#socialnav li:hover,ul#socialnav a:hover{background-color: #5C75AA;color: #FFF}
ul#socialnav li:hover ul,ul#socialnav li.sfhover ul{left: -1px;z-index: 100}

/*regole per separatore e le icone */

ul#socialnav li.sep{height: 34px;background: #fff}
ul#socialnav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#socialnav li li.icon a{padding-left: 24px}
ul#socialnav li li.settings a{background: url(http://www.ubibonsai.it/social/icons/icon_settings.gif) no-repeat 3px 3px}
ul#socialnav li li.privacy a{background: url(http://www.ubibonsai.it/social/icons/icon_padlock.gif) no-repeat 3px 3px}


/*stili per la sezione extra*/
.dati{
	/*width: 250px;*/
	left: 270px;
	right: 5px;
	/*float: right;*/
	border: 1px dotted #999;
	margin: 5px;
	margin-left: 270px;
	height: 97%;
	padding: 10px;
}
.thgrid{
	/*background: #FFE1A8;*/
	background: #B0C4DE;
	text-align: left;
	color: #000;
}
.thgrid2{
	/*background: #E5F3F7;*/
	background: #B0C4DE;
	text-align: left;
	color: #000;
}
.trgrid{
	border-bottom: 1px dotted #666;
	color: #333;
	background: #fff;
	font-size: 11px;
}
.trgrid2{
	border-bottom: 1px dotted #666;
	color: #333;
	background: #f2f2f2;
	font-size: 11px;
}
.trgridoff{
	border-bottom: 1px dotted #666;
	color: #999;
	font-size: 12px;
	background: #f2f2f2;
}
.list10{
	font-size: 10px;
}
ul{
	font-size:12px;
}
.pager{
	border: 1px solid #88A8FE;
	padding-left: 3px;
	padding-right: 2px;
	/*width: 16px;*/
	float: left;
	margin: 1px;
	text-align: center;
	font-size: 12px;
	font-style: none;
	/*background: #e8foff;*/
	background: #e8f0ff;
	text-decoration: none;
}
.pager a{
	text-decoration: none;
	color: #666;
}
.pager a:visited{
	text-decoration: none;
	color: #666;
}
.pager a:active{
	text-decoration: none;
	color: #f2f2f2;
}
.pagerempt{
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	/*width: 16px;*/
	float: left;
	margin: 1px;
	text-align: center;
	font-size: 12px;
	font-style: none;
	text-decoration: none;
}
