/*
    Color Team, http://www.color-team.cz
*/

body { margin:0px; padding:0px; border: 0px; background: #e0f5fc url("../bg.gif") 0 0 repeat-x; font: 80%/160% arial,verdana,sans-serif; color:#000;}
td {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size:10pt;}
p {padding:0px; margin: 0px;}

a {	color: #0059b5; text-decoration:none;}
a:hover { color: #0059b5; text-decoration: underline;}

div {display:block; border:0; margin:0; padding:0;}

h1 {color:#0665c7; font-size: 12pt; margin:0; padding:0;}
h2 {color:#0665c7; font-size: 11pt; margin:0; padding:0;}
h3 {color:#0665c7; }
.noscreen {display:none}




/*DIV main*/
#main {width:828px; height:auto; margin:5px auto 0px auto; background:#FFF url("../bg_main.gif") 0 0 repeat-y;}

#hlavicka {background:url("../bg_hlavicka.jpg") 0 0 no-repeat; position:relative; width:828px; height:170px; margin:0; padding:0; color: #fff;}

/* Logotyp */
#logo {padding-top:20px; padding-left:20px; color: #fff;}
#logo h1 {margin:0; padding:0; position:relative; width:202px; height:139px; overflow:hidden; font-size:160%; color: #fff;}
#logo h1 a {color: #fff;}
#logo h1 a span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:202px; height:139px; background:url("../logo.gif") 0 0 no-repeat; cursor:hand; color: #fff;}
#logo h1 a:hover span {background:url("../logo.gif") -202px 0 no-repeat;  color: #fff;}

/* Slogan */
#slogan {position:absolute; top:75px; right:20px}
#slogan h3 {margin:0; padding:0; position:relative; width:575px; font-size:23pt; text-transform:uppercase; text-align: right; color: #0665c7; line-height: 30pt;}

/* Pruh */
#pruh {background:url("../bg_pruh.gif") 0 0 repeat-y; color: #fff; width:828px; margin: 1px 0px 0px 0px; padding: 0px; min-height: 40px; line-height: 40px; text-align: right;}




#menutop {float:right; width:590px; margin: 0px; padding-right: 20px;}
#menutop ul {margin:0; padding:0; list-style:none;}
#menutop ul li {margin:0; padding:0; display:inline;}
#menutop ul li a {font-weight: normal; color:#fff; text-decoration:none; height:40px; text-align:center; padding:0px 20px; display: block; float: right; font-size:12pt;}
#menutop ul li a:hover {color:#fff; text-decoration: none; background:url("../bg_menutop.gif") repeat-x;}

#obsah {width:828px; margin:0px; padding:0px; height: auto;}
#leva {width:221px; float: left; margin:0px; padding: 0px; height: auto;}


#menuleft {width: 194px; margin:0px; padding:1px 1px 0px 1px; float: right; height: auto;}
#menuleft ul { margin:0px; padding:0px; list-style: none;}
#menuleft ul li { padding: 0px; margin: 0px; background:url("../bg_menuleft.gif") repeat-x; height: 35px;}
#menuleft ul li a { color: #0059b5; text-decoration: none; font-size:9pt; font-weight: bold; height: 34px; line-height: 34px; padding: 0px 10px; display: block; margin: 0px; clear:both; background:url("../sipka.gif")  95% 50% no-repeat;}
#menuleft ul li a:hover { text-decoration: underline; color:#0059b5; background:url("../sipka_on.gif")  95% 50% no-repeat;}

#menuin {width: 194px; margin:0px; padding:1px; float: right;}
#menuin ul { margin:0px; padding:0px; list-style: none;}
#menuin ul li { padding: 0px; margin: 0px; height: 25px;}
#menuin li a { color: #37b4ed; text-decoration: none; font-size:10pt; font-weight: normal; height: 24px; line-height: 24px; padding: 0px 15px; display: block; margin: 0px; clear:both; background:url("../sipka.gif")  95% 50% no-repeat;}
#menuin ul li a:hover { text-decoration: underline; color:#37b4ed; background:url("../sipka_on.gif")  95% 50% no-repeat;}



#menu {width: 194px; margin:0px; padding:0px 1px 0px 1px; float: right;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li, #menu ul.sub li {margin: 0; padding: 0; width: 100%; height: 34px; line-height:34px;}
#menu a { margin:0; padding: 0px 15px; display: block; background:  url("../sipka.gif")  95% 50% no-repeat;}
#menu a:hover {background-color: #fff; background: #edf9ff url("../sipka_on.gif")  95% 50% no-repeat; font-weight: normal;}
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {display: block; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 10px; background-color: #edf9ff; line-height:32px; height:31px; border:1px solid #55b8fa;}
#menu ul.sub li a:hover {background-color: #e2f6ff; color: inherit;}

 #menu ul li.main:hover a {background-color: #edf9ff; color: inherit;}
 #menu ul li.main {position: relative;}
 #menu ul li > ul.sub {position: absolute; top: 0; left: 185px; z-index:10; width: 194px; visibility: hidden; margin: 0px 0px 1px 0px; padding: 0px 0px 1px 10px; line-height:30px; height:30px;}
 #menu ul li.main:hover ul.sub {visibility: visible;}
.akce {display: block; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; background-color: #e80202; line-height:32px; height:31px; border:0px solid #55b8fa; color: white; text-align: center; font-size: 16px;}
.akce a {display: block;line-height:32px; height:31px; color: white; font-size: 16px;}
.akce a:hover {display: block;line-height:32px; height:31px; color: white; font-size: 16px; text-decoration: underline;}



#bunka {width: 193px; margin: -1px 0px 0px 26px; padding: 0px 1px 10px 0px; border-bottom:2px solid #0665c7; border-top:2px solid #0665c7; clear: both; overflow:hidden; font-size:90%}

#bunkain {color: #000; font-size:10pt; margin: 10px 10px 10px 10px; padding: 5px 10px 00px 10px;}
#bunkain h3 {color: #0059b5; font-size:11pt; margin: 0px; padding:0px;}




#prava {width:607px; float: left; padding: 0px; height: auto;}
#text {padding: 0px; margin: 1px 13px 0px 0px; color: #000;  background: #fff no-repeat;}


#textin {padding: 0px; margin: 10px 10px;}
#textin h1 { font:normal 170%/110% "arial",sans-serif; margin-bottom:0;}
#textin h2 { font:normal 140%/110% "arial",sans-serif; margin-bottom:0; border-left:2px solid #0665c7; padding-left:5px}
#textin h3 { font:normal 130%/130% "arial",sans-serif; margin-bottom:0; padding-left:5px}
#textin ul {margin:0; padding:0; list-style:none;}
#textin ul li {margin-left: 10px; padding-left:10px; background:url("../bodli.gif") no-repeat 0 10px; line-height: 20pt;}
.obrazek {
	border : 1px solid #0750D9;
	color: #0750D9;
	background-color: #ffffff;	
}


#boxuvodni {padding: 0px; margin: 0px; text-align:center;}
#boxuvodni img {padding: 0px; margin: 25px 5px 0px 5px; border: 6px solid #d4d4d4;}
#boxuvodni ul { margin: 0px 0px 0px 158px; padding: 0px; list-style: none; text-align: center;}
#boxuvodni ul li { padding-top: 0px; margin: 0px 5px 0px 5px; height: 20px; display:inline; float: left;}
#boxuvodni ul li a { color: #fff; width: 90px; text-decoration: none; font-size:10pt; font-weight: bold; height: 20px; line-height: 20px; padding: 0px 9px; display: block; margin: 0px; background: #016ab1;  border-top: 1px solid #fff; background: url none; }
#boxuvodni ul li a:hover { text-decoration: underline; color:#fff; background:url("../bg_menutop.gif") repeat-x;}

.text-box { margin: 15px 10px 15px 0px; padding: 10px 10px 10px 10px; background: url("../prechod.gif") repeat-x; border: 1px solid;  border-color: #69A9FF;}
.tab-text { font-size: 11px; line-height: 12pt;}







.kontakty {border: 1px solid #e0e0e0; margin: 3px; padding: 3px; width: 180px; float: left; }


fieldset {border:1px solid #a6a6a6;  margin:14px 0}
legend {color:#0665c7; border:1px solid #ddd; font-weight:bold; padding:0px 5px 0px 5px}
textarea.poptavka {
	border : 1px solid #0750D9;
	color: #0750D9;
	background-color: #ffffff;	
}


#paticka {clear:both; background:#e0f5fc url("../paticka.gif") 0 0 no-repeat; width:828px; height:35px; position:relative; padding-bottom: 5px; padding-top: 5px;}
#paticka .patka-text {float:right; padding: 0px 10px; font-weight: normal; font-size: 10pt; color: #0059b5;}
#paticka .patka-text a { color: #0059b5;}

.online {font-size: 8pt; color: #0059b5;}

p.vpravo {float:right; margin:0;}
.vpravo {text-align:right; margin:0; padding-right:10px;}
.patka3 {margin: 0px; padding: 0px; height: 5px; width: 774px; background:url("../blank_white.gif") repeat;}


.copy { margin-left:auto; margin-right:auto; width:790px; height:auto; font: 0.9em/1.7em 12pt; color: #1292FF; text-align: center; padding-right: 20px;}
.copy a {color: #1292FF;}
.copy a:hover {color: #1292FF;}

.galery img { border: 0px solid #fff;}
/* javascript */
div#gal, div#flash { border: 0px solid black; background-color: #dae4e8; position: absolute; left: 50%; display: none; z-index: 20; overflow: auto; line-height: 100%;  padding: 5px; }
div#gal img, div#flash object { border: 1px solid white;}