/* CSS Document */
*
{
border:0px solid red;
outline-style:none;
}

.pokus {
	font-size: 17px;
	padding: 0px 0px 0px 6px;
	color: white;
	text-decoration: none;

}
.pokus a {
	color: white;
	text-decoration: none;

}
.pokus a:hover {
	color: white;
	text-decoration: underline;

}

body {
margin:0px 0px;
padding: 0px;
	font-size:75%;
  font-family:sans-serif;
	background-color:#eeeeee;
	
}

.bold {
font-weight:700;
}


.cenik {
border-color: #CC0000;
border-bottom-style: solid;
border-width: 1px;
}

.cenik2 {
border-color: #009900;
border-bottom-style: solid;
border-width: 1px;
}


.kursiva {
font-style: italic;
}

.navesti {
background-color: #CC0000;
font-weight: 700;
color: #FFFFFF;
}

.navesti2 {
background-color: #009900;
font-weight: 700;
color: #FFFFFF;
}

.grey {
background-color: #CCCCCC;
}


.red {
color: #CC0000;
font-weight:700;
font-size:1.3em;
}


.green{
color: #009900;
font-weight:700;
font-size:1.3em;
}
h1 {
display: inline;

}
h1.napis {
display: block;
margin-top:1px;
padding: 10px 20px 0px 20px;
font-size: 23px;

}
#kontejner {
display:block;
float:left;
margin:0px 0px;
	width:900px;
	background: #eeeeee url(../img/maska1n.gif) no-repeat left top;

}

#menu{
display:block;
margin-top:146px;
margin-left:156px;
float: right
	width:400px;
	height:40px;
	background: #eeeeee url(../img/mback1.png) repeat-x left top;

}

#uvod {
display:block;
float:left;
margin:0;
padding: 0;
	width:48px;
	height:40px;
	padding-left:3px;
}
#uvodde {
display:block;
float:left;
margin:0;
padding: 0;
	width:48px;
	height:40px;
	padding-left:3px;
}

#baleni {
display:block;
float:left;
margin:0;
padding: 0;
	width:68px;
	height:40px;
}

#cenik {
display:block;
float:left;
margin:0;
padding: 0;
	width:61px;
	height:40px;
}

#cert {
display:block;
float:left;
margin:0;
padding: 0;
	width:103px;
	height:40px;
}

#objed {
display:block;
float:left;
margin:0;
padding: 0;
	width:112px;
	height:40px;
}


#osobnost {
display:block;
float:left;
margin:0;
padding: 0;
	width:95px;
	height:40px;
}



#vyroba {
display:block;
float:left;
margin:0;
padding: 0;
	width:72px;
	height:40px;
}

#doprava {
display:block;
float:left;
margin:0;
padding: 0;
	width:84px;
	height:40px;
}
#kontakt {
display:block;
float:left;
margin:0;
padding: 0;
	width:82px;
	height:40px;
}


#uvod a {
display:block;
float:left;
margin:0;
padding: 0;
	width:57px;
	height:40px;
	background: url(../img/uvod.png) no-repeat left top;
text-decoration: none;
}
#uvodde a {
display:block;
float:left;
margin:0;
padding: 0;
	width:57px;
	height:40px;
	background: url(../img/uvodde.png) no-repeat left top;
text-decoration: none;
}
#vyroba a{
display:block;
float:left;
margin:0;
padding: 0;
	width:72px;
	height:40px;
	background: url(../img/vyroba.png) no-repeat left top;
text-decoration: none;

}
#baleni a {
display:block;
float:left;
margin:0;
padding: 0;
	width:70px;
	height:40px;
	background: url(../img/baleni.png) no-repeat left top;
text-decoration: none;
}
#doprava a{
display:block;
float:left;
margin:0;
padding: 0;
	width:84px;
	height:40px;
	background: url(../img/doprava.png) no-repeat left top;
text-decoration: none;
}
#cenik a {
display:block;
float:left;
margin:0;
padding: 0;
	width:61px;
	height:40px;
	background: url(../img/cenik.png) no-repeat left top;
text-decoration: none;
}
#cert a{
display:block;
float:left;
margin:0;
padding: 0;
	width:103px;
	height:40px;
	background: url(../img/cert.png) no-repeat left top;
text-decoration: none;
}
#objed a{
display:block;
float:left;
margin:0;
padding: 0;
	width:112px;
	height:40px;
	background: url(../img/objed.png) no-repeat left top;
text-decoration: none;
}
#kontakt a{
display:block;
float:left;
margin:0;
padding: 0;
	width:80px;
	height:40px;
	background: url(../img/kontakt.png) no-repeat left top;
text-decoration: none;
}

#osobnost a{
display:block;
float:left;
margin:0;
padding: 0;
	width:95px;
	height:40px;
	background: url(../img/osobnost.png) no-repeat left top;
text-decoration: none;
}



#uvod a:hover {
	background: url(../img/uvod.png) no-repeat left -56px;
}
#vyroba a:hover {
	background: url(../img/vyroba.png) no-repeat left -55px;
}
#baleni a:hover {
	background: url(../img/baleni.png) no-repeat left -55px;
}
#doprava a:hover {
	background: url(../img/doprava.png) no-repeat left -55px;
}
#cenik a:hover {
	background: url(../img/cenik.png) no-repeat left -55px;
}
#cert a:hover {
	background: url(../img/cert.png) no-repeat left -55px;
}
#objed a:hover {
	background: url(../img/objed.png) no-repeat left -55px;
}
#kontakt a:hover {
	background: url(../img/kontakt.png) no-repeat left -55px;
}

#osobnost a:hover {
	background: url(../img/osobnost.png) no-repeat left -55px;
}



#uvod a:active {
	background: url(../img/uvod.png) no-repeat left -55px;
}
#vyroba a:active {
	background: url(../img/vyroba.png) no-repeat left -55px;
}
#baleni a:active {
	background: url(../img/baleni.png) no-repeat left -55px;
}
#doprava a:active {
	background: url(../img/doprava.png) no-repeat left -55px;
}
#cenik a:active {
	background: url(../img/cenik.png) no-repeat left -55px;
}
#cert a:active {
	background: url(../img/cert.png) no-repeat left -55px;
}
#objed a:active {
	background: url(../img/objed.png) no-repeat left -55px;
}
#kontakt a:active {
	background: url(../img/kontakt.png) no-repeat left -55px;
}

#osobnost a:active {
	background: url(../img/osobnost.png) no-repeat left -55px;
}


#info {
position: absolute;
  display:block;
	z-index:5;
	margin:120px 0px 0px 7px;
  padding:20px 10px;
  width:145px;
  height:270px;
  min-height:300px;
	font-size:12px;
	font-weight: 600;
	text-align:left;
	background: url(../img/info.gif) no-repeat center top;
	color:#ffffff;
	
}

#info2 {
position: absolute;
  display:block;
	z-index:5;
	margin:420px 0px 0px 7px;
  width:145px;
	font-size:12px;
	font-weight: 600;
	text-align:left;
	
}

.partner {
  display:block;
	z-index:5;
	margin:0px 0px 0px 0px;
  width:145px;
  min-height:180px;
  height:110px;
	background: url(../img/partner.png) no-repeat left bottom;

}


#grey {
  display:block;
  float:right;
  border-top: 20px solid #eeeeee;
  position:relative;
	font-size:12px;
	margin:0px 0px 0px 0px;
	width:742px;
	text-align:left;
	z-index:2;
	background: #696969 url(../img/r1.gif) no-repeat center top;
	
}

#inner {
  display:block;
  float:right;
	margin:0px 0px 0px 0px;

	padding:20px 20px 7px 20px;
}


#r1b {
  display:block;
  float:right;
  position:relative;
	margin:0px 0px 0px 0px;
	width:732px;
	padding:5px;
	text-align:left;
	z-index:2;
	background: #eeeeee url(../img/r1b.gif) no-repeat center top;

}



#fotky {
  display:block;
  float:left;
  position:relative;
  width:165px;
	font-size:12px;
	font-weight: 600;
	margin:30px 0px 0px 7px;
	text-align:left;
	z-index:2;
}


#fotky * {
       display:block;
       float:left;
	margin:0px 0px 30px 0px;
	border:1px solid #ffffff;
}

#prvni a{
display:block;
float:left;
margin:0;
padding: 0;
	width:150px;
	height:80px;
	background: url(../img/1.jpg) no-repeat left top;
}

#druha a{
display:block;
float:left;
margin:0;
padding: 0;
	width:150px;
	height:80px;
	background: url(../img/2.jpg) no-repeat left top;
}

#treti a{
display:block;
float:left;
margin:0;
padding: 0;
	width:150px;
	height:80px;
	background: url(../img/3.jpg) no-repeat left top;
}

#ctvrta a{
display:block;
float:left;
margin:0;
padding: 0;
	width:150px;
	height:80px;
	background: url(../img/4.jpg) no-repeat left top;
}

#pole {
  display:block;
  padding:0px 0px 0px 0px;
  float:right;
  width:511px;
  height:470px;
	font-size:14px;
	text-align:left;
	z-index:2;
	border:0px solid #ffffff;
	background: #ffffff url(../img/r2.gif) no-repeat center top;
}

#r2b {
  display:block;
  padding:0px 0px 0px 0px;
  float:right;
  width:511px;
  height:10px;
	font-size:14px;
	text-align:left;
	z-index:2;
	border:0px solid #ffffff;
	background: #ffffff url(../img/r2b.gif) no-repeat center bottom;
}
#sram {
  display:block;
  float:right;
  text-align:left;
  padding:0px 20px;
  margin:0px;
  width:470px;
  max-width:470px;
  height:370px;
  min-height:380px;

	overflow-y:scroll;
	overflow-x: hidden;
	scrollbar-arrow-color:#C41E00;
	scrollbar-base-color:#A8A8A8;
	scrollbar-track-color:#5E5E5E;
	font-size:14px;
}

#ram 
{ 
direction:ltr; display:block; 
width:490px; height:397px; 
overflow:auto; 
margin:0 auto; 
} 

#inn {
width:465px;
}
.noscroll {
overflow: hidden !important;
}


.okno{
  width:470px;
}


#pata {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  width:100%;
  height:1px;
}


.cpr {
  display:block;
  float:right;
  clear:right;
  padding:0px;
  width:240px;
  height:20px;
  text-align:right;
  font-style:italic;
	color:#808080;
	font-weight:400;
}

#anim {
  display:block;
  position:relative;
  float:left;
  width:auto;
  height:auto;
	z-index:6;
	padding: 10px;
	
}


#anim *{
  display:block;
  width:auto;
  height:auto;
	z-index:6;
}


input, textarea {
  display:block;
  border:grey 1px solid !important;
  width:100% !important;
background-color: #E6E6E6;
size:40;
float:left;
clear: both;
}



.otazka {
clear: left;
}










 float:right;
  clear:right;
  padding:0px;
  width:240px;
  height:20px;
  text-align:right;
  font-style:italic;
	color:#808080;
	font-weight:400;
}

#anim {
  display:block;
  position:relative;
  float:left;
  width:auto;
  height:auto;
	z-index:6;
	padding: 10px;
	
}


#anim *{
  display:block;
  width:auto;
  height:auto;
	z-index:6;
}


input, textarea {
  display:block;
  border:grey 1px solid !important;
  width:100% !important;
background-color: #E6E6E6;
size:40;
float:left;
clear: both;
}



.otazka {
clear: left;
}