body  {
background: #b1c5cc url('../design/bg.jpg') 0% 0% repeat-x;
text-align: center;
margin: 0px;
padding: 0px;
font-family: sans-serif;
}

#page  {
position: relative;
margin: 0px auto;
width: 780px;
height: 800px;
background: url('../design/bg_page.jpg') 0% 0% repeat-y;
border: solid 1px #d1d1d1;
text-align: left;
}

*>#page  {
height: auto;
min-height: 800px;
}

#pagehead  {
position: relative;
margin: 0px auto;
width: 780px;
height: 346px;
background: url('../design/pagehead.jpg') 0% 0% no-repeat;
}

h2 {
font-size: 17px;
}

td.zakaznik{
width: 220px;
font-weight: bold;
}

a.homepage  {
position: absolute;
top: 30px;
left: 30px;
display: block;
width: 290px;
height: 30px;
text-indent: -9999px;
}

a.mail  {
position: absolute;
top: 14px;
right: 57px;
display: block;
width: 14px;
height: 9px;
text-indent: -9999px;
}

a.home  {
position: absolute;
top: 14px;
right: 32px;
display: block;
width: 14px;
height: 9px;
text-indent: -9999px;
}

a  {
outline: 0px;
}

a.mail_kontakt {
color: #00ace4;
}

form.vyhledavani  {
position: absolute;
top: 320px;
left: 610px;
padding: 0px;
margin: 0px;
}

input.hledej  {
position: absolute;
top: 2px;
left: 0px;
margin: 0px;
height: 14px;
width: 94px;
border: none;
background: transparent;
font-size: 10px;}

input.submit  {
position: absolute;
top: 0px;
left: 105px;
margin: 0px;
height: 20px;
width: 20px;
background: url('../design/hledej.jpg') 0% 0% no-repeat;
border: none;
text-indent: -9999px;
cursor: hand; cursor: pointer;
}

#left  {
float:left;
width: 160px;
height: 400px;
margin: 15px;
}

*>#left  {
height: auto;
min-height: 400px;
}

#login  {
margin-left: 5px;
width: 155px;
height: 159px;
background: url('../design/login.jpg') 0% 0% no-repeat;
text-align: left;
padding: 0px;
}

#login table {
padding: 0px;
margin: 29px 3px 3px 3px;
border-collapse: collapse;
}

label  {
font-size: 9px;
color: #93c6db;
}

.sub  {
float:left;
margin: 9px 0px 0px 4px;
width: 38px;
height: 22px;
background: url('../design/sub.jpg') 0% 0% no-repeat;
border: none;
cursor: hand; cursor: pointer;
color: #fff;
font-weight: bold;
font-size: 9px;
}

.kontakt  {
width: 157px;
height: 147px;
background: url('../design/bgkontakt.jpg') 0% 0% no-repeat;
margin: 9px 0px 0px 4px;
}

.kontakt p {
font-size: 11px;
margin: 5px 5px 5px 5px;
text-align: center;
font-weight: bold;
}

#menu  {
position: absolute;
top: 47px;
right: 54px;
height: 27px;
}

#menu ul {
margin: 0px;
}

/* Dropdown menu */
#menu ul ul {display: none; position: absolute; top: 27px; right: -1px; width: 75px; padding: 0;}
* > #menu ul ul {right: 0;}
#menu ul ul li {float: none;}
#menu ul li:hover ul {display: block;}
#menu ul ul li a {display: block; margin-bottom: -18px; padding-bottom: 4px; background: #ccd5dc; font-size: 11px; color: #fff; text-decoration: none; text-align: center;}
/*#menu ul ul li a.kontakty {display: block; margin-bottom: -18px; padding-bottom: 4px; background: #ccd5dc; font-size: 11px; color: #fff; text-decoration: none; text-align: center;}*/
* > #menu ul ul li a {margin-bottom: 0; padding: 3px;}
#menu ul ul li a:hover {background: #5dcdf5}

#menu ul li{
list-style: none;
float: left;
margin: 0px 0px 0px 1px;
}


#menu ul li a.hlavni  {
text-indent: -9999px;
float: left;
width: 100px;
height: 27px;
background: url('../design/home_off.jpg') 0% 0% no-repeat;
}

#menu ul li a.hlavni:hover  {
background: url('../design/home_on.jpg') 0% 0% no-repeat;
}

#menu ul li a.vyrobky  {
text-indent: -9999px;
float: left;
width: 122px;
height: 27px;
background: url('../design/vyrobky_off.jpg') 0% 0% no-repeat;
}

#menu ul li a.vyrobky:hover  {
background: url('../design/vyrobky_on.jpg') 0% 0% no-repeat;
}

#menu ul li a.poptavka  {
text-indent: -9999px;
float: left;
width: 79px;
height: 27px;
background: url('../design/poptavka_off.jpg') 0% 0% no-repeat;
}

#menu ul li a.poptavka:hover  {
background: url('../design/poptavka_on.jpg') 0% 0% no-repeat;
}

#menu ul li a.kontakty  {
cursor: pointer;
text-indent: -9999px;
float: left;
width: 75px;
height: 27px;
background: url('../design/kontakty_off.jpg') 0% 0% no-repeat;
}

#menu ul li a.kontakty:hover  {
background: url('../design/kontakty_on.jpg') 0% 0% no-repeat;
}

#content  {
float: right;
width: 540px;
height: 400px;
margin: 20px;
padding-right: 10px;
text-align: justify;
font-size: 11px;
}

*>#content  {
height: auto;
min-height: 400px;
}

#pagefoot  {
clear: both;
height: 38px;
width: 780px;
background: #fff url('../design/pagefoot.jpg') 0% 0% no-repeat;
border: solid 1px #d1d1d1;
border-top: none;
margin-left: -1px;
}

.certifikaty_ramecek
{ border-color: #6CC293; border-width: 1px 1px 1px 1px; border-style: solid; }

h3 {font-size: 12px;}