body {
margin:0;
padding:0;
font-family:Arial,Verdana,Tahoma;
font-size:70%;
color:#6C7E84;
background-color:#FFFDED;
background: #FFFFFF url("back.gif") repeat-x left top;
}

img {
border:none;
}
hr {
color:#7E7E7E;
background-color:#7E7E7E;
height:1px;
border:none;clear:both;
}
A {
color:#7E7E7E;
}
A:hover {
color:#FFB900;
}
form {
margin:0;padding:0;
}
.seda {
color:#6C7E84;
}

#wrap {
width:1000px;
margin:20px auto;
position:relative;
}
#box {
width:760px;
margin:0 auto;
position:relative;
}
#flash {
position:absolute;
top:0;left:0;
width:760px;
z-index:0;
}
#logo {
position:relative;
top:20px;left:20px;
z-index:5;
}



/*---MENU---------------------------------------------------------------------*/	
#menu {
position:absolute;
left:0;
width:760px;height:49px;
background: url("back_menuhp.gif") no-repeat left top;
}
#menu ul {
  list-style-type: none;
  margin: 0 20px;
  padding: 0;

}	
#menu ul li {
  padding: 0;
  margin: 0 15px;
  list-style: none;
  float: left;
}
#menu ul li a {
display:block;
height:49px;
line-height:49px;
text-transform:uppercase;
color:#7E5F01;
text-decoration:none;
}	
#menu ul li a:hover, #menu ul li a.current {
text-decoration:underline;
}	

		 
#menu ul li ul {
  position: absolute;
	visibility: hidden;
	background-color:#8AA8B8;
	width:200px;
	border-bottom:1px solid #000;

}
#menu ul li:hover ul, #menu ul li.hover ul {
	visibility: visible;
}
#menu ul li ul {
  margin: 0;
  padding: 0;
}
#menu ul li li {
  float: left;
  margin: 0 10px;
  padding: 0;
  width:200px;
}
#menu ul li ul li a {
color:#fff;
height:25px;
line-height:25px;
}
#menu ul li li a:hover {

}
#menu ul li {
	behavior: url('/css/hover.htc'); /* Protože IE nedodržuje CSS standardy, aby bylo řešení funkční, použijeme tento *.htc soubor */

}

/*---CONTENT--*/
#content {
position:absolute;
}
.sloupce {
width:760px;
margin:20px 0;
clear:both;overflow:auto;
}
.sloupce .sloupec_pravy {
width:360px;
float:right;
}
.sloupce .sloupec_levy {
width:360px;
float:left;
}

.frame {
width:360px;
background:#D7E3E8 url("frame_bottom.gif") no-repeat left bottom;

}
.frame_inside {
margin-bottom:20px;
padding:20px 20px 0 20px;
background:#D7E3E8 url("frame_top.gif") no-repeat left top;
}
.pevny {
height:325px;
}

h1 {
margin:0 0 10px 0;padding:0;
color:#FFB900;
font-size:1.4em;
font-weight:bold;
}
h2 {
margin:10px 0;padding:0;
color:#FFB900;
font-size:1.3em;
}


/*---DUM---*/
.dum {
float:left;
border-bottom:1px solid #D7E3E8;
width:240px;
height:180px;
margin:0 13px 13px 0;
position:relative;
background:url("back_dum.gif") repeat-y left top;
}
.prvni_dum {
border-left:none;
}
.prvni_dum h2 {
background:#D7E3E8 url("frame_top.gif") no-repeat left top;
}
.treti_dum h2 {
background:#D7E3E8 url("frame_top.gif") no-repeat right top;
}
.maly {
height:120px;
}
.dum h2 {
margin:0;padding:8px 10px;
background-color:#D7E3E8;
font-size:1.1em;
text-transform:uppercase;
}
.dum h2 A {
color:#333333;
}
.dum h2 A:hover {
color:#FFB900;
text-decoration:none;
}
.dum img {
float:left;
margin:5px;
}
.dum p {
margin:5px 0;padding:0;
line-height:1.3;
font-size:0.9em;
}
.dum A.odkaz {
position:absolute;
bottom:8px;right:10px;
display:block;
height:25px;
background:url("arrow.gif") no-repeat right center;
padding-right:30px;
line-height:25px;
}





/*---FOOTER---*/
#footer {
width:760px;height:80px;
background:url("back_footer.gif") no-repeat left top;
position:relative;
}
#footer ul {
text-align:center;
list-style-type:none;
width:540px;
margin:0;padding:13px 0;
}
#footer ul li {
display:inline;
margin:0 5px;
}
#footer ul li A {
font-size:0.9em;
color:#7E5F01;
text-decoration:none;
}
#footer ul li A:hover {
text-decoration:underline;
}
#footer p.volejte {
position:absolute;
top:13px;left:560px;
color:#BED1DA;
font-size:1.2em;
margin:0;padding:0;
}





/*---SIDES---*/
#left {
position:absolute;
top:0;left:0;
width:115px;
}
#partneri {
height:230px;
position:absolute;
left:0;top:0;
width:115px;
background:#F4F7F9 url("back_side.png") left top no-repeat;
text-align:center;
}
#partneri img, #dodavatele img, #kvalita img {
margin-top:10px;
}

#submenu {
position:absolute;
top:262px;left:0;
text-align:left;
width:115px;
}
ul#subnav {
list-style-type:none;
margin:0;padding:0;
}
ul#subnav li {
width:105px;
margin:0;padding:0;
height:53px;
line-height:53px;
text-align:right;
padding-right:10px;
}
ul#subnav li.sub01 {
background:#E0E9EE url("menu-b01.png") left top no-repeat;
height:54px;
}
ul#subnav li.sub05 {
background:#E0E9EE url("menu-b02.png") left top no-repeat;
height:54px;
}
ul#subnav li.licha {
background-color:#E0E9EE;
}
ul#subnav li.suda {
background-color:#F2F6F8;
}
ul#subnav li A {
text-transform:uppercase;
text-decoration:none;
letter-spacing:-1px;
color:#6C7E84;
font-size:90%;
}
ul#subnav li A:hover {
color:#FFB900;
}

h4.side {
width:110px;height:17px;
margin:0;padding:0 0 0 5px;
text-align:center;
font-size:90%;
text-transform:uppercase;
font-weight:normal;
line-height:17px;
letter-spacing:-1px;
}
.side.left {
background:url("h_left.png") left top no-repeat;
}
.side.right {
background:url("h_right.png") left top no-repeat;
}
.side.right2 {
background:url("h_right2.png") left top no-repeat;
}

#right {
position:absolute;
top:0;left:885px;
width:115px;
}

#kvalita {
position:absolute;
top:0;left:885px;
height:230px;
width:115px;
background:#F4F7F9 url("back_side.png") left top no-repeat;
text-align:center;
}
#dodavatele {
position:absolute;
top:262px;left:885px;
height:390px;
width:115px;
background:#F4F7F9 url("back_side2.png") left top no-repeat;
text-align:center;
}

/*---GALLERY---*/
.gallery {
width:100%;
margin:10px 0;
overflow:auto;
}
.gallery .item {
width:152px;
float:left;
text-align:center;
margin:5px 0;
}

.gallery .item img {
border:3px solid #D7E3E8;
}


/*---FORM---*/
form {
margin:5px 20px;padding:0;
position:relative;
}
form input {
font-family:Tahoma,Verdana,Arial;
font-size:11px;
width:200px;
border:1px solid #FFB900;
margin-bottom:3px;
}
label {
width:70px;
float:left;
margin-bottom:3px;
}
form textarea {
margin-bottom:15px;
margin-top:5px;
font-family:Tahoma,Verdana,Arial;
font-size:11px;
width:300px;
height:60px;
border:1px solid #274186;
}
.submit_button {
color:#000;
text-align:center;
width:60px;
height:18px;
display:block;
border:1px solid #FFB900;
margin:5px 0 0 214px;
}
p.error {
color:red;
margin:0;padding:0;
position:absolute;
top:50px;left:0px;
}

/*---form---*/



#ss_text, #ss2_text {
background:url("imgborder2.gif") left top no-repeat;
margin:0;padding:3px 0 4px 0;font-size:11px;
color:#fff;text-align:center;
height:18px;
}
h2.prihlaseni {
background-color:#F2F6F8;
color:#6C7E84;
font-size:1.0em;
padding:3px 20px;margin:8px 0 0 0;
}
#ss_img_div, #ss_img_div img, #ss_img_div A {
margin:0;padding:0;
}
p.ceny {
text-align:center;
font-size:1.3em;
font-weight:bold;
margin:10px 0 0 0;padding:0;
}