@media screen, projection, tv{
html,body{ margin: 0; padding: 0; font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;  font-size: 100%; color: #464646; background: #183772 url(../img/back.gif) repeat-y; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
fieldset{ border: 0; padding: 0; margin: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
legend{ visibility: hidden; }
input, textarea, select{ font-family: Arial, Helvetica, sans-serif;  font-size: 1em;}
textarea{ font-size: 1em; }
table{ font-size: 1em; }
form{ margin: 0; padding: 0; }
h1{ font-size: 1.8em; }
h2{ font-size: 1.5em; }
h2.hlavni{ background: white url(../img/h2.gif) no-repeat; padding: 0 0 8px 54px; color: White; font-size: 1.3em; margin: 0;}
h2.hlavni span{ display: block; background-color: #B7B7B7; color: White; padding: 12px 12px 11px 15px; line-height: 1.2em; }
h3{ font-size: 1.1em; }
h4{ font-size: 1em; }
a img{ border-width: 0; }
a{ color: #EFA300; font-weight: bold; }
a:hover{ color: #183772; }
ul{ list-style-type: square; }

div.potvrzeni{ width: 230px; height: 110px; background-color: #87CEFA; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }
.clear hr{ visibility: hidden; }


.center{ text-align: center !important; }
.right{ text-align: right !important; }
.left{ text-align: left !important; }

.kur{ font-style: italic !important; }
.light{ font-weight: normal !important; }
.bold{ font-weight: bold !important ; }

.odskok{ padding-top: 13px; }
.bezmarginu{ margin: 0 !important ; }
.nopad{ padding: 0 !important ; }

.clear{ clear: both !important ; }
.clear-left{ clear: left !important; }

.proexp{ position: relative !important; }
.bezramu{ border: 0 !important ; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.block{ display: block !important; }
.inline{ display: inline !important; }

.float-right{ float: right !important ; }
.float-left{ float: left !important ; }
.nofloat{float: none !important ; }

.rozpal{ line-height: 1.4em; }
.top{ vertical-align: top !important; }
.middle{ vertical-align: middle !important; }
.abc{ list-style-type: lower-alpha !important; }
.btn{ cursor: pointer; }
.non{ text-decoration: none !important; }
.under{ text-decoration: underline !important; }

/*velikosti*/
.xxs{ font-size: .7em !important; }
.xs{ font-size: .8em !important; }
.s{ font-size: .9em !important; }
.m{ font-size: 1em !important; }
.l{ font-size: 1.1em !important; }
.xl{ font-size: 1.2em !important;}
.xxl{ font-size: 1.3em !important; }
/*obrazky*/
.obr{ float: left; margin: 0px 10px 5px 0; display: block; }
.obr2{ float: right; margin: 0px 0px 5px 10px; display: block; }
.obr3{ float: none; margin: 0px auto 12px auto; display: block; }
.obr-text{ vertical-align: text-bottom; }

#base{ font-size: .75em; width: 990px; }
#head h1{ margin: 0; margin-left: 78px; background-color: White; }
#head-flash{ position: absolute; top: 0; left: 210px; }
#main{ padding: 164px 0 0 20px; background: White url(../img/head.jpg) no-repeat 100% 0px; margin: 0 13px 0 190px; }
#plocha{padding: 10px 12px 20px 12px; line-height: 1.4em; height: 28em;}
.index #plocha{ padding-bottom: 5px; }
.index #video{
	display: none;
}
html>body #plocha{ height: auto; min-height: 28em; }
#left{ position: absolute; left: 0; top: 108px; width: 191px; }
#left a{ font-weight: normal; }
#menu ul{ margin: 0; padding: 0; list-style-type: none; background: white url(../img/menu-down.gif) no-repeat 0 100%; color: Black; padding-bottom: 11px; }
#menu a{ display: block; text-decoration: none; color: White; background-color: #183772; text-align: right; width: 191px; }
#menu a:hover, .sub #menu li.aktivni a{ background-color: #FBCA11; color: #183772; }
#menu span{ display: block; padding: 12px 15px 12px 7px; border-left: 16px solid #FBCA11; border-bottom: 1px solid #3A5587; line-height: 1.2em; }
#menu a.last span{ border-bottom: 0; padding-bottom: 13px; }
.sub #menu li.aktivni span{ border-bottom: 1px solid #FCDA59; font-weight: bold; text-align: left; }
.sub #menu li.aktivni ul{ display: block; }
#menu ul ul{ margin: 0; padding: 0; background: none; display: none; }
.sub #menu ul ul a{ background-color: #FBCA11; color: #183772; font-weight: normal; }
.sub #menu ul li.aktivni ul a span{ border-bottom: 1px solid #FCDA59; text-align: left;  font-weight: normal; padding: 7px 15px; background: #FBCA11 url(../img/sip.gif) no-repeat 7px 1em; padding-left: 19px; }
.sub #menu ul ul a:hover{ text-decoration: underline; }
#video{ background-color: #183772; color: #BCCAE4; padding: 12px 13px 12px 12px; margin-top: 45px; }
#video p{ background-color: #465F8E; color: #BCCAE4; position: relative; padding: 10px 10px 2em 10px; font-size: .9em; margin: 0; }
#video a.play{ position: absolute; z-index: 10; top: 4.1em; left: 100px; display: block; background-color: #FBCA11; color: #183772; text-decoration: none; padding: 8px 0; border: 5px solid #183772; width: 3.5em; text-align: center; text-transform: uppercase; font-weight: bold; }
#video a:hover.play{ background-color: White; color: #183772; }
#video object{ margin: 0; padding: 0; display: block; }
#pata{ padding: 17px 40px 17px 147px; clear: both;  }
#pata #pata-flash{ background: White url(../img/pata.gif) no-repeat; width: 262px; height: 121px; padding-left: 9px; float: left; }
#pata p{ text-align: center; margin: 0; color: #888888; font-size: .9em; padding-top: 30px;background-color: #E9E9E9; line-height: 2em; }
#pata p.pod{ padding: 5px 0 0 0; }
#pata p.pod a{ color: #183772; margin: 0 5px; text-decoration: underline; background-color: #E9E9E9; }
#pata p.pod a:hover{ color: #888888; background-color: #E9E9E9; }
#pata a{ color: #888888; text-decoration: none; font-weight: normal; }
#pata a span{ text-decoration: underline; }
.search{ position: absolute; top: 67px; left: 765px; }
.search input{ border: 1px solid #183772; font-size: .9em; padding: 2px; width: 130px; margin-right: 3px; }
.btn, .search input.btn{ background-color: #FBCA11; border: 1px solid #FBCA11; text-align: center; width: auto; color: #031944; font-weight: bold; cursor: pointer; padding: 1px 0; width: 6.7em; }

#aplikace{ border: 1px solid #183772; padding-bottom: 3px; }
#aplikace h3{ background-color: #183772; color: white; margin: 0; padding: 10px; text-align: center; font-size: 1.3em; }
table.tab2{ font-size: 1em; border-collapse: collapse; margin: 3px 3px 0 3px; width: 735px; table-layout: fixed; }
table.tab2 th{ color: White; background-color: #465F8E; line-height: 1.2em; padding: 4px 1px; font-weight: normal; border-right: 1px solid white; }
table.tab2 th.last{ border-right: 1px solid #465F8E; }
table.tab2 td{ border: 1px solid #465F8E; font-weight: bold; text-align: center; color: #465F8E; padding: 0; height: 2.6em; }
table.tab2 tr.sec td{ background-color: #F7F6F6; color: black; }
table.tab2 a{ display: block; background-color: #FBCA11; color: #465F8E; text-decoration: none; line-height: 2.6em; width: 100%; }
table.tab2 span{ padding: 4px 7px; }
table.tab2 a:hover{ background-color: #183772; color: White; }
table.tab2 tr.dva td{ border-top-width: 2px; }
table.tab2 tr.tri td{ border-top-width: 3px; }
table.tab2 tr.th{ border-left: 1px solid #465F8E; } 

.seznam, .seznam ul, .seznam2{ list-style-type: none; margin: 0 0 0 3px; padding: 0; }
.seznam ul{ margin-left: 5em;}
.seznam li{ line-height: 1.8em; background: White url(../img/li2.gif) no-repeat 0 .7em; padding-left: 14px; }
.seznam ul li{ background: White url(../img/li.gif) no-repeat 0 .3em; padding-left: 10px; }
.seznam ul li a{ font-weight: normal; }
.seznam2 li{ padding: 4px 0;}

#video2{ text-align: center; }
#video2 object{ display: block; }
#video2 .flash{ border: 17px solid white; margin: 0 auto; display: block; width: 640px; }
#video2 a{ position: relative; top: -25px; display: block; font-size: .7em; background-color: #FBCA11; color: #183772; text-decoration: none; padding: 8px 0; margin: 0 auto; border: 5px solid #183772; width: 20em; text-align: center; font-weight: normal;  }
#video2 a:hover{ background-color: White; color: #183772; }
#video p{ margin: 0; }

#stred{ width: 532px; float: left; display: inline; }
#news{width: 210px; float: left; font-size: .9em; background: white url(../img/news.gif) no-repeat 0 17px; display: inline; margin: -39px 0 0 0; padding: 17px 0 0 25px; }
#news h3{ background: #989898; color: White; font-size: 1.5em; margin: 0; padding: 10px; border-left: 7px solid white; }
#news p{ margin: 3px 0; line-height: 1.6em; }
#news h4{ color: #FBCA11; background-color: #989898; margin: 1px 0 5px 0; }
#news a{ color: #FBCA11; background-color: #989898; }
#news a:hover{ color: Black; background-color: #989898; }
.akt-vypis{ background-color: #989898; color: White; padding: 4px 12px; }
.akt{ padding: 8px 0 7px 0; border-bottom: 1px solid #A7A7A7; }
#news .akt p{ margin: 0; line-height: 1.3em; }
.akt img{ float: left; border: 4px solid #ADADAD; margin: .2em 7px 0px 0; }
.vice{ background: #989898 url(../img/vice.gif) no-repeat 1px .3em; padding-left: 17px; font-weight: normal; line-height: 1.5em; }
.archiv{ background: #989898 url(../img/archiv.gif) no-repeat 1px .3em; }
.newsletter{ border: 7px solid #989898; color: White; background-color: #A7A7A7; padding: 3px 7px 7px 7px; border-top-width: 0; line-height: 1.3em; }
.newsletter .policko{ border: 1px solid white; padding: 2px 2px; width: 9.2em; }
.newsletter .btn{ color: #173570; }

.onhome{ background: #DEDEDE url(../img/onhome.gif) no-repeat 0 0; width: 177px; float: left; margin: 0 0px 14px 0; }
.onhome img{ display: block; }
.onhome h3{ margin: 0; font-size: 1em; padding: 0 0 4px 10px; }
.onhome span{ display: block; padding: 8px 5px 7px 10px; }
.onhome a{ text-decoration: none; color: #464646; font-weight: normal; }

table.tab{ font-size: 1em; border-collapse: collapse; margin: 12px 0; width: 570px; }
table.tab th{ color: White; background-color: #465F8E; 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 #465F8E; padding: 4px 7px; }
tr.sec td{ background-color: #F7F6F6; color: black; }

}