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

body {
	background: url('bg.jpg') no-repeat center top #fff; font-family:  Arial, Tahoma, sans-serif; color: #000; margin: 0px; padding: 0px;
	font-size: 75%;
}

.clear {clear: both; height: 1px;}
.bold {font-weight: bold;}
.marbot10 {margin-bottom: 15px;}
.hide {display: none;}

a {color: #1f9cd7;}

img {border: 0px;}


#obal {width: 960px; margin: 0px auto;}
#hlava {height: 223px; position: relative;}
#logo {position: absolute; top: 40px; left: 0px;}
#mut {position: absolute; top: 20px; right: 0px; color: #3eb9ff;}
#mut a {color: #3eb9ff;}
#mut .sel {color: #fff; text-decoration: none;}

#menu {position: absolute; top: 85px; right: 0px;}
#menu a {display: block; float: left; width: 103px; height: 57px; text-decoration: none; background: url('bg-menu.png') no-repeat top;
		font-size: 15px;	padding: 16px 0px 0px 0px; text-align: center; font-weight: bold; margin-left: 10px;}
#menu .sel {background: url('bg-menu-sel.png') no-repeat top; color: #ec7f00;}
#menu a:hover {color: #ec7f00;}
#menu .zpet {background: url('bg-zpet.png') no-repeat top; width: 247px;}

#pata {height: 17px; background: url('bg-pata.gif') no-repeat; margin-top: 20px; color: #1f9cd7; padding: 20px;}

#okna {height: 266px; position: relative;}
#okna .okno {background: url('bg-okno.png') no-repeat; width: 422px; height: 226px; padding: 20px; position: relative;}
#okna  .l {float: left;}
#okna  .p {float: right;}
#okna h2 {}
#okna .kostka1 {width: 120px; height: 120px; background: url('bg-kostka1.png') no-repeat; position: absolute; top: -30px; left: -60px;}
#okna .kostka2 {width: 120px; height: 120px; background: url('bg-kostka2.png') no-repeat; position: absolute; top: -30px; right: -60px;}
#okna a {color: #ec7f00;}

#pmenu {float: right; color: #ec7f00;}
#pmenu a {color: #ec7f00; margin-left: 10px;}


#okna .l .h2ora {margin-left: 100px;}
#okna .p .h2ora {margin-left: 70px;}
.h2ora {height: 58px; margin-bottom: 20px;}
.h2ora .obl1 {width: 21px; height: 58px; background: url('bg-l.png') no-repeat; float: left;}
.h2ora .obl2 {width: 21px; height: 58px; background: url('bg-p.png') no-repeat; float: left;}
.h2ora h2, .h2ora h1 {font-weight: bold; display: inline-block; font-size: 24px; text-transform: uppercase; color: #fff; height: 43px; background: url('bg-h2.png') repeat-x;
		padding-top: 15px; float: left;}

#okna h3 {font-weight: bold; font-size: 16px; color: #1f9cd7; margin-bottom: 10px;}
#okna ul {padding-left: 15px;}
#okna ul li {padding: 0px 0px 3px 0px; font-size: 110%;}
#okna .leva {float: left; width: 200px;} 
#okna .prava {float: right; width: 200px;}

#aktual {height: 240px; margin-top: 15px;}
#news {height: 240px; width: 620px; background: url('ram1.gif') no-repeat bottom; float: left;}
#blog {height: 240px; width: 300px; background: url('ram2.gif') no-repeat bottom; float: right;}

#aktual h2 {text-transform: uppercase; color: #1f9cd7; font-size: 20px; }
#aktual #news h2 {background:  url('bg-kalendar.gif') no-repeat; padding: 6px 0px 3px 40px;}
#aktual #blog h2 {background:  url('bg-aktualne.gif') no-repeat; padding: 6px 0px 3px 40px;}

#dole {margin-top: 20px;}
#kont {width: 300px; float: left; margin-right: 0px;}
#pexeso {width: 320px; float: left;}
#face {width: 320px; float: right;}

#dole h2 {text-transform: uppercase; color: #1f9cd7; font-size: 20px;  margin-bottom: 15px;}
#dole #kont h2 {background:  url('bg-kontakt.gif') no-repeat; padding: 6px 0px 3px 40px;}
#dole #face h2 {background:  url('bg-facebook.gif') no-repeat; padding: 6px 0px 3px 40px;}

#obsah {line-height: 1.4;}

#aktual h3 {margin-bottom: 10px; font-size: 16px;}
#aktual .clanky {padding: 20px;}
#aktual #news .clanky .clanek {float: left; width: 280px;}
#aktual #news .clanky .clanek1 {margin-right: 20px;}
#aktual #news .clanky .clanek .clfoto {float: left; width: 110px; height: 110px; overflow: hidden;}
#aktual #news .clanky .clanek .txt {float: right; width: 150px; overflow: hidden;}
#aktual .clanky p {margin-bottom: 10px;}
.cely {color: #ec7f00;}

#nadpis {width:572px; height: 81px; background: url('bg-h1.png') no-repeat; padding: 20px 25px 0px 25px; margin-bottom: 10px;}
#vnoreni {width:570px; height: 34px; background: url('bg-vnoreni.gif') no-repeat; padding: 17px 25px 0px 25px; color: #1f9cd7; margin-bottom: 20px;}

#page #l {float: left; width: 622px;}
#page #p {float: right; width: 300px;}

#rubobsah {position: relative; background: url('bg-ram.gif') repeat-y; width: 570px; padding: 20px 25px 20px 25px; line-height: 1.5; margin-bottom: 20px;}
#rubobsah p {margin: 5px 0px 10px 0px;}
#rubobsah .obl1 {position: absolute; top: 0px; left: 0px; z-index:10; background: url('bg-ram-h.gif') no-repeat; width: 620px; height: 17px; }
#rubobsah .obl2 {position: absolute; bottom: 0px; left: 0px; z-index:10; background: url('bg-ram-d.gif') no-repeat; width: 620px; height: 17px; }
#rubobsah h2 {color: #ec7f00; font-size: 24px; font-weight: bold; margin: 0px 0px 10px 0px;}
#rubobsah h3 {color: #1f9cd7; font-size: 18px; font-weight: bold; margin: 20px 0px 5px 0px;}
#rubobsah h4 {color: #1f9cd7; font-size: 15px; font-weight: bold; margin: 20px 0px 5px 0px;}
#rubobsah a {color: #ec7f00;}

#odkazy {padding-left: 100px;}
#odkazy a {display: block; font-size: 20px; font-weight: bold; padding:  35px 20px 0px 20px; float: left;}
#odkazy .o1 {background: url('zadost-o-znacku.gif') no-repeat center top;}
#odkazy .o2 {background: url('produktova-kriteria.gif') no-repeat center top;}
#odkazy .o3 {background: url('seznam-vyrobku.gif') no-repeat center top; margin-top: 10px;}
#odkazy .o4 {background: url('zadost-o-schuzku.gif') no-repeat center top; margin-top: 10px;}


#page #p .nadpis {text-transform: uppercase; color: #1f9cd7; font-size: 20px;  margin-top: 15px; font-weight: bold; margin-bottom: 5px;}
#page #p .nadkon {background:  url('bg-kontakt.gif') no-repeat; padding: 6px 0px 3px 40px;}
#page #p .facebook {background:  url('bg-facebook.gif') no-repeat; padding: 6px 0px 3px 40px;}
#page #p .okno {position: relative; background: url('rambg.gif') repeat-y; width: 265px; padding: 20px 17px 20px 18px; line-height: 1.5; margin-bottom: 20px;}
#page #p .okno p {margin: 5px 0px 10px 0px;}
#page #p .okno .obl1 {position: absolute; top: 0px; left: 0px; z-index:10; background: url('ram-h.gif') no-repeat; width: 300px; height: 12px; }
#page #p .okno .obl2 {position: absolute; bottom: 0px; left: 0px; z-index:10; background: url('ram-d.gif') no-repeat; width: 300px; height: 12px; }


#zalozky {height: 266px; width: 300px; position: relative;}
.bg1 {background: url('bg-prava1.png') no-repeat; }
.bg2 {background: url('bg-prava2.png') no-repeat; }
#zalozky .nad {text-transform: uppercase; color: #a1a1a1; font-size: 19px;  font-weight: bold; cursor: pointer;}
#zalozky .sel {color: #1f9cd7;}
#zalozky .nad1 {position: absolute; top: 15px; left: 15px;}
#zalozky .nad2 {position: absolute; top: 15px; left: 139px;}
#zalozky .txt {position: absolute; top: 70px; left: 35px; width: 230px;}
#zalozky ul {padding: 10px 15px 10px 15px;} 
#zalozky ul li {padding: 0px 0px 3px 0px; font-size: 110%;}
#zalozky a {color: #ec7f00;}
#zalozky strong {color: #1f9cd7; font-size: 120%; }

#page #p .autori {background:  url('autori.gif') no-repeat; padding: 6px 0px 3px 40px;}
#page #p #kategorie {width: 300px; height: 226px; background: url('bg-kategorie.png') no-repeat; padding: 20px 50px 20px 50px;}
#rmenu a {display: block; font-size: 15px; font-weight: bold; margin: 5px 0px 5px 0px;}
#page #p #kategorie  p {font-size: 16px; font-weight: bold; color: #ec7f00; margin: 0px 0px 5px 0px;}

#blogobsah {}
#blogobsah #clanky .cla1 {height: 218px; width: 580px; background: url('bg-blog-uvod.png') no-repeat; padding: 20px;}
#blogobsah #clanky .clanek {height: 181px; width: 580px; background: url('bg-blog-cla.png') no-repeat; margin-top: 20px; padding: 20px;}
#blogobsah #clanky .obr {float: left;}
#blogobsah #clanky .txt {float: right; width: 410px;}
#blogobsah #clanky .cla1 h2 {font-size: 25px; color: #ec7f00; margin-bottom: 10px;}
#blogobsah #clanky .clanek h2 {font-size: 22px; color: #ec7f00; margin-bottom: 10px;}
#blogobsah #clanky h2 a {color: #ec7f00;}
#blogobsah #clanky p {font-style: italic; font-size: 110%; margin-bottom: 10px;}
#blogobsah #clanky .info {font-style: italic; margin-top: 5px; margin-bottom: 7px;}
#blogobsah #clanky .info span {font-style: normal; padding-right: 15px; color: #ec7f00; font-weight: bold;}
#autori .rbk {float: left; width: 61px; height: 85px; overflow: hidden; margin-right: 8px;}
#autori .rbk img {display: block; margin-bottom: 2px;}
#autori .rbk a {text-decoration: none;}
#blogobsah .stitky {height: 23px; margin-bottom: 10px;}
#blogobsah .stitky .stitek {height: 20px; float: left; background: url('stitek2.png') repeat-x; color: #fff; padding-top:3px; display: block; text-decoration: none;}
#blogobsah .stitky .stitek:hover {color: #000;}
#blogobsah .stitky img {float: left; display: block; border: none;}

#banner {float: right; width: 300px; padding-top: 50px;}