
* {
  margin: 0;
  padding: 0;
}
html, body {
  background: url(../img/spacer_top.jpg) repeat-x #fff top;
  width: 100%;
  height: 100%;
  font: 12px Verdana;
  color: #000;
  line-height: 18px;
}
img {
  border: none;
}
p { 
  margin: 10px 0px;
}
a:link, a:visited {
  color: #9e0000;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
#wrapper {
  width: 100%;
  height: 100%;
}
#site {
  margin: 0 auto;
}
#menu {
  margin: 0 auto;
  width: 960px;
  height: 35px;
  padding-top: 25px;
}
#multi-ddm {
  text-align: left;
	list-style: none;
	margin-left: 30px;
	position:relative;
  z-index:100;
}
#multi-ddm li {
	float: left;
}
#multi-ddm li li {
	float: none;
	display: inline;
}
#multi-ddm li a {
	display: block;
}
#multi-ddm li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin-top: -35px;
	float: left;
}
#multi-ddm li ul li ul li {
  float: left;
}
#multi-ddm li ul li ul li a:hover {
  height: 29px;
  overflow: hidden;
  border-bottom: 1px solid #9e0000;
}
#multi-ddm li ul li a.l0Over:hover {
height: 29px;  
overflow: hidden;
border-bottom: 1px solid #9e0000;
float: left;
*float:none;
_float:none;
display:inline;
*display: block;
_display: block;
width: 221px;
*width: auto;
_width: auto;
}
#multi-ddm li ul li ul li a.exImg:hover {
  height: 59px;
  overflow: hidden;
  border-bottom: 1px solid #9e0000;
  width: 383px;
  display: block;
_float:left;
} 
#multi-ddm li ul li ul li a.norImg:hover {
  overflow: hidden;
  border-bottom: 1px solid #9e0000;
  height: 29px;
  width: 383px;
  display: block;
_float:left;
}

#button-mobile-menu {display: none; overflow: hidden}
#button-mobile-menu a {background: url('../img/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55}
#button-mobile-menu a:hover {opacity: 1}



.startL {
  position: absolute;
  top: 29px;
  *top: 94px;
  _top: 94px;
}
.setWidth li {
  width: 454px;
  display: inline;
}
.setWidth li a, .setWidth li img {
  float: left;
  clear: right;
  display: inline;
}
#multi-ddm li ul li ul {
  margin: 35px 0 0 221px;
	_margin: -30px 0 0 221px;
	*margin: -30px 0 0 221px;
	position: absolute;
}
#multi-ddm li ul li img {
  float: left;
  *float: none;
  _float: none;    
}
.b1 {
  width: 93px;
  background: url(../img/b1off.jpg);
  height: 35px;
}
.b1:hover {
  background: url(../img/b1o.jpg);
}
.b2 { 
  background: url(../img/b2off.jpg);
  width: 221px;
  height: 35px;
}
.b2:hover {
  background: url(../img/b2o.jpg);
}
.b3 {
  width: 177px;
  background: url(../img/b3off.jpg);
  height: 35px;
}
.b3:hover {
  background: url(../img/b3o.jpg);
}
.b4 {
  width: 199px;
  background: url(../img/b4off.jpg);
  height: 35px;
}
.b4:hover {
  background: url(../img/b4o.jpg);
}
.b5 {
  width: 102px;
  background: url(../img/b5off.jpg);
  height: 35px;
}
.b5:hover {
  background: url(../img/b5o.jpg);
}
.b6 {
  width: 73px;
  background: url(../img/b6off.jpg);
  height: 35px;
}
.b6:hover {
  background: url(../img/b6o.jpg);
}
.b7 {
  width: 50px;
  background: url(../img/b7off.jpg);
  height: 35px;
}
.b7:hover {
  background: url(../img/b7o.jpg);
}
#top {
  margin: 0 auto;
  width: 960px;
  height: 29px;
  padding-top: 135px;
  background: url(../img/top.jpg);
  text-align: right;
  position: relative;
}
.goToMain {
  float: left;
  width: 140px;
  height: 140px;
  position: absolute;
  top: 10px;
  left: 0;
}

#top img, #en_top img {
  margin-left: 50px;
}
#contentWrapper {
  background: url(../img/spacer_bottom.jpg) repeat-x bottom;
  width: 100%;
  display: table;
  padding-bottom: 20px;
}
#content {
  width: 960px;
  margin: 20px auto 0 auto;
}
#left {
  float: left;
  width: 710px;
}
#siteTitle {
  float: left;
  border-bottom: 1px solid #bebebe;
  width: 710px;
  padding-bottom: 2px;
  height: auto;
}
h1 {
  font: 24px Tahoma;
  color: #252525;
  text-transform: uppercase;
  float: left;
  width: 680px;
}
.printIco {
  float: right;
  margin-top: 5px;
}
#txt {
  float: left;
  text-align: justify;
  width: 710px;
}
#txt li {
  margin-left: 30px;
}
#txt img {
  margin: 5px;
}
#txt input {
  width: 221px;
  height: 24px;
  background: url(../img/input_bg.gif) no-repeat left top;
  border: none;
  float: left;
  padding: 6px 0px 0px 10px;
  color: #808080;
  margin-top: 20px;
}
#txt input.logIn {
  width: 231px;
  height: 30px;
  background: url(../img/input_bg.gif) no-repeat left top;
  padding: 0;   
  margin-left: 45px;
  color: #9e0000;
  font-weight: bold;
}
label {
  float: left;
  margin: 20px 10px 0px 0px;
  padding-top: 6px;
  width: 36px;
}
#txtIcons {
  text-align: center;
  padding-top: 20px;
  width: 710px;
  float: left;
}
#txtIcons img {
  margin: 0px 5px;
}
#right {
  margin-left: 19px;
  float: left;
  width: 231px;
}
#searchBox {
  float: left;
  width: 231px;
  height: 30px;
  margin-bottom: 20px;
}
#searchText {
  width: 195px;
  height: 27px;
  background: url(../img/search_bg.gif) no-repeat;
  border: none;
  float: left;
  padding: 3px 0px 0px 10px;
  color: #808080;
}
#searchButton {
  float: left;
}
.newsHeader {
  float: left;
  margin-bottom: 20px;
}
.news {
  float: left;
  width: 231px;
  text-align: justify;
  margin-bottom: 20px;
}
.newsTopic {
  color: #9e0000;
  font: bold 14px Verdana;
  display: block;
  text-decoration: none;
}
.more {
  float: right;
  margin-top: 10px;
}

.logo_zas {
    float: left;
    display: none;
}
#footer {
  margin: 0 auto;
  width: 100%;
  height: 30px;
  background: #252525;
  display: table;  
}
#footerTop {
  margin: 0 auto;
  width: 960px;
  height: 30px;
}
.copyright {
  color: #888;
  font-size: 11px;
  float: left;
  margin-top: 6px;
}
.itpLogo {
  float: right;
}
#footerBottom {
  margin: 0 auto;
  width: 960px;
}
#footerBottom img {
  margin: 0 160px;
}
.news-box {
  margin-top: 20px;
}
.scheme {
  float:left;
  margin:20px 18px;
  position:relative;
} 
#txt .scheme li {
  list-style-type:none;
  float:left;
  margin-left:0;
} 
.scheme li.sAr_n,.scheme li.sAr_s,.scheme li.sAr_n2 { 
  cursor:default; 
}
.scheme li a {
  color:#000;
  text-decoration:none;
  cursor:pointer;
}
.sBox_bg {
  float:left;
  width:150px;
  height:100px;
  background:url(../img/schemat/box_bg.gif) no-repeat left top;
  position:relative;
  z-index:10;
}
.sAr_n {
  float:left;
  width:49px;
  height:61px;
  background:url(../img/schemat/arrow_n.gif) no-repeat left top;
}
.sAr_n2 {
  float:left;
  width:50px;
  height:60px;
  margin-top:70px;
  background:url(../img/schemat/arrow_n2.gif) no-repeat left top;
}
.sAr_s {
  float:left;
  width:49px;
  height:35px;
  margin:33px 3px 0 3px;
  background:url(../img/schemat/arrow_s.gif) no-repeat left top;
}
.sProgU {
  float:left;
  width:120px;
  height:16px;
  background:url(../img/schemat/progress_u.gif) no-repeat left top;
  margin-left:15px;
  position:relative; 
}
.sProgD {
  float:left;
  height:16px;
  background:url(../img/schemat/progress_d.gif) no-repeat left top;
  position:absolute;
}
.sBoxTitle {
  font-weight:bold;
  font-size:9px;
  text-align:center;
  margin:8px 5px 12px 5px;
  line-height:12px;
  height:36px;
}
.sBoxTitle a {
  color:#000;
  text-decoration:none;
}
.scheme .sKom {
  font-size:9px;
  font-weight:normal;
  text-align:center;
}
.scheme .sPercent {
  float:left;
  width:120px;
  position:absolute;
  text-align:center;
  font-size:9px;
  z-index:90;
  font-weight:normal;
}

/* ENGLISH CSS */

#multi-ddm li ul li a.en_l0Over {
  height: 30px;  
  overflow: hidden;
  float: left;
  display:inline;
  width: 221px;
  clear:left;
}
#multi-ddm li ul li a.en_l0Over:hover {
  height: 29px;  
  overflow: hidden;
  border-bottom: 1px solid #9e0000;
  float: left;
  display:inline;
  width: 221px;
}
#multi-ddm li ul li ul li a.en_exImg {
  height: 60px;
  overflow: hidden;
  width: 343px;
  display: block; 
} 
#multi-ddm li ul li ul li a.en_norImg {
  overflow: hidden;
  height: 30px;
  width: 343px;
  display: block;
}
#multi-ddm li ul li ul li a.en_exImg:hover {
  height: 59px;
  border-bottom: 1px solid #9e0000;
} 
#multi-ddm li ul li ul li a.en_norImg:hover { 
  border-bottom: 1px solid #9e0000;
  height: 29px;
}
#multi-ddm li ul li ul.enSub {
  margin: 64px 0 0 221px;
  *margin: 30px 0 0 0;
}
.en_b1 {
  width: 141px;
  background: url(../img/en_b1off.jpg);
  height: 35px;
}
.en_b1:hover {
  background: url(../img/en_b1o.jpg);
}
.en_b2 { 
  background: url(../img/en_b2off.jpg);
  width: 121px;
  height: 35px;
}
.en_b2:hover {
  background: url(../img/en_b2o.jpg);
}
.en_b3 {
  width: 220px;
  background: url(../img/en_b3off.jpg);
  height: 35px;
}
.en_b3:hover {
  background: url(../img/en_b3o.jpg);
}
.en_b4 {
  width: 192px;
  background: url(../img/en_b4off.jpg);
  height: 35px;
}
.en_b4:hover {
  background: url(../img/en_b4o.jpg);
}
.en_b5 {
  width: 54px;
  background: url(../img/en_b5off.jpg);
  height: 35px;
}
.en_b5:hover {
  background: url(../img/en_b5o.jpg);
}
.en_b6 {
  width: 91px;
  background: url(../img/en_b6off.jpg);
  height: 35px;
}
.en_b6:hover {
  background: url(../img/en_b6o.jpg);
}
.en_b7 {
  width: 53px;
  background: url(../img/en_b7off.jpg);
  height: 35px;
}
.en_b7:hover {
  background: url(../img/en_b7o.jpg);
}
#en_top {
  margin: 0 auto;
  width: 960px;
  height: 29px;
  padding-top: 135px;
  background: url(../img/en_top.jpg);
  text-align: right;
  position: relative;
}

.pp{

  margin-left: 35px;
    margin-top: 6px;
    float: left;
    color: #dbdbdb !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}




#cookies {background: #50575E; background: rgba(80,87,94,0.95); width: 100%; color: #fff; border-top: 1px solid #DDDDDD;
font: 12px Arial, Helvetica, sans-serif;
display: none;
padding: 10px 0;
position: fixed;
bottom: 0px;
right: 0;
z-index: 20;
border-radius: 0px;}

#cookies p {padding: 5px 20px; padding-right: 50px;font-size: 12px;}
#cookies a.closecookies {padding: 5px 20px; border: 1px solid #ffffff; margin: 11px 20px; display: inline-block; float:right;}
#cookies a:hover {opacity: 0.7; color:#9d9999;}
#cookies a {text-decoration: underline;color:#dbdbdb;}



/* mobile
 * ============================================ */
@media only screen and (min-width: 767px){
     #menu                                         {position: static !important; top: 0 !important}
     #menu #multi-ddm                                   {display: block;}
}

@media only screen and (max-width: 999px){


#menu_word{

color: #e5e5e5;
    float: right;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin-left: 12px;
    margin-right: 10px;
    margin-top: 15px;

}



     
     #menu {
 
    width: 767px;
    height: 59px;
}

html, body {
    background: #fff url("../img/spacer_top_3.jpg") repeat-x scroll center top;
 
}


#top {
  width: 767px;
}

#en_top {
  width: 767px;
}

#top img, #en_top img {
    margin-left: 10px;
}

.printIco {
    display: none;
    float: right;
    margin-top: 5px;
}

#left {
    width: 517px;
}

#siteTitle {
    width: 502px;
}

h1 {
    width: 503px;
}

#txt {

    width: 495px;
}

#txtIcons {

    width: 496px;
}

#footerBottom img {
    margin: 0 95px;
}

#content {
  width: 767px;
}






#footerTop {
  width: 767px;
}

#footerBottom {
  width: 767px;
}



     #menu #multi-ddm                                   {background: #252525; display: none; width: 290px; position: absolute; z-index: 60; /*padding: 10px 0;*/ margin: 0; top: 65px; right: 5px}
     
     #menu li                                      {width: 100% !important}
     #menu #multi-ddm li a,
     #menu #multi-ddm ul > li > a                       {text-align: center; color: #fff; float: none; padding: 16px 0; height: auto; border-radius: 0}
     #menu #multi-ddm li                                {margin: 0; float: none; border: 0 none !important;}
     #menu #multi-ddm li:hover                          {background-color: #F3F3F3;}
     #menu #multi-ddm > li:last-child                   {border: 0 none}
     #menu #multi-ddm ul                                {min-width: 100%; width: auto; position: static; padding: 0; border: 0 none;
       display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0;float: none; }
     #menu #multi-ddm ul a                              {background: #e8e8e8; color: #fff !important}
     #menu #multi-ddm ul ul a                           {background: #d9d9d9; }
     #menu #multi-ddm ul a:hover                        {background: #b9bbbd !important;}
     #menu #multi-ddm > li a:before                   {display: none; visibility: hidden}
     
     #menu #multi-ddm > li:hover > a, 
     #menu #multi-ddm > li > a.current-link, #menu #multi-ddm > li.current-parent > a {color: #00486F !important}

     #menu .b1, #menu .b2, #menu .b3, #menu .b4, #menu .b5, #menu .b6, #menu .b7,
     #menu .en_b1, #menu .en_b2, #menu .en_b3, #menu .en_b4, #menu .en_b5, #menu .en_b6, #menu .en_b7
     {width: auto; background-repeat: no-repeat; background-position: center; }

     #multi-ddm li ul li img                            {text-align: center; float: none;}
     #menu #multi-ddm ul > li > a                       {padding: 0; width: 100%;}


     /* 3 poziom menu */
    #multi-ddm li ul li ul, #multi-ddm li ul li ul.enSub {margin: 0;}
  #menu #multi-ddm li ul a                               {width: auto !important;}

     /*#menu .b1, #menu .b2, #menu .b3, #menu .b4, #menu .b5, #menu .b6, #menu .b7   {}*/

     #button-mobile-menu                          {display: block;}




}

@media only screen and (max-width: 767px){







     
     #menu {
 
    width: 480px;

}




#top {
  width: 465px;
  background: rgba(0, 0, 0, 0) url("../img/top_2.jpg") repeat scroll 0 0;
  padding-right: 15px;
}


#en_top {
  width: 465px;
  background: rgba(0, 0, 0, 0) url("../img/top_2.jpg") repeat scroll 0 0;
  padding-right: 15px;
}


#top object {

display:none;

}

#en_top object {

display:none;

}

#top p {

margin-right: 15px !important;

}






#left {
    width: 480px;
}

#siteTitle {
    padding-left: 25px;
    width: 453px;
}

h1 {
    width: 452px;
}

#txt {
    padding-left: 20px;
    width: 445px;
}

#txtIcons {
    width: 479px;
}



#content {
  width: 480px;
}


#footerTop {
  width: 480px;
}

#footerBottom {
  width: 480px;
}

#footerBottom img {
    margin: 0 30px;
}

    
     
}

@media only screen and (max-width: 480px){



#menu {
    padding-right: 10px;
    width: 310px;
}




#top {
  width: 320px;
  background: rgba(0, 0, 0, 0) url("../img/top_3.jpg") repeat scroll 0 0;
  padding-right: 0px;
}


#en_top {
  width: 320px;
  background: rgba(0, 0, 0, 0) url("../img/top_3.jpg") repeat scroll 0 0;
  padding-right: 0px;
}


#top object {

display:none;

}








#left {
    width: 320px;
}

#siteTitle {
    padding-left: 20px;
    width: 300px;
}

h1 {
padding-right: 0px;
    width: 295px;
}

#txt {
    padding-left: 20px;
    padding-right: 20px;
    width: 280px;
}

#txtIcons {
    width: 320px;
}



#content {
  width: 320px;
}


#footerTop {
    width: 280px;
}

#footerBottom {
  width: 320px;

}

#footerBottom img {
    margin: 0;
}


#right {
    float: left;
    margin-left: 0;
    padding: 0 20px;
    width: 280px;
}

#contentWrapper {
    background: rgba(0, 0, 0, 0) url("../img/spacer_bottom.jpg") repeat-x scroll center bottom;
    display: table;
    padding-bottom: 20px;
    width: 100%;
}



#footer {
    height: 30px;
    padding: 0 20px;
    width: 280px;
}

#footer  span{
display:none;
}


#txt img {
    height: 100%;
    width: 100%;
}

#top img, #en_top img {
    margin-left: 10px;
    margin-right: 10px;
}

#txt table {
   margin: 0;
    padding: 0;
    width: 285px !important;
}

#txt table td {
 display: block;
    padding: 0;
    width: 280px !important ;
}


#txt p {
    padding: 0;
    width: 286px !important;
}

#txt img {
    padding: 0;
    width: 100% !important;
    height: 100% !important;
}


#txt ul {
    padding: 0 !important;
  margin:0px !important;
  width: 286px !important;
}

#txt ul li{
    padding: 0;
  margin:0px;
}

.logo_zas{
float: left;
display: block;
}

.logo_zas a{
 float: left;
    height: 100px;
    margin-top: 36px;
    position: absolute;
    top: 0;
    width: 100px;
}

.sAr_n{

  display:none;
}

.sAr_s{

  display:none;
}

.sAr_n2{

  display:none;
}

.sAr_n2{

  display:none;
}

.sBox_bg {

  margin: 0px !important;
  padding: 0px;
}
 
     
}