/* CSS Document */
@media screen{
body {margin:0;padding:0;font:12px Arial, Helvetica, sans-serif;color:#000;background:#000;}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0;padding:0;}
div {display:block;}
#page {width:950px;height:468px;padding:0px;border:0px;position:absolute;top:50%;left:50%; margin: -234px 0 0 -475px;overflow: hidden;color:#000;background:#FE0000 url(../img/bgPage.jpg) 0px 0px no-repeat;}
#content {position:relative;}
#headerMenu {position:absolute;top:17px;right:0px; width:610px; height:30px; background: url(../img/bgHeaderMenu.jpg) 0px 0px no-repeat;}
#container { display:block;width:950px;height:395px;overflow:hidden; position:absolute; top:47px; left:0px;}
.bgContainerDarkBlue {background:#FFFFFF url(../img/bgContainerDarkBlue.jpg) 0px 0px no-repeat;}
.bgContainerGreen {background:#FFFFFF url(../img/bgContainerGreen.jpg) 0px 0px no-repeat;}
.bgContainerPurple {background:#FFFFFF url(../img/bgContainerPurple.jpg) 0px 0px no-repeat;}
.bgContainerLightBlue {background:#FFFFFF url(../img/bgContainerLightBlue.jpg) 0px 0px no-repeat;}
.bgContainerYellow {background:#FFFFFF url(../img/bgContainerYellow.jpg) 0px 0px no-repeat;}

#counter {display:none;}
#footer {position:absolute;top:448px;left:10px;width:930px;height:15px;color:#FFFFFF;overflow:hidden;}
#footer marquee, #footer span  {font-weight:bold; font-size:12px;}

/* ============= menu ============== */
#headerMenu h3{display:none;}
#headerMenu ul{list-style-type: none;font-size:14px;display:block;width:560px;height:30px;padding:0px;margin:0px 0px 0px 23px;}
#headerMenu ul li{display:block;float:left;width:112px;height:30px;line-height:30px;text-align:center; padding:0px; margin:0px;}
#headerMenu ul li.submenu{position:relative;}

/* aktivace polozek menu */
#headerMenu ul li .decorLeft {display:none; position:absolute; top:0px; left:-12px; width:21px; height:30px; }
#headerMenu ul li .decorRight {display:none; position:absolute; top:0px; right:-9px; width:21px; height:30px; z-index:70;}

li#hM1 .decorRight {background: url(../img/bgHM1right.jpg) 0px 0px no-repeat;}
li#hM2 .decorLeft {background: url(../img/bgHM2left.jpg) 0px 0px no-repeat;}
li#hM2 .decorRight {background: url(../img/bgHM2right.jpg) 0px 0px no-repeat;}
li#hM3 .decorLeft {background: url(../img/bgHM3left.jpg) 0px 0px no-repeat;}
li#hM3 .decorRight {background: url(../img/bgHM3right.jpg) 0px 0px no-repeat;}
li#hM4 .decorLeft {background: url(../img/bgHM4left.jpg) 0px 0px no-repeat;}
li#hM4 .decorRight {background: url(../img/bgHM4right.jpg) 0px 0px no-repeat;}
li#hM5 .decorLeft {background: url(../img/bgHM5left.jpg) 0px 0px no-repeat;}

li#hM1:hover .decorRight, li#hM1.hover .decorRight, li#hM2:hover .decorLeft, li#hM2.hover .decorLeft, li#hM2:hover .decorRight, li#hM2.hover .decorRight, li#hM3:hover .decorLeft, li#hM3.hover .decorLeft, li#hM3:hover .decorRight, li#hM3.hover .decorRight,  li#hM4:hover .decorLeft, li#hM4.hover .decorLeft, li#hM4:hover .decorRight, li#hM4.hover .decorRight,  li#hM5:hover .decorLeft, li#hM5.hover .decorLeft {display:block;z-index:95;}

li#hM1.active .decorRight, li#hM2.active .decorRight, li#hM3.active .decorRight, li#hM4.active .decorRight {display:block;z-index:90;}

#headerMenu ul li a {text-decoration:none;display:block;width:112px;height:30px;line-height:30px;font-weight:bold;color:#fff;}
#headerMenu ul li a:hover {color:#fff;}

#headerMenu ul li#hM5 a {color:#000000;}

#headerMenu ul li.active a {color:#fff;}
#headerMenu ul li.active ul li a {color:#fff;}
#headerMenu ul li.active ul li a:hover, #headerMenu ul li ul li a:hover  {color:#fff;}

#headerMenu ul li ul li{text-align:left; background-color:#003375;}

#headerMenu ul li#hM1 ul li{text-align:left; background-color:#38318A;}
#headerMenu ul li#hM2 ul li{text-align:left; background-color:#019E3E;}
#headerMenu ul li#hM3 ul li{text-align:left; background-color:#A8017B;}
#headerMenu ul li#hM4 ul li{text-align:left; background-color:#01A6CC;}
#headerMenu ul li#hM5 ul li{text-align:left; background-color:#F7F301;}

#headerMenu ul li#hM1 ul li a{background:#38318A url(../img/bgSubHM1item2.gif) 0px 0px no-repeat;}
#headerMenu ul li#hM4 ul li a{background:#009BC1 url(../img/bgSubHM4item2.gif) 0px 0px no-repeat;}

#headerMenu ul li#hM5 ul li a {color:#000000;}

#headerMenu ul ul{position:absolute;width:182px; height:auto;top:30px;left:-33px;visibility:hidden;background-color:transparent;z-index:200;padding:0px 0px 5px 0px;}

#headerMenu ul li#hM1 ul{ background:url(../img/bgSubHM1bottom.gif) left bottom no-repeat;}
#headerMenu ul li#hM4 ul{ background:url(../img/bgSubHM4bottom.gif) left bottom no-repeat;}


#headerMenu ul ul li.hasSubmenu, #headerMenu ul ul li.hasSubmenu:hover, #headerMenu li ul li.hasSubmenu.hover{position:relative;}
#headerMenu ul ul li {width:100%;height:20px;line-height:20px; font-size:12px;}

#headerMenu ul ul li a{font-weight:normal;width:154px;padding:0px 5px 0px 23px;_width:182px;height:20px;line-height:20px;}
#headerMenu ul ul li a:hover{ }
#headerMenu ul ul li:hover, #headerMenu ul ul li.hover {}

#headerMenu ul li#hM1 ul li a:hover{ background-position:0px -20px;}
#headerMenu ul li#hM4 ul li a:hover{ background-position:0px -20px;}

/* level 2 */
#headerMenu ul li:hover ul li a, #headerMenu li.hover ul li a{background-color:transparent;}
#headerMenu ul li:hover ul, #headerMenu li.hover ul{visibility:visible;}
#headerMenu ul li:hover ul li ul, #headerMenu li.hover ul li ul{visibility:hidden;}

/* ========== container styling ========== */
#container img {border:0px;}
#container h1 {font-size:18px; color:#d8d9bd; padding:0px 0px 10px 0px;}
#container p {font-size:14px; color:#000; line-height:1.4; padding:5px 0px 5px 0px;}

.noBorder {border:0px;}
.textRight {text-align:right;}
.textLeft {text-align:left;}
.textCenter {text-align:center;}
.textJustify {text-align:justify;}

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

.w230px {width:230px;}
.w250px {width:250px;}
.w500px {width:500px;}

/* o firme */
#logo {position:absolute; width:275px; height:70px; top:32px; left:24px;}
#text {position:absolute; width:580px; top:32px; left:350px;}
#hlavniOblastiH2 {position:absolute; width:920px; top:170px; left:15px; text-align:center; color:#b3b4b7; font-size:11px; letter-spacing:5px;}
#hlavniOblasti {position:absolute; width:920px; top:190px; left:15px; border:0px; border-collapse:collapse;}
#hlavniOblasti td{ vertical-align:middle; color:#c40008; text-align:center; font-size:18px; width:153px;padding:0px; margin:0px; font-weight:bold;}
#hlavniOblastiImg {position:absolute; width:920px; height:140px; top:235px; left:15px;}
#hlavniOblasti a{color:#c40008; text-decoration:none;}

/* produkty */
#products {}

#products #mainImg {position:absolute; width:375px; height:334px; top:29px; left:23px; border:0px;}
#products #ProductsText {position:absolute; width:520px; height:334px; top:29px; left:428px; overflow:auto;}
#ProductsText h2 {color:#FFFFFF; background-color:#00A650; font-size:12px; padding:2px 5px 2px 5px;}
#ProductsText h2 a{color:#FFFFFF; text-decoration:underline;}
#ProductsText h2 a:hover{color:#FFFFFF; text-decoration:none;}

/* fotogalerie */
#photogallery {}

#photogallery h1 { color:#209740;position:absolute; width:433px; _width:900px; height:20px;line-height:20px; top:10px; left:23px; border:0px; font-size:15px; padding:0px 0px 0px 467px; background: url(../img/bgPhotogalleryH1-1.jpg) 0% 50%  repeat-x;}
#photogallery h1 span{ background: url(../img/bgPhotogalleryH1span.gif) 0px 0px repeat-x; padding:0px 10px;}

#photogallery #imgDesc {position:absolute; width:375px; height:15px; top:25px; left:23px; border:0px; font-size:10px;}

#photogallery #mainImg {position:absolute; width:375px; height:334px; top:40px; left:23px; border:0px;}
#photogallery #images {position:absolute; width:540px; height:350px; top:40px; left:414px; overflow:hidden;}
.galleryItem {width:117px; padding:0px 14px 16px 0px; _width:131px; height:100px; _height:116px; float:left;}
/*#photogallery h2 {color:#FFFFFF; background-color:#00A650; font-size:12px; padding:2px 5px 2px 5px;}*/

/* technologie */
#technology {}

#technology #mainImg {position:absolute; width:520px; height:334px; top:29px; left:23px; border:0px; z-index:10;}
#technology #text {position:absolute; width:480px;_width:500px; height:300px; top:49px; left:43px; border:0px; text-align:right; font-size:11px; z-index:20; overflow:auto;padding-right:20px;}
#technologyDiagram {position:absolute; width:380px; height:315px; top:25px; left:560px; overflow:hidden; background:url(../img/bgTechnologyDiagram.jpg) 0px 0px no-repeat;}

#technologyDiagram a{display:block;position:absolute;overflow:hidden;color: #000000; font-weight:bold; height:27px; line-height:27px; text-align:center; text-decoration:none; font-size:14px;}
#technologyDiagram a:hover, #technologyDiagram a.active{color:#FE0000; background-position:0px 0px;}

.diaZakaznik				{width:84px;left:3px;top:7px; background:url(../img/bgT01.jpg) 0px -27px no-repeat;}
.diaKonstrukce			{width:84px;left:115px;top:7px; background:url(../img/bgT02.jpg) 0px -27px no-repeat;}
.diaPripravaVyroby	{width:136px;left:227px;top:7px; background:url(../img/bgT03.jpg) 0px -27px no-repeat;}
.diaVyroba					{width:109px;left:4px;top:62px; background:url(../img/bgT04.jpg) 0px -27px no-repeat;}
.diaVyvoj						{width:84px;left:142px;top:62px; background:url(../img/bgT05.jpg) 0px -27px no-repeat;}
.diaRizeniJakosti		{width:109px;left:253px;top:62px; background:url(../img/bgT06.jpg) 0px -27px no-repeat;}
.diaKovoVyroba			{width:267px;left:96px;top:112px; background:url(../img/bgT07.jpg) 0px -27px no-repeat;}
.diaLakovna					{width:267px;left:96px;top:154px; background:url(../img/bgT08.jpg) 0px -27px no-repeat;}
.diaStolarna				{width:267px;left:96px;top:194px; background:url(../img/bgT09.jpg) 0px -27px no-repeat;}
.diaNerezVyroba			{width:267px;left:96px;top:235px; background:url(../img/bgT10.jpg) 0px -27px no-repeat;}
.diaMontaz					{width:91px;left:96px;top:275px; background:url(../img/bgT11.jpg) 0px -27px no-repeat;}
.diaExpedice				{width:148px;left:215px;top:275px; background:url(../img/bgT12.jpg) 0px -27px no-repeat;}


/* reference */
#reference {}
#reference #photogallery h1 { color:#01A6CC;position:absolute; width:213px; _width:900px; height:20px;line-height:20px; top:10px; left:23px; border:0px; font-size:15px; padding:0px 0px 0px 687px; background: url(../img/bgPhotogalleryH1-2.jpg) 0% 50%  repeat-x;}
#reference #photogallery h1 span{ background: url(../img/bgRefPhotogalleryH1span-1.gif) 0px 0px repeat-x; padding:0px 10px;}


/* kontakt */
#kontakt {}


#kontakt #kontaktText {position:absolute; width:530px; height:170px; top:29px; left:415px; overflow:auto;}
#kontaktPersons {width:530px; font-size:10px;}
#kontaktPersons td{width:33%;}
#kontaktPersons h3{ font-size:12px; color:#FE0000;}
#adress {position:absolute; width:180px; height:160px; top:215px; left:760px; overflow:hidden;}
#adress h2 {color:#fe0000; font-size:12px; padding:0px 0px 5px 0px;}
#adress p {font-size:11px; line-height:1.3; padding:3px 0px 3px 0px;}
#adress a {color:#Fe0000;}
#adress a:hover {color:#000;}

/* tabulka */
#container table.contentTable{border-collapse:collapse;font-size:100%;margin:.6em 0px .6em 0px;/*border-bottom:3px solid #003375;border-top:3px solid #003375;*/}
#container table.contentTable th{padding:.4em .3em;background-color:#000;color:#fff;text-align:left;border-right:1px solid #FFF;vertical-align:top;}
#container table.contentTable tr{background-color: #transparent;}
#container table.contentTable td{padding:3px 5px;border-bottom:1px solid #000;vertical-align:top; color:#000000; background-color:#FFFFFF;}
#container table.contentTable p{line-height:1em;}

/* ========== jazykove menu ========== */
ul#menuLang {margin:0;padding:0;position:absolute;display:block;width:200px;height:25px;top:15px;left:25px;overflow:hidden;}
ul#menuLang li{margin:0;padding:0;position:relative;display:block;float:left;width:35px;height:25px;overflow:hidden;text-align:center;list-style-type:none;padding-right:13px;}
ul#menuLang li a{margin:0;padding:0;position:relative;display:block;width:35px; height:25px;}
ul#menuLang li a span{margin:0;padding:0;position:absolute;top:0px;left:0px; display:block;width:35px;height:25px;}
.flagCZ {background: url('../img/flagCZ.gif') 0px 0px no-repeat;}
.flagEN {background: url('../img/flagEN.gif') 0px 0px no-repeat;}
.flagFR {background: url('../img/flagFR.gif') 0px 0px no-repeat;}
.flagDE {background: url('../img/flagDE.gif') 0px 0px no-repeat;}
ul#menuLang li a:hover span, ul#menuLang li .active span {background-position:0px -25px;}
}

@media print{
body{font-family:'Times New Roman CE', Georgia, 'Times New Roman', Times, serif;color:#000;}
#headerPage, #headerMenu, #counter, #footer, #menuLang{display:none;}
h1,h2,h3,li{page-break-inside:avoid;margin:0;}
h1{padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0;}
p{margin-top:.2em;padding:0;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;}
.imgRight{float:right;}
img{border:1px solid #000;margin:3px;}
#footer, #created{font-size:9px;}
table { border-collapse:collapse;}
td, th{border: 0px solid #000; vertical-align:top;}
th{text-align:left;}
}