/*
    Heliostar http://www.heliostar.cz
*/

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

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

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

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




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

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


/* Logotyp */
#logo {padding-top:34px; padding-left:24px; color: #fff;}
#logo h1 {margin:0; padding:0; position:relative; width:299px; height:92px; 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:299px; height:92px; background:url("../logo.gif") 0 0 no-repeat; cursor:pointer; color: #fff;}
#logo h1 a:hover span {background:url("../logo.gif") -299px 0 no-repeat;  color: #fff;}

/* Slogan */
#slogan {position:absolute; top:22px; right:10px; text-align: right; width: 200px;}
#slogan ul { margin:0px; padding:0px; list-style: none;}
#slogan ul li { padding: 0px; margin: 0px;}
#slogan ul li a { color: #ffa014; text-decoration: none; font-size:14pt; font-weight: normal; height: 47px; line-height: 30px; padding: 0px 10px; display: block; margin: 0px;}
#slogan ul li a:hover { text-decoration: none; color:#ffa014; padding-right: 15px;}



/* Pruh */
#pruh {background:url("../bg_pruh.gif") 0 0 repeat-y; color: #fff; width:849px; margin: 1px 0px 0px 0px; padding: 0px; min-height: 33px; line-height: 33px; 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: bold; color:#fff; text-decoration:none; height:33px; text-align:center; padding:0px 20px; display: block; float: right; font-size:10pt; background:url("../bod.gif") 10% 50% no-repeat;}
#menutop ul li a:hover {color:#fff; text-decoration: underline; background:url("../bod.gif") 10% 50% no-repeat;}





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


#menuleft {width: 183px; padding:0px;  margin-left: 19px; height: auto; background:url("../menu_back.gif") repeat-y;}
#menuleft ul { margin:0px; padding:0px; list-style: none;}
#menuleft ul li { padding: 0px; margin: 0px; height: 35px;}
#menuleft ul li a { color: #fe8900; text-decoration: none; font-size:10pt; font-weight: bold; height: 34px; line-height: 34px; padding: 0px 0px 0px 18px; display: block; margin: 0px; background:  url("../sipka.gif") 2% 50% no-repeat;}
#menuleft ul li a:hover { text-decoration: none; color:#fe8900; background: url("../sipka.gif")  5% 50% no-repeat; padding: 0px 0px 0px 22px; font-weight: bold; font-size:10pt; display: block;}

#menuleft ul li a span { line-height: 17px;}
#menuleft ul li a .lowrow { line-height: 17px;}
.lowrow a { line-height: 17px;}

.cara {width: 160px; margin: 10px 10px; overflow:hidden; background-color: #fe8900; height: 1px; text-align: center; clear:both;}

#menustin {width: 183px; margin: 0px 0px 0px 19px; padding: 0px 0px 0px 0px; overflow:hidden; background:url("../menu_bottom.gif") no-repeat; height: 10px;}

#bunka {width: 183px; margin: 0px 0px 0px 19px; padding: 0px 0px 0px 0px; clear: both; overflow:hidden; font-size:90%}

#bunkain {color: #000; font-size:10pt; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;}
#bunkain h3 {color: #ffa014; font-size:11pt; margin: 0px; padding:0px;}



.doprostred {text-align: center;}
#prava {width:647px; float: left; padding: 0px; height: auto;}
#text {padding: 0px; color: #808080; height: auto;}

#boxuvodni {padding: 0px; margin: 0px; background: url("../boxuvodni.gif") repeat-x; height: 181px; text-align:center;}
#boxuvodni img {padding: 0px; margin: 25px 5px 5px 5px; border: 6px solid #d4d4d4;}

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



#textin {padding: 0px; margin: 10px 10px; text-align: justify;}
#textin h1 { font:normal 250%/120% "arial",sans-serif; margin-bottom:0}
#textin h2 { font:normal 170%/110% "arial",sans-serif; margin-bottom:0; border-left:2px solid #fe8900; padding-left:5px}
#moto {font:135%/120% arial,serif; color:#fe8900; border-left:4px solid #fe8900; padding-left:10px}


#textin ul {margin:0; padding:0; list-style:none;}
#textin ul li {margin-left: 10px; padding-left:10px; background:url("../bodorange.gif") no-repeat 0 13px; line-height: 20pt;}
#textin img { border: 5px solid #ffeeb9; padding: 1px 1px; margin: 0px 0px 10px 10px;}
#uvodobrazek img { border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.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;}

#textin td {font-size: 11px;}





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


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

input.poptavka {
	border : 1px solid #aaa;
	color: #ffa014;	
	background-color: #ffffff;	
}
.small {font:8pt arial, verdana, sans-serif; color:#999; padding:0px;margin:0px;}

.patka {clear:both; margin: 0px; padding: 0px; height: auto; width: 790px;}
.patka2 {margin-left: 7px; margin-right: 8px; padding-left: 5px; line-height: 25px; height: 25px; width: 769px; background: #94AFBF; border: 1px solid #ffffff;}
.patka2 a {color: #ffffff;}
.patka2 a:hover {color: #ffffff; text-decoration: underline;}


#paticka0 {clear:both; background: url("../paticka0.gif") repeat-y; width:849px; height:30px; line-height: 30px; position:relative; color: #ffffff; font-size: 8pt; text-align: right;}
#paticka0 a {color: #ffffff; font-size: 8pt;}
#paticka {clear:both; background:#fff url("../paticka.gif") 0 0 no-repeat; width:849px; height:15px; position:relative; padding-bottom: 20px;}
.fl {float:left; margin-left:10px;}
.fr {float:right; margin-right:10px;}


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; 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;}