html {
min-height : 100%;
}
* {
margin : 0;
padding : 0;
}
a {
color : #963;
}
a:hover {
color : #c60;
}
img {
border : 0;
}
body {
background : #7e984d url(img/bg.jpg) repeat-x left bottom;
color : #444;
font : normal 62.5% Tahoma, sans-serif;
}
p, code, ul {
padding-bottom : 1.2em;
}
h1 {
font : normal 1.8em Tahoma, sans-serif;
margin-bottom : 4px;
}
h1, h2, h3 {
padding-top : 6px;
}
.clearer {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
.container {
background-color : #fff;
font-size : 1.2em;
margin : 0 auto;
padding : 0 10px 10px;
width : 780px;
}
.top {
padding : 10px 10px 0;
}
.header {
background-color : #fff;
background : url(img/header.png) no-repeat;
background-position : left;
font-size : 1.2em;
height : 105px;
margin : 0 auto;
padding : 10px 10px 5px;
width : 780px;
z-index : 2;
}
.header .left, .header .right {
/* background-color : #ffffff; */
color : #fff;
height : 105px;
z-index : 1;
}
.header .left {
/* background-color : #ffffff; */
font : normal 2.8em "Trebuchet MS", sans-serif;
line-height : 105px;
width : 564px;
text-align : left;
}
.header .right {
overflow : auto;
width : 212px;
}
.header .right p, .header .right h2 {
padding : 0 16px;
}
.header .right h2 {
padding-top : 16px;
font : normal 1.6em "Trebuchet MS", sans-serif;
}
.glossymenu {
position : relative;
padding : 0 0 0 34px;
margin : 0 auto 0 auto;
background : url(img/menug_bg.gif) repeat-x;
height : 46px;
list-style : none;
}
.glossymenu li {
float : left;
}
.glossymenu li a {
float : left;
display : block;
color : #000;
text-decoration : none;
font-family : Tahoma, sans-serif;
font-size : 10.2px;
font-weight : bold;
padding : 0 0 0 16px;
height : 46px;
line-height : 46px;
text-align : center;
cursor : pointer;
}
.glossymenu li a b {
float : left;
display : block;
padding : 0 24px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover {
color : #fff;
background : url(img/menug_hover_left.gif) no-repeat;
background-position : left;
}
.glossymenu li.current a b, .glossymenu li a:hover b {
color : #fff;
background : url(img/menug_hover_right.gif) no-repeat right top;
}
.main {
border-top : 4px solid #fff;
background : url(img/bgmain.gif) repeat-y;
}
.sidenav {
float : right;
width : 210px;
text-align : center;
}
.sidenav h2 {
color : #333300;
font-size : 1em;
line-height : 30px;
margin : 0;
padding-left : 12px;
}
.sidenav ul {
padding : 0;
border-top : 1px solid #d8ebd8;
}
.sidenav li {
border-bottom : 1px solid #d8ebd8;
}
.sidenav li a {
font-size : 1.1em;
color : #333300;
display : block;
padding : 8px 0 8px 5%;
text-decoration : none;
width : 95%;
}
.sidenav li a:hover {
background-color : #ebebeb;
color : #654;
}
.content {
	float : left;
	margin : 10px 0;
	padding : 0 16px;
	width : 531px;
	color: #333333;
}
.content1 {
float : left;
margin : 10px 0;
padding : 0 16px;
width : 98%;
}
.content .descr {
color : #333333;
font-size : 0.9em;
margin-bottom : 6px;
}
.content li {
list-style : url(img/li.gif);
margin-left : 18px;
}
.content .imgright {
padding : 5px;
border : 1px solid #d8ebd8;
margin-left : 4px;
float : right;
}
.content p {
color : #000000;
}
.footer {
background : url(img/bgfooter.gif) repeat-x;
color : #fff;
font-size : 11.2px;
line-height : 39px;
text-align : center;
vertical-align : middle;
}
.footer a, .footer a:hover {
color : #fff;
}
form {
border : 1px solid #999999;
width : 90%;
padding : 2em;
position : relative;
}
label {
float : left;
width : 10em;
font : 0.8em Arial, Helvetica, sans-serif;
}
input, label {
margin : 5px 0;
}
#image {
position : absolute;
height : 200px;
width : 140px;
right : -15px;
top : 0.5px;
background : url(./img/Corn1.png) no-repeat;
}
div.meteo {
margin-left : 10px;
}
div.anim {
margin-left : 3px;
}