/* -------------------------------------------------------------- 
  
   kill.pack CSS Framework
   * Version:   0.1
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typo.css';
@import 'lib/forms.css';
@import 'lib/layout.css';

/* general
-------------------------------------------------------------- */

/* Clearing floats without extra markup -
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* global layout */

#techo {}

#headerhp {background:url(../img/hp-backgrnd.gif) repeat-x; height:436px;}
#headercntnt {background:url(../img/cntnt-backgrnd.gif) repeat-x; height:275px;}

.container {width:980px;margin:0px auto; text-align:left;position:relative;}

#logo {width:163px;height:65px; overflow:hidden; position:absolute;top:18px;}
#logo a {display:inline; background:none;}

#langmenu {height:118px; background:url(../img/menu-divider.gif) no-repeat;position:absolute; left:156px; top:18px; padding:0px 0px 0px 7px;} 
#langmenu li {float:left;margin:6px 0px 0px 4px;}
#langmenu li a {background-color:#666;display:block;width:18px;height:12px;font-size:10px; line-height:12px;vertical-align:middle; text-align:center;}
#langmenu li a:hover {background-color:#E90008;}

#menu {float:right; height:161px;}
#menu li {display:block;float:left;height:118px;background:url(../img/menu-divider.gif) no-repeat 0px 18px; padding:0px 0px 0px 1px;}
#menu li a {font-size:11px;padding:95px 10px 30px 10px; display:inline; float:left; background:url(../img/menu-btn.gif) no-repeat center 90px; height:29px; text-align:center; font-size:11px; letter-spacing:0.08em;}
#menu li a:hover {background-position:center 26px;}
#menu li a.active { background:none;padding:95px 0px 30px 0px; }
#menu li a.active span {padding:95px 12px 30px 12px; background:url(../img/menu-btn.gif) no-repeat center -62px;text-align:center; color:#fff; font-size:11px; height:29px; display:inline;text-align:center;}

#flashhp { width:980px; height:263px; overflow:hidden; position:absolute; left:0px; top:161px;}
#flashcntnt { width:980px; height:102px; overflow:hidden;position:absolute; left:0px; top:161px;}


#content { background:url(../img/cntnt-dots.gif) center 1px;}

.title { height:31px; padding:0px 19px 0px 0px; margin:0px 0px 10px 0px; line-height:31px; vertical-align:middle; background-color:#4D4D4D; color:#fff; font-weight:bold; text-align:right;}

#lcolumn { width:164px; float:left; padding:16px 0px 74px 0px;}
#mcolumn { width:391px; float:left; padding:16px 0px 74px 0px; margin:0px 0px 0px 15px;}
#rcolumn { width:395px; float:left; padding:16px 0px 74px 0px; margin:0px 0px 0px 15px;}
#bcolumn { width:801px; float:left; padding:16px 0px 74px 0px; margin:0px 0px 0px 15px;}

.banner {background-color:#fff;padding:10px; }
.banner div { width:144px; height:308px; overflow:hidden; margin:0px; padding:0px;}
.quicksearch { width:164px; padding:10px 0px 10px 0px; margin:10px 0px 0px 0px;background-color:#fff;}
.quicksearch select { width:144px; margin:0px 10px 6px 10px;background-color:#fff; font-size:11px;}
.quicksearch .title {margin:0px 10px 6px 10px; height:13px;padding:0px 4px 0px 4px;line-height:12px; vertical-align:middle; background-color:#666;color:#fff; text-align:left; font-weight:normal; font-size:10px;}
.quicksearch .submit { width:144px; height:20px;margin:0px 10px 0px 10px; background:url(../img/submit-vyhledat.gif) no-repeat; line-height:20px; vertical-align:middle; color:#fff; font-size:10px; border:0px; cursor:pointer; cursor:hand;}

.submenu {background-color:#fff;padding:10px; }

#txtcontent { background-color:#fff; padding:15px 15px 25px 15px; margin: 0px 1px 10px 0px;}
#txtcontent #top { border-bottom:1px solid #E0E0E0; margin:0px 0px 20px 0px;}
#txtcontent h1 {font-size:1em; padding:0px 0px 10px 0px; color:#000; margin:0px; font-weight:bold; float:left;}
#txtcontent #print {float:right; padding:0px 16px 0px 5px;background:url(../img/ico-print.gif) no-repeat right 0px;}
#txtcontent #print a { background:none; color:#666;}
#txtcontent #mail {float:right; padding:0px 16px 0px 0px;background:url(../img/ico-mail.gif) no-repeat right 0px;}
#txtcontent #mail a { background:none; color:#666;}
#txtcontent p {margin:0.85em 0em 0em 0em;}
#txtcontent .title {margin:1.6em 0em 0em 0em; height:13px;padding:0px 0px 0px 0px;line-height:12px; vertical-align:middle; background-color:#fff;color:#999;text-align:left;font-weight:normal;font-size:0.85em;}
#txtcontent ul {margin:6px 0px 0px 0px;}
#txtcontent ul li { background:url(../img/redsquare.gif) no-repeat 0% 50%; padding:0px 0px 0px 15px; font-size:0.9em;}

#txtcontent ul.level_1 { list-style-type:none; background:none; margin:20px 0px 0px 0px;}
#txtcontent ul.level_1 li { width:730px; list-style-type:none; background:none;}
#txtcontent ul.level_1 li a { display:block;width:725px; list-style-type:none; padding:0px 0px 0px 15px; height:16px; line-height:16px; vertical-align:middle; text-align:left; margin-bottom:1px;}

#txtcontent ul.level_1 li ul.level_2 { list-style-type:none; background:none; margin-bottom:15px;}
#txtcontent ul.level_1 li ul.level_2 li { width:695px; list-style-type:none; background:none;}
#txtcontent ul.level_1 li ul.level_2 li a { display:block;width:100%; list-style-type:none; padding:3px 10px 0px 3px 15px; text-align:left;background-color:#EDEDED;color:#666; margin-bottom:1px;}
#txtcontent ul.level_1 li ul.level_2 li a:hover {background: url(../img/arrow-active.gif) no-repeat 7px 50% #f1f1f1;}

#txtcontent ul.level_1 li ul.level_2 li ul.level_3  { list-style-type:none; background:none; margin-bottom:15px;}
#txtcontent ul.level_1 li ul.level_2 li ul.level_3 li { width:665px; list-style-type:none; background:none;}
#txtcontent ul.level_1 li ul.level_2 li ul.level_3 li a { display:block;width:100%; list-style-type:none; padding:3px 10px 0px 3px 15px; text-align:left; background:none; margin-bottom:2px;}
#txtcontent ul.level_1 li ul.level_2 li  ul.level_3 li a:hover {background: url(../img/arrow-active.gif) no-repeat 7px 50%;}

.submenu .title {margin:0px 0px 8px 0px; width:136px; height:13px;  text-align:right; font-weight:normal; font-size:10px; background:none; padding:0px;}
.submenu .title a { display:block; width:136px; height:13px; text-align:right; line-height:13px; vertical-align:middle;background-color:#E90008;color:#fff; padding:0px 4px 0px 4px;}
.submenu .title a:hover {background-color:#666666;}
.submenu ul.level1 { width:144px; margin:0px; padding:0px; text-transform:uppercase;}
.submenu ul.level1 li {display:block;margin:6px 0px 0px 0px; padding:0px;min-height:26px;}
.submenu ul.level1 li a {display:block;background-color:#666; text-align:left;vertical-align:middle;padding:6px 5px 6px 10px; margin:0px;}
.submenu ul.level1 li a:hover {background-color:#E90008;}
.submenu ul.level1 li a.active {background: url(../img/arrow-down.gif) no-repeat 125px 11px #666; cursor:default;}
.submenu ul.level1 li a.selected {background: url(../img/arrow-right.gif) no-repeat 125px 11px #666; cursor:default;}

.submenu ul.level2 { width:144px; margin:0px; padding:0px;text-transform:uppercase;}
.submenu ul.level2 li {display:block; margin:6px 0px 0px 0px;}
.submenu ul.level2 li a {display:block;background-color:#EDEDED; text-align:left; color:#666; padding:6px 5px 6px 10px;}
.submenu ul.level2 li a:hover { color:#808080;background: url(../img/arrow-active.gif) no-repeat 126px 8px #EDEDED; }
.submenu ul.level2 li a.active {color:#808080;background: url(../img/arrow-active.gif) no-repeat 126px 8px #EDEDED; cursor:default; }
.submenu ul.level2 li a.selected {color:#808080;background: url(../img/arrow-active.gif) no-repeat 126px 8px #EDEDED; cursor:default; }

#newslist {} 
#newslist .item { background:url(../img/item-dots.gif) repeat-y 0px 1px #fff;  margin:0px 0px 10px 0px; line-height:22px; vertical-align:middle;} 
#newslist .item h2 { padding:0px 19px 0px 19px; margin:11px 0px 0px 0px;} 
#newslist .item h2 a {text-align:left; padding:1px 4px 1px 4px; display:block; text-transform:uppercase;} 
#newslist .item p { padding:10px 21px 15px 21px; letter-spacing:0.025em; } 
#newslist .item .image { width:97px; height:101px;float:left;} 
#newslist .item .image a { display:inline; background:none;} 
#newslist .item .image img { margin:9px;} 
#newslist .item .txt { width:284px; margin:0px 0px 0px 10px;float:left;} 
#newslist .item .txt1 {width:694px;margin:0px 0px 0px 10px;float:left;}

#monitoringlist {} 
#monitoringlist .item { background:url(../img/item-nodots.gif) repeat-y 0px 1px #fff;  margin:0px 0px 10px 0px; line-height:22px; vertical-align:middle;}
#monitoringlist .item h2 { padding:11px 19px 0px 19px; margin:0px 0px 0px 0px;} 
#monitoringlist .item h2 a {text-align:left; padding:1px 4px 1px 4px; display:block;text-transform:uppercase;} 
#monitoringlist .item .date { padding:10px 21px 0px 25px; letter-spacing:0.025em; color:#999999; } 
#monitoringlist .item .pdf { padding:0px 21px 10px 21px; letter-spacing:0.025em; text-align:right;} 
#monitoringlist .item p { padding:5px 21px 7px 0px; letter-spacing:0.025em; } 
#monitoringlist .item .logo { float:left; width:290px; text-align:center;} 
#monitoringlist .item .logo a { display:inline; background:none;} 
#monitoringlist .item .logo img { margin:21px 0px 9px 21px;} 
#monitoringlist .item .text { width:500px; margin:0px 0px 0px 10px;float:left;} 
#monitoringlist .item .txt1 {margin:0px 0px 0px 0px;float:left;} 

#projectslist {} 
#projectslist .item {width:395px; margin:0px 0px 1px 0px;} 
#projectslist .item h2 { padding:11px 19px 0px 19px;_padding:5px 19px 10px 19px;} 
#projectslist .item h2 a { padding:0px 4px 0px 4px; text-transform:uppercase;} 
#projectslist .item p { padding:10px 21px 15px 21px;letter-spacing:0.05em; } 
#projectslist .item .image { width:167px; height:55px;float:left; background-color:#fff;} 
#projectslist .item .image a { display:inline; background:none;} 
#projectslist .item .image img { margin:6px;} 
#projectslist .item .txt { width:228px; margin:0px 0px 0px 0px;float:left; text-transform:uppercase;} 

#referencelist { width:801px;} 
#referencelist .item {width:260px; margin:0px 10px 10px 0px; float:left;} 
#referencelist .itemnomarg {margin:0px 0px 10px 0px;} 
#referencelist .image { width:82px; height:54px;float:left; background-color:#fff;} 
#referencelist .image a { display:inline; background:none;} 
#referencelist .image img { margin:6px;} 
#referencelist .txt { width:178px; margin:0px 0px 0px 0px;float:left;} 
#referencelist .txt a {color:#fff; text-decoration:none;background-color:#BDBDBD;font-size:10px;line-height:54px;vertical-align:middle; text-align:right; display:block; height:55px;}
#referencelist .txt a span {padding:0px 2px 0px 2px; margin:0px 25px 0px 0px; background-color:#fff; color:#919191;}
#referencelist .txt a:hover {background-color:#E90008;}
.ref-years { padding-right: 5px; margin:20px 0px 10px 0px; }
.ref-years li { float: right; }

#technocentralist { margin:11px 0px 0px 0px;}
#technocentralist .item { width:390px; float:left; margin:10px 16px 10px 0px;}
#technocentralist .itemnomarg { width:390px; float:left; margin:10px 0px 10px 0px;}
#technocentralist .txt {height:184px; background-color:#fff; padding:15px 15px 15px 15px;}
#technocentralist .top { border-bottom:1px solid #E0E0E0; margin:0px 0px 15px 0px;}
#technocentralist h2 {font-size:0.85em; padding:0px 0px 4px 0px; color:#000; margin:0px 0px 0px 0px; font-weight:bold; }
#technocentralist .image { width:90px; height:68px;float:left; background-color:#fff; margin:11px 10px 0px 0px;} 
#technocentralist .imagenomarg { width:90px; height:68px;float:left; background-color:#fff; margin:11px 0px 0px 0px;} 
#technocentralist a { display:inline; background:none; color:#000; text-decoration:underline;} 
#technocentralist img { margin:5px;} 

.contactline {margin:0px 0px 10px 0px;}
.contactline .txt { width:360px; float:left; background-color:#fff; margin:0px 15px 0px 0px; padding:15px 15px 20px 15px;}
.contactline .top { border-bottom:1px solid #E0E0E0; margin:0px 0px 15px 0px;}
.contactline h2 {font-size:0.85em; padding:0px 0px 4px 0px; color:#000; margin:0px 0px 0px 0px; font-weight:bold; }
.contactline .pictures { width:390px; float:left; margin:0px 0px 0px 0px;}
.contactline .pictures .small { float:left; width:124px; margin:0px 10px 0px 0px;}
.contactline .pictures img { margin:6px;}
.contactline .pictures .small .image { width:124px; height:94px; background-color:#fff;  margin:0px 0px 10px 0px;}
.contactline .pictures .small .image a { width:124px; height:94px; overflow:hidden; display:inline; margin:0px; padding:0px;}
.contactline .pictures .big {float:left;width:256px; }
.contactline .pictures .big .image { width:256px; height:198px; background-color:#fff;  margin:0px 0px 10px 0px;}
.contactline .pictures .big .image a { width:256px; height:198px; overflow:hidden; display:inline; margin:0px; padding:0px;}
.contactline a { color:#000; background:none;}
.contactline a:hover { color:#000; background:none;}

#pictures { width:395px;}
#pictures div { width:173px; height:130px; float:left; margin:0px 0px 11px 0px;background-color:#fff; padding:9px;}
#pictures div.sudy {margin:0px 0px 11px 12px;}
#pictures div.name { width:380px; margin:0px 0px 11px 0px; padding:0px 0px 0px 15px; background-color:#EEEEEE; height:20px; line-height:20px; vertical-align:middle; text-transform:uppercase;}
#pictures div.blank { width:380px; margin:0px 0px 11px 0px; height:11px; line-height:11px; font-size:11px; vertical-align:middle; background:none;}
#pictures div a {display:block; background:none;width:173px; height:130px; overflow:hidden; padding:0px; margin:0px;}

#picture { width:395px;}
#picture div {background-color:#fff; padding:8px; float:left;}
#picture div.sudy {margin:0px 0px 0px 11px;}
#picture div a {display:block; background:none;width:380px; height:285px; overflow:hidden; padding:0px; margin:0px;}

#page_content ul li { background-position:0em 0.6em; padding:0px 0px 0px 13px;}

.gallincontent { }
.gallincontent a { display:block; float:left; background:none; margin:0px; padding:0px; }
.gallincontent img { margin:29px 10px 0px 0px; }
.gallincontent a:hover { background:none; }
.gallincontent p { clear:both; padding:5px 0px 10px 0px; margin:0px;}


#list { width:801px;}
#list .item { float:left; width:187px; margin:0px 16px 0px 0px;}
#list .nomarg { margin:0px;}
#list .item .imago { padding:7px; background-color:#fff;}
#list .item .odkaz { margin:9px 0px 29px 6px; text-transform:uppercase; }
#list .item .imago a {display:block; background-color:#FFFFFF;  width:173px; height:130px; overflow:hidden;padding:0px; margin:0px;}

#mcolumn table { border-spacing:1px; }
td.info { width:126px; font-size:12px; background:url(../img/ico-x.gif) no-repeat 8px 10px #fff; padding:4px 7px 9px 18px; color:#808080; }
td.content { color:#969696; background-color:#E0E0E0; padding:4px 7px 9px 8px; border:0px;}

#footer .menu { width:388px; height:16px; background:url(../img/footer-bckgrnd.gif) no-repeat left 0px;margin:25px 19px 0px 0px; float:right; padding:4px 0px 0px 0px; text-align:right;}
#footer .menu li { display:inline;margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; text-transform:uppercase;}