/* Global CSS Rules */

body {font:12px/1.231 Verdana, Arial, clean, sans-serif; color: #555555; background: #f2f6f9 url('../pics/bg.png') repeat-x center top; line-height: 18px;}
a {text-decoration:none; color: #0385c6;}


a:hover {border-width:0;}
a:active {color:#333738;}

.clear{clear: both;}
p{margin: 7px 0;}
strong{font-weight: bold;}


ol {list-style: decimal outside none; margin: 5px 35px;}
ol li{margin: 1px 0;padding: 5px 0 0 10px;}


.alert_ok{background: #f0f8e4 url('../pics/ok.png') no-repeat 10px 6px; padding: 13px 10px 13px 70px; border: 3px solid #d3eab3; color: #81C417; margin: 10px 0;}
.alert_error{background: #f8e4e4 url('../pics/error.png') no-repeat 10px 6px; padding: 13px 10px 13px 70px; border: 3px solid #eab9b3; color: #D93721; margin: 10px 0;}
h6{color: #17aed4; font-size: 22px; font-family: 'humnst777eunormal',Arial,Verdana; font-weight: bold; padding: 8px 10px 22px 8px;}
h4{border-bottom: 1px solid #F3F5F7;color: #1B7EBD;font-size: 20px;margin: 10px 0;padding: 11px 0;}




/* container */

#container_all{width: 990px; margin:0 auto; position:relative; border: 0px solid red; }
#container { background: #fff; padding-bottom: 10px; }

#toper{background: url('../pics/toper.png') no-repeat top right; padding-bottom: 25px; position: relative; z-index: 99; }
#toper img{margin-top: 28px;}


header nav {

    float: right;  
    margin-top: 40px;
    margin-right: 31px; width: 720px; 

}
/* border-left: 1px solid #E6EBED; box-shadow: 1px -1px 0 0 #FFFFFF inset;  */

.logo{float: left; }

#main_menu{position: relative; float: right; margin: 0; -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           background: #ffffff; /* Old browsers */
           background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 99%); /* FF3.6+ */
           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f0f0f0)); /* Chrome,Safari4+ */
           background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Chrome10+,Safari5.1+ */
           background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Opera 11.10+ */
           background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* IE10+ */
           background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 99%); /* W3C */
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
           border-image: none;}

#main_menu a{ font-family: 'humnst777eunormal';  }
#main_menu a:hover{color: #fff; }
#main_menu a:focus{    -moz-box-shadow: inset 1px 2px 1px rgba(0,0,0,0.4);
                       -webkit-box-shadow: inset 2px 1px 1px rgba(0,0,0,0.4);
                       box-shadow: inset 0px 2px 2px rgba(0,0,0,0.4);  }

header nav li {display: inline; margin: 0; padding: 0; background-image: none;  }
header nav a {    -moz-border-bottom-colors: none;
                  -moz-border-left-colors: none;
                  -moz-border-right-colors: none;
                  -moz-border-top-colors: none;
                  background: #ffffff url('../pics/menu_bg.png') repeat-x top right; /* Old browsers */ 
                  /* color: #050505; */  
                  color: #0e0e0e;
                  border-image: none;
                  border-style: solid;
                  border-width: 1px;
                  border-color: #f7f7f7 #D2DCDF #f7f7f7 #f7f7f7;
                  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
                  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
                  box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
                  text-transform: uppercase; 
                  /* color: #1f3b48; */
                   display: block; float: left; font-size: 11px; padding: 16px 38px; }


header nav li:first-child a {width: 35px; height: 60px; border-left: medium none;  padding: 0px; background:  url('../pics/home_nav.png') no-repeat 11px 28px; margin-top: -10px;}
header nav li:first-child a.active {

    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 

    background: url('../pics/home_nav.png') no-repeat 11px 28px; color: #31A7CB;}


header nav li a.active {    -moz-box-shadow: inset 1px 2px 1px rgba(0,0,0,0.4);
                            -webkit-box-shadow: inset 2px 1px 1px rgba(0,0,0,0.4);
                            box-shadow: inset 0px 2px 2px rgba(0,0,0,0.4); 
                            color: #fff; 
                            background: #2c65a9 url('../pics/menu_bg_hover.png') repeat-x top right;
}

header nav li:first-child a.active:hover { 
    border-left: medium none; background: #174988 url('../pics/home_nav_hover.png') no-repeat 11px 28px; color: #31A7CB;  padding: 0px;}


header nav li:first-child a:hover {border-left: medium none; background: #174988 url('../pics/home_nav_hover.png') no-repeat 11px 28px; color: #31A7CB;  padding: 0px;}


header nav li:last-child a { background:  url('../pics/search_bt.png') no-repeat 16px 19px ; width: 49px; height: 50px; padding: 0px;}
header nav li:last-child a:hover { background: #174988 url('../pics/search_bt2.png') no-repeat 16px 19px ;  width: 49px; height: 50px; padding: 0px; }

#main_menu_last a{background:  url('../pics/search_bt.png') no-repeat 16px 19px;  width: 49px; height: 50px; padding: 0px; }
#main_menu_last a:hover { background: #174988 url('../pics/search_bt2.png') no-repeat 16px 19px ;  width: 49px; height: 50px; padding: 0px; }




header nav li a:hover { 
    color: #fff; 
    background: #2c65a9 url('../pics/menu_bg_hover.png') repeat-x top right; /* Old browsers */
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border-color: #265ea2;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
}




#main_left{width: 373px; float: left; position: relative; z-index: 11;}
#main_right{width: 673px; height: 430px; overflow: hidden; position: absolute; top: 0px; right: 9px; z-index: 9; }

#section_all{position: relative; clear: both; background: #fff;}
#main_right div.nag_txt{background: url('../pics/header_bg.png') no-repeat 16px 19px; width: 365px; padding: 49px 0px 43px 115px; position: absolute; bottom: 65px; right: 5px; z-index: 9;}


.header_m_p1{font-size: 36px; font-family: 'humnst777eubold', Arial, Verdana; text-transform: uppercase; color: #fff; padding-bottom: 7px; }
.header_m_p2{font-size: 34px; font-family: 'humnst777eubold', Arial, Verdana; color: #cbeaff;}

legend {color: #0385c6; font-size: 20px; padding: 3px 10px 2px 10px; font-weight: bold; margin-top: 0px; line-height: 24px;}

fieldset {
    border-style: solid;
    border-width: 1px;
    border-color: #ebeef0;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.04); 
    padding: 0px 20px 15px 20px;
    margin: 0px 12px 12px 12px;

}

#form_main{width: 262px;}
#form_main2{width: 262px;}
input[name="name"], .default input[name="login"] {}
input[type="text"], input[type="password"],  textarea, .env input.fld-date[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eaeef1 #eaeef1 #eaeef1;
    border-image: none;
    border-right: 1px solid #eaeef1;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    color: #a09f9e;
    display: block;
    font: bold 12px/15px Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    outline: 0 none;
    padding: 8px;
    position: relative;

}


#form_main .rounded_input{    
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eaeef1 #eaeef1 #eaeef1;
    border-image: none;
    border-right: 1px solid #eaeef1;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    color: #a09f9e;
    display: block;
    font: bold 12px/15px Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    outline: 0 none;
    padding: 7px 76px 7px 10px;
    position: relative;
    width: 175px;
}


#form_main2 .rounded_input{    
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eaeef1 #eaeef1 #eaeef1;
    border-image: none;
    border-right: 1px solid #eaeef1;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    color: #a09f9e;
    display: block;
    font: bold 12px/15px Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    outline: 0 none;
    padding: 7px 76px 7px 10px;
    position: relative;
    width: 175px;
}


#form_main{position: relative; padding: 0px;}
#form_main2{position: relative; padding: 0px;}
.icon_form {position: absolute;right: 0px;top: 1px; float: right;}


fieldset div.news_content{padding: 12px 10px 0 10px;}
#box_main{width: 328px; background: #fff; padding: 0px 0 1px 0; position: relative;}
#box_main2{width: 328px; background: #fff; padding: 0px 0 1px 0; position: relative;}

.date_news{background: url('../pics/clock.png') no-repeat 0px 2px; font-size: 11px; padding: 0 0 0 20px;}
a.topic_news {color: #0385c6; font-size: 15px; font-weight: bold;  padding: 1px 0 5px 0; display: inline-block;}
a.topic_news:hover { color: #279fde; font-size: 15px; font-weight: bold; padding: 1px 0 5px 0; display: inline-block;}

a.more_news{color: #1175a7; background: url('../pics/news_more.png') no-repeat 45px 4px; padding-right: 13px;}
a.more_news:hover {color: #279fde; }


#news_main_nav{position: absolute; top: 30px; right: -20px; width: 103px;}


#news_main_nav li {   
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border-color: #f7f7f7 #D2DCDF #f7f7f7 #f7f7f7;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);     margin-left: 4px;
    display: inline-block;       float: left;  padding:0px;
}



#news_main_nav li:hover{background: #2c65a9; border: 1px solid #2c65a9;}


#news_main_nav_first a{ background: url('../pics/news_arrow_left.png') no-repeat 7px 9px;display: block;  width: 45px; height: 24px;  }
#news_main_nav_last a{ background: url('../pics/news_arrow_right.png') no-repeat 20px 9px;  display: block;   width: 45px; height: 24px;  }

#news_main_nav_first a:hover{background: #2c65a9 url('../pics/news_arrow_left_hover.png') no-repeat 7px 9px; display: block; width: 45px; height: 24px; }
#news_main_nav_last a:hover{background: #2c65a9 url('../pics/news_arrow_right_hover.png') no-repeat 20px 9px; display: block; width: 45px; height: 24px;}



.button{
    background: #2c65a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #1f5495;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2); 
    color: #edf9ff; font-size: 12px; margin-top: 5px;  float: right;
}


.button:hover{
    -moz-box-shadow: inset 0 0 5px #012149;
    -webkit-box-shadow: inset 0 0 5px #012149;
    box-shadow: inset 0 0 5px #012149; 
}


.button2:hover{
    border: 1px solid #bdbdbd;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
}


.button2{    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #f7f7f7 #D2DCDF #f7f7f7 #f7f7f7;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2); 
    color: #000; font-size: 11px; margin-top: 5px;  float: right; margin-right: 8px;   text-transform: uppercase;
}


/****** BANERY GLOWNA******/

#banner_main{background: #fff; border: 1px solid red; margin-top: 30px; border: 10px solid #e8ebed; border-bottom: 0px; position: relative;} 



.banner_1{color: #0385c6;  font-family: 'humnst777eubold', Arial, Verdana; font-size: 20px; text-transform: uppercase; margin-top: 27px; margin-bottom: 2px;}
.banner_2{  font-family: 'humnst777eunormal', Arial, Verdana; font-size: 14px; margin-top: 3px;}

.banner1 .banner_2{color: #6d6d6d;} 
.banner2 .banner_2{color: #6d6d6d;} 
.banner3 .banner_2{color: #6d6d6d;} 

.banner1{display: inline-block;  background: url('../pics/banner1.png') no-repeat 20px 9px; transition: all 0.25s ease-in-out 0s; margin-bottom: -10px; width: 180px; height: 100px;  padding-left: 140px; }
.banner1:hover{ background: url('../pics/banner1.png') no-repeat 30px 9px; }

.banner2{display: inline-block;  background: url('../pics/banner2.png') no-repeat 20px 9px; transition: all 0.25s ease-in-out 0s; margin-bottom: -10px; width: 180px; height: 100px;  padding-left: 140px; }
.banner2:hover{ background: url('../pics/banner2.png') no-repeat 30px 9px; }

.banner3{display: inline-block;  background: url('../pics/banner3.png') no-repeat 20px 9px; transition: all 0.25s ease-in-out 0s; margin-bottom: -10px; width: 180px; height: 100px;  padding-left: 140px; }
.banner3:hover{ background: url('../pics/banner3.png') no-repeat 30px 9px; }



/****** STOPKA ******/

#footer {clear:both; position:relative; padding:25px 0 50px 0; color: #44474a; font-size: 12px; }

#footer-nav ul {margin-top: 12px; border-left: 1px solid #eaeaea; float: left; min-height: 110px; margin-right: 30px;}
#footer-nav ul li{padding: 0px; padding-left: 22px; float: none; margin-bottom: 3px; background: none; }
#footer-nav ul li a{ text-transform: uppercase; font-weight: normal; font-size: 11px; color: #727374;}
#footer-nav ul li a:hover{text-decoration: underline;}
#footer-nav ul li:last-child{border-left: 0px solid #eaeaea; }

#footer-nav #top_right {list-style-type: none; height: 20px; width: 150px; margin:0;padding:0; margin-top: 12px; margin-right: 10px; border: 0px; float: left;}
#footer-nav #top_right li { height: 25px; margin:0;padding:0;background-image: none; padding-left: 0px;}
#top_right a {padding-left: 30px; display: block; width: 100%;font-size: 11px;  height: 16px; background: url('../pics/fotter_icon.png') no-repeat; }
#footer-nav #top_right li a{ color: #189dd5; font-size: 10px;}
#nm1 a { background-position: 0px 3px; color: #189dd5;}
#nm2 a { background-position: 0px -20px; color: #189dd5;}
#nm3 a { background-position: 0px -40px; color: #189dd5;}
#nm4 a { background-position: 0px -63px; color: #189dd5;}

#nm1 a:hover {background-position: 0px -86px;}
#nm2 a:hover {background-position: 0px -109px;}
#nm3 a:hover {background-position: 0px -129px;}
#nm4 a:hover {background-position: 0px -153px;}



/******************************************************** PODSTRONA ***************************************************/


#section_all_subpage{position: relative; clear: both; background: #fff; border: 0px solid red; padding: 11px;}

#pag_subpage {width: 730px; float: left; font-size: 10px; margin-top: 3px; margin-left: 20px; padding-bottom: 8px; z-index: 998; position: relative;}
.lokal_where{font-weight: bold;}
.lokal_web{color: #058acd; font-weight: bold;}
#pag_subpage a:first-child {margin-left: 0;}
#pag_subpage a {color: #727374;margin: 0 1px 0 5px; text-decoration: none; font-weight: normal;}
#pag_subpage a:hover {text-decoration: underline;}


#sub_h_login{    border-style: solid;
                 border-width: 1px;
                 border-color: #ebeef0;
                 -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
                 -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
                 box-shadow: 0px 2px 0px rgba(0,0,0,0.04); 
                 background: url('../pics/h_subpage.jpg') no-repeat top right; 
                 margin-bottom: 33px;
}


h1{color: #17aed4; font-size: 22px;  font-family: 'humnst777eubold', Arial, Verdana; padding: 22px 10px 22px 22px; width: 400px; float: left;}


.button3{

    background: #2c65a9 url('../pics/login_subpage.png') no-repeat top left; /* Old browsers */  
    background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #174a89;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2); 
    color: #edf9ff; font-size: 11px; margin: 12px 10px 6px 10px;  float: right; text-transform: uppercase;  font-weight: bold;
    padding: 10px 20px;
}

.button3:hover{border: 1px solid #174a89;-moz-box-shadow: inset 0 0 5px #012149;-webkit-box-shadow: inset 0 0 5px #012149;box-shadow: inset 0 0 5px #012149; }


#button3_txt{width: 90px; box-shadow: inherit; margin-bottom: 10px; cursor: pointer; font-weight: normal; border: 0px; display: inline; float: right; padding: 4px 0 0px 20px; background: url('../pics/arrow_wylog.png') no-repeat 0px 8px; margin-bottom: 0px; color: #0485c6; margin-right: 25px;}
#button3_txt:hover{text-decoration: underline;}





.button33{font-size: 11px; background: none; border: 0px; display: inline; float: right; color: #0385C6; margin-right: 9px; margin-top: 5px;}
.button33:hover{text-decoration: underline;}

#subpage_left{float: left; width: 220px;  }
#subpage_right{float: right; width: 680px; padding: 0px 33px 33px 33px; }


#sub_menu{ margin: 2px 0; padding: 5px;}
#sub_menu li {  margin:0;padding:0; background-image: none; border-bottom: 1px solid #eff0f4; margin: 3px 0;}
#sub_menu a {font-size: 13px; color: #154076; margin: 3px 0 3px 0;  padding: 10px 10px 10px 17px; display: block; border-left: 3px solid #034486; background:  url('../pics/submenu_ico.png') no-repeat 180px 13px; }
#sub_menu a:hover{text-decoration: none;  -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; background: #eff0f4 url('../pics/submenu_ico.png') no-repeat  190px 13px; color: #048bcf;}

#sub_menu a.sub_active{background: #034486 url('../pics/submenu_ico2.png') no-repeat 190px 13px; color: #fff; }

#sub_menu ul li {  margin:0;padding:0; background-image: none; border-bottom: 0px solid #eff0f4; margin: 3px 0;}
#sub_menu ul li a {font-size: 12px; color: #154076; margin: 3px 0 3px 0;  padding: 7px 10px 7px 17px; display: block; border-left: 0px solid #034486; background:  url('../pics/submenu_ico.png') no-repeat -3px 10px; }
#sub_menu ul li a:hover{text-decoration: none;  -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; background: #fff url('../pics/submenu_ico.png') no-repeat -3px 10px; color: #048bcf;}

#sub_menu ul li a.sub_active{background: #fff url('../pics/submenu_ico.png') no-repeat -2px 10px; color: #048bcf; }


#sub_menu ul { margin: 5px 5px 5px 20px;}





#top_bottom {list-style-type: none; height: 25px; width: 180px; margin:0;padding:0; margin-top: 15px; padding-top: 10px; border-top: 1px solid #ebeef0; float: right;}
#top_bottom li {float: right;  height: 25px; margin:0;padding:0;background-image: none; padding-left: 0px; margin-right: 2px;}

#top_bottom a {display: block; width: 100%; height: 20px; background: url('../pics/subpage_icon.png'); }

#nmm1 a {width: 20px; background-position: 2px 0px;}
#nmm2 a {width: 20px; background-position: -22px 0px;}

#nmm1 a:hover {background-position: 2px -22px;}
#nmm2 a:hover {background-position: -22px -22px;}




/****************************** FORM KONTAKT ******************************/




#button_sub2{
    background: #2c65a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #ebeef0;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.04); 
    color: #edf9ff; font-size: 12px; margin-top: 5px;  float: right;     height: 33px;
    margin-top: 5px;
    width: 90px;
}



#button_sub2:hover{
    -moz-box-shadow: inset 0 0 5px #012149;
    -webkit-box-shadow: inset 0 0 5px #012149;
    box-shadow: inset 0 0 5px #012149; 
}

.sendEmails{margin: 40px 0 10px 0;}
.sendEmails br{display: none;}
.sendEmails .label_forms{display: block; float: left; width: 200px; text-align: right; margin-top: 8px; margin-right: 20px;}

.sendEmails #form_email{float: left;}


.sendEmails #form_text{float: left; width: 300px;}


.wymagane{margin-top: 20px; float: left;}

/****************************** NEWS ******************************/


.topic {margin-left: 125px; margin-bottom: 4px; }
.topic a{    color: #0385C6; display: inline-block;font-size: 15px;font-weight: bold;padding: 1px 0 5px;}
.topic a:hover { color: #279fde; font-size: 15px; font-weight: bold; padding: 1px 0 5px 0; display: inline-block;}

.date {background: url("../pics/clock.png") no-repeat scroll 0 2px;font-size: 11px; padding-left: 20px; margin: 4px 0 4px 125px;}


.rest_s {line-height: 17px;margin: 10px 0 0 125px;}

.news_photo {border: 1px solid #F3F5F7;display: inline;float: left;padding: 5px;}
.news .more_news{ background: url("../pics/news_more.png") no-repeat scroll 90px 6px rgba(0, 0, 0, 0);color: #1175A7; padding-right: 23px; float: right;}
.news {border-bottom: 1px solid #EFF3F6;padding: 20px 0;}

.pasek_stron {background: none repeat scroll 0 0 #F5F7F9;color: #058ACD;margin-top: 10px;padding: 10px;}

.pasek_right {float: right;}
.pasek_active {background:  #034486;color: #FFFFFF;font-weight: bold;padding: 7px 10px;text-decoration: none;margin: 0 5px;}

.tytul_akt{color: #0385C6; display: inline-block;font-size: 15px;font-weight: bold;padding: 1px 0 5px;}

.aktual_data{ background: url("../pics/clock.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); font-size: 11px;margin: 4px 0 4px 0px;padding-left: 20px;}


.wsz_aktu{margin: 10px 0 0 0; background: url("../pics/news_more.png") no-repeat scroll 120px 6px;color: #1175A7; padding-right: 23px; float: right;}


.form_gray{background: #f8f9fa; padding: 10px; }
.form_white{background: #; padding: 10px;}

.log_padd label{float: left; margin: 8px 14px 0 0; display: block; width: 160px; text-align: right; }
.log_padd input{margin-bottom: 0px;}

#zgoda2{float: none; width: auto; text-align: left; display: inline;}


.log_padd{margin-top: 20px;}
#subpage_right fieldset{margin: 0px;}

.sel_woj{    border: 1px solid #EAEEF1;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;display: block;color: #B4B0AB;font-weight: bold;outline: 0 none;padding: 8px;position: relative;min-width: 254px;}

.login_all{background: url('../pics/login.png') no-repeat left center; padding: 5px 5px 2px 30px; width: 240px; float: left; margin: 18px 0px 0px;}
.log_jako{font-size: 16px; font-weight: bold; color: #1c567c; margin: 25px 0px 0px 15px;background: url('../pics/login.png') no-repeat 0px 5px; transition: all 0.25s ease-in-out 0s; padding: 10px 0 5px 30px;}
.log_jako:hover{background: url('../pics/login.png') no-repeat 5px 5px;}

.log_jako a{color: #1b557a; background: url("../pics/news_arrow_right.png") no-repeat center right; padding-right: 25px; display: block;}
.log_jako a:hover{color: #2e97cc;}


.faq_one{background: url('../pics/faq.png') no-repeat 5px 10px;  transition: all 0.25s ease-in-out 0s; padding: 0px 0px 13px 50px; margin: 12px 0; border-bottom: 1px solid #eff0f4;}
.faq_one:hover{background: url('../pics/faq.png') no-repeat 10px 10px; }

.faq_title{color: #17AED4; font-size: 18px;}
.faq_txt{color: #1b557a; }
.faq_txt p{}


.left_arrow { 
    cursor: pointer;
    position: absolute;
    top: 45%;
    left: 30px;
    z-index: 99;
    display: block;
    background: url("../pics/arrows.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 52px;
    text-indent: -9999px;
    width: 48px;
}
.right_arrow { 
    cursor: pointer;
    position: absolute;
    top: 45%;
    right: 30px;
    z-index: 99;
    display: block;
    background: url("../pics/arrows.png") no-repeat scroll -45px 0 transparent;
    border: 0 none;
    height: 52px;
    text-indent: -9999px;
    width: 48px;
}


.banner_p1{border-right: 1px solid #eaeef1; margin-left: 50px;  margin-top: 50px; display: inline-block; float: left;  background: url('../pics/panel_1.jpg') no-repeat; transition: all 0.25s ease-in-out 0s; width: 200px;  padding-top: 140px; }
.banner_p1:hover{ background: url('../pics/panel_1.jpg') no-repeat 15px 0px; border-right: 1px solid #eaeef1;}

.banner_p1 div{background: url('../pics/arrow_panel.png') no-repeat 0px 6px; padding-left: 30px;}

.banner_p2{border-right: 1px solid #eaeef1; margin-left: 70px; margin-right: 50px;padding-right: 50px; margin-top: 50px; display: inline-block; float: left;  background: url('../pics/panel_2.jpg') no-repeat; transition: all 0.25s ease-in-out 0s; width: 200px;  padding-top: 140px; }
.banner_p2:hover{ background: url('../pics/panel_2.jpg') no-repeat 15px 0px; border-right: 1px solid #eaeef1;}

.banner_p2 div{background: url('../pics/arrow_panel.png') no-repeat 0px 6px; padding-left: 30px;}


.banner_p3{border-right: 0px solid #eaeef1; margin-left: 40px;  margin-top: 50px; display: inline-block; float: left;  background: url('../pics/panel_3.jpg') no-repeat; transition: all 0.25s ease-in-out 0s; width: 200px;  padding-top: 140px; }
.banner_p3:hover{ background: url('../pics/panel_3.jpg') no-repeat 15px 0px; border-right: 0px solid #eaeef1;}

.banner_p3 div{background: url('../pics/arrow_panel.png') no-repeat 0px 6px; padding-left: 30px;}






.banner_11{color: #0385c6;  font-family: 'humnst777eubold', Arial, Verdana; font-size: 20px; text-transform: uppercase; margin-top: 25px; margin-bottom: 2px;}
.banner_22{color: #5e5e5e;  font-family: 'humnst777eunormal', Arial, Verdana; font-size: 14px; margin-top: 3px;}


/* -- kalendarz */

.wydarz_img{float: left; width: 130px;}
.wydarz_img img{padding: 10px 0 0 30px}

.wydarz_rest{float: left; width: 530px; margin-top: 15px;}
.szczeg_wydarz{    border-bottom: 1px solid #EFF3F6;padding: 20px 0;}

.kal_tytul{    color: #1B7EBD; font-size:14px; padding-bottom: 10px;}

#event_list{padding: 15px; background: #fff;    border-style: solid;
            border-width: 1px;
            border-color: #ebeef0;
            -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
            -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 2px 0px rgba(0,0,0,0.04); 
}

.wydarzenie_lista a{color: #1B7EBD; font-size: 14px;}
.cal_all{margin-top: 8px;}
.cal_all a{   background: url("../pics/news_more.png") no-repeat scroll 60px 4px rgba(0, 0, 0, 0);
              color: #1175A7;
              font-size: 11px;
              padding-right: 16px;

}



.cal_day{    background: url("../pics/clock.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
             font-size: 11px;
             margin: 4px 0;
             padding-left: 20px;}

table#kalendarium {
    font-size: 11px;
    padding: 0;
    width: 100%;
    border-style: solid;
    border-width: 0px;
    border-bottom: 4px solid #e8ebed;
    border-color: #ebeef0;
    margin-bottom: 10px;
    border-right: 1px solid #e8ebed;
    border-left: 1px solid #e8ebed;
}
table#kalendarium th {
    padding: 0 0 8px;
}
table#kalendarium td {
    color: #464646;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    padding: 20px 15px;
}
table#kalendarium th.m_name {
    background: #2c65a9; /* Old browsers */  
    background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF;
    font-family: 'humnst777eunormal',Arial,Verdana;
    font-size: 18px;
    font-weight: normal;
    padding: 20px;
    text-align: center;
}
table#kalendarium th.m_name .anchor {
    display: block;
    padding: 4px 15px;
}
table#kalendarium th.m_name span {
    font-weight: 700;
}
#t_miesiac_prev {
    background: url("../pics/kalendar_top.png") no-repeat scroll 0px -2px transparent;
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0 auto;
    width: 11px;
}
#t_miesiac_next {
    background: url("../pics/kalendar_top.png") no-repeat scroll -20px -2px transparent;
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0 auto;
    width: 11px;
}
table#kalendarium tr.day_name td {
    border-bottom: 0px solid #FFFFFF;
    color: #141414;
    font-size: 11px;
    padding: 7px 5px;
    border-left: 1px solid #e8ebed;
}

table#kalendarium tr.day_name td.active {
    border-bottom: 0px solid #FFFFFF;
    color: #fff;
    font-size: 11px;
    padding: 7px 5px;
    border-left: 1px solid #e8ebed;
    background: #205596;
}




table#kalendarium tr.day_name td span {
    display: block;
    height: 100%;
    width: 100%;
}
table#kalendarium td.dzien {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #F6F6F6;
    color: #141414;
    text-align: center;
    border-right: 1px solid #e8ebed;
}
table#kalendarium td.dzis {
    background: #104b8d ;
    color: #fff;
    font-weight: bold;
}

table#kalendarium td.dzis a{
    color: #fff;
    font-weight: bold;
}

table#kalendarium td.day_active {
    background: url("../pics/kal_active.png") no-repeat bottom right ;    
    color: #0189b5;
}
table#kalendarium td.day_active a {
    color: #0189b5;
    font-weight: bold;
}
table#kalendarium td.saturday {
    color: #FFFFFF;
    font-weight: 400;
}
table#kalendarium td.niedziela {
    color: #9E0B0F;
    font-weight: 400;
}
table#kalendarium td.niedziela a {
    color: #9E0B0F;
    font-weight: 400;
}
table#kalendarium td.niedziela_dzis {
    background: none repeat scroll 0 0 #52783D;
    color: #FFFFFF;
}
table#kalendarium td.niedziela_dzis a {
    color: #FFFFFF;
}
#box_kalendarium .button_1_dlugi {
    margin: 0 0 13px 43px;
}
#box_kalendarium .button_2_dlugi {
    margin: 0 43px 13px 0;
}




#kurs_all{background: url("../pics/kurs.png") no-repeat 0px 30px; transition: all 0.25s ease-in-out 0s; padding-left: 90px; margin-bottom: 20px; padding-bottom: 20px;  
          border-style: solid;
          border-width: 0px;
          border-bottom: 1px solid #ebeef0;
          border-color: #ebeef0;
          -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
          -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
          box-shadow: 0px 2px 0px rgba(0,0,0,0.04);  }

#kurs_all:hover{background: url("../pics/kurs.png") no-repeat 10px 30px; }



.tile_kurs{color: #0385c6; padding-bottom: 10px; font-weight: bold; font-size: 16px;}
.opis_kurs{padding-bottom: 15px; }




.nag_kalendarium{    background: none repeat scroll 0 0 #F5F7F9;  margin-top: 30px;padding: 10px;}
.nag_kalendarium input{margin-bottom: 0px;}



/******* KURSY ********************/ 

.kursy_all{margin-bottom: 20px;}
.kurs_end{ color: #058ACD; font-weight: bold; margin-top: 10px;}

.title_platform{
    position: relative;
    color:#17aed4; 
    font-size: 24px;  
    font-family: 'humnst777eunormal',Arial,Verdana; 
    margin-bottom: 20px; 
    text-align: right;
    border-bottom: 1px solid #EBEEF0;
    padding-bottom: 10px;
    display: table-cell; vertical-align: middle; width: 905px;

}

.title_platform img{float: right; margin-left: 20px;  }

.title_platform a{color:#17aed4; }

.tree ul {
    margin: 0 0 0 25px;
    padding: 0;
}

.tree{margin: 10px 0 10px 40px}

.tree ul li {
    background: url("../pics/mapa2.gif") no-repeat scroll 0 2px #FFFFFF;
    margin: 0;
    padding: 0 0 25px;

}


.tree ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #058acd;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 10px;
}

.tree ul ul {
    margin: 15px 0 0 9px;
}

.tree ul ul li {
    background: url("../pics/mapa3.gif") no-repeat scroll 0 17px #FFFFFF;
    margin: 0;
    padding: 7px 0 0 25px;
}

.tree ul ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 5px 15px;
}

.tree ul ul li a:hover{
    text-decoration: underline;
    color: #17aed4;
}
.tree ul img{margin-left:25px;}
.tree ul ul img{margin-left: 10px; margin-bottom: -1px;}


.go_kurs{    background: #2c65a9 url('../pics/login_subpage.png') no-repeat top left; /* Old browsers */  
             background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
             background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
             background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
             background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
             background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
             border-style: solid;
             border-width: 1px;
             border-color: #174a89;
             -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
             -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
             box-shadow: 0px 2px 0px rgba(0,0,0,0.2); 
             color: #edf9ff; font-size: 11px; margin: 12px 10px 6px 0px;  float: left; text-transform: uppercase;  font-weight: bold;
             padding: 10px 20px;
}

.go_kurs:hover{
    border: 1px solid #174a89;
    -moz-box-shadow: inset 0 0 5px #012149;
    -webkit-box-shadow: inset 0 0 5px #012149;
    box-shadow: inset 0 0 5px #012149; 
}




.stan{margin-top: 10px; margin-bottom: 30px;}
.stan span{color: #058ACD; font-weight: bold;}

h3.tytul{    font-family: 'humnst777eunormal',Arial,Verdana; font-size: 22px;color: #17AED4; padding-bottom: 10px; margin: 10px 0;}

#lesson_page{float:right; margin-top: 20px;}
#lesson_page span{color: #17AED4; font-weight: bold;}
#content_elearning img{padding: 10px;}

#lesson_prev_kurs:hover{
    border: 1px solid #bdbdbd;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
}


#lesson_prev_kurs{    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #f7f7f7 #D2DCDF #f7f7f7 #f7f7f7;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2); 
    color: #000; font-size: 11px; margin-top: 5px;  float: left; padding: 8px 16px; margin-right: 8px;   text-transform: uppercase;   font-weight: bold;}





#lesson_next{float: right;}
#lesson_prev{float: right;}

#lesson_border{padding-bottom: 10px; border-bottom: 1px solid #EBEEF0; margin-bottom: 20px;}
#lesson_border2{padding-top: 15px; border-top: 1px solid #EBEEF0; margin-top: 15px;}


#lesson_next a{
    background: #2c65a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #1f5495;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2); 
    color: #edf9ff; font-size: 11px; margin-top: 5px;  float: right;  padding: 8px 16px;  font-weight: bold;  text-transform: uppercase; 
}


#lesson_next a:hover{
    -moz-box-shadow: inset 0 0 5px #012149;
    -webkit-box-shadow: inset 0 0 5px #012149;
    box-shadow: inset 0 0 5px #012149; 
}




#lesson_prev a:hover{
    border: 1px solid #bdbdbd;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
}


#lesson_prev a{    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #f7f7f7 #D2DCDF #f7f7f7 #f7f7f7;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2); 
    font-weight: bold;
    color: #000; font-size: 11px; margin-top: 5px;  float: left;  margin-right: 8px;  text-transform: uppercase; padding: 8px 16px;
}


.probas span{color: #17AED4; font-weight: bold;}
.test_p{margin-left: 10px;  margin-top: 50px; display: inline-block;   float: left;  background: url('../pics/panel_icons2.png') no-repeat 0px -142px; transition: all 0.25s ease-in-out 0s; width: 180px; height: 88px;  padding-left: 110px; }
.test_p:hover{ background: url('../pics/panel_icons2.png') no-repeat 10px -142px; }
.test_p p{margin-top: 10px;}
.test_p p span{color: #17AED4; font-weight: bold;}

.test_o{margin-left: 10px;  margin-top: 50px; display: inline-block;   float: left;  background: url('../pics/panel_icons2.png') no-repeat 0px -260px; transition: all 0.25s ease-in-out 0s; width: 180px; height: 88px;  padding-left: 110px; }
.test_o:hover{ background: url('../pics/panel_icons2.png') no-repeat 10px -260px; }
.test_o p{margin-top: 10px;}
.test_o p span{color: #17AED4; font-weight: bold;}

.test_t{margin-left: 10px;  margin-top: 50px; display: inline-block;   float: left;  background: url('../pics/panel_icons2.png') no-repeat 0px -22px; transition: all 0.25s ease-in-out 0s; width: 180px; height: 88px;  padding-left: 110px; }
.test_t:hover{ background: url('../pics/panel_icons2.png') no-repeat 10px -22px; }
.test_t p{margin-top: 10px;}
.test_t p span{color: #17AED4; font-weight: bold;}


#do_konca{font-weight: bold; font-size: 30px; margin-left: 10px; padding-top: 25px; margin-top: 50px; display: inline-block;   float: left;  background: url('../pics/panel_icons2.png') no-repeat 0px -22px; transition: all 0.25s ease-in-out 0s; width: 180px; height: 88px;  padding-left: 110px; }
#do_konca:hover{ background: url('../pics/panel_icons2.png') no-repeat 10px -22px; }
#do_konca p{margin-top: 10px;}



#pytanie_konca_all{margin-left: 10px; margin-top: 50px; display: inline-block;   float: left; padding-top: 10px;  background: url('../pics/panel_icons2.png') no-repeat 0px -22px; transition: all 0.25s ease-in-out 0s; width: 280px; height: 88px;  padding-left: 110px;}
#pytanie_konca_all:hover{ background: url('../pics/panel_icons2.png') no-repeat 10px -22px; }
#do_konca_pytanie{font-weight: bold; font-size: 30px; margin-top: 20px; }

#do_konca_pytanie p{margin-top: 10px;}



.q_number{margin-left: 10px;  margin-top: 50px; display: inline-block;   float: left;  background: url('../pics/panel_icons2.png') no-repeat 0px -142px; transition: all 0.25s ease-in-out 0s; width: 180px; height: 88px;  padding-left: 110px; }
.q_number:hover{ background: url('../pics/panel_icons2.png') no-repeat 10px -142px; }
.q_number p{margin-top: 10px;}

.test_testowy{margin: 20px;}


.button_test_next{
    background: #2c65a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c65a9 0%, #174988 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c65a9), color-stop(99%,#174988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c65a9 0%,#174988 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c65a9 0%,#174988 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037bbf', endColorstr='#035199',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-width: 1px;
    border-color: #ebeef0;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.04); 
    color: #edf9ff; font-size: 12px; margin-top: 5px;  float: right;  padding: 8px 8px;
}


.button_test_next:hover{
    -moz-box-shadow: inset 0 0 5px #012149;
    -webkit-box-shadow: inset 0 0 5px #012149;
    box-shadow: inset 0 0 5px #012149; 
}


.button_test_prv{    background: #ffffff; /* Old browsers */
                     background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 99%); /* FF3.6+ */
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f0f0f0)); /* Chrome,Safari4+ */
                     background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Chrome10+,Safari5.1+ */
                     background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* Opera 11.10+ */
                     background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 99%); /* IE10+ */
                     background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 99%); /* W3C */
                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
                     border-style: solid;
                     border-width: 1px;
                     border-color: #f7f7f7 #D2DCDF #f7f7f7 #f7f7f7;
                     -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
                     -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
                     box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
                     color: #000; font-size: 12px; margin-top: 5px;  float: left; margin-right: 8px;  padding: 8px 8px;}


.button_test_prv:hover{
    border: 1px solid #fff;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
}




/**************** GALERIA *********************/

.naglowek_galeria{background: #F8F9FA; padding: 20px;}

.galeria_s{-moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: #eaeef1 #eaeef1 #eaeef1;
           border-image: none;
           border-right: 1px solid #eaeef1;
           border-style: solid;
           border-width: 1px;
           box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
           color: #a09f9e;
           font: bold 12px/15px Arial,Helvetica,sans-serif;

           outline: 0 none;
           padding: 8px;
           position: relative; min-width: 400px;}



.fotkas{    border: 1px solid #E8E8E8;
            float: left;
            margin: 12px;
            padding: 5px 5px 1px;}


/*********************TEST***********************/

.test_j{padding: 5px;}
.test_j label{margin-left: 10px;}
.odp_all{margin: 30px 60px;}

.probas{margin: 15px 0;}


.komunikat_test_end{color: #17AED4; font-size: 18px; font-family: 'humnst777eubold',Arial,Verdana; font-weight: normal;  background: url("../pics/ico_test2.png") no-repeat scroll 0px 8px transparent; padding: 22px 0 15px 80px;  }

.h_test_green{color: #81C417; font-family: 'humnst777eunormal',Arial,Verdana; font-size: 24px; padding-bottom: 10px; }
.txt_test_green{color: #81C417; font-size: 14px; border-bottom: 1px solid #EBEEF0; padding-bottom:10px;}

.text_info{background: url("../pics/ico_test2.png") no-repeat 5px 18px; padding: 12px 0 15px 80px; margin-left: 160px; margin-top: 10px; }

.h_test_red{color: #D93721; font-family: 'humnst777eunormal',Arial,Verdana; font-size: 24px; padding-bottom: 10px; }
.txt_test_red{color: #D93721; font-size: 14px; border-bottom: 1px solid #EBEEF0; padding-bottom:10px;}


.result{margin-top: 20px;}
.result span{color: #17AED4; font-weight: bold;}

.result a{font-weight: bold; color: #058ACD;}

.link_test{font-weight: bold; color: #058ACD;}
.link_test:hover{text-decoration: underline;}





/*================MAPA=====================* ul.mapa ul li a + ul {margin-top: 5px;} */

ul.mapa {}
ul.mapa li {padding: 0 0 20px; background: url("../pics/mapa1.png") no-repeat scroll left top transparent; border-bottom: 1px solid #e7e7e7; float: left;margin: 0 30px 20px 0; text-align: left;width: 45%; }
ul.mapa li a {color: #17AED4; display: block;font-size: 22px; font-family: 'humnst777eubold',Arial,Verdana; font-weight: normal; margin-left: 25px;padding: 4px 0 0 3px;text-decoration: none;}
ul.mapa li a:hover {color: #2c7caf;}
ul.mapa ul {margin: 4px 0 20px 36px;padding: 0; padding-top: 15px;}
ul.mapa ul li {background: url("../pics/submenu_ico.png") no-repeat scroll -4px 8px transparent;  -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;  margin: 0;padding: 5px 0; border:0px; float: none; width: 100%}
ul.mapa ul li:hover{background: url("../pics/submenu_ico.png") no-repeat scroll 2px 8px transparent;} 
ul.mapa ul li a {color: #6c7e95; font:12px/1.231 Verdana, Arial, clean, sans-serif;  font-size: 14px;font-weight: normal;margin: 0 0 0 25px;padding: 0;}
ul.mapa ul li a:hover{font-weight: bold;}

ul.mapa ul ul {margin: 0 0 0 26px;}
ul.mapa ul ul li {background: none; margin: 5px 0 5px 0; padding: 0;}
ul.mapa ul ul li:hover{background: none;}
ul.mapa ul ul li a {color: #5D7359;font-size: 12px;font-weight: normal;margin: 0;padding: 0 0 0 18px;}
ul.mapa ul ul ul {margin: 0 0 10px 25px;}
ul.mapa ul ul ul li {margin: 0;padding: 0; background: none; padding: 3px 0;}
ul.mapa ul ul ul li:hover{background: none;}
ul.mapa ul ul ul li a {color: #56686F;font-size: 11px;font-weight: normal;}
ul.mapa ul ul ul li a:hover {color: #2c7caf; font-size: 11px; font-weight: normal;}






.map_header{color: #17AED4; padding-bottom: 10px; display: inline-block; font-size: 22px; font-family: 'humnst777eubold',Arial,Verdana; font-weight: normal;}








table#tabelka_testy td {
    font-weight: bold;

}

table#tabelka_testy td a{
    color: #fff;
    font-weight: bold;
}

#tabelka_testy #tytul {
    color: #058ACD;
    font-size: 18px;
    font-weight: normal;
    width: 490px;
    float: left;
    padding-bottom: 10px;
}

#tabelka_testy #button_t{
    float: right;


}


#tabelka_testy #raport_zd {
    width: 490px;
    float: left;
    padding-bottom: 20px;
}


#tabelka_testy #list_kurs_all{
    border-bottom: 1px solid #eff0f4;
    padding-top: 20px;
    background: url("../pics/ico_test2.png") no-repeat 0px 15px;
    padding-left: 70px;
    -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; 
}


#tabelka_testy #list_kurs_all:hover{
    border-bottom: 1px solid #eff0f4;
    padding-top: 20px;
    background: url("../pics/ico_test2.png") no-repeat 10px 15px;
    padding-left: 70px;

}



#test_all_rapoty{padding: 15px 15px 15px 35px; background: #f2f6f9; border-left: 8px solid #034486; }
#test_all_rapoty .raport_czy_zdano{ margin-top: 15px;  color: #17AED4;font-family: 'humnst777eubold',Arial,Verdana; font-size: 22px; text-transform:uppercase;}
#test_all_rapoty .uzyskano {font-weight: bold;}

.title_p_name{display: block;margin-top: 10px;}
.title_platform a{display: block;margin-top: 10px;}
.fieldset_raport{ }

#test_wynik_raport{margin-bottom: 15px; }
#test_wynik_raport #question{}


#rapot_odpowiedzi{padding: 10px 10px 10px 30px;   border-bottom: 1px solid #EBEEF0;}
#test_wynik_raport #question{font-weight: bold; padding-bottom: 10px; }

#rapot_odpowiedzi div{ padding: 5px 10px 5px 25px; }
#rapot_odpowiedzi .correct_checked{ padding: 5px 10px 5px 25px; font-weight: bold;  background: url("../pics/legend_ok.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); color: #9AB339;}
#rapot_odpowiedzi .correct_nochecked{ padding: 5px 10px 5px 25px; font-weight: bold;      background: url("../pics/legend_ok2.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); color: #000000;}
#rapot_odpowiedzi .nocorrect_checked{ padding: 5px 10px 5px 25px; font-weight: bold;      background: url("../pics/legend_no.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); color: #FF0101;}


#test_wynik_raport #question .samo_pyta{font-weight: normal;}
.legend{padding: 20px; }
.legend ul{}
.legend ul li{
    background-image: none;
}

.legend ul li.niepoprawna {
    /* background: url("../pics/legend_no.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); */
    color: #FF0101;
    margin: 0;
    padding-left: 20px;
}

.legend ul li.wybrana.poprawna {
    /* background: url("../pics/legend_ok.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); */
    color: #9AB339;
    margin: 0;
    padding-left: 20px;
}

.legend ul li.poprawna {
    /* background: url("../pics/legend_ok2.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); */
    color: #000000;
    font-weight: bold;
    margin: 0;
    padding-left: 20px;
}

#zwin{

    background: url("../pics/rozwin.png") no-repeat 20px 2px;
    position: absolute;
    top: 30px;
    right: -50px;
    padding-top: 10px;
    cursor: pointer;
    text-align: center;
    width: 50px;
    font-size: 9px;
    line-height: 10px;
    color: #7e7e7e;
}




/*================SZUKAJ=====================*/ 



.search_subpage{padding: 20px 20px 10px 20px;}
.rounded_input{}

.search_subpage .rounded_input{    
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eaeef1 #eaeef1 #eaeef1;
    border-image: none;
    border-right: 1px solid #eaeef1;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    color: #a09f9e;
    display: block;
    font: bold 12px/15px Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    outline: 0 none;
    padding: 7px 76px 7px 10px;
    position: relative;
    width: 375px;
}

.search_subpage form{position: relative; display: inline-block;}
.search_subpage .lup {
    background: url("../pics/search_subp.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    height: 39px;
    padding: 0;
    width: 39px;
    position: absolute;
    right: 0px;
    top: 0px;
    border: 0px;
}


#wyniki_przedmiot {background: #F8F9FA;padding: 10px;}

.szukana {float: left;width: 470px;}
.szukana span{color: #17AED4; font-weight: bold; }

.wynik {border-bottom: 1px solid #E7E7E7;margin: 15px 0 15px 10px;padding-bottom: 10px;}

.nr {color: #058ACD;float: left;font-size: 12px;font-weight: bold;}

.wyniki_content a {color: #058ACD;display: block;font-size: 12px;font-weight: bold;margin-bottom: 15px;}
.wyniki_content a:hover{text-decoration: underline;}

.dzial {color: #17AED4; font-weight: bold; font-size: 11px;margin-top: 5px;padding: 3px 3px 3px 0;}

.wysz_spa{float: left;}
.wysz_spa span{color: #17AED4; font-weight: bold; }
#raport_zd span{color: #17AED4; font-weight: bold;}
#the_best_score {margin: 15px 0;     background: none repeat scroll 0 0 #F2F6F9; border-left: 8px solid #034486;padding: 15px 15px 15px 35px;}
#the_best_score span{color: #17AED4; font-weight: bold;}


#lista_all_raports{border-bottom: 1px solid #EFF0F4; padding: 5px 0; margin: 5px 0;}

#raport_lis_sz{width: 500px; float: left; }
#raport_lis_sz span{color: #17AED4; font-weight: bold;}
#button_t2{float: right;}

#zapytaj_btn{
    background: url("../pics/zadaj_pytanie.png") no-repeat;
    position: fixed;
    top: 200px;
    right: 0px;
    width: 46px;
    cursor: pointer;
    height: 189px;
}

#dialog{
    padding: 15px; background: #fff;    border-style: solid;
    border-width: 1px;
    border-color: #ebeef0;
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 0px rgba(0,0,0,0.04); 

}

.info_test_noactive{margin: 25px 0; background: #f2f6f9; padding: 10px; color: #3595C7; }

.star{font-size: 9px; color: #0385C6;}





.toper_header{background: url("../pics/info_bg.png") repeat-x; margin: 0 10px 9px 10px; padding: 21px 30px; color: #fff;}

.toper_header .top1h{font-family: 'humnst777eubold',Arial,Verdana; font-size: 22px;  }
.toper_header .top2h{font-family: 'humnst777eunormal',Arial,Verdana; font-size: 18px;  margin-left: 13px; padding-left: 16px; border-left: 1px solid #fff; }

.toper_header a{margin-top: 2px; float: right; color: #fff; background: url("../pics/arrow_panel_white.png") 3px 5px no-repeat; padding-left: 20px;}
.toper_header a:hover{text-decoration: underline;}






.odp_all .correct_nochecked {
    background: url("../pics/legend_ok2.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #000000;
    font-weight: bold;
    padding: 5px 10px 5px 25px;
    margin-left: -20px;
}


.odp_all .nocorrect_checked {
    background: url("../pics/legend_no.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #ff0101;
    font-weight: bold;
    padding: 5px 10px 5px 25px;
    margin-left: -20px;
}



.odp_all .correct_checked {
    background: url("../pics/legend_ok.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #9ab339;
    font-weight: bold;
    padding: 5px 10px 5px 25px;
    margin-left: -20px;
}



.mini_test{ border-top: 2px solid #f3f5f7;  border-bottom: 2px solid #f3f5f7;
            color: #1b7ebd;
            font-size: 20px;
            margin: 10px 0;
            padding: 11px 0; text-align: center;}


.mini_test2{ 
    color: #1b7ebd;
    font-size: 20px;
    float: left; margin-top: 17px}

.slider_lokalizer
{
    max-width: 720px;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 200;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    list-style: none; 
    /*
    background-image: none;
    background: #fff;opacity: 0.8;
        filter: alpha(opacity=80);
    */
}


.slider_lokalizer li {
    background: url("../pics/bullets.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    border: 0 none;
    display: block;
    float: left;
    height: 35px;
    margin-right: 5px;
    text-indent: -9999px;
    width: 35px;
    padding: 0;
}

.slider_lokalizer li.active {
    background-position: 0 -40px;
}

#slider_player {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 200;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    cursor: pointer
}
.slider_play {
    background: url("../pics/pauza.png") no-repeat;
}

.slider_stop{
    background: url("../pics/play.png") no-repeat;
}

/*
.slider_lokalizer li {margin: 0;cursor: pointer;
padding: 0; display: inline;  list-style-type: none; background-image: none; padding: 6px; }

.slider_lokalizer li.active{color: #17aed4;}
*/
.kal_opis p {
    clear: both;
}

#cookiebar {
    bottom: 0;
    font-family: Arial,Helvetica,sans-serif;
    left: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 500;
}
#cookiebar .header {
    background: none repeat scroll 0 0 #eaedf2;
    border: 5px solid #fff;
    line-height: 2.5em;
    margin: 0 auto;
    opacity: 0.95;
    padding: 15px;
    position: relative;
    width: 940px;
}
#cookiebar .header h3.title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #289dd2;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
    text-transform: none;
}
#cookiebar .header .details {
    clear: none;
    color: black;
    float: none;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}
#cookiebar .agree {
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
}
#cookiebar .agree a {
    color: black;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 47px;
    overflow: hidden;
    width: 80px;
}

#cookiebar a {
 text-decoration: underline;
}