/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/Quick.Cms/docs/
*/
/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#333;font-size:1em;font-family:Arial, sans-serif;}
h1,h2,h3,h4{font-size:1em;} /* na razie czyste, potem się ustali wielkosci czcionek w body */

body{padding:0;  text-align:center; color:#929292;font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height:170%}

input[type="text"], input[type="email"], select, textarea{font-family: 'Roboto Condensed'; padding:10px 15px; width:200px; border-width:1px;border-style:solid;border-color:#0093dd; border-radius:20px; line-height:20px; margin-bottom:10px}
textarea{width:90%}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;}
input[type="submit"]{}

input[type="submit"] a{}
input[type="submit"] a:hover{}
label{font-weight:bold;color:#0093dd;} 
label span{padding-left:10px;color:#aaa;font-weight:normal;}

a{color:#0093DC;text-decoration:none;}
a:hover{text-decoration:underline;}

.msg.error h1{padding:20px 0;text-align:center;}

.container{max-width:1180px;margin:0px auto; position: relative; background:#fff; padding:30px 20px 0 20px}
.container:after{content:"";display:table;clear:both;}


.content ul{padding-left: 25px}
#header{}
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
.wrapper_bottom{height:92px; position:relative}
.top_wrapper{ width:100%; background:#fff; position:fixed; top:0px; z-index:999999999999999999999999; border-bottom:1px solid #eaeaea}
.head .top{ padding: 10px 5px; background:#fff}
.head .top:after{content:"";display:table;clear:both;}
.logo{width: 230px; float: left; padding-right:30px}
.img{max-width: 100%}
.slogan{ float: left; font-size: 20px; padding-top: 20px; margin-left: 20px}
.fastContact{ float: right; font-size: 20px; height: 40px; padding-top: 10px}
.fastContact:after{content:"";display:table;clear:both;}
.fcDesc{float: left; line-height: 40px; margin-top: 4px}
.fcElemnts{float: right; text-align: left; margin-left: 15px}

/* HEADER WITH TOP MENU */
#head2{}
#head2 .container{position:absolute;right:0;top:115px;}

/* MENU TOP */
.menu{float:left; }

.menu-1{float:right; padding-top:13px}
.menu-1 ul{float:left;height:100%;margin:0;list-style:none;}
.menu-1 li{float:left;padding:0;}
.menu-1 li a{float:left;margin:8px 0;padding:5px 20px;color:#333;font-size:1.25em;text-decoration:none;background:transparent;border-right:1px solid #eaeaea;}
.menu-1 li:first-child a{border-left:transparent;}
.menu-1 li:last-child a{border-right:transparent;}
.menu-1 li a:hover, .menu-1 .selected a{color:#0093dd;transition:all 0.5s ease;}
.menu-1 .selected a{border-color:transparent #0093dd;}

/* HEADER WITH SLIDER */
#slider{position:relative;clear:both;display:none;overflow:hidden;color:#fff;border-top:1px solid #eaeaea;}
.quick-slider{position:relative;margin:auto;overflow:hidden;}
.quick-slider ul{padding:0;margin:0px;list-style:none;}
.quick-slider-slide{position:absolute;width:100%;display:none;text-align:left;overflow:hidden;line-height:0px;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{position:absolute;bottom:75px;float:right;display:block;margin:0 0 -20px;padding:5px 10px;border:1px solid #fff;color:#fff;text-decoration:none;background:rgba(0,0,0,0.4);}
.quick-slider-nav-arrows:hover{color:#000;text-decoration:none;border:1px solid #000;background:rgba(255,255,255,0.4);transition:all 0.3s ease;}
.quick-slider-nav-arrows-next{right:20px;}
.quick-slider-nav-arrows-prev{left:20px;}
.quick-slider-nav-arrows-next:after{content:" >";padding-left:3px;}
.quick-slider-nav-arrows-prev:before{content:"< ";padding-right:3px;}
.quick-slider-nav-dots-wrapper{position:absolute;bottom:20px;left:100px;float:right;width:100%;list-style:none;}
.quick-slider-nav-dots{float:left;width:12px;height:12px;margin:0 10px 0 0;background:rgba(0,0,0,0.4);border:1px solid #666;color:transparent;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#fff;transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description{z-index:3;position:absolute;top:10px;left:20px;width:25%;margin:10px 200px 0 0;padding:10px;background:rgba(0,0,0,0.3);line-height:1.25em;color:white;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}

.slide25{background:#007ebb;} /* CUSTOM */

.top_main{background: #fff}
.top_main .container{text-align:center; padding: 70px 10px; font-size: 22px; line-height: 160%; color: #929292;}

.button_wrapper {width: 254px; margin: 0 auto; margin-top: 50px;}
.more_button {display: block; cursor:pointer; width: 110px; line-height: 46px; margin: 0 auto; font-size: 18px; color: #6c6c6c; text-transform: lowercase; text-decoration: none; text-align: center;}
.more_button a{color: #0093dd; background: #fff; text-decoration:none; border-radius: 23px; border: 1px solid #0093dd;  display:block; -webkit-transition: all .8s; /* For Safari 3.1 to 6.0 */transition: all .8s }
.more_button a:hover{font-weight:700; border-radius: 23px;  background: #0093dd; color:#fff}

input.more_button {display: block; cursor:pointer; width: 110px; line-height: 46px; font-size: 18px; color: #6c6c6c; text-transform: lowercase; text-decoration: none; text-align: center; margin-bottom:40px}
input.more_button{color: #fff; background: #0093dd; text-decoration:none; border-radius: 23px; border: 1px solid #0093dd;  display:block; -webkit-transition: all .8s; /* For Safari 3.1 to 6.0 */transition: all .8s }
input.more_button:hover{font-weight:700; border-radius: 23px;  background: #fff; color:#333}
.fl{float:left}
.fr{float:right}

.bottom_main{ background:#eaeaea;}
.bottom_main .container{text-align:center; padding: 70px 10px; font-size: 22px; line-height: 160%; color: #929292; background:transparent}
.bottom_main .title{color:#333; font-size:26px; padding-bottom:15px}
.main_box p{display: block; position: absolute; bottom: 0px; width: auto}
.main_box{float:left; width:calc(33.3% - 20px); position: relative; overflow: hidden; margin: 10px}
.main_box img{max-width:100%; opacity:1; transition: all .2s ease-in-out; cursor:pointer; vertical-align: middle}
.main_box img:hover{transform: scale(1.1);}
.main_box p{position: absolute; bottom: -40px; width: 100%; display: block; padding: 8px; background: rgba(255, 255, 255, 0.7); color: #333; transition: all .2s ease-in-out;}
.main_box:hover  p{bottom: 10%!important}
.main_box6{padding:20px 0; text-align:center; margin:0 auto}
.main_box6 a{margin-top: 20px}
/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;border-top:1px solid #eaeaea;}
#body:after{content:"";display:table;clear:both;}


/* PAGE */
#page{position:relative; width:100%; text-align:left;}
#page h1{padding:30px 0;color:#0093dd;font-size:2.417em;font-weight:normal; text-transform: uppercase}

/* PAGE - BREADCRUMB (navigation path) */
#page nav.breadcrumb{margin-bottom:20px;}
#page nav.breadcrumb a{}
#page nav.breadcrumb a:hover{}

/* PAGE CONTENT */
#page div.content{line-height:1.5em;}
#page div.content > ul, #page div.content > ol{padding:0 0 0 30px;}
#page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;}
#page div.content > ul li, #page div.content > ol li{margin:8px 0;padding:0;}
#page div.content p{padding-bottom:10px;}


.contact_third{width:33.3%; float:left}
.column_title{font-size:22px; padding-bottom:20px}
.column_description{font-size:18px; text-align:center; padding-bottom:20px; color:#333}

.contact_first, .contact_second{padding-right:5%; float:left; width:28.3%;}
.contact_first{ }



/* IMAGES STYLES */
/* global */
#content li img{box-shadow:0 0 4px rgba(100,100,100,0.4);}
#content li img:hover{opacity:0.8;}
/* list global */
.images-1, .images-2{list-style:none;}
.images-1 li, .images-2 li{margin:0 0 15px 0;background:inherit;text-align:center;}
.images-1 p, .images-2 p{max-width:250px;margin:0 auto;color:#0093dd;font-size:0.875em;}
/* list custom */
.images-1{clear:left;float:left;margin:9px 20px 0 0;}
.images-2{clear:right;float:right;margin:8px 0 0 15px;}


.images-3{width: auto; float: none; list-style-type: none}
.images-3:after{content: ""; display: table; clear: both; }
.images-3 li{width: 18%; margin: 1%;; float: left; overflow: hidden; position: relative; transition: all .2s ease-in-out; }
.images-3 li p{position: absolute; bottom: -40px; width: 100%; display: block; padding: 8px; background: rgba(255, 255, 255, 0.7); color: #333; transition: all .2s ease-in-out;}
.images-3 li img{max-width: 100%; margin:auto; transition: all .2s ease-in-out;}
.images-3 li img:hover{transform: scale(1.1);}
.images-3 li:hover  p{bottom: 10%!important}
.images-3 a{width:100%}



.images-s:after{content: ""; display: table; clear: both; }
.images-s li{overflow: hidden; position: relative; transition: all .2s ease-in-out; }
.images-s li p{position: absolute; bottom: -40px; width: 100%; display: block; padding: 8px; background: rgba(255, 255, 255, 0.7); color: #333; transition: all .2s ease-in-out;}
.images-s li img{max-width: 100%; transition: all .2s ease-in-out;}
.images-s li img:hover{transform: scale(1.1);}
.images-s li:hover  p{bottom: 10%!important}
.images-s a{width:100%}

.top_wrapper .head.container{padding-top: 0px}

/* FILES LIST STYLES */
#content .files-list{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #c8cccf;font-size:0.9em;}
#content .files-list li{float:left;clear:left;width:100%;height:20px;margin:9px 0 9px 20px;padding-left:30px;background:url('img/files-ext.gif') no-repeat 0 -260px;}
#content .files-list p{display:inline;color:#0093dd;font-style:italic;}
#content .files-list p:before{content:" - ";}
#content .files-list li.zip{background-position:0 0;}
#content .files-list li.xml{background-position:0 -20px;}
#content .files-list li.xls{background-position:0 -40px;}
#content .files-list li.web{background-position:0 -60px;}
#content .files-list li.vcf{background-position:0 -80px;}
#content .files-list li.txt{background-position:0 -100px;}
#content .files-list li.sys{background-position:0 -120px;}
#content .files-list li.swf{background-position:0 -140px;}
#content .files-list li.psd{background-position:0 -160px;}
#content .files-list li.pps{background-position:0 -180px;}
#content .files-list li.png{background-position:0 -200px;}
#content .files-list li.pic{background-position:0 -220px;}
#content .files-list li.pdf{background-position:0 -240px;}
#content .files-list li.nn{background-position:0 -260px;}
#content .files-list li.eml{background-position:0 -280px;}
#content .files-list li.media{background-position:0 -300px;}
#content .files-list li.fla{background-position:0 -320px;}
#content .files-list li.exe{background-position:0 -340px;}
#content .files-list li.chm{background-position:0 -360px;}
#content .files-list li.cdr{background-position:0 -380px;}
/* to do */

/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba( 0, 0, 0, 0.7 );z-index:99999999999999999999999999999999999;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;}
#quick-box .image-wrapper{position:relative;line-height:0px;}
#quick-box .image-wrapper img{margin:0px;padding:0px;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0px;margin:0px;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}
#quick-box .description{margin:0px;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}

#quick-box .prev, #quick-box .next{position:absolute;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;}
#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0px;padding:10px;border:1px solid #fff;background:#000;}
#quick-box .next span{left:auto;right:0px;border-right:none;}
#quick-box .prev span{border-left:none;}
#quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;}
#quick-box .prev{left:0px;}
#quick-box .next{right:0px;}
#quick-box .close{position:absolute;top:0px;right:0px;padding:0px 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}

/* SUBPAGES LIST STYLES */
.pages-list{width:100%;margin:7px 0;list-style:none;}
.pages-list li{float:left;width:18%;margin:15px 1%;}
.pages-list li .image img{text-align: center; max-width: 100%;  transition: all .2s ease-in-out;}
.pages-list li img:hover{transform: scale(1.1);}
.pages-list h2{padding:0 2.5% 15px; text-align: center; color: #0093dd}
.pages-list h2 a{font-size:1.25em;font-weight:normal;background:none;text-decoration:none;  color: #0093dd; transition: all .2s ease-in-out;}
.pages-list li:hover h2 a{font-weight: bold}
.pages-list h2 a:hover{color:#0093dd;background:none;text-decoration:underline;}
.pages-list div.description{margin:0 2.5%;font-weight:normal;font-size:1em;line-height:1.4em;}
.pages-list ul, .pages-list ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;list-style:disc;}
.pages-list li li{padding:0;border:0;background:none;}
.pages-list li ol{list-style:decimal;}
.pages-list p{padding-bottom:10px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;background:#fff;color:#929292;font-size:14px; line-height:40px; margin-top:30px}
#foot .container{padding:22px 25px;}
#foot .container:after{content:"";display:table;clear:both;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .copy{float:left;}
#foot .options{float:right;}
#foot .options ul{list-style:none;}
#foot .options li{float:right;margin-left:25px;}
#foot .options li a{display:block;width:16px;height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
#foot .options li.print a{background:url('img/options.png') no-repeat 0 0;}
#foot .options li.print a:hover{background-position:0 -16px;}
#foot .options li.back a{background:url('img/options.png') no-repeat 0 -32px;}
#foot .options li.back a:hover{background-position:0 -48px;}

.logo_bottom{height:40px; float:left; padding-right:20px}
.logo_bottom img{max-height:100%}

#powered{float:left; padding-top:8px; padding-left:20px}
#powered a{display:inline-block;width:192px;height:26px;}
#powered a:hover{border-color:#fff;}
.menuMobile{display:none}


@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}
  #header .menu-1{margin-top:0.3cm;}
  #header .menu-1 li a{padding:0.1cm 0.2cm;border:0px;border-right:1px solid #000;font-size:1em;}
  #header .menu-1 .selected a{font-weight:bold;}
  #head2 .container{position:static;}

  #body{clear:none;border-top:0px;}
  #page{clear:both;position:static;float:none;}
  #page h1{margin:0;}

  #body, #head1, #foot{float:none;}
  #search#foot .options{display:none;}
  #slider-1, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}
.mobileS, .mobile{display: none}
.mobileH{display: block;}

.bxslider li{background-size: 100% auto}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1050px){
    .menu-1 li a{padding: 5px 15px}
}


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


    .menuMobile{ height:76px; width:300px; background:  url('img/menuMobile.png') no-repeat center center; cursor: pointer; display: block}

    .menu-1{display:none; width:300px; margin-top:0px; padding-top:0; z-index:999999999999999999999; position:absolute; background:#eee;  height:auto; color:#fff;}
    .menu-1 ul{float: none}
    .menu-1 li{width:90%;  border-right:none; color:#fff; padding-left: 5%; margin: 0 ; padding-right: 5%; float: none}
    .menu-1 li.lL{border-bottom:none}
    .menu-1 li a{float: none;display:block; margin:0 auto; text-align:center; width:100%; background: url(i/btn-blue.png) 0 0 repeat-x; padding: 10px 0; border-right:none; color:#999; border-bottom: 1px solid #ccc;}
    .menu-1 li.selected a, .menu-1 li:hover a{ border-bottom: 1px solid #ccc}

    .pages-list li,.images-3 li{    width: 23%}
    .contact_first{width: 47.5%}
    .contact_second{width: 47.5%; padding-right: 0}
    .contact_third{width: 100%}

    .main_box{float:left; width:calc(50% - 20px); position: relative; overflow: hidden; margin: 10px}

}
@media screen and (max-width:900px){
    .menu{float: none; width: 100%; margin: 0 auto; clear: both}
    .menuMobile{ width:100%; background-color: #eeeeee}

    .menu-1{width:60%;left: 20%; margin-top:0px; padding-top:0; z-index:999999999999999999999; position:absolute; background:#eee;  height:auto; color:#fff;}
    .menu-1 li{width:90%;  border-right:none; color:#fff; padding-left: 5%; margin: 0 ; padding-right: 5%; float: none}
    .top_wrapper{position: absolute; top: 0px}
    .menu-f {position: fixed; left: 0px; top: 0px;}
    .menu-f .menuMobile{ height: 40px}
}

@media screen and (max-width:780px) {
    .pages-list li,.images-3 li{    width: 31.33333%}

}

.bRed{border: 1px solid red}
input.bRed{border: 1px solid red}

@media screen and (max-width:700px) {
    .images-2 {
        clear: left
    }
}


@media screen and (max-width:650px) {
    .main_box {
        float: left;
        width: calc(100% - 20px);
        position: relative;
        overflow: hidden;
        margin: 10px
    }
}
@media screen and (max-width:630px) {
.logo{
    float: none; margin: 0 auto; padding: 0px;}
    .fastContact{float: none; width: 280px; margin: 15px auto; height: 60px}
    .mobileS, .mobile{display: block}
    .mobileH{display: none;}
    .images-2{float: none}
    .images-2 li{margin: 10px; width: 230px; float: left}

}

@media screen and (max-width:580px) {
    .copy{clear: both; padding-right: 20px;}
    #powered{padding-left: 0px}
}

@media screen and (max-width:530px) {
    .menu-1{width: 100%; left: 0px}
    .pages-list li, .images-3 li{    width: 48%}
}


@media screen and (max-width:510px) {
    .contact_first {
        width: 100%;
        padding: 0px;
    }

    .contact_second {
        width: 100%;
        padding: 0px;
        margin-top: 35px;
    }

    .contact_third {
        width: 100%;
        padding: 0px;
    }
}
@media screen and (max-width:380px) {
    .menu-1{width: 100%; left: 0px}
    .pages-list li, .images-3 li{  float: none; max-width: 260px; width: auto; text-align: center;margin: 5px auto}
}

/* PLUGINS */