html, body {
	margin: 0;
	border: 0;
	padding: 0;
	background: #5F5F5F url(../images/back.jpg) repeat-x;
	color: #4A4A4A;
	font: 85% "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
A { font-weight: normal; text-decoration: none; }
A:link { color: #6B6B6B;
text-decoration: underline; }
A:visited { color:  #6B6B6B;
text-decoration: underline; }
A:hover { color: #BF0005; 
text-decoration: underline; }
img { border: none; 
padding: 0;
margin: 0;}
/*  layout dvousloupcovy BOX- wpj  */
#page { 
margin: auto; width: 988px;
}
#top 
{
position: relative; 
background: transparent url(../images/back-top.png) no-repeat;
height: 215px;}

#middle-shadow
{ background: transparent url(../images/back-middle.png) repeat-y;}

#middle
{ margin: auto; width: 960px;
background: #C6C6C6 url(../images/back-middle-left.jpg) repeat-y top left;}

#middle-right
{ background: transparent url(../images/back-middle-right.jpg) no-repeat top right; }

#bottom-shadow
{ background: transparent url(../images/back-bottom.png) no-repeat;
height: 65px;}

#bottom
{ margin: auto; width: 920px;
padding-top: 11px; 
color: White;
font-size: 95%;}

#bottom A {color: white;
text-decoration: none;}
#bottom A:link { color: white;}
#bottom A:visited { color: white;}
#bottom A:hover { color: white;}

#sidebar-center
{ margin: auto; width: 230px;
text-align: center;}

#sidebar-center p
{ text-align: left;
margin-left: 30px;}

#bottom-right
{ float: right;}


#logo { position: absolute; top: 50px; left: 40px;
padding: 0; margin: 0; 
border: 0;
height: 145px;}

#logo a {
	display:block;
	width:190px; height:145px;
	margin:0; padding:0;
	text-decoration: none;
	}
#logo a span { display:none; padding: 0; margin: 0;  }
/*  layout hl BOX- wpj */
#sidebar { float: left; width: 230px; margin:0; padding:0;}
#sidebar-content { margin: 0 0 0 0; padding:0 0 0 0;
text-align: left;
}
#main { margin:0 0 0 230px; padding:0;
}
#main-content { margin: 0 0 0 0; padding: 15px 35px 15px 35px; width: 660px;
_background-color: White;
font-size: 105%;
float: left }

hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */

/*  botton BOX- wpj */

/*  botton BOX- wpj  ende */
/*  menu-wpj-left submenu  */
#submenu { 
margin-right: 0;
margin-bottom: 20px;
text-align: left;}
#submenu li { 
padding-left: 0;
margin: 0;}
#submenu ul {
padding: 0;
margin: 0;
}
#submenu A, #submenu A.submenu-oz, #submenu A.submenu-sub{
display: block;
text-decoration: none;
text-align:left;
color: #5E5D5D;
font: bold 125% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-left: 30px;
letter-spacing: 2px;
padding-top: 12px;
padding-bottom: 5px;
height: 28px;
width: 200px;
}
#submenu A:link { color: #5E5D5D;
background: transparent url(../images/back-menu.jpg) no-repeat;}
#submenu A:visited { color: #5E5D5D;
background: transparent url(../images/back-menu.jpg) no-repeat;}
#submenu A:hover { color: #BF0005;
background-color: #BF0005;
}
#submenu A.submenu-oz:link, #submenu A.submenu-oz:visited
 {color: #BF0005;
}
#submenu A.submenu-sub:visited, #submenu A.submenu-sub:link
{ color: #BF0005;}
#submenu A.submenu-oz:hover   
 { color: #BF0005;
}
#submenu A.submenu-sub:hover   
 { color: white;
background-color: #BF0005;
}
li.submenu {
list-style: none;
}

#submenu A.submenu-open { 
font-size: 95%;
color: White;
font-weight: normal; text-decoration: none;}
#submenu A.submenu-open:link,#submenu A.submenu-open:visited { 
 color: white; text-decoration: none;
font-weight: bold;}
#submenu A.submenu-open:hover {
color: Black; text-decoration: none;
font-weight: bold;}
#submenu A.submenu-open-oz:link, #submenu A.submenu-open-oz:visited, #submenu A.submenu-open-oz:hover { color: black; text-decoration: none; font-weight: bold;}

#submenu li.submenu-open {
padding: 1px 0 1px 5px;
list-style: none;}
/*  menu-wpj-end  */
/*  hlavni-wpj  formatovani */
h2 {margin: auto auto 5px auto; padding: 8px 0 3px 0; font-size: 240%; color: #BF0005;}
h3 {margin: auto auto 5px auto; padding: 5px 0 5px 0; font-size:180%;  color: #BF0005; }
h4 {margin: 0; padding: 1px 0 1px 0; font-size:160%;  color: #BF0005; }
h5 {margin: 0; padding: 1px 0 1px 0; font-size:120%;  color: #BF0005; }


#main-content p {
padding: 5px 0 5px 0;
margin: 0px;
}
#main-content strong{
color: #BF0005;
}
#main-content ul { font-size: 105%; list-style: square;
margin-top: 0;}
#main-content li { padding: 4px;}
/*  hlavni-wpj  formatovani ende*/

#contact { 
position: absolute;
bottom: 30px;
color: #BF0005;
margin: 0 0 0 35px;}

#contact ul{ 
margin: 0;
padding: 0 0 0 15px;
list-style: none;
border-left: solid 3px #BF0005}

#contact li{ 
padding: 1px 0 2px 0;}
#contact A:link, #contact A:visited   { color: #BF0005;
text-decoration: underline; }
#contact A:hover { color: black; 
text-decoration: none; }
/*  mapy-wpj  api-amapy*/
#wpjmaps {
margin: auto;
width: 570px;
height: 400px;
}
/*  mapy-wpj end api-amapy */

table{
margin: 15px 0 15px 0;
font-size: 90%;
}

table h4{
margin: 0; padding: 5px 5px 5px 15px; font-size:130%;  color: #BF0005;
}

#baner-uvod, #baner-uvod-two  {
border: 2px solid #C20208;
text-align: center;
width: 310px;
height: 280px;
background: #C30109 url(../images/back-uvod.jpg) no-repeat bottom;}

.right {
float: right;}

#baner-uvod span, #baner-uvod-two span{
position: relative;
bottom: -5px;}


#baner-uvod A, #baner-uvod-two A{
text-decoration: none;
color: white;
font: bold 140% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#baner-uvod A:link, #baner-uvod-two A:link { color: white;}
#baner-uvod A:visited, #baner-uvod-two A:visited { color: white;}
#baner-uvod A:hover, #baner-uvod-two A:hover { color: black;
}

.baner-hydraulika{
margin: 3px;
float: left;
border: 2px solid #C20208;
text-align: center;
width: 210px;
_width: 205px;
height: 250px;
background: white url(../images/back-uvod.jpg) no-repeat top left;}

.baner-hydraulika h3 {margin: 8px auto 5px auto; padding: 1px 0 1px 0; font-size:120%;  color: white;
height: 30px; }

.baner-hydraulika span {margin: 8px auto 5px auto; padding: 1px 0 1px 0; font-size:120%;  color: #6B6B6B;
height: 30px; }

A.hydraulika{
position: relative;
bottom: 15px;
border: none;
background: none;
text-decoration: none;
color: #6B6B6B;
font: bold 130% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
A.hydraulika:link { color: #6B6B6B;}
A.hydraulika:visited { color: #6B6B6B;}
A.hydraulika:hover { color: black;}

img.pdf {
position: relative;
left: -5px;
top: 15px;
}

#vlajky  {
margin-top:17px;
width:180px;
margin: auto;
text-align: center;
}
#vlajky ul {
list-style:none outside none;
margin:0;
padding:0;
}
#vlajky li {
float: left;
display: block;
margin:3px;
padding:0;
}

img.komora {
margin: 10px;
}

#fotogalerie{
margin-top: 15px;
}
#fotogalerie img {
border: 2px solid #C20208;
margin: 1px;
}

#tabulka {
border:1px solid #666666;
padding:5px;
}
#tabulka td, #tabulka th {
background-color:#ECECEC;
border:1px solid white;
margin:3px;
padding:5px;
text-align:center;
}

#formular  {
margin-top:15px;
padding:0;
width:630px;
}
#formular table {
border-top:10px none;
margin:auto;
text-align:center;
width:630px;
}
#formular textarea {
background-color: white;
border: 1px solid #C6C6C6;
height:200px;
width:600px;
padding: 3px;
}
#formular input {
background-color: white;
border:1px solid #C6C6C6;
color:#000000;
font-weight:bold;
margin-bottom:1px;
margin-top:1px;
text-align:left;
padding: 3px;
}
#formular td.in-nad, th {
font-weight:bold;
padding:10px;
text-align:left;
vertical-align:top;
}
#formular td.form-ot-odsazeni {
padding:15px 5px 5px;
text-align:left;
}
#formular td.form-ot {
font-weight:bold;
padding:6px 5px;
text-align:left;
white-space:nowrap;
}
#formular td.odsazeni {
padding-top:15px;
}
#formular td.povinna, #formular strong.red {
color:Red;
font-weight:bold;
text-align:left;
}
#formular p.red {
color:Red;
font-weight:bold;
}
#formular input.chb {
background:none repeat scroll 0 0 transparent;
border:medium none;
text-align:left;
}
#formular input.in-od {
width:280px;
}
#formular input.in-od-upload {
text-align:right;
width:280px;
}
#formular td {
text-align:left;
}
#formular td.dotaz strong {
color: #4A4A4A;
text-align:left;
}
#formular td.upload {
text-align:right;
}
#formular td.tlacitka {
text-align:center;
}
#formular input.pocet {
padding:2px;
width:20px;
}
#formular input.tlacitko {
background-color:#C6C6C6;
border:5px solid #C6C6C6;
color: black;
font-weight:bold;
margin:8px;
text-align:center;
}

#logo {
border:0 none;
height:90px;
left:58px;
margin:0;
padding:0;
position:absolute;
top:82px;
}
#logo a {
display:block;
height:90px;
margin:0;
padding:0;
text-decoration:none;
width:311px;
}
#logo a span {
display:none;
margin:0;
padding:0;
}