/* CSS Document */
body, html	{padding: 0px; margin: 0px; font-family: myramid pro, myramid, arial;}
body		{background: #f1592a url('img/bguvod_2011.jpg') 50% -100px no-repeat; font-size: 80%; min-width: 850px;}
.stred		{width: 100%; text-align: center; vertical-align: top;}
.obsah		{background-color: #FFFF80; width: 850px; text-align: left; margin: auto; margin-top: 0px; position: relative; padding: 0px; z-index: 1002;}
a		{color: #FE7317;}
a:hover		{color: #FE7317; text-decoration: none;}

h1		{padding: 20px 0px 20px 0px; margin: 0px; height: 48px; line-height: 30px; overflow: hidden; font-size: 30px; text-align: center; color: #000000; background-image: url(img/h1.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
h1 span		{position: relative; top: 15px; left: 2px;}
h1 b		{position: relative; top: -17px; color: #FE7317;}
h2		{padding: 10px 0px 3px 0px; margin: 0px; height: 48px; width: 240px; line-height: 24px; overflow: hidden; font-size: 20px; text-align: center; color: #000000; background-image: url(img/h2.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
h2 span		{position: relative; top: 12px; left: 1px;}
h2 b		{position: relative; top: -13px; color: #FE7317;}
.tlac		{padding: 0px 0px 0px 0px; margin: 0px; height: 37px; width: 240px; line-height: 37px; overflow: hidden; font-size: 14px; font-wight: bold; text-align: center; color: #000000; background-image: url(img/tl1.gif); background-position: 50% 100%; background-repeat: no-repeat; display: block; text-decoration: none;}
 a:hover.tlac	{background-position: 50% 0%;}
.tlac span	{position: relative; top: 2px; color: #ffffff; left: 2px; text-decoration: underline; font-weight: bold; text-decoration: none;}
 a:hover.tlac span	{position: relative; top: 2px; color: #ffffff; left: 2px; font-size: 15px; text-decoration: none; font-weight: bold; }

p		{padding: 3px 10px 3px 10px; margin: 0px;}
.oblevo		{float: left;}
.obpravo	{float: right;}
.sloupl		{float: left; padding: 0px 10px 0px 50px; width: 240px;}
.sloups		{float: left; padding: 0px 5px 0px 5px; width: 240px;}
.sloupp		{float: right; padding: 0px 50px 0px 10px; width: 240px;}
.big		{font-size: 20px; display: block; font-weight: bold;}
.big b		{font-weight: bold; color: #FE7317; position: relative; top: -1px; left: -1px; display: block; text-align: center;}
.big span	{position: absolute; text-align: center;}
.zahl		{clear: both;}
.nastred	{text-align: center;}
.normal		{padding: 0px 50px 0px 50px;}
.obrstred	{vertical-align: middle;}
.formlevo	{width: 350px; height: 30px; line-height: 30px; display: block; vertical-align: middle; padding: 0px 10px 0px 0px; text-align: right; float: left; border: none 1px red;}
.formpravo	{width: 350px; height: 30px; line-height: 30px; display: block; vertical-align: middle; text-align: left; float: left; border: none 1px green;}
.formlevo b	{}
.formpravo .formtext	{margin: 3px 0px 0px 0px;}
.formtext	{width: 300px;}
.chyba		{text-align: center; font-weight: bold; color: red;}
.obrazky	{text-align: center;}
.obrazky img	{border: solid 1px #BCC800; padding: 10px; margin: 10px; background-color: #ffff00;}
.prog .oblevo	{width: 150px; font-weight: bold; text-align: center; font-size: 140%; line-height: 140%;}
.prog .obpravo	{width: 580px; text-align: left; font-size: 140%; line-height: 140%; font-family: "Comic Sans MS", arial;}
.prog p		{padding: 10px 0px 10px 0px;}
#nahrat		{position: absolute; top: 0px; width: 100%; text-align: center; vertical-align: top;}
li		{list-style-image: url(img/odr.gif); padding: 3px 0px 3px 0px; list-style-position: outside;}
.typ2	{list-style-image: url(img/odr2.gif);}

#prof		{position: absolute; z-index: 1005; top: 0px; left: 0px; width: 850px; text-align: center; display: none;}
#prof .bigobr	{border: solid 1px #BCC800; padding: 10px; width: 730px; margin: 10px; background-color: #ffff00; display: block; margin: auto; position: relative;}
#prof .dalsi	{border: solid 1px #BCC800; padding: 10px 30px 10px 30px; margin: 10px; background-color: #FE7317; display: block; margin: auto; position: absolute; left: 100px; top: -5px; z-index: 1020; font-weight: bold; font-size: 18px; color: #FFFFFF; text-decoration: none; line-height: 30px;}
#prof .dalsi:hover	{color: #FE7317; background-color: #FFFFFF;}
#prof .stahvid	{border: solid 1px #BCC800; padding: 5px 20px 5px 20px; margin: 10px; background-color: #FE7317; display: block; margin: auto; position: absolute; left: 420px; top: 310px; z-index: 1020; font-weight: bold; font-size: 16px; color: #FFFFFF; text-decoration: none; line-height: 20px;}
#prof .stahvid:hover	{color: #FE7317; background-color: #FFFFFF;}
#prof .bigobr img	{border: solid 1px #BCC800; padding: 5px; margin: 10px; background-color: #ffffFF; display: block; background-image: url(img/nahrava.gif); background-position: 50% 50%; background-repeat: no-repeat;}
.zavrit		{padding: 0px 20px 0px 0px; background-image: url(img/close.gif); background-position: 100% 0%; background-repeat: no-repeat; display: block; text-align: right; color: black; text-decoration: none;}
.menu		{padding: 0px; width: 850px; height: 300px; margin: auto; position: relative; padding: 0px; margin: 0px;}
.menu img	{padding: 0px; margin: 0px;}
.wfzapati	{height: 80px; width: 850px; background-image: url(img/wfzahlavi.png); margin: auto; position: relative; background-position: 50% 0%; background-repeat: repeat-x; z-index: 1;}
.ikony		{padding: 0px 0px 0px 10px; position: absolute; width: 100px; top: -200px; left: 850px;}
.ikony img, .ikony OBJECT	{margin: 5px; border: solid 1px #FFFF80;}
.ikony a:hover img	{border: solid 1px #FE7317;}

.akce		{width: 750px; height: 120px; vertical-align: middle; overflow: hidden; display: block; background-image: url(img/akce.jpg); background-position: 0% 0%; background-repeat: no-repeat; }
.akce .akcetext	{float: right; width: 580px; height: 120px; display: block; vertical-align: middle; text-align: center; font-size: 160%; line-height: 140%; background-position: 100% 0%; background-repeat: no-repeat; background-image: url(img/akce1.jpg); background-position: -8px 0%; background-repeat: no-repeat; background-color: #FFFF80; font-family: "Comic Sans MS", arial; font-weight: bold;}
.akce .akcetext span	{display: block; padding: 30px 30px 10px 30px; }
.akce .datum, .akce .datumm	{float: left; width: 170px; height: 120px; display: block; vertical-align: middle; font-weight: bold; text-align: center; font-size: 140%; line-height: 140%; background-image: url(img/akce.jpg); background-position: 8px 0%; background-repeat: no-repeat; background-color: #FFFF80;}
a.akce:hover .akcetext	{background-position: 0px 0%;}
a.akce:hover .datum, a.akce:hover .datumm	{background-position: 0px 0%;}
.akce .datum span	{ position: relative; top: 30px;}
.akce .datumm span	{ position: relative; top: 20px;}
a.akce		{cursor: pointer; text-decoration: none; color: black;}
a.akce:hover	{cursor: pointer; color: black; text-decoration: underline;}
.plazi		{background-color: #108D62; width: 100%; height: 650px; background-image: url(img/bgplazi.jpg); background-position: 0% 0%; background-repeat: no-repeat; color: #FEFE7C; text-align: justify;}
.dostran	{text-align: justify;}
.reklama	{width: 472px; text-align: left;}
.reklama span	{ font-size: 9px; background-color: yellow; color: black; padding: 1px 10px 0px 10px;}
.reklama div	{border: solid 2px yellow;}
.cenik		{border-bottom: solid 1px #FE7317;}
.vycistit	{clear: both;}

#leaderboard	{background-image: url(reklama/reklama.gif); background-repeat: no-repeat; background-position: 50% 0%; margin: 10px; padding: 0;}
#leaderboard img	{border: solid 1px #FFFF80;}
#leaderboard a:hover img	{border: solid 1px #FE7317;}