*{padding:0px; margin:0px;}

body {
  	width: 100%;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,Georgia,LucidaGrande,Lucida,sans-serif;
	color: #8F8F8F;
	margin: 0px auto;
	background:#FFF;
}

#top {
	width: 800px;
	height: 110px;
	margin: 0px auto;
	text-align: bottom;
	background:#FFF;
	border: dotted 0px #8F8F8F;
}

#content {
  width: 800px;
	margin: 0px auto;
	background:#EFEFEF;
	border: solid 0px #8F8F8F;
}

#left_50 {
	float: left;
	width: 348px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 20px 10px 10px 20px;
	text-align: justify;
}

#right_50 {
	float: right;
	width: 378px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 20px 20px 10px 10px;
	text-align: center;
}

#left_30 {
	float: left;
	width:200px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 20px 20px 10px 40px;
}

#right_70 {
	float: right;
	width:496px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 20px 20px 10px 20px;
	text-align: justify;
}

#left_20 {
	float: left;
	width:70px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 20px 20px 10px 30px;
}

#right_80 {
	float: right;
	width:640px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 20px 20px 10px 0px;
	text-align: justify;
}

.separator {
  height: 1px;
  margin: 0;
  _margin: -7px 0;
  width: 348px;
  border: 1px dotted;
  color: #8F8F8F;
}

#webcam {
  width: 358px;
  padding: 10px 10px 10px 10px;
  margin: 0px auto;
  background-color: #6FCCFF;
}

#footer {
  width: 800px;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
	background-color:#FFF;
	border: dotted 0px #8F8F8F;
	vertical-align: middle;
	font-family: verdana,tahoma, geneva, "lucida sans unicode", "lucida grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#line {
  display: block;
  height: 2px;
  margin: 0;
  _margin: -7px 0;
  width: 600px;
  vertical-align: middle;
  border: 0px solid #8F8F8F;
  color: #8F8F8F;
  background-color: #8F8F8F;
  float: left;
}

#txt_footer {
  float: right;
  display: block;
  vertical-align: top;
}


.thumbnail {
	/*margin: 10px;*/
	text-align: left;
}

.box {
    background:#FFF;
    font: bold 9px Verdana;
    color:#8F8F8F;
    border: 1px solid #8F8F8F;
}

.select {
    background:#FFF;
    font: normal 9px Verdana;
    color:#8F8F8F;
    /*border: 1px solid #000000;*/
}


.img {
	border-style: none;
	border-width: 0px;
}

.clear {
	clear: both;
	height: 15px;
	padding:0px;
}

.clearFlat {
	clear: both;
	padding:0px;
}

.linebreak {
	clear: both;
	padding:5px;
	text-align:center;
}

span.link {
	color:#FF000A;
}

a:link {
	color:#6FCCFF;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color:#6FCCFF;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color:#5F5F5F;
	text-decoration: none;
}
a:active {
	color:#6FCCFF;
	text-decoration: none;
	font-weight: bold;
}




/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements*/

#menu {
  width: 800px;
	margin: 0px auto;
	background:#FFF;
	border: dotted 0px #8F8F8F;
	position:relative;
	height: 70px;
}

#menu1 {
	/*vertical-align: bottom;
  float: left;*/
  position: absolute;
  top:40px;
}
.menu1 { 	/* Set up the default font and overall size to include image */
	font-size: 10px;
	margin: 0 auto;
	font-family: verdana,tahoma, geneva, "lucida sans unicode", "lucida grande", sans-serif;
}

#menu_meteo {
  width: 150px;
  float:right;
  height: 55px;
	margin: 0px auto;
	background:#FFF;
	border: dotted 0px #8F8F8F;
	border-bottom: 2px solid #8F8F8F;
	font-weight: bold;
	font-size: 10px;
	margin: 0 auto;
	font-family: verdana,tahoma, geneva, "lucida sans unicode", "lucida grande", sans-serif;
}

#img_meteo {
  vertical-align: top;
}

#txt_meteo {
   color: #8F8F8F;
   vertical-align: bottom;
}


.menu1 ul,.menu2 ul {	/* get rid of the default padding - margin and bullets */
	padding:0;
	margin:0px;
	list-style-type: none;
}

.menu1 ul li {	/* make menu horizontal */
	float:left;
	position:relative;
}

.menu1 ul li a, .menu1 ul li a:visited {	/* set up the default top level links */
	display: block;
	text-decoration:none;
	width: 85px;
	height: 1.5em;
	font-weight: bold;
	color:#6FCCFF;
	border-bottom: 2px solid #6FCCFF;
	background: #FFF;
	padding-left: 0px;
	line-height: 1.5em;
	vertical-align: text-bottom;
	margin-right: 2px;
}

.menu1 ul li p {
	display:block;
	text-decoration:none;
	text-align: right;
	width: 128px;
	height:1.5em;
	vertical-align: bottom;
	font-weight:bold;
	color:#8F8F8F;
	border-bottom:2px solid #8F8F8F;
	background:#FFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.menu1 ul li span {
	display:block;
	text-decoration:none;
	vertical-align: bottom;
	width: 85px;
	height:1.5em;
	font-weight:bold;
	color:#8F8F8F;
	border-bottom:2px solid #8F8F8F;
	background:#FFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover {	/* style the top level hover */
	color:#5F5F5F;
	border-bottom:4px solid #5F5F5F;
}