body { background-color: #062638; text-align: center; font: normal normal 80%  'Trebuchet MS', Tahoma, Trebuchet, Arial, Verdana, Sans-serif; margin: 0; padding: 0; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }

#hmenu { text-align: center; padding-top: 15px; width: 714px; margin: 0 auto; }
#hmenu-ods { padding: 0 10px; }
#hmenu a { display: block; float: left; height: 31px; background-position: 0 0; text-decoration: none; }
#hmenu a:hover, #hmenu a.act { background-position: 0 31px; font-size: 1px; }
#hmenu #side0 {  width: 94px;  background-image: url('/grafika/side_hlavni-strana.png'); }
#hmenu #side1 {  width: 74px;  background-image: url('/grafika/side_activenet.png'); }
#hmenu #side2 {  width: 108px;  background-image: url('/grafika/side_seo.png'); }
#hmenu #side3 {  width: 68px;  background-image: url('/grafika/side_reklama.png'); }
#hmenu #side4 {  width: 79px;  background-image: url('/grafika/side_webdesign.png'); }
#hmenu #side5 {  width: 80px;  background-image: url('/grafika/side_webhosting.png'); }
#hmenu #side6 {  width: 61px;  background-image: url('/grafika/side_portaly.png'); }
#hmenu #side7 {  width: 105px;  background-image: url('/grafika/side_webove-aplikace.png'); }
#hmenu #side8 {  width: 45px;  background-image: url('/grafika/side_blog.png'); }
#hmenucl { clear: both; border-top: 1px solid #222; background-color: #222; font-size: 1px; }



#vse {width: 980px; overflow: hidden; margin: 0 auto; text-align: left; padding-top: 20px; }
#hlavicka { width: 980px; height: 146px; background-image: url("/grafika/hlavicka.png"); background-repeat: no-repeat; }
#hlavicka-index { width: 980px; height: 28px; background-image: url("/grafika/hlavicka_index.png"); background-repeat: no-repeat; font-size: 1px; }
  
#backodkaz { margin: 0; padding: 0; padding-top: 20px; float: right; font-size: 80%; padding-right: 28px; }
#backodkaz a { font-weight: bold; color: #000000; text-decoration: none; }
#backodkaz a:hover {text-decoration: underline;}
#menu-box { height: 35px; background-image: url("/grafika/menu.png"); background-repeat:no-repeat; clear: both; line-height: 35px; padding-left: 40px; color: #fff; font-size: 85%; font-weight: bold; }
#menu-box a { color: #FFFFFF; text-decoration: none; }		   
#menu-box a:hover, #menu-box a.act {color: #FFCC00;}		   
#telo { background-image: url("/grafika/telo.png"); background-repeat:repeat-y; padding: 0 20px; padding-bottom: 60px; }
.cb { clear: both; font-size: 1px; }
p { margin: 0; padding: 0; text-align: justify; line-height: 160%; padding: 5px 0; }
#oddelovac	{	height:12px; clear: both; background-image: url("/grafika/oddelovac.png"); }	   
#pata { width:980px; height:92px; background-image: url("/grafika/pata.png"); background-repeat:no-repeat; clear: both; color: #999999; padding-left: 40px; font-size: 80%; }
#pata p { padding-top: 5px; } 			
#copyright { width: 720px; overflow: hidden; float: left; }
#copyright p { padding-top: 0; }
#copyright-logo { width: 170px; float: right; background-repeat: no-repeat; padding-top: 10px; }
#copyright h2 { margin: 0; padding: 0; font-size: 100%; }
p.dalsiinfo { font-size: 120%; font-weight: bold; color: rgb(173,223,28); text-align: right; padding-top: 40px; }
p.dalsiinfo a { color: rgb(173,223,28); }
p#indexnab { font-size: 80%; font-weight: bold; color: #666; text-align: center; padding-top: 30px; padding-bottom: 4px; border-bottom: 1px solid #ddd; margin: 0 30px; }
#indexlogo { text-align: center; }

.col-oranzova { color: rgb(235,162,46); }
.col-cervena { color: rgb(178,32,24); }
.col-zelena { color: rgb(99,192,16); }
.col-modra { color: rgb(13,44,87); }
.col-fialova { color: rgb(111,5,160); }
.col-modrozelena { color: rgb(24,153,136); }

#pageodsaz { padding: 40px 70px;  padding-bottom: 0; padding-top: 30px; }
ul { margin-top: 0; margin-bottom: 0; }
ul li { padding-top: 2px; padding-bottom: 2px; text-align: justify; }
ol { margin-top: 0; margin-bottom: 0; }
ol li { padding-top: 2px; padding-bottom: 2px; text-align: justify; }
.b { font-weight: bold; }

#leve-menu { float: left; width: 200px; }
#leve-menu-obsah { float: right; width: 600px; }
#pageodsazwmenu { padding: 40px 40px;  padding-bottom: 0; padding-top: 30px; }
#leve-menu ul { margin: 0; padding: 0; font-size: 85%; }
#leve-menu ul li { padding: 0; margin: 0; list-style-type: none; }
#leve-menu ul li a { display: block; padding: 4px 10px; padding-left: 30px;  border-bottom: 1px solid #ddd; font-weight: bold; text-decoration: none; background-image: url(/grafika/bullet.gif); background-repeat: no-repeat; background-position: 10px 50%; }
#leve-menu ul li a:hover { background-color: #ddd; font-weight: bold; }
#leve-menu ul li a.sel { color: green; }
#leve-menu p.lmnadpis { padding: 4px 10px; font-size: 90%; border-bottom: 3px solid #ddd; }
.pt30, #leve-menu p.pt30 { padding-top: 30px; }
h1 { padding: 0; margin: 0; font-size: 140%; font-weight: bold; padding-bottom: 20px; }

#indexspodnicastods { padding: 60px 40px; }
#indexspodnicast { border-top: 3px solid #ddd; padding-top: 30px; }
#indexspodnicastl { float: left; width: 585px; padding-top: 20px; }
#indexspodnicastr { float: right; width: 270px; }
#indexspodnicastr div { padding-right: 0; }
#indexspodnicastr ul, #firmamenu ul { list-style-type: none; margin:0; padding: 0; }
#indexspodnicastr ul li, #firmamenu ul li { margin: 0; padding: 0; }
#indexspodnicastr ul li a, #firmamenu ul li a { display: block; text-decoration: none; border-bottom: 1px solid #ddd; font-size: 90%; font-weight: bold; padding: 5px 25px; }
#indexspodnicastr ul li a:hover, #firmamenu ul li a:hover { color: green; }
#firmamenu ul li a.act { color: green; }

span.b { font-weight: bold; }
span.o { color: #000; }

#pata img { border: 0; }

h1#m { margin: 0; padding: 0; font-size: 70%; color: rgb(200,200,200); text-align: center; }
h1#m2 { margin: 0; padding: 0; font-size: 70%; color: rgb(200,200,200); text-align: right; padding-right: 10px; }

#blog { font-weight: bold; padding-bottom: 15px; padding-top: 25px; }
#blog a { color: #999; }
#blogpata { background-image: url("/grafika/telo.png"); background-repeat:repeat-y; padding: 0 40px; padding-bottom: 20px; padding-left: 60px; }
#blogpata p { color: #999; padding: 0; margin: 0; }
.bunkablog { width: 290px; float: left; border-left: 3px solid #eee; font-size: 95%; }
.bunkablog-ods { padding-right: 15px; padding-left: 15px; }
.bunkablogf, .bunkablogl { width: 275px; }
.bunkablogf { border-left: 0; }
.bunkablogf .bunkablog-ods { padding-left: 0; }
.bunkablogl .bunkablog-ods { padding-right: 0; }
.bunkablog .nadpis { font-size: 110%; }
.bunkablog .nadpis a { color: #666; }
.bunkablog .date { font-size: 85%; padding-bottom: 3px;}