@import url("reset.css");

@font-face {
    font-family: 'adventBold1';
    src: url('../files/fonts/advent-bd1-webfont.eot');
    src: url('../files/fonts/advent-bd1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../files/fonts/advent-bd1-webfont.woff') format('woff'),
         url('../files/fonts/advent-bd1-webfont.ttf') format('truetype'),
         url('../files/fonts/advent-bd1-webfont.svg#adventBold1') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adventBold2';
    src: url('../files/fonts/advent-bd2-webfont.eot');
    src: url('../files/fonts/advent-bd2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../files/fonts/advent-bd2-webfont.woff') format('woff'),
         url('../files/fonts/advent-bd2-webfont.ttf') format('truetype'),
         url('../files/fonts/advent-bd2-webfont.svg#adventBold2') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-weight: normal; font-family: 'adventBold1';}
h1, #cms_content .left .contentheading {font-size:2.167em; font-family: 'adventBold1'; padding: 30px 0 0 0;}
.itemA {font-size:2.167em; font-family: 'adventBold1'; padding: 30px 0 0 0;} 
h1 span {font-size:0.846em;}
h2 {font-size:1.25em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
h5 {font-size:1em;}
h6 {font-size:1em;}

.container {background-image: url('../img/bg.gif'); background-position: top left; background-repeat: no-repeat;}

#cms_header {height: 102px; position: relative; z-index:999;}
#cms_header .left { float: left; width: 799px; }
#cms_header .right {width: 383px; float: right;}
#cms_header .right p {height: 24px; line-height: 24px; background-color: #004995; color: #FFF; margin: 35px 0 0 0; padding: 0 13px 0 0; text-align: right; text-transform: uppercase; font-family: 'adventBold1';}

#logo {position: absolute; top: 37px; left: 43px;}
   
#menu {padding: 58px 10px 0 152px; position: relative; font-family: 'adventBold1'; font-size: 1.167em; float:right}
#menu ul, #menu ul li {list-style-type: none; margin: 0; padding: 0; position: relative;}
#menu ul li {behavior: url('/css/hover.htc');}
#menu ul li {display: block; float: left; height: 33px;}
#menu ul li a {display: block; float: left; width: 105px; height: 23px; padding: 10px 0 0 0; text-align: center; text-decoration: none; color: #000;}
#menu ul li div.normal, #menu ul li div.special {position: absolute; top: 33px; visibility: hidden;}
#menu ul li:hover,
#menu ul li.hover {z-index:10000; background: url('../img/bg-menu-li-hover.gif') top left no-repeat;}
#menu ul li:hover>div.normal, #menu ul li:hover>div.special  {visibility:visible;}
#menu ul li.hover div.normal, #menu ul li.hover div.special {visibility:visible;}
#menu ul li div.normal, #menu ul li div.special {padding-top: 9px;} 
#menu ul li div.normal {left: -2px; background: url('../img/bg-normal-top.png') top left no-repeat; ; width: 220px;}
#menu ul li div.special {left: -380px; background: url('../img/bg-special-top2.png') top left no-repeat; width: 873px;}
#menu ul li div.normal ul, #menu ul li div.special div.special-in {padding: 0px 4px 9px 4px;} 
#menu ul li div.normal ul {background: url('../img/bg-normal.png') bottom left no-repeat;}
#menu ul li div.special div.special-in { background: url('../img/bg-special2.png') top left no-repeat;}
#menu ul ul li {display: block; height: auto !important; float: none !important; padding: 0 !important; margin: 0 0 4px 0 !important;}
/*#menu ul ul li:hover,
#menu ul ul li.hover {background: 0 !important;}*/
#menu ul ul li a {line-height: 24px ; height: 24px ; width: auto !important; padding: 0 0 0 10px ; float: none !important; text-align: left !important;  margin: 0 ;}
#menu ul div.normal ul li a:hover, #menu ul div.reference.last ul li a:hover {background-color: #004995 !important; color: #FFFFFF !important;}
#menu .itemSpecial, #menu .itemSpecial a, #menu .itemSpecial:hover, #menu .itemSpecial a:hover {background-repeat: no-repeat !important; background-position: left !important;}
/*#menu ul div.reference.nolast ul li a:hover {background-color: transparent !important;}*/

div.reference {width: 200px; float: left; margin: 0 7px 0 7px;}
div.strong {height: 24px; line-height: 24px; background: #004995; display: block; padding: 0 0 0 10px; color: #FFF; margin: 0 0 4px 0;}
div.reference.last a {width: 192px !important; height: 20px !important; padding: 3px 4px !important; text-align: left !important; margin: 0 0 4px 0 !important; float: none !important; font-size: 1em;}
div.reference.nolast li {background-color: #FFF;}
div.reference.nolast a {width: 192px !important; height: 60px !important; ;padding: 3px 4px 3px 70px !important; text-align: left !important; margin: 0 0 4px 0 !important; float: none !important; font-size: 0.786em;}
div.reference a img {float: left; margin-right: 5px;}
div.reference.last {margin: 0;}
div.reference li a {font-size: 1em;}

  
#cms_content {min-height: 453px; background-image: url('../img/bg-content.gif'); background-repeat: no-repeat; background-position: bottom right; position: relative;}
#cms_content .left {min-height: 453px; width: 765px; position: relative; float: left; padding-left: 20px;}
#cms_content .center {min-height: 453px; position: relative; width: 100%;}
#cms_content .center h1 {padding: 0 0 0 820px;}
#cms_content .right {width: 337px; min-height: 425px; padding: 0 25px; position: relative; float: right;}
#cms_content .cross {width: 12px; height: 12px; position: absolute; border-right: #000 solid 1px; border-top: #000 solid 1px; right: 0; top: 80px;}
#cms_content img {border: #FFF solid 4px; vertical-align: top;}

#cms_foot {padding: 0px 0; float: right; height: 76px;}
#cms_foot div {margin: 0 0 0 15px; background-repeat: no-repeat; background-position: left 14px;}
#cms_foot div p {margin: 0 0 0 0;  height: 61px; padding: 15px 0 0 10px; color: #000; line-height: 1.2em; font-size: 0.95em; font-family: 'adventBold1';}

#reference {padding: 52px 0 0 0;}
#reference .main_image {float: left; margin-right: 10px;}
#reference .next_images {float: left;}
#reference .next_images ul, #reference .next_images ul li {list-style-type: none; margin: 0; padding: 0; position: relative;}
#reference .next_images ul li {margin: 0 0 5px 0;}

#next_references {position: absolute; bottom: 0; right: 0;}
#next_references a {display: block; width: 67px; height: 20px; line-height: 20px; background-color: #c1c1c1; padding: 0 5px; text-decoration: none; color: #FFF; float: left;}  
#next_references a.previous {text-align: left;}
#next_references a.next {text-align: right; margin: 0 0 0 133px;}
#next_references .navigator {background-image: url('../img/bg-navigator-top.png'); background-repeat: no-repeat; background-position: top left; padding: 3px 0 0 0; width: 133px; position: absolute; right: 76px; bottom: -80px;}
#next_references .navigator ul, #next_references .navigator ul li {list-style-type: none; margin: 0; padding: 0;}
#next_references .navigator ul {padding: 5px 5px 4px 3px;}
#next_references .navigator ul.bgvisible {background-image: url('../img/bg-navigator.png'); background-repeat: no-repeat; background-position: bottom left;}
#next_references .navigator ul li {margin: 0 0 4px 0;}
#next_references .navigator ul li a {width: auto; float: none; background: none; color: #000; padding: 0 10px;}
#next_references .navigator ul li a:hover, #next_references .navigator ul li.active a {background: #004995; color: #FFF;}

#accordion {padding: 77px 0 0 0; position: relative; z-index: 1;}
#accordion ul, #accordion ul li {list-style-type: none; margin: 0; padding: 0; position: relative;}
#accordion ul li {  
  width: 130px;	
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
#accordion ul li div {width: auto; position: relative;}
#accordion ul li div p {background-image: url('../img/bg-sliding.png'); background-repeat: repeat; padding: 10px; position: absolute; left: 140px; top: 10px; width: 170px; font-size: 0.917em;}
#accordion ul li div p a {display: block; position: absolute; bottom: 4px; left: 105px; background-color: #004995; color: #FFF; width: 70px; height: 18px; line-height: 20px; text-align: right; text-decoration: none; padding: 3px 10px 0px 0px; font-size: 1.091em;}



.kontaktni-osoby {vertical-align: top; cellpadding: 8px;}
td .kontaktni-osoby {vertical-align: top;}

#kontaktni-osoby {vertical-align: top;}

#article_categories {
    width: 98%;
    display: block;
    overflow: hidden;
    margin-left: 1%;
}
#article_categories ul {
    width: 110%;
}

#article_categories ul h2 {
    margin-bottom: 30px;
}

#article_categories ul, #article_categories ul li, #article_categories ul, #article_categories ul li {
    margin: 0;
    padding: 0;
    display: block;
} 

#article_categories ul li {
    width: 380px;
    display: block;
    height: 140px;
    float: left;
    margin-right: 0px;
    line-height: 1.5em;
    overflow: hidden;
    margin-bottom: 30px;
}

#article_categories ul li ul {
    
    display: block;
    height: 150px;
}

#article_categories ul li ul li.left_c {
  width: 120px;
  height: 120px;
  float: left;
  
}

#article_categories ul li ul li.left_c img{
  width: 110px;  
  border: 1px solid black;
}

#article_categories ul li ul li.right_c {
  width: 250px;
  height: auto;
  float: left;
}

#cms_content a.fancybox img {
    border: 1px solid #003147;
    margin-right: 12px;
    margin-bottom: 12px;
}

a {color: #004995; }