html,body{margin:0;padding:0}

body{
  font: 11px "Trebuchet MS",Tahoma,Arial,Verdana,sans-serif;
  font-color: #FFF;
  text-align:center;
	margin-top: 10px;
  background-color: #7ebbd8;
	background-image: url(../graphics/bibione-panorama.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-attachment: fixed;
}

p{
  margin:0 10px 10px;
}

#globale{
  width:850px;
  background: transparent;
  text-align:left;
  margin:0 auto;
  background: #3573db;
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
}

#testa{
  font: 14px "Trebuchet MS",Tahoma,Arial,Verdana,sans-serif;
  font-color: #FFF;
  font-weight: 600;
  position: relative;
  height:135px;
  margin: 0px;
  width: 100%;
  border: 0px;
  background: #3573db;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

#testasx{
  position: relative;
  top: 0;
  left: 0;
  width: 190px;
  height: 125px;
}

#testasx img{
  float: left;
  margin: 0;
  padding: 0;
}

#testalang{
  position: absolute;
  top: 0;
  float: left;
  clear: left;
  left: 0px;
  width: 170px;
  height: 20px;
}

#testalang ul {
  padding: 4px 0 5px 10px;
  margin: 0px;
  list-style-type: none;
}
#testalang ul li {
  font-color: #A1EEB0;
  text-decoration: none;
  float: left;
}
#testalang ul li a {
  color: #A1EEB0;
  text-decoration: none;
	padding: 3px 8px 2px 0;
}
#testalang ul li a:hover {
  color: #FFF;
  text-decoration: none;
}
#testalang img {
  padding: 0;
  margin: 0;
  border: 1px solid #339;
}
#testalang img:hover {
  border: 1px solid #99c;
}

#testalogo{
  position: relative;
  float: left;
  top: 25px;
  left: 0;
  width: 190px;
  height: 110px;
  padding: 0 0 0 10px;
  background: url(../graphics/tbottom.jpg) left bottom no-repeat;
}

#testalogo img{
  padding: 0 0 0 10px;
  border: 0;
}

#testadx{
  position: absolute;
  top: 0;
  left: 190px;
  width: 660px;
  height: 125px;
}

#testadx img{
  float: left;
  margin: 0;
  padding: 0;
}

#testabanner{
  /*position: absolute;*/
  top: 0;
  float: left;
  clear: left;
  left: 0px;
  width: 610px;
  height: 85px;
  padding: 10px 20px 10px 20px;
}
#bannerlink{
  position: relative;
  top: -84px;
  width: 600px;
  height: 80px;
}

#testamenu{
  /*position: absolute;*/
  top: 0;
  float: left;
  clear: left;
  left: 0px;
  width: 660px;
  height: 30px;
  background: url(../graphics/hmenu.jpg);
}

ul#topmenu{
  float: left;
  width: 645px;
  color: #336;
  height: 25px;
  /*background: #da6767*/
}

#topmenu,#topmenu li{
  margin: 0;
  padding: 0 5px 0 10px;
  list-style-type: none
}

#topmenu li,#topmenu a, #topmenu span{
  float: left;
  height: 30px;
  line-height: 30px
}

#topmenu a{
  text-decoration: none;
  color: #336;
  padding-left: 18px
}

#topmenu span{
  padding-right: 18px;
  cursor: pointer
}

#topmenu a:hover{
  background: url(../graphics/menubutton.jpg) top left;
  color: #003
}

#topmenu a:hover span{
  background: url(../graphics/menubutton.jpg) top right
}

#topmenu #current a{
  background: url(../graphics/menubutton.jpg) bottom left;
  color: #003
}

#topmenu #current span{
  background: url(../graphics/menubutton.jpg) bottom right
}


#testa h5{
  font: 11px "Trebuchet MS",Tahoma,Arial,Verdana,sans-serif;
  font-color: #FFF;
  line-height:25px;
  margin:0;
  padding-left:10px;
  color: #79B30B;
}

#contenitore{
  position: relative;
  /*width:890px;
  height:100px;*/
  margin: 0px;
  width: 100%;
  border: 0px;
}

#main{
  float:left;
  width:655px
}

#leftmenu{
  float:left;
  width:185px;
  font-size: 14px;
  padding: 5px;
}

#leftmenu ul {
	font-weight: normal;
	/*line-height: 1.6;*/
	text-decoration: none;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#leftmenu ul span{
	font-weight: bold;
}
#leftmenu ul li {
  float: top;
  line-height: 25px;
  margin-bottom: 1px;
  background: url(../graphics/leftmenu.jpg);
}
#leftmenu ul li a {
  display: block;
	color: #336;
  padding-left: 15px;
  text-decoration: none;
}
#leftmenu ul li a:hover {
	color: #003;
  text-decoration: none; /*underline;*/
  background: url(../graphics/leftmenu-s.jpg);
}
#leftmenu #current a{
  background: url(../graphics/leftmenu-h.jpg);
  color: #00c;
}


#contenuti{
  float:right;
  /*position: absolute;*/
  top: 0;
  right: 0;
  width: 450px;
  min-height:300px;
  padding: 5px;
  font-weight: 600;
}

#contenuti h1 {
  font-size: 18px;
  font-weight: normal;
  color: #FFF;
  margin: 5px 0 10px 0;
}

#contenuti h2 {
  font-size: 15px;
  color: #eee;
  margin: 10px 0 5px 0;
  line-height: 20px;
}

#contenuti h2 b{
  color: #A1EEB0;
}

#contenuti h5 {
  font-size: 14px;
  color: #ff9;
  margin: 8px 0 3px 0;
  line-height: 18px;
}

#contenuti h6 {
  font-size: 12px;
  color: #ccf;
  margin: 2px 0 2px 0;
  line-height: 15px;
}

#contenuti p {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  margin: 5px 0 5px 0;
  line-height: 20px;
  text-align: justify;
}

#contenuti p span{
  font-size: 11px;
}

#contenuti a {
  color: #ffea00;
  text-decoration: none;
}

#contenuti a:hover {
  text-decoration: underline;
  color: #fc0;
}

#contenuti table {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin: 0;
  line-height: 18px;
  text-align: justify;
}

#contenuti table img{
  margin-left: 2px;
  padding: 0;
  border: none;
}

#contenuti td{
  padding-bottom: 2px;
  vertical-align: top;
}

#contenuti ul {
	font-weight: normal;
	text-decoration: none;
  padding: 0;
  margin-left: 30px;
  color: #fff;
  list-style-type: circle;
}
#contenuti ul span{
	margin-left: -5px;
}
#contenuti ul li {
  float: top;
  line-height: 18px;
}
#contenuti ul li a {
  /*display: block;*/
	color: #fff;
  padding-left: 5px;
  text-decoration: none;
}
#contenuti ul li a:hover {
	color: #eee;
  text-decoration: underline;
}

.stelle {
  font-size: 20px;
  font-weight: 600;
  color: #ffea00;
  padding-top: 12px;
}

.pagine {
  position:relative;
  top:10px;
  float:right;
  color: #eee;
  margin-bottom:10px;
  margin-left:6px;
  padding-bottom:10px;
}

.pagine ol, .pagine ol li {
  float:left;
  list-style:none;
}

.pagine ol {
  padding-left: 5px;
}

.pagine ol li {
  padding:0px 2px 2px;
  float:left;
}

.pagine ol li a {
  color: #ff9;
  text-decoration: none;
}
.pagine ol li a:hover {
  text-decoration: overline;
}

.pagine p, .pagine a, .pagine ol, .pagine ol li {
  margin: 0;
  font-size:12px;
}

.pagine p {
  float:left;
  /*margin: 9px;*/
  line-height:12px;
  width:40px;
}

.pagine ol li span {
  /*display:block;*/
  height:14px;
  /*line-height:14px;*/
  position:relative;
  font-weight: 600;
}

#extra{
  float:right;
  width:185px;
  padding: 5px;
}

#boxbanners{
  position: absolute;
  top: 5px;
  width: 185px;
  background: #3573DB;
}

#headmeteo{
  position: absolute;
  top: 119px;
  width: 185px;
  background: #003;
}

#boxbanners img{
  padding: 0;
  margin: 0;
}
#boxbanners a{
  padding: 0;
  margin: 0;
}

#boxmeteo{
  top: 0;
}
#boxmeteo hr{
  border: 0;
  height: 21px;
  color: #3573db;
}

#tagclouds {
  width: 185px;
  padding: 0;
}

#tagclouds ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  text-align: justify;
}

#tagclouds ul li {
  display: inline;
}

#tagclouds ul a {
  text-decoration: none;
  color: #bbf;
}

#tagclouds ul a:hover {
  text-decoration: none;
  color: #fff;
  background: #2c62bd;
  /*font-weight: bold;*/
  margin-left: 5px;
  margin-right: 5px;
}

a.tc0{font-size: 100%; visibility: hidden}
a.tc1{font-size: 90%}
a.tc2{font-size: 100%}
a.tc3{font-size: 115%}
a.tc4{font-size: 130%}
a.tc5{font-size: 150%}

#piede{
  clear: left;
  margin: 0;
	border: 0;
  padding: 15px 0 15px;
	width: 100%;
	height: 15px;
  background: #2c62bd;
  color: #DDD;
  text-align: center;
	font-family: font: 11px Trebuchet,Tahoma,Arial,Verdana,sans-serif;
	font-weight: normal;
  line-height: 15px;
  filter:alpha(opacity=80);
  -moz-opacity:.80;
  opacity:.80;
}

#piede p{
  margin: 0 0 5px;
  padding: 0;
}

#piede a {
  color: #DDD;
  text-decoration: none;
	padding-right: 5px;
  padding-left: 5px;
	font-weight: 600;
}
#piede a:hover {
  color: #FFF;
  text-decoration: none;
}

/* --- */

form{
  width:430px;
  padding:0;
  margin:0px;
}

fieldset{
  float:left;
  width:210px;
  margin: 1em 0;
  padding: 0;
  border: none;
  border-top: 1px solid #99A0FA;
  background: #BDC1FA;
}

legend{
  font-weight:bold;
  color: #333;
  background:#FFF;
}

form b{
  color:#005050; /*820024;*/
}
form p{
  margin:0.5em 10px;
}
fieldset div{
  float:left;
  width:100%;
  padding: 5px 0 5px;
  background: #FFF;
}

label{
  float:left;
  clear: right;
  height:12px;
  display: block;
  font-size: 11px;
  margin-left: 0px;
  line-height:12px;
  padding-bottom: 1px;
}

input, select, textarea{
  display: inline;
  clear: none;
  float: none;
	font: 12px Helvetica,Arial,Verdana,sans-serif;
  color: #326;
  background: #58e;
  border: 1px solid #336;
  padding: 1px 2px 2px;
  margin-bottom: 2px;
}

input:focus, textarea:focus{
  background: #7af;
}

input.hidden{
  display: none;
}

.eBtn{
  margin-top: 10px;
  width: 120px;
}

.eBtn:hover{
  color: #fff;
  background: #24d;
  cursor: pointer;
}

.errore {
  background: #c9f; /* #F5CDCD;*/
}

.avviso {
  padding: 10px 0 10px 0;
  font-weight: bold;
  color: #c03;
}
