html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif;}
body {background-color:#b0dc5f;}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {text-decoration:none; color:white;}
a:hover {text-decoration:none; color:yellow;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#2A7C87;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}
.w960 {width:960px; margin:auto;}
.w1200 {max-width:1700px; margin:auto;}

<?
include 'both.css';
?>

.zeleny-nadpis,.text-titulka span.vyrazny, h1 {color:#007203; font-size:19px; margin-bottom:10px; font-weight: bold;}
.cerny-nadpis {color:#00000; font-size:16px; margin-bottom:10px; font-weight: bold;}
.text h1 {font-size:22px; padding-left:0px; margin-bottom:0px; padding-top:0px;}
.text .maly-ramecek img {border:2px solid white;}
.text .zadny-ramecek img {border:none;}
  .text a {text-decoration: underline;}
  .text a:hover {text-decoration: none;}

/*    menu    */
#menu {position: absolute; bottom:0px; right:4px;}
#menu div {float:left; height:36px;}
#menu a {font-size:12px; text-transform:uppercase; color:black; background:url("imgs/menu-bg.png") repeat-x; display:block; padding:12px 15px 0px 15px; float:left; height:24px; }

#menu a.on, #menu a:hover {background-position:bottom; color:white; text-shadow:none;}

#menu a.first {background-image:url("imgs/menu-first.png"); background-position:left top; padding-right:26px;}
  #menu a.first:hover {background-position: bottom left;}
#menu a.last {background:url("imgs/menu-last.png"); background-position:right top;}
  #menu a.last:hover,#menu a.last.on {background-position: bottom right;}

.on .menul {background:url("imgs/menubgon.png");}
.on .menur {background:url("imgs/menubgon.png");}
.first.on .menul {background:url("imgs/menulfirston.png");}
.last.on .menur {background:url("imgs/menurlaston.png");}

/*    zahlavi    */
#lang {position: absolute; right:10px; top:10px;}
#zahlavi .w960 {position: relative; height:128px;}
#zahlavi {height:128px; width:100%; background:url("imgs/zahlavi.png") repeat-x top center;}
.logo {display: block; float:left; background:url("imgs/agro-logo.png"); _background:url("imgs/agro-logo-ie.jpg") top; width:210px; height:71px; margin-top:23px;}
#zahlavi h1,#zahlavi .ha1 {color:#2e2e2e; font-size:22px; font-weight: bold; float:left; margin:40px 0px 0px 50px; padding:0px;}
.telefon span.vyrazny {color:#008035; font-size:25px;}
.telefon {color:#686868; background:url("imgs/ikonka-telefon.png") no-repeat left bottom; padding-left:30px; float:right; margin-right:10px; margin-top:40px; font-weight: bold;}

/*    telo    */
#telo {width:100%; background:url("imgs/pozadi2.jpg") no-repeat top center; line-height:1.6em; position: relative; padding-bottom:200Px;}
#telo.grafika1 {background-image:url("imgs/pozadi1.jpg");}
#telo .w1200 {background:url("imgs/titulka-pozadi.jpg") no-repeat top; padding-top:20px;}
#telo .pozadi {background:url("imgs/obsah-top.png") no-repeat 0px 0px; width:944px; padding-top:43px; position: relative;}
.text-titulka {float:left; width:530px; font-size:13px; color:black; line-height:1.8em; margin-bottom:40px;}
                            
/*    rozcestink    */
#rozcestnik {position: relative;}
  #rozcestnik a {color:black; font-size:20px; font-weight: bold; width:320px;display: block; text-align: center; padding:15px 0px 10px 0px;}
  #rozcestnik a:hover {color:#007F34; cursor: pointer;}
  #rozcestnik .box1 {position: absolute; left:5px; top:5px; z-index:2;}
  #rozcestnik .box2 {position: absolute; left:345px; top:5px; z-index:2;}
  #rozcestnik .box3 {position: absolute; left:665px; top:5px; z-index:2;}
    #rozcestnik .box3 div.ac {width:293px;}
    
/*    podstranky    */
.podstranky {margin-bottom:20px;}
.podstranky h2 span {display: block; height:32px;}
.podstranky h2.podstranka {float:left; width:130px; text-align: center; font-size:13px; padding:0px; padding-top:17px; margin-right:32px;}
.podstranky h2.podstranka img {border-width:1px; margin-top:5px;}
.podstranky h2.podstranka:hover a {color:black;}
.podstranky h2.podstranka:hover img {border-color:#269100;}

/*    aktuality    */
#aktuality {float:right; width:390px;}
.aktualita {display: block; clear:left; margin-top:5px; font-size:11px; line-height:1.4em; margin-bottom:15px;}
.aktualita img {border:2px solid white;}
.aktualita a.fl {margin-right:5px;}
.aktualita span {color:#3e3e3e; display: block;}
.aktualita a.tbold {color:#007203; display: block;}
.aktualita a.tbold:hover {color:black;}
#aktuality .zeleny-nadpis {text-transform: uppercase;}


#drobecka {width:640px; text-align: right; position: absolute; right:10px; top:10px; text-transform: uppercase; color:#a3a3a3;;}
#drobecka a {color:#a3a3a3; font-size:11px;}
  #drobecka a:hover {color:black;}
#drobecka span.tbold {color:#007203; font-size:13px;}

/*    left    */
#left {background:url("imgs/left-bg.png") repeat; width:255px; float:left; padding-bottom:20px;}
#left #aktuality {width:230px; margin-left:15px; float:left;}
#submenu {width:251px; position: relative; right:10px; bottom:25px;}
  #submenu a {display: block; background:url("imgs/submenu-bg.png") repeat-y; color:black; font-size:13px; padding-left:3px;}
    #submenu a.uroven3 {display: block; background:url("imgs/submenu-bg3.png") repeat-y;} 
  #submenu a.uroven2.first {background:url("imgs/submenu-first.png") no-repeat top;}
    #submenu a.uroven2.first span.prvni {padding-top:3px;}
  #submenu a.uroven2.last,#submenu a.superlast {background:url("imgs/submenu-last.png") no-repeat bottom;}
    #submenu a.uroven2.last span.druhy,#submenu a.superlast span.druhy {padding-bottom:11px;}
  #submenu a:hover,#submenu a.on {background:url("imgs/submenu-bg-on.png") repeat-y left; color:#ffffff;}
  #submenu a.uroven2.first:hover,#submenu a.uroven2.first.on {background:url("imgs/submenu-first.png") 0px 70px;}
  #submenu a.uroven2.last:hover,#submenu a.superlast:hover,#submenu a.uroven2.last.on,#submenu a.superlast.on {background:url("imgs/submenu-last-on.png") bottom left;}
  #submenu a span {display: block;}
  #submenu a span.prvni {background:url("imgs/submenu-bottom.png") no-repeat bottom left;}
  #submenu a span.druhy {padding:6px 14px 4px 14px; background:url("imgs/submenu-top.png") no-repeat top left;}
  #submenu a.uroven2.first span.druhy {background:none;}
  #submenu a.uroven2.last span.prvni,#submenu a.superlast span.prvni {background:none;}
  #submenu a.on span,#submenu a:hover span {background:none;}
  
  #submenu a.uroven3 span.druhy {padding-left:28px; font-size:11px;}
  #submenu a.onx {font-weight: bold;}
  #submenu a.uroven3 span.puntik {background:url("imgs/submenu-puntik.png") no-repeat 14px 13px;}
  #submenu a.uroven3.on span.puntik,#submenu a.uroven3:hover span.puntik {background:url("imgs/submenu-puntik-on.png") no-repeat 14px 13px;}
  #submenu a.onx span.sipecka {background:url("imgs/submenu-sipka.png") no-repeat 220px 8px;}
    

/*    right    */
#right {width:689px; float:right; background:url("imgs/right-bg.png") repeat;}
  .text {min-height:300px; height:auto !important; height:300px; padding:20px; padding-top:10px; color:black; font-size:13px; line-height:1.5em; position: relative; padding-bottom:100px;}
  .text img {border:5px solid white;}
  .text a {color:#008035;}
    .text a:hover {color:black;}

/*    zapati    */
#paticka {background:url("imgs/zapati.png") repeat; width:100%; min-height:20px; position: absolute; bottom:0px;}
#paticka a {color:#000000; text-decoration:underline;}
#paticka a:hover {color:#D33F4F;}
#paticka {font-size:90%; color:#000000;}
#paticka-left {float:left;padding:10px 0px 15px 0px; }
#paticka-right {float:right;padding:10px 0px 15px 0px;}
#paticka-kontakt {border-bottom:1px solid #838383; padding-top:15px; padding-bottom:10px;}

.odkazovy {position:absolute; bottom:20px; left:20px;}
.odkazovy a {color:black;}
.tiskovy a {font-size:12px;}
.tiskovy {float:left;font-size:11px;background:url("imgs/print.png") no-repeat;height:22px;padding-left:32px;line-height:1.5em;margin-left:5px;}
.tiskovy:hover {background:url("imgs/print_on.png") no-repeat;}
.doporucit_odkaz {float:left;font-size:11px;background:url("imgs/doporucit.png") no-repeat;height:22px;padding-left:22px;line-height:1.5em; margin-left:15px;}
.doporucit_odkaz:hover {background:url("imgs/doporucit_on.png") no-repeat;}

/* *** formular *** */
	.formular form {background: none ; padding:0px;}  
.formular {background:url("imgs/formular-y.png") repeat-y; width:625px; position: relative; margin-top:10px;}
.formular-top {background:url("imgs/formular-top.png") no-repeat top; }
.formular-bottom {background:url("imgs/formular-bottom.png") no-repeat bottom; padding:10px; color:black; padding-bottom:40px;}
.formular-bottom strong {color:#ff4548;}
.formular .input {width:270px; background:url("imgs/formular-input.png") no-repeat left; border-width:1px; height:19px; padding:3px; padding-left:5px; color:black;}
.formular textarea.input {width:270px; background:url("imgs/formular-textarea.png") no-repeat;  border-width:1px; height:78px; padding-top:5px;}
.formular div.ar {text-align: center;}
.formular .zeleny-button {position: absolute; bottom:-15px; left:240px;}
.formular-button:hover {color:yellow;}
.odsad {margin-top:15px;}

.zeleny-button {height:39px; width:137px; color:#007203; font-weight:bold; background:url("imgs/zeleny-button.png") no-repeat top; text-transform: uppercase; font-size: 15px; border:none; text-align: center; font-family:Arial;}
.zeleny-button:hover {color:white;}