/*obecne*/
.cb:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.cb { display: inline-block; }
* html .cb { height: 1%; }
.cb { display: block; }

.algc { text-align: center; }
.algl { text-align: left; }
.algr { text-align: right; }
.algt, td.algt { vertical-align: top; }
.algm, td.algm { vertical-align: middle; }
.algb, td.algb { vertical-align: bottom; }
.fltl { float: left; }
.fltr { float: right; }
.tucne { font-weight: bold; }
.kurziva {font-style: italic;}
.skryt { display: none; }
.skryj { position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden; }

abbr, acronym
{
border-bottom: .1em dotted;
cursor: help;
}

#eshop_img{position: absolute;left: 50%; margin-left: 202px;}

img { border: 0px; }
a img { border: 0px; }
.packa { cursor: pointer; }
.nowrap { white-space: nowrap; }
.clear { clear: both; }
form { margin: 1em 0px; padding: 0px; }
table { table-layout: fixed; border-collapse: collapse; width: 100%; }
table td, table th { padding: 2px; }

a.skipmenu { position: absolute; z-index: 0; padding: 0.4em 0.5em; }
a.skipmenu:link, a.skipmenu:visited { color: #da251c; }
a.skipmenu:focus, a.skipmenu:active { z-index: 2; background: #e5e5e5; }
#skip1 { left: 10px; top: 0px; }
#skip2 { left: 10px; top: 0px; }
/*obecne - konec*/

/*rozvrzeni stranky*/
html { margin: 0px; padding: 0px; background-color: #FFFFFF;}
body { font-family: verdana, sans-serif; font-size: 100.01%; margin: 30px 0px 0px 0px; padding: 0px;
 background-image: url('../img/pozadi.jpg'); background-repeat: repeat-y; background-position: center; color: #000000;   }
#bodyo { width: 982px; margin: 0px auto; padding: 0px 0px; position: relative; }
#bodyz { width: 982px; margin: 0px auto; padding: 0px 0px; position: relative; }
#hlava { position: relative; background-image: url('../img/hlavicka.jpg'); background-repeat: no-repeat; background-color: #e3e3e3; height: 122px; }
#partner  {display: none; position:absolute; top: 4px; right: 115px; font-size: 80%; color: #666666; text-decoration: underline;}
#partner a {color: #666666;}
#telo { }
#main { position: relative; background-image: url('../img/hlavni_poz.jpg'); background-repeat: repeat-y;  min-height: 500px;  padding: 30px 0 0 0; }
#maino { }
#obsah { width: 520px; float: left; position: relative;font-size: 80%; padding-top: 45px;left: 55px; }
#obsaho { margin: 0px 0px 0px 0px; padding-bottom: 2em; }
#bodyz #obsah { width: 890px; }

/*bocni panel*/
#side1 { width: 291px; float: left; margin: 55px 0px 0px 90px;  background: url('../img/panel_1p.jpg'); background-repeat: repeat-y; position:relative; }
#panel    { color: #666666; background: url('../img/panel_h.jpg'); background-repeat: no-repeat; background-position: top left;  }
#panel_hlava { background: url('../img/panel_p.jpg'); background-repeat: no-repeat; background-position: bottom left; }
#panel_obsah {padding: 30px 35px; text-align:justify;}
/*rozvrzeni stranky - konec*/


/*PATKA*/
#patka {font-size: 70%; width: 100%; background: url('../img/hlavni_poz.jpg'); background-repeat: repeat-y; padding:52px 0 12px 0; }
#patka p { margin: 0em 10px 0px 20px; padding: 0em 0px 0.5em 0px; height: 2em; }
#patka .p1 { clear:left;color: #999999; text-align:right; top: 15px; position:relative;}
#patka .p2 {margin:55px 0 0 55px; text-align: left;}
#patka .posledni {margin:0px 0px 55px 55px ; text-align: left;}
#patka .p2 span { display: block; margin-top: 0.4em; }
#patka .p2 span span { font-weight: bold; display: inline; }
.p2 a:link, .p2 a:visited { color: #253d6d; }
.linkypatka { color: #253d6d; font-family: verdana; font-size: 100%; margin: 0 0 0 0;}
.linkypatka ul {list-style: none; top:0; margin-left: 0; padding-left: 0;}
.linkypatkakont {margin-left: 0px;}
.linkypatka a { font-family: verdana; font-size: 100%; text-decoration: none;}
.posledni a {color: #111111; font-family: verdana; font-size: 100%; text-decoration: none;}
.posledni ul {list-style: none; padding-left: 0; margin-left: 0;}
.posledni ul li {display:block; float:left; width:168px; margin-right:15px;}
.linkypatka ul li {display:block; float:left; width:168px; margin-right:15px;}

/*jazyky, zalozky, formulare v hlavicce*/
#jazyky { position: absolute; top: 40px; left: 50%; margin-left: 458px; width: 30px;}
#jazyky a, #jazyky span { padding-left: 0px; }
#jazyky a:link, #jazyky a:visited { color: #ffffff; }
#flsh1 { position: absolute; top: 0px; left: 210px; width: 590px; height: 90px; }
#zalozka {position:absolute; top: 212px; left: 50%; margin-left: 468px; width: 22px;}
#zalozka img {display: block; margin: 0 0 0 0; }

/*spolecne - konec*/

/*menu vodorovne*/
/* MENU */
.tabsC {margin:0 ; padding:10px 10px 0 55px; list-style:none;float:left; }
.tabsC .menuzob {display:none;}
.tabsC li {display:inline; }
.tabsC a {float:left; background:url("../img/tableftC.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
.tabsC a span {float:left; display:block; background:url("../img/tabrightC.gif") no-repeat right top; padding:2px 25px 2px 7px; color: #253d6d;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsC a span {float:none;}
    /* End IE5-Mac hack */
.tabsC a:hover span {color:#EEEEEE;}
.tabsC a:hover {background:url("../img/tableftD.gif") no-repeat left top; background-position:0% -42px;}
.tabsC a:hover span {background:url("../img/tabrightD.gif") no-repeat right top;background-position:100% -42px;}  
.tabsC #current a {background-position:0% -42px;}
.tabsC #current .menuzob { position:absolute; left: 0; top: 30px; display: block; }
.tabsC #current a span {background-position:100% -42px;	color: #FFFFFF;}

.navbar { z-index: 10;margin: 0 0 0 0;	padding: 0 0 0 55px;	width: 927px; height: 22px; }
.navbar li { list-style: none;	float: left; }
.navbar li a {display: block; padding: 3px 15px 3px 5px;color: #FFF;background: none;} /* width urcuje sirku podmenu */
.navbar li ul{display: none; width: 0px;  }
.navbar li:hover ul, .navbar li.hover ul {clear:both;display: block ;	z-index: 1000;position: relative;	margin: 0;	padding: 0;	  }
.navbar li:hover li, .navbar li.hover li {float: none;}/* - PROC? dela problemy v ie6*/
.navbar li:hover li a, .navbar li.hover li a {clear:both;background-color: #253d6d;color: #FFF; width: 10em;}
.navbar li a:hover, .navbar li a.hover {color: #cbd9f3;background: none; }
.drop ul {font-weight: normal;background-color: #253d6d; }
/*.drop {border-right: 20px;}*/
.drop li a:hover {font-weight: normal;}
/*.drop ul li a {width: 15em;} /* v google chrome stále malá chyba, rozšiřuje i záhlaví menu */

#podmenu {position:absolute; top: 140px; margin: 0px auto; width: 982px; height: 22px;background:url("../img/menu2.jpg"); background-repeat:repeat-x; background-position: left top; z-index: 0;}
#menuh {position:absolute; top: 110px; font-family: verdana; font-size: 80%; }
#menuh h2 {display: none;}

/*menu - nepouzite*/
#menuv { position: absolute; top: 142px; left: 210px; font-size: 70%; }
#menuv h2 { display: none; }
#lists { padding: 0px; margin: 0px; position: relative; height: 20px; z-index: 500; }
#lists dd { display: inline; float: left; height: 2.3em; margin: 0px; }
#lists dd a.tl { display: block; width: 6em; height: 2.3em; text-decoration: none; padding-top: 2px;
 text-align: center; line-height: 0.9em; color: #000000; margin-right: 5px; font-weight: bold; }
#lists dd a:link, #lists dd a:visited { color: #000000; }
#lists dd a.tl1 { padding-right: 10px; }
#lists dd a.tl1 img { padding-bottom: 3px; }
#lists div { display: none; text-align: left; font-weight: normal; font-size: 110%; }
#lists dd a:hover { background-color: #ffffff; color: #253d6d; }
#lists dd:hover > a { background-color: #ffffff; color: #253d6d; }
#lists :hover div { display: block; width: 574px; background-color: #ffffff; position: absolute; left: 0px; top: 2.2em;
 border: 1px solid #ed3bab; padding: 5px 5px 10px 5px; }
#lists :hover div ul { list-style-type: none; margin: 0px; padding: 0px; }
#lists :hover div li { float: left; width: 270px; margin: 0px 5px 5px 0px; padding: 2px; background-color: #cccccc; }
a.ur1 { background-color: #cccccc; display: block; padding: 5px; }
#lists :hover div ul ul {}
#lists :hover div li li { float: none; width: auto; padding: 2px 5px 5px 15px; margin: 0px; 

background-color: #ffffff; }
#lists :hover div li a { line-height: 1.3em; color: #000000; }
#lists br { font-size: 1px; margin: 0px; padding: 0px; }
/*menu vodorovne - konec*/

/*menu svisle - nepouzite*/
#menus {}
#menus h2 { display: none; }
#menus { margin: 1em 0px 1em 0px; font-size: 80%; }
#menus a:link { color: #ffffff; }
#menus a:visited { color: #f3f3f3; }
#menus ul, #menus ul ul { margin: 0px; padding: 0px; list-style: none; }
#menus li { padding: 0.1em 0px 0.1em 20px; text-indent: -20px; }
#menus .menuso { /*background-color: #1c3c64; margin: 0.3em 0px; padding: 0.3em 0px 0.3em 20px;*/ }
#menus .menuso a:link, #menus .menuso a:visited { /*color: #ffffff;*/ }
/*menu svisle - konec*/

/*hledani, mapa stranek*/
#hledani { position:absolute; top: -100px; left:50%; margin-left: 220px;}
#hledani .inp { width: 115px; font-size: 75%; }
#hledani .tl { width: 60px; font-size: 78%; }
.strom, .strom ul { margin: 0px; padding: 0px; list-style: none; }
.strom ul { margin-left: 1em; }
.strom li { margin: 1em 0px; }
.strom li li { margin: 0.2em 0px; }
/*hledani, mapa stranek - konec*/

/*TEXT*/
#hlava h2 { margin: 0px; position: absolute; top: 30px; left: 70px; }
#hlava a:link, #hlava a:visited { color: #ffffff; }
#obsah a:link, #obsah a:visited { color: #000000; }

#obsah h1, #obsah h2, #obsah h3 { margin: 0px; text-align: left;}
#obsah p { text-align: left;  font-family: verdana;}
#obsah h1 { color: #CC3300; font-size: 100%; padding: 0.2em 0px; margin: 0.5em 0px;
 /*border-top: 4px groove #253d6d; position: relative;*/ } /*nadpis cl, rub*/
#obsah h2 { font-size: 105%; margin: 0.5em 0px 0.2em 0px; } /*nadpis cl, rub ve vypisu*/
#obsah h2 a:link, #obsah h2 a:visited { color: #656565; }
#obsah h3 {color: #000000;font-size: 90%; margin-top: 5px;} /*nadpis z textu - vlast*/
#obsah p.perex { margin: 0px; font-size: 90%; font-style: italic; } /*podnadpis cl, rub - i ve vypisu*/
#obsah p.vice { margin: 0px 0px 0.4em 0px; font-size: 80%; }
#patka h3 {font-family: verdana; font-size: 110%; color: #CC3300;}
#patka table {color: #D36C2A; font-family: verdana; font-size: 100%;}
#panel h3, h1 {font-family: verdana; font-size: 80%; color: #666666; font-weight: bold; text-align: left;}
#panel p {font-family: verdana; font-size: 75%; color: #666666;}
#panel li {margin-top: 5px;font-family: verdana; font-size: 75%; color: #666666;}
#panel ul {padding: 0 0 0 15px; margin: 0;}

.navigation { font-size: 80%; margin: 0px 0px 1em 0px; color: #656565;}
.navigation a:link, .navigation a:visited { color: #656565; }

.oddel { border: 1px solid #253d6d; margin: 1em auto; width: 130px;}
.odstavec-text {}
.msg { color: green; }
.msi { color: #253d6d; }
.mse { color: #253d6d; }
.banner {margin: 10px 0 -45px -5px; display:block;}
.code {}

.newsletter {position:absolute; top: 55px; right: 85px; color: #666666; font-size: 60%;}
.newsletter .inp { width: 115px;  }
.newsletter .tl { width: 60px; font-size: 120%}
.mailing_button {border: 1px solid black; padding: 0px 2px 0px 2px;}

#skoleni {color: #000000; }
#skoleni a {color: #000000; }
#skoleni_detail {color: #000000; margin-top: 20px;}
#skoleni_detail a {color: #000000;}
#skoleni td {vertical-align: top; border-bottom: 1px solid #999999;}
#skoleni_detail td {vertical-align: top; }

#slogan {margin: 0px; position: absolute; top: 95px; left: 95px; font-size: 75%; font-style:italic; }
#eshop {position:absolute; top: 3px; font-size: 90%; left: 50%; margin-left:280px;}
#eshop a {color: #FFFFFF; font-weight:bold; text-decoration : none;}

/*galerie*/
.galerie {}
.obr { float: left; width: 180px; margin: 10px 10px 10px 0px; border: 1px solid #253d6d;
 text-align: center; display: inline; }
.obr div { padding: 5px; }
.obr p { font-size: 80%; margin: 0.1em 0px; }
.obr .otit { font-weight: bold; }
.obr a { display: block; width: 150px; margin: 0px auto; }
.obr a:hover { border-top: 2px solid #ffffff; }
.str, .ovl { font-size: 90%; line-height: 1.2em; }
.ovl {}
.str a { padding: 0px 0.1em; }
.str span { color: #253d6d; font-weight: bold; }
.galerie form { font-size: 80%; }
.galerie fieldset { margin: 0px; padding: 5px; border: 1px solid #253d6d; }
.galerie .formik { width: 160px; float: left; margin: 2px 0px 0px 0px; }
.galerie .inp { width: 150px; }
.galerie select { width: 150px; }
.galerie .tl { margin-top: 1em; }
/*galerie - konec*/

/*download*/
.dow {}
.dow form { font-size: 80%; }
.dow fieldset { margin: 0px; padding: 5px; border: 1px solid #253d6d; }
.dow .formik { width: 180px; float: left; margin: 2px 0px 0px 0px; }
.dow .inp { width: 150px; }
.dow .tl { margin-top: 1em; }
/*download - konec*/


/*diskuse, napiste*/
.diskuse { margin-top: 1em; }
.info {}

.dtl { margin-bottom: 1em; text-align: right; }
.ditem { margin-bottom: 0.5em; border: 1px solid #253d6d; }
.dhlav { background-color: #EEEEEE; padding: 0.4em 0.5em 0.25em 0.5em; }
.dhlav h4 { margin: 0px; padding: 0px; font-size: 120%; }
.dhlav p { width: 48%; }
.dtext { margin-top: 0.5em; padding: 0.25em 0.5em; }
.dpatka { text-align: right; padding: 0.25em 0.5em; margin-bottom: 0.3em; }

.diskuse .ur0 {}
.diskuse .ur1 { margin-left: 1em; }
.diskuse .ur2 { margin-left: 2em; }
.diskuse .ur3 { margin-left: 3em; }
.diskuse .ur4 { margin-left: 4em; }
.diskuse .ur5 { margin-left: 5em; }

.diskuse form { font-size: 80%; }
.diskuse fieldset { margin: 0px; padding: 10px; border: 1px solid #253d6d; }
.diskuse .formik { width: 180px; float: left; margin: 2px 0px 0px 0px; }
.diskuse .inp { width: 150px; }
.diskuse .tl { margin-top: 1em; }
.diskuse .f1 { width: 360px; }
.diskuse .f1 .inp { width: 300px; }
.diskuse .f2 { width: 200px; }
.diskuse .f2 .inp { width: 170px; }
.diskuse .f3 { width: 360px; }
.diskuse .f4 { width: 380px; }
.diskuse .f4 .inp { width: 370px; }
.diskuse .f3 textarea { width: 460px; }
#dform fieldset { margin-top: 2em; }
#dform .ditem { margin-left: 0px; }
/*diskuse, napiste - konec*/

/*kontakty*/
.kon {}
.kon ul { margin: 0px; padding: 0px; list-style: none; }
.kon li { margin: 1em 0px; }
.kon table { border: 0px solid #253d6d; font-size: 90%; margin-top: 10px; }
#obsah .kon h2 { margin: 2em 0px 1em 0px; }
#obsah .kon h3 { margin: 0px; font-size: 100%; color:#000000; font-weight: normal;}
.kon table td, .kon table th { padding: 4px; }
.kon thead { background-color: #dfdfdf; }
.kon table th { text-align: left; border-bottom: 1px solid #253d6d; }
.kon .suda { background-color: #dfdfdf; }
#obsah .kon p { margin: 0.1em 0px 0px 0px; }
.kon h3.det { cursor: pointer; text-decoration: underline; font-weight: bold;}
/*kontakty - konec*/

/**TABULKY**/

.tabulka1 { 
	width: 530px;
	background-color: #f8f8f8;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px; }
	
.tabulka1 td {
	border-bottom: 1px #253d6d;}

td.header1 {
	background-color: #253D6D;
	border: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #F8f8f8;}
	
.tabulka2 { 
	width: 530px;
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px; }
	
.tabulka2 td {
	border-bottom: 1px #808080 solid;}

.tabulka3 { 
	width: 530px;
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px; }
	
.tabulka3 td {
	border-bottom: 1px #253d6d solid;}
	
.x10 {width: 10%;}
.x20 {width: 20%;}
.x30 {width: 30%;}
.x40 {width: 40%;}
.x50 {width: 50%;}
.x60 {width: 60%;}
.x70 {width: 70%;}
.x80 {width: 80%;}
.x90 {width: 90%;}
.modry { color: #253d6d;}
.cerveny { color: #CC3300;}


#zakkdo { position: absolute; top: 3px; font-size: 90%; left: 694px; width: 220px; height: 20px;
 color: #ffffff; font-weight: bold; text-align: center; }
#zaklogout { position: absolute; top: 28px; left: 694px; width: 220px; text-align: center; font-size: 90%; }
#zakvyber { position: absolute; top: 55px; left: 694px; width: 220px; text-align: right; font-size: 90%; }
#zakgen { position: absolute; top: 100px; left: 694px; width: 220px; text-align: center; font-size: 90%; }