@media screen, projection, tv{
html,body{ font-family: Arial, "Lucida Grande CE", lucida, sans-serif; color: Black; background: #009EE0; }
body{ background: transparent; }


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
hr.delic{ display: none; }
address{ font-style: normal; display: block; margin: .5em 0; }
input, textarea, select{ font-family: Arial, Helvetica, sans-serif; border: 1px solid #8099BB; background: White url(../img/input.gif) repeat-x 0 0; color: Black; padding: 2px 2px; margin: 1px 0;}
input.btn, .btn{ border: 1px solid #C6C6C6; color: White; font-weight: bold; background: #024074 none; }
select{ padding-right: 0; }
h1{ font-size: 1.5em; margin: .8em 0; color: #003B79;}
h2{ font-size: 1.1em;margin: 1em 0 .8em 0; color: #003B79; line-height: 1.2em; }
h2.hlavni{ font-size: 1.25em; }
h3{ font-size: 1em; margin: 1.5em 0 .8em 0; color: #024074;}
h4{ font-size: 1em; margin: .8em 0; color: #024074; }
a{ color: black;  }


.obr, .obr2, .obr3, .ramecek{ border: 5px solid #D3E0EE; }


div.potvrzeni{ width: 230px; height: 110px; background-color: #003B79; color: white; 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: #D30E19; color: white; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em;border: 1px solid #024074; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #024074; 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 #024074; padding: 4px 7px; }
tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a{ background-color: #DFEEFF; }

.lomic{ clear: both; }
.lomic hr{ visibility: hidden; }
.umisteni-top{ vertical-align: top; padding-top: 5px }

#base{ margin: 0 auto; text-align: left; width: 968px; padding: 0 15px 0 14px; padding-left: 13px; font-size: .7em; background: White; position: relative; line-height: 1.2em;background: white url(../img/back2.gif) no-repeat center 100%;  padding-bottom: 160px; }

#head{ background: White url(../img/top.gif) no-repeat 100% 0; width: 968px; padding-bottom: 15px;  }


#head h1{ color: White; background-color: #003B79; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 171px; height: 63px; }
#head a{ background-color: #003B79; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/logo.gif) no-repeat; color: White; }

#main{ padding: 1px 0 0 0; float: left; margin: 0 0 0 171px; display: inline; background: transparent url(../img/index2.jpg) no-repeat 14px 0; color: Black; width: 797px; padding-top: 192px; }

#sloupec{ float: left; display: inline; width: 171px; margin-left: -968px; }

.index #main{ padding: 1px 0 0 0; float: left; margin: 0 0 0 171px; display: inline; background: transparent url(../img/index1.jpg) no-repeat 15px 0; color: Black; width: 626px; padding-top: 192px;  }
.index #sloupec{ width: 171px; margin-left: -797px;  }
#clen{ display: none; }


#menu{ color: Black; font-family: verdana,Arial, "Lucida Grande CE", lucida, sans-serif; color: Black; background: white; }
#menu ul{ list-style-type: none; margin: 0; padding-left: 0; padding-bottom: 10px; background: transparent; width: 171px; }
#menu a{ display: block; text-decoration: none; width: 171px; background: #003B79; color: White;  border-bottom: 2px solid white; font-weight: bold; font-size: .85em; }
#menu span{ padding: 6px 3px 7px 7px; display: block; }
#menu span.last{ background: #D30E19 url(../img/menu-ruzek.gif) no-repeat 198px 100%; color: White; }
#menu a:hover span.last{ background: #024074 url(../img/menu-ruzek.gif) no-repeat 100% 100%; color: White; margin-left: 3px; padding-left: 11px;  }
#menu a:hover{ background-color: #024074; color: White; background-position: 0 1px; }
#menu ul ul{ margin: 0; padding: 0 0 0 10px; background: #024074; width: 161px; border-bottom: 2px solid white; }
#menu ul ul a{ font-weight: normal; border-bottom: 0; border-top: 1px solid white; width: 161px; font-size: .8em; }
#menu .aktivni a{ border-bottom: 0;  }
#menu ul ul span{ padding: 3px 2px 3px 0px; display: block; }

#pata{ clear: both; margin: 0 auto; text-align: right; width: 953px; font-size: .8em; color: #024074; }
#pata p{ position:absolute;bottom:5px;right:5px;margin: 0 30px 0 0; padding: 20px 0 0 0; }
#pata a{ color: #024074; }
#pata a:hover{ color: #000000;  }

#nav{ position: absolute; top: 35px; z-index: 10; right: 200px; width: 570px; }
#nav ul{ list-style-type: none; margin: 0 0 0 0; float: right;border-left: 2px solid white;}
#nav li{ float: left; }
#nav a{display: block; background: #009EE0; line-height: 1.4em;  color: White; font-weight: bold; text-decoration: none;border-top: 2px solid white; border-right: 2px solid white; } 
#nav span{ display: block; cursor: pointer; color: White; background: #009EE0; padding: 5px 35px 5px 5px;  }


#mutace{ position: absolute; top: 37px; right: 67px; text-transform: uppercase; color: #F1F4F8; font-size: .9em; z-index: 1000; }
#mutace a{ color: #F1F4F8;  text-decoration: none; }


#plocha{ padding: 1px 16px;  }
ul{ list-style-type: square;}

#top{
	width: 968px; 
}

#news{ width: 171px; display: inline; float: left; background: #BEDEF4; margin: 0 0 0 0; border-bottom: 3px solid #009EE0;  }
#news h3{ margin: 0 0 0 0; background: #009EE0; color: white; padding: 7px 8px; font-size: 1em; border-bottom: 2px solid white; }
.akt{ padding: 8px 5px 4px 0; font-size: .85em; border-bottom: 1px solid white; margin: 0 0 0 8px; }
.akt h4{ margin: 0; color: #009EE0; }
.akt h4 span{ color: #003B79; display: block; }
.akt p{ margin: 0; }
#news a{ color: #009EE0;  text-decoration: none;  }

a.vice{ background: transparent url(../img/vice2.gif) no-repeat 0 .3em; padding-left: 10px; line-height: 1.2em; font-weight: bold; }

#news form{ padding: 0 11px; font-size: .85em;  color: Black; }	
#news form a{ color: #D30E19;  background-color: #B7D0F2;  }
#news form a:hover{ color: #024074;  background-color: #B7D0F2;  text-decoration: underline; }
#news form input.pole{ width: 132px; margin-top: 6px; }
.archiv{ border-bottom: 0; }

.cl{
	font-weight: bold; font-size: 1em; text-align: center; margin: 0; padding: 5px 0;
}
.cl a{
	text-decoration: none; color: #009EE0;
}


.aktualita img{ float: left; margin: .5em 1.2em .3em 0; border: 5px solid #9DCEEF; }
.aktualita h4{ font-size: 1.1em; }
.aktualita h4 span{ display: block; font-weight: normal; font-size: .8em; line-height: 1.6em; }
.aktualita a.vice{ display: inline; }
.aktualita{ padding: 0 0 .4em 0; margin: 0 0 .4em 0; border-bottom: 2px solid #9DCEEF; clear: both; }
.aktualita hr{ height: 1px; border: 0; visibility: hidden; margin-top: -1px; clear: both; }
.akt-detail{ border-bottom: 0; }
.aktualita .datum{ font-size: .9em; margin: .5em 0; }
.akt-detail .obr-stranka{  margin: .6em 1.2em .3em 0; }

.h2-submenu{ margin: .5em 0 0 0; padding-bottom: 1.2em; }
.h2-submenu a.choose{ color: #024074; background-color: White; font-weight: bold;}
.h2-submenu a{ white-space: nowrap; }

.fotogalerie{  table-layout: fixed; }
.fotogalerie td{ padding: 7px; text-align: center; vertical-align: bottom; padding-bottom: 0; width: 135px;}
.fotogalerie img{ border: 5px solid #9DCEEF; display: block;  margin: 0 auto; }
.fotogalerie h4{ margin: 1em 0 0 0; }

.obr-stranka{ float: left; margin: 1.2em 1.2em .3em 0; display: inline; text-align: center; }
.obr-stranka img{ float: none; border: 5px solid #9DCEEF; margin: 0 0 0px 0; display: block; }
.obr-stranka a.fotoodkaz{ display: block; width: 210px; background-color: #9DCEEF; padding-bottom: .3em;  }

.kategorie{ clear: both; padding-top: .5em; }
.kategorie h4{ margin: .4em 0 .2em 0; }
.kategorie p{ margin: 0; }

}