/* ---------------NASTAVENIE BODY, PISMO, BACKROUND------------ */
/* ------------------------------------------------------------ */

body { margin: 0; padding: 0; font-size: 11px; font-family: Arial, sans-serif; color: #000000; background: #436032; }
img, object, p, ul, li, hr { margin: 0; padding: 0; border-width: 0; }

/* -------------------NASTAVENIE BOX--------------------------- */
/* ------------------------------------------------------------ */

#web { margin: 20px auto 0 auto; width: 700px; text-align: left; }
#metsala .top { text-align: left; position: relative; }
#metsala .top .left { width: 212px; height: 221px; float: left; margin: 0; padding: 0; background: url(top_01.jpg); }
#metsala .top .right { width: 488px; height: 221px; float: right; margin: 0; padding: 0; background: url(imidz.jpg); }

#metsala .down { width: 700px; height: 89px; clear: both; position: relative; }
#metsala .down .left { width: 212px; height: 89px; text-align: center; float: left; margin: 0; padding: 0; background: url(down_01.jpg); }
#metsala .down .left .font { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 33px; }
#metsala .down .left a { color: #ffffff; text-decoration: none; }
#metsala .down .left a:hover { color: #82B554; text-decoration: none; }
#metsala .down .right { width: 488px; height: 89px; text-align: right; float: right; margin: 0; padding: 0; background: url(down_02.jpg); }
#metsala .down .right .font { padding-right: 15px; padding-left: 0px; padding-bottom: 0px; padding-top: 25px; color: #6D6C6D; }
#metsala .down .right a { color: #6D6C6D; text-decoration: none; }
#metsala .down .right a:hover { color: #82B554; text-decoration: none; }

#metsala .content { text-align: left; margin: 0; background: url(bg_content.png); }
#metsala .content .left { width: 207px; text-align: left; float: left; background: url(bg_menu.jpg) no-repeat; }
#metsala .content .left .menu { width: 163px; margin-left: 8px; padding-right: 20px; padding-left: 20px; padding-bottom: 15px; padding-top: 0px; background: #0A6A0A; font: 11px Arial, sans-serif; color: #CFFFCF; font-weight: bold; text-decoration: none; }
#metsala .content .left .menu ul { padding-left: 25px; }
#metsala .content .left .menu a { font: 11px Arial, sans-serif; color: #CFFFCF; font-weight: bold; text-decoration: none; }
#metsala .content .left .menu a:hover { color: #ffffff; text-decoration: none; }
#metsala .content .left .form { width: 163px; margin-left: 8px; padding-right: 20px; padding-left: 20px; padding-bottom: 15px; padding-top: 25px; background: url(form_arrow.png) no-repeat 3px 3px; color: #F9FFE5; }
#metsala .content .down { width: 700px; height: 10px; clear: both; position: relative; }
#metsala .content .right { width: 465px; text-align: left; float: right; margin: 0; padding: 0; }
#metsala .content .right h2 { clear: both; padding-right: 0px; padding-left: 0px; font-size: 18px; padding-bottom: 10px; margin: 0px; color: #2B6D23; padding-top: 0px; }
#metsala .content .right h3 { clear: both; padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; margin: 0px; color: #000000; padding-top: 0px; }
#metsala .content .right h4 { clear: both; padding-right: 0px; padding-left: 0px; font-size: 16px; padding-bottom: 10px; margin: 0px; color: #2B6D23; padding-top: 0px; }
#metsala .content .right .con { width: 445px; text-align: justify; margin: 0; padding: 0; }
#metsala .content .right a { font: 11px Arial, sans-serif; color: #000000; text-decoration: none; }
#metsala .content .right a:hover { color: #000000; text-decoration: underline; }

/* ------------------OST. NASTAVENIA--------------------------- */
/* ------------------------------------------------------------ */

.list { padding-right: 0px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; list-style: none; color: #000000; }
.list li { list-style: none; padding: 0 0 3px 15px; background: url(odd.png) no-repeat 0 .2em; }

.table { border: solid 0px #FFFFFF; padding: 2px; text-align: center; width: 445px; }
.table th { padding: 2px; background: #0B6B0A; font-weight: bold; color: #FFFFFF; }
.table td { padding: 2px; background: #B4E2B4; color: #000000; text-align: left; }

.formular { margin: 0; padding: 0;}

.button { border-right: #076107 1px solid; border-top: #076107 1px solid; border-left: #076107 1px solid; font-size: 11px; font-weight: bold; color: #ffffff; border-bottom: #076107 1px solid; background-color: #076107; }
.button:hover { border-right: #076107 1px solid; border-top: #076107 1px solid; border-left: #076107 1px solid; font-size: 11px; font-weight: bold; color: #076107; border-bottom: #076107 1px solid; background-color: #ffffff; }
.input { border-right: #076107 1px solid; border-top: #076107 1px solid; border-left: #076107 1px solid; font-size: 11px; color: #076107; border-bottom: #076107 1px solid; background-color: #F1F2EC; }

.hide { display: block; padding-top: 20px; }
.line { display: block; margin-top: 20px; margin-bottom: 10px; border-top: #076107 1px solid; }

.sp_1 { font: 12px Arial, sans-serif; color: #436032; font-weight: bold; }
.sp_2 { sans-serif; color: #99CC00; font-weight: bold; }
.sp_3 { sans-serif; color: #FF0000; }
.sp_4 { font: 18px Arial, sans-serif; color: #ea3017; font-weight: bold; }