body, html  {

scrollbar-track-color: #b0c4de;
scrollbar-face-color: #006699;
scrollbar-highlight-color: yellow;
scrollbar-3dlight-color: green;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: purple;
scrollbar-arrow-color: red;

position: relative; top: 0px;
margin:0 auto;
padding:0;
font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
color:#303030;
background-color: #dcdcdc;
text-align: center;

}

#nadpis h3 {
  position: relative;
	width: 490px;
	background-color: #f5f5f5;
	padding: .5em .5em;
	margin: 0 0 1em;
}

#obsah{
  position: relative;
	margin: auto;
  margin-top: 25px;
	width: 890px;
	height: 795px;
	background-color: #f5f5f5;
	padding: 0px;
}


#bener{
	position: absolute;
	width: 880px;
	height: 120px;
	top: 5px;
	left: 5px;
	background-image: url('images/celek.jpg'); 
	padding: 0px;
}

#obl1{
	position: absolute;
	width: 43px;
	height: 25px;
	top: 136px;
	left: 0px;
  background-image: url('images/obl1.jpg'); 
  background-repeat: no-repeat;
	padding: 0px;
}

#logo1{
	position: absolute;
	width: 804px;
	height: 25px;
	top: 136px;
	left: 43px;
  background-image: url('images/p5.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#obl2{
	position: absolute;
	width: 43px;
	height: 25px;
	top: 136px;
	left: 847px;
  background-image: url('images/obl2.jpg'); 
  background-repeat: no-repeat;
	padding: 0px;
}

#nav 
{ 
	position: absolute;
	width: 780px;
	height: 22px;
	top: 161px;
	left: 50px;
	background-color: #f5f5f5;
	padding: 0px;
} 

#nav ul li 
{ 
display: inline;
text-align: center;
} 

#nav ul 
{ 
margin: 0; 
padding: 0 0 0 7%; 
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif; 
font-size: 8pt;
font-weight: bold; 
letter-spacing: 2px;
} 

#nav ul li a 
{ 
padding: 0.3em 12px; 
background-color: #f5f5f5; 
color: #F29200; 
text-decoration: none; 
float: left; 
} 

#nav ul li a:hover 
{ 
background-color: #b0c4de; 
color: white; 
} 

#nav ul li a:active 
{ 
background-color: #b0c4de; 
color: white; 
} 

#logo2{
	position: absolute;
	width: 862px;
	height: 3px;
	top: 188px;
	left: 14px;
	background-color: #b0c4de;
	padding: 0px;
}

#p6{
	position: absolute;
	width: 6px;
	height: 576px;
	top: 191px;
	left: 12px;
  background-image: url('images/p6.jpg'); 
  background-repeat: repeat-y;
	padding: 0px;
}

#levy{
	position: absolute;
	width: 144px;
	height: 568px;
	top: 191px;
	left: 18px;
	padding: 0px;
  background-color: #006699;

}

#pre1{
	position: absolute;
	width: 6px;
	height: 574px;
	top: 191px;
	left: 162px;
	padding: 0px;
  background-image: url('images/p1.jpg'); 
  background-repeat: repeat-y;

}

#stred{
	position: absolute;
	width: 554px;
	height: 568px;
	top: 191px;
	left: 168px;
	background-color: white;
	padding: 0px;
	overflow: auto;
}

#pre2{
	position: absolute;
	width: 6px;
	height: 569px;
	top: 191px;
	left: 722px;
	padding: 0px;
  background-image: url('images/p2.jpg'); 
  background-repeat: repeat-y;

}

#p7{
	position: absolute;
	width: 6px;
	height: 574px;
	top: 191px;
	left: 872px;
  background-image: url('images/p7.jpg'); 
  background-repeat: repeat-y;
	padding: 0px;
}


#pravy{
	position: absolute;
	width: 144px;
	height: 568px;
	top: 191px;
	left: 728px;
  background-color: #006699;
	padding: 0px;
}

#p2{
	position: absolute;
	width: 147px;
	height: 6px;
	top: 759px;
	left: 16px;
  background-image: url('images/p3.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#p8{
	position: absolute;
	width: 6px;
	height: 22px;
	top: 765px;
	left: 12px;
  background-image: url('images/p8.jpg'); 
  background-repeat: no-repeat;
	padding: 0px;
}

#levys{
	position: absolute;
	width: 144px;
	height: 22px;
	top: 765px;
	left: 18px;
	background-color: #b0c4de;
	padding: 0px;
}

#p4{
	position: absolute;
	width: 560px;
	height: 6px;
	top: 759px;
	left: 166px;
  background-image: url('images/p4.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#pre3{
	position: absolute;
	width: 6px;
	height: 22px;
	top: 765px;
	left: 162px;
	padding: 0px;
  background-image: url('images/p14.jpg'); 
  background-repeat: repeat-y;

}

#p10{
	position: absolute;
	width: 559px;
	height: 6px;
	top: 784px;
	left: 166px;
  background-image: url('images/p10.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#p111{
	position: absolute;
	width: 145px;
	height: 6px;
	top: 784px;
	left: 18px;
  background-image: url('images/p11.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#p11{
	position: absolute;
	width: 144px;
	height: 6px;
	top: 784px;
	left: 728px;
  background-image: url('images/p11.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#streds{
	position: absolute;
	width: 556px;
	height: 19px;
	top: 765px;
	left: 168px;
	background-color: #006699;
	padding: 0px;
}

#p3{
	position: absolute;
	width: 147px;
	height: 6px;
	top: 759px;
	left: 726px;
  background-image: url('images/p3.jpg'); 
  background-repeat: repeat-x;
	padding: 0px;
}

#pre4{
	position: absolute;
	width: 6px;
	height: 22px;
	top: 765px;
	left: 724px;
	padding: 0px;
  background-image: url('images/p15.jpg'); 
  background-repeat: repeat-y;

}

#p9{
	position: absolute;
	width: 6px;
	height: 22px;
	top: 765px;
	left: 873px;
  background-image: url('images/p9.jpg'); 
  background-repeat: no-repeat;
	padding: 0px;
}

#pravys{
	position: absolute;
	width: 144px;
	height: 22px;
	top: 765px;
	left: 730px;
	background-color: #b0c4de;
	padding: 0px;
}



h3 {
color: #262374;
font-family: Garamond;
text-align: center;

}

p {font-size: 10pt}

hr {color: #006699;
  background: #006699;
	border: 1px solid #006699; 
	pading: 1;

}

.hr1 {	
  width: 100px;
  color: white; 
  background: white;
	border: 1px solid white; 
	pading: 1;}

h1 {
color: #262374;
FONT-SIZE:40pt;
font-family: Garamond;
text-align: center;

}

h5 {
color:#CC0033;
font-family: Garamond;


}

td {

font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
color: black;
}

table {

font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
color: black;
border-color: white;
}

.ank {

  font-size : 8pt;
  color: white;
}

a {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #F29200; TEXT-DECORATION: none;
}

a:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #CCCCCC; TEXT-DECORATION: none;
}


input {background-color: #ffefd5; color: navy; border: 1px solid red;}

input.tlacitko {background-color: #006699; color: #ffffcc; font-weight: bold; cursor: hand}


.Pocitadlo {
 color: #deb887;
 FONT-SIZE: 8pt;
}

.pozadi {
	background-color:white;

}


a.tisk{
border-bottom : 1px solid #b0c4de;
background-color : transparent;
font-size : 8pt;
font-family : Arial, Helvetica, sans-serif;
width : 128px;
padding : 0px 0px 0px 0px;
color : #F29200;
margin : 0px 0px 0px 0px;
display : block;
text-align: center;
letter-spacing: 2px;
}

a.tisk:link{
text-decoration: none;
color : #F29200;
text-align: center;
}


a.tisk:visited{
text-decoration: none; 
color : #F29200;
text-align: center;
}

a.tisk:hover {
  font-size : 8pt;
  color: #006400;
  text-decoration: none;
	border-bottom : 1px solid #D1D1D1;
  background-color : white;
	text-align: center;
} 

a.menuM{
border-bottom : 1px solid #b0c4de;
background-color : transparent;
font-size : 10pt;
font-family : Arial, Helvetica, sans-serif;
width : 128px;
padding : 0px 0px 0px 0px;
color : #666666;
margin : 0px 0px 0px 0px;
display : block;
text-align: center;
letter-spacing: 2px;
}

a.menuM:link{
text-decoration: none;
color : #deb887;
text-align: center;
}


a.menuM:visited{
text-decoration: none; 
color : #deb887;
text-align: center;
}

a.menuM:hover {
  font-size : 10pt;
  color : #666666;
  text-decoration: none;
	border-bottom : 1px solid #D1D1D1;
  background-color : #E9E9E9;
	text-align: center;
} 


#cele1 {
	height: 230px;
	width: 130px;
	margin: 0;
	pading: 0;
	overflow: auto;
	border: 1px solid #b0c4de;
}

#cele {
	height: 230px;
	width: 130px;
	margin: 0;
	pading: 0;
	overflow: auto;
	border: 1px solid #b0c4de;
}

#shoutboard p {
	color: #000;
	margin: 0;
	padding: 0;
	font-size : 8pt;
}

#smile {
  display: none;
	color: #000;
	margin: 0;
	padding: 0;
	font-size : 8pt;
}


#shoutboard .sudy {
	background-color: #E9E9E9;
	padding-top: 2px;
	padding-bottom: 2px;
}

#shoutboard .lichy {
	background-color: #68A4D6;
	padding-top: 2px;
	padding-bottom: 2px;
}

#shoutboard hr {
  width: 100px;
	color: #deb887; 
  background: #deb887; 
	border: 1px solid #deb887;
	pading: 1;
}
#shoutb {
	margin: 0;
	padding: 0;
	font-size : 8pt;
}

#field {
	height: 210px;
	width: 103px;
	margin: 0;
	pading: 0;
	overflow: auto;
	border: 1px solid #b0c4de;
	text-align: center;
}

#shoutb legend {
	display: none;
}
#shoutb label {
  margin: 0;
  padding: 0;
	display: block;
}
#jmeno, #zprava, #heslo {
	border: 1px solid #F29200;
	width: 100px;
	padding: 0;
	margin: 0;
}

#shoutb p {
	margin: 0;
	padding: 0;
	display: block;
	COLOR: #F29200;
	text-align: left;
}
#load {
	color: #C30000;
	border: 1px solid #C30000;
	background-color: #E94D00;
}

a.board {
  font-size : 8pt;
  color:#deb887;
}
a.board:hover {
  font-size : 8pt;
  color: #E9E9E9;
  text-decoration: none;
}


#objednavka{
  position: relative;
	width: 100%;
	height: 100%;
	background-color: #b0c4de;
	padding: 0px;
	color: white;
	font-weight: bold;
	text-align: center;
}

#ankety{
  position: relative;
	width: 132px;
	height: 18px;
	background-color: #b0c4de;
	padding: 0px;
	color: white;
	font-weight: bold;
	text-align: center;
}

#ankety1{
  position: relative;
	width: 132px;
	height: 18px;
	background-color: #b0c4de;
	padding: 0px;
	color: white;
	font-weight: bold;
	text-align: center;
}

#menu{
  position: relative;
	width: 132px;
	height: 18px;
	background-color: #b0c4de;
	padding: 0px;
	color: black;
	font-weight: bold;
	text-align: center;
}

#menu1{
  position: relative;
	width: 132px;
	height: 18px;
	background-color: #b0c4de;
	padding: 0px;
	color: black;
	font-weight: bold;
	text-align: center;
}

#celeA {
	height: 430px;
	width: 130px;
	margin: 0;
	pading: 0;
	overflow: auto;
	border: 1px solid #b0c4de;
}

#objleve{
	position: absolute;
	width: 140px;
	height: 22px;
	top: 100px;
	left: 100px;
	background-color: white;
	padding: 0px;
}

#objprave{
	position: absolute;
	width: 140px;
	height: 22px;
	top: 100px;
	left: 300px;
	background-color: white;
	padding: 0px;
}









.nav 
{ 
padding: 0; margin: 0px 0 0 20px; 
font-family: Arial, Helvetica, Sans-Serif; 
overflow: visible; 
font-size: 83%; 
line-height: 173%; 
font-family: Geneva, Arial, Helvetica, Sans-Serif; 
} 

.nav ul 
{ 
display: block; 
list-style: none; 
margin: -11px 0; 
padding: 0; 
border: 0; 
} 

html + body .nav ul 
{ 
position: relative; 
top: -10px; 
} 

.nav ul li 
{ 
position: relative; 
top: 0px; 
left: -11px; 
margin: 10px 0 5px 0; 
padding: 0; 
border: 0; 
margin: 10px 0 5px 10px; 
} 

html + body .nav ul li 
{ 
display: inline; 
width: 100%; 
position: relative; 
top: 0px; 
left: -12px; 
margin: 10px 0 5px 0; 
} 

.nav a, 
.nav a:visited 
{ 
width: 18.4em; height: 1.5em; 
display: block; 
margin: 0 0 0 3px; 
padding: 1px; 
font-weight: bold; 
font-size: 110%; 
line-height: 1.5em; 
text-indent: 0.5em; 
text-align: left; 
text-decoration: none; 
margin: 0 0 0 -10px; 
} 

html + body .nav a, 
html + body .nav a:visited 
{ 
text-indent: 0; 
padding: 0 0 0 8px; 
} 

.nav ul ul 
{ 
padding: 12px 0 18px 0; 
background: none; 
} 

html + body .nav ul ul 
{ 
position: relative; 
top: 0px; 
} 

.nav ul li li 
{ 
position: relative; 
top: 0px; 
left: 10px; 
margin: 10px 0 5px 1px; 
padding: 0 0 0 25px; 
left: 0px; 

} 

html + body .nav ul li li 
{ 
position: relative; 
left: 12px; 
margin: 10px 0 5px 0; 
} 

.nav ul li .sub-sub 
{ 
/* position: relative; top: 0px; */ left: 10px; 
margin: 10px 0 0 1px; /* padding: 0 0 0 25px; */ 
position: relative; 
top: 0px; left: 0px; 
} 

.nav ul ul a, 
.nav ul ul a:visited 
{ 
width: 15.9em; 
height: 1.3em; 
margin: 0; /* padding: 1px; */ 
font-size: 110%; 
line-height: 1.3em; 
font-weight: normal; 
text-indent: 0.4em; 
} 

.nav ul ul ul 
{ 
margin: 0 0 30px 12px; 
padding: 12px 0 0 0; 
} 

.nav ul li li li 
{ 
position: relative; 
top: 10px; 
left: 0px; 
margin: 10px 0 5px 0; 
padding: 0 0 0 20px; 
} 

html>body .nav ul li li li 
{ 
top: 10px; 
} 

html + body .nav ul li li li 
{ 
top: 14px; 
} 

.nav ul ul ul a, 
.nav ul ul ul a:visited 
{ 
width: 14.9em; 
padding: 1px; 
font-size: 100%; 
} 

html + body .nav ul ul a, 
html + body .nav ul ul a:visited 
{ 
text-indent: 0; 
padding: 0 0 0 8px; 
} 

.nav 
{ 
border: 0; 
border-left: 1px solid #2A71E4; 
} 

.nav ul li li{ 
color: #000; 
background: url("images/line.gif") left center no-repeat; 
} 

.nav ul ul ul 
{ 
border-left: 1px solid #2A71E4; 
} 

.nav ul li .sub-sub 
{ 
background: url("images/line.gif") top left no-repeat; 
} 

.nav a, 
.nav a:visited 
{ 
color: #4F4F4F; 
border: 1px solid #2A71E4; 
background: #FFF; 
} 

.nav a:active, 
.nav a:hover, 
.nav a:focus, 
a:focus .sffocus 
{ 
color: #000; 
border: 1px solid #000; 
background: #FAFAFA; 
} 

.nav ul ul a, .nav ul ul a:visited 
{ 
color: #4F4F4F; 
border: 1px solid #9292A1; 
background: #FFF; 
} 

.nav ul ul a:active, 
.nav ul ul a:hover, 
.nav ul ul a:focus 
{ 
color: #000; 
border: 1px solid #000; 
background: #FAFAFA; 
}