@media screen, projection, tv{
html,body{ margin: 0; padding: 0; background-color: White !important; font-family: Arial, Helvetica, sans-serif;  font-size: 100%; text-align: center; }

.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left; }
.obr{ float: left; margin: 8px 10px 5px 0; border: 1px solid #B7B7B7; display: block; }
.kur{ font-style: italic; }
.odskok{ padding-top: 2em; }
.bezmarginu{ margin: 0; }
.nofloat{ clear: both; }
.proexp{ position: relative; }
.bezramu{ border: 0; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.noshow{ display: none; }
.btn{ background-color: #330066; color: White; font-weight: bold; border: 1px solid black; cursor: pointer; margin-top: 10px;  }
a.btn{ text-decoration: none; padding: 3px 7px; }
.trista{ width: 440px; }

hr{ height: 1px; color: #330066; background: #330066; clear: both; margin: 10px 0; padding: 0; border: 0; }

fieldset{ border: 0; padding: 0; margin: 0; }
fieldset.fieldset{border:1px solid #666; padding:0.5em;}
legend{ visibility: hidden; }
legend.legend{visibility: visible;font-size: medium;color:#66f;font-weight: bold;}

td{ vertical-align: top; padding: 4px 7px; }
a img{ border: 0; }
h1,h2,h3{ color: #330066; background-color: White; margin: 0; padding: 10px 0; /*text-transform: uppercase;*/ }
h1{ font-size: 1.6em; }
h1 a{ color: #330066; }
h2{ font-size: 1.4em; }
h3{ font-size: 1.2em; }
  h3 a:link{color:#000;}
  h3 a:visited{color:#555;}
  h3 a:hover:{color:blue;}
  h3 a:active{color:red;}
h4{ font-size: 1em; }

p{margin: 0 0 1em 0;}

a{ /*color: Black; font-weight: bold;*/ }
a:hover{ text-decoration: none; }
input, select, textarea{ border: 1px solid #330066; background-color: #f8f8f8; font-family: Arial, Helvetica, sans-serif; }
textarea{ font-size: 1em; }
label{ cursor: pointer; }

div#base{ width: 770px; text-align: left; margin: 0 auto; background: transparent url(/img/text.gif) no-repeat 0 20px; position: relative; font-size: .85em;}
div#head{ height: 125px; background: transparent url(/img/tree.jpg) no-repeat 100% 0; }
div#head div#zahlavi{ margin: 0 170px; text-align: center; padding: 0; font-size: 1.5em; }
div#head div#zahlavi a{ display: block; }


div#main{background: transparent url(/img/mainback.gif) repeat-y; margin: 0; padding: 0; height: 105em;}
html>body div#main{ height: auto; min-height: 105em; }
div#plocha{ margin: 0 160px 0 170px; padding: 1px 0 20px 0; font-size: .9em;}
div#plocha form label{ display: block; font-weight: bold; }
div#plocha form label.nn{ display: inline; font-weight: normal; }
form.f2 p{ margin: 0; }
div.odsazeni div#plocha{ padding-top: 80px; }
div#plocha a.back{ font-weight: normal; font-size: .85em; }
div.otazka{ padding: .8em 0; }
div.otazka p{ margin: 0; }
div.otazka .odpoved{ font-style: normal; padding-top: .3em; width: 98%; }
div.otazka .odpoved strong{ font-style: normal; }
div.otazka .datum{ font-size: .85em; }
div.otazka h3{ padding: 2px 0; font-size: 1.3em; }
div.otazka p.dotaz{ margin-bottom: 2em ; }

div#left{ position: absolute; top: 125px; border: solid #330066; border-width: 2px 2px 0 2px; }
div#left2{ width: 153px; }
div#left ul{ margin: 0; padding: 0; list-style-type: none; position: relative;  }
div#left li.predel{padding-bottom: 17px; background: White url(/img/cyan-line.gif) no-repeat 0 80%; }
div#menu a{ display: block; color: Black; background: White url(/img/yp.gif) no-repeat 10px 3px; text-decoration: none; font-weight: bold; font-size: .8em; padding: 0px 5px 1px 33px; line-height: 1.2em; }
div#menu a:hover{	 text-decoration: underline; }
div#left h3{ font-size: 1em;  margin: 0; padding: 5px 0 0 0;  }
div#left div#menu{ padding-bottom: 27px; background: White url(/img/predel.gif) no-repeat 0 100%;}
div#ikonky{ text-align: center; font-size: .85em; padding: 19px 0; }
div#ikonky img{ display: block; border: 0; margin: 0 auto 5px auto; }
div#ikonky a{ font-weight: normal; }
div#ikonky p{ margin: 0; padding: 0 20px; }
div#ikonky p.odskok{padding-top: 12px; }
div#ikonky li{ margin: 0; padding: 1px;  }

div#right{ position: absolute; top: 125px; right: 2px; border: solid #FFCC00;  border-width: 2px 2px 0 2px;  padding: 0px 5px; font-size: .85em; }
div#right2{ width: 113px; }
div#right h3, div#right label{ font-size: 1em; margin: 0; padding: 5px 0; display: block; font-weight: bold; background-color: transparent; text-transform: none; color: Black; }
div#right label{ padding-top: 0;}
div#right a{ color: Black; font-size: .85em;  }
div#right form{ margin: 0; padding: 0px 0px 15px 0px;}
div#right input{ display: block; }
div#right input.btn{ background-color: #330066; color: White; text-align: center; font-weight: bold; font-size: .9em; }
div#right input.search{ margin-left: 0; font-size: .9em; margin-bottom: 4px; border: 1px solid #FFCC00; width: 108px; }

ul.vypis, ul.kategorie{ list-style-type: none; margin: .3em 0; padding: 0;}
ul.kategorie{ display: block; width: 15.5em; float: left;  margin: 0; padding: 0; font-size: 1em; }
ul.vypis li{ padding: 1px 0; }
ul.vypis a{ font-size: 1em; font-weight: bold; }
ul.kategorie{ margin: 0; padding: 0 .8em .8em .8em; list-style-type: none; }
ul.kategorie a{ color: Black; padding: 0; width: auto; }
ul.kategorie li{ margin: 0; padding: 1px 0;}

div.diskuzni{ padding-bottom: 3px; margin-top: 7px;}
div.diskuzni p{ margin: 0; padding: 0px 5px; }
div.diskuzni p.h{ background-color: #330066; color: White; font-weight: bold; padding: 2px 5px;}
div.diskuzni p.h span{ display: block; width: 200px; float: right; text-align: right; }
div.diskuzni h3{ background-color: transparent; clear: both; margin: 0; padding: 3px 5px; }

div#pata{ height: 17px; background: White url(/img/pata.gif) no-repeat; clear: both; }
div#pata hr{ display: none; }

div#reklama01{ position: absolute; top: 125px; left: 164px; width: 468px; text-align: center;/* height: 60px; border: 1px solid black; background-color: #e8e8e8;*/ }
div#reklama01 img{ display: block; }

div.potvrzeni{ width: 330px; height: 130px; background-color: #e8e8e8; color: #3E3E3E; text-align: center; font-weight: bold; position: absolute; }
div.potvrzeni p{ padding: 30px 0 20px 0; }

table.tab{ font-size: 1em; border-collapse: collapse; margin: 12px 0; width: 570px; }
table.tab th{ color: White; background-color: #330066; padding: 4px 7px; font-weight: normal; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid #330066; padding: 4px 7px; }
tr.sec td{ background-color: #F7F6F6; color: black; }

.diskuse-small		{color: #000000; width: 100%;}

.diskuse-small input{ border: 0; background: none; }
DIV.polemika 		{background-color: #002247; color: #FFFFFF; padding: 2pt 5pt 2pt 8px; font-weight: bold;}
tr.polemika1 		{color: #000000;}
tr.polemika-top td {background-color: #FFFFCC; color: black; font-weight: normal; border-top: 1px solid #FFCC00; }
tr.polemika1		{padding-left: 4px;}
tr.polemika2		{padding-left: 15px;}
tr.polemika3		{padding-left: 25px;}
tr.polemika4		{padding-left: 35px;}
tr.polemika5		{padding-left: 45px;}
tr.polemika6		{padding-left: 55px;}
td.polemika1		{padding: 0 0 0 25px; }
td.polemika2		{padding: 0 0 0 35px; }
td.polemika3		{padding: 0 0 0 43px;}
td.polemika4		{padding: 0 0 0 51px;}
td.polemika5		{padding: 0 0 0 59px;}
td.polemika6		{padding: 0 0 0 65px;}
.nowrap{ white-space: nowrap; }
tr.polemika1 td, tr.polemika2 td, tr.polemika3 td, tr.polemika4 td, tr.polemika5 td, tr.polemika6 td{ padding-top: 0; padding-bottom: 0;}
.diskuse-small	img{ float: left; margin-left: 10px; } 
.diskuse-small	span{ display: block; margin-left: 5px; }

DIV.polemika-top1	{background-color: #003366; padding: 2pt 0pt 3px 4px; color: #FFFFFF;}
DIV.polemika-top2	{background-color: #EFEDED;  padding: 2pt 0pt 10px 15px;}
DIV.polemika-top3	{background-color: #EFEDED; padding: 2pt 0pt 10px 25px;}
DIV.polemika-top4	{background-color: #EFEDED;  padding: 2pt 0pt 10px 35px;}
DIV.polemika-top5	{background-color: #EFEDED;  padding: 2pt 0pt 10px 45px;}
DIV.polemika-top6	{background-color: #EFEDED;padding: 2pt 0pt 10px 55px;}
DIV.polemika-all	{background-color: #EFEDED;}
DIV.polemika-d1{padding: 2px 5px 2pt 4px;}
DIV.polemika-d2{padding: 2px 5px 2pt 15px;}
DIV.polemika-d3{padding: 2px 5px 2pt 25px;}
DIV.polemika-d4{padding: 2px 5px 2pt 35px;}
DIV.polemika-d5{padding: 2px 5px 2pt 45px;}
DIV.polemika-d6{padding: 2px 5px 2pt 55px;}


.obrR{
float: right;
margin: 0 0 1em 1em;
border: 0 none;
}
}