body, form  { font-family : 'tahoma', sans-serif; margin: 0px 0px 0px 0px; font-size: 11px; }

body { background: #5F86B6 url(/img/bg_page.png) top left repeat-x; text-align: center; color: #626262; line-height:14px;}

table { font-size: 11px; border: none; padding: 0; margin: 0; border-collapse: collapse; }
table td { padding: 10px; vertical-align: top; }


h1,h2,h3,h4,h5,h6, p { margin: 0;  }
h1 { font-size: 12px; padding: 0 0 2px 0; color: #0b336a; text-transform: uppercase; }
p { padding: 2px 0 5px 0; }

img { border: 0; display: block; }

a { color: #0b336a; } 
a:hover { text-decoration:none; } 

h2 span { font-weight: normal; }

.hidden { display:none; }

#top, #menu, #body, #bottom, #grafika { margin: auto; width: 850px; text-align: left; }

#top { height:131px; background: transparent url(/img/sachy.png) top right no-repeat; position: relative; }
#top img { position: absolute; top: 62px; left: 76px; }
#menu { height:76px; line-height:12px; }

#menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 10px; }
#menu ul li { display: block; float: left; position: relative; text-transform: uppercase; }
#menu ul li { behavior: url(/lib/hover.htc); }
#menu ul li a { display: block; width: 76px; height: 76px; }
#menu ul li span { display: none; }

#menu ul li ul { position: absolute; display: none; width: 218px; _width: 228px; height: 72px; _height: 76px; padding:2px 5px; background: transparent url(/img/rozbalene_menu.png) top left repeat-y; }
#menu ul li ul li { float: none; padding: 1px 5px 1px 5px; }
#menu ul li ul li a { float: none; display: block; background: transparent url(/img/menu_brick.png) center left no-repeat; padding: 0 0 0 15px; text-decoration: none; color: #8DA9CC; height: auto; width: auto; }
#menu ul li ul li a:hover { background: transparent url(/img/menu_brick_over.png) center left no-repeat; color: #fff; }
#menu ul li:hover ul, #menu ul li.hover ul { display: block; }
#menu ul li:hover ul li ul, #menu ul li.hover ul li ul{ display: none; }


#menu ul li ul li ul { position: absolute; display: none; top: 0px; left: 218px; width: 218px; _width: 228px; height: 72px; _height: 76px; padding:2px 5px; background: transparent url(/img/rozbalene_menu.png) top left repeat-y; margin:0; padding:0;}
#menu ul li ul li:hover ul, #menu ul li ul li.hover ul { display: block; }


#grafika { background: #fff; }
#grafika .panel_A { background: #fff url(/img/pruh_1_HOME.png) top left no-repeat; height: 76px; }
#grafika .panel_B { background: #fff url(/img/pruh_2_HOME.png) top left no-repeat; height: 76px; }
#grafika .panel_C { background: #fff url(/img/pruh_3_HOME.png) top left no-repeat; height: 76px; position: relative; }

#grafika .panel_A_Company { background: #fff url(/img/pruh_1_COMPANY.png) top left no-repeat; height: 76px; }
#grafika .panel_B_Company { background: #fff url(/img/pruh_2_COMPANY.png) top left no-repeat; height: 76px; position: relative; }
#grafika .panel_A_World { background: #fff url(/img/pruh_1_WORLD.png) top left no-repeat; height: 76px; }
#grafika .panel_B_World { background: #fff url(/img/pruh_2_WORLD.png) top left no-repeat; height: 76px;  position: relative; }
#grafika .panel_A_Services { background: #fff url(/img/pruh_1_SERVICES.png) top left no-repeat; height: 76px; }
#grafika .panel_B_Services { background: #fff url(/img/pruh_2_SERVICES.png) top left no-repeat; height: 76px; position: relative; }
#grafika .panel_A_Products { background: #fff url(/img/pruh_1_PRODUCTS.png) top left no-repeat; height: 76px; }
#grafika .panel_B_Products { background: #fff url(/img/pruh_2_PRODUCTS.png) top left no-repeat; height: 76px; position: relative; }
#grafika .panel_A_Contacts { background: #fff url(/img/pruh_1_CONTACTS.png) top left no-repeat; height: 76px; }
#grafika .panel_B_Contacts { background: #fff url(/img/pruh_2_CONTACTS.png) top left no-repeat; height: 76px; position: relative; }
#grafika .panel_A_SA { background: #fff url(/img/pruh_1_SA.png) top left no-repeat; height: 76px; }
#grafika .panel_B_SA { background: #fff url(/img/pruh_2_SA.png) top left no-repeat; height: 76px; position: relative; }
.bgbody { background: #fff url(/img/pruh_3.png) top left no-repeat; }
.bgbody2 { background: #fff; }

.language { position: absolute; display: block; left: 76px; bottom: 0px; width: auto;  color: #999; }
.language span { color: #8da9cc; }
.language span.neaktiv { color: #ccc; }
.language a { color: #0b336a; text-decoration: none; }
.language a:hover { text-decoration: underline; }

#bottom { background: #fff; position: relative; height: 30px; }
#bottom .s1 { position: absolute; left: 228px; bottom: 10px; color: #ccc; }
#bottom .s1 a { color: #626262; text-decoration: none; color: #ccc; }
#bottom .s2 { position: absolute; right: 76px; bottom: 10px;}


#body { position: relative; min-height: 200px; _height: 200px; padding: 13px 0 0 0; }
#body .texty { margin: 0 0px 0 228px; width: 550px; }
#body ul { margin: 0 0 10px auto; list-style-type: square; }
#body h2 { font-size: 11px; color:#8da9cc; padding: 3px 0 1px 0; }
#body h3 { font-size: 11px; padding: 3px 0 1px 0; }

.bannery { height: 150px; margin: 40px 0 30px 0; }
.bannery img { float: left; }

fieldset { border: none; }
label { display: block; float: left; width: 100px; clear: both; padding: 3px 0 3px 0; }
input { width: 100px; border: 1px #D8B59A solid; background: #FCF0E7; color: #000; }
.submit { background: #D8B59A; color: #fff; }


.kontakt { padding: 0 0 10px 0; }
.kontakt h2 { font-size: 11px; }

.stra { width: 160px; _width: 180px; float: left; padding: 0 20px 10px 0; }
.strb { width: 160px; _width: 180px; float: left; padding: 0 20px 10px 0; }

.clear { clear: both; }

.abs { position: relative; width: 100%; }
.abs div.jmeno { position: absolute; width: 260px; }
#div1, #div2, #div3, #div4, #div5 { background: #FCF0E7; padding: 2px 15px 20px 10px; position: relative; top: -1px; left:-10px; }
#close { position: absolute; bottom: 0; right: 0; }
.link1 { top: 14px; left: 143px; width: 62px; height: 59px; position: absolute; }
.link2 { top: 62px; left: 214px;  width: 20px; height: 20px; position: absolute; }
.link3 { top: 62px; left: 272px;  width: 64px; height: 54px; position: absolute; }
.link1 a img { display: block; width: 62px; height: 59px; }
.link2 a img { display: block; width: 20px; height: 20px; }
.link3 a img { display: block; width: 64px; height: 54px; }

#imga, #imgb, #imgc { position: absolute; top: 0; right: 15px; }

