/* 
    Created on : 2014-12-30, 14:37:41
    Author     : Karmac
*/

@font-face {font-family: 'DINProLight';src: url('../fonts/DINPro-Light.eot');src: local('☺'), url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.ttf') format('truetype'), url('../fonts/DINPro-Light.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {
	font-family: 'Exo2.0-Thin';
	src: url('../fonts/Exo2.0-Thin.eot');
	src: local('â�ş'), url('../fonts/Exo2.0-Thin.woff') format('woff'), url('../fonts/Exo2.0-Thin.ttf') format('truetype'), url('../fonts/Exo2.0-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Exo2.0-Medium';
	src: url('../fonts/Exo2.0-Medium.eot');
	src: local('â�ş'), url('../fonts/Exo2.0-Medium.woff') format('woff'), url('../fonts/Exo2.0-Medium.ttf') format('truetype'), url('../fonts/Exo2.0-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*ANIMACJA - tylko CSS3*/
*:hover {-moz-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;}

body {font-family:Tahoma;font-size:11px;color:#666666;}
html,body {height:100%}
noscript {color:#990000;text-align:center;font-size:16px;line-height:99px;font-weight:bold;}
.fr         {float:right;}
.fl         {float:left;}
.clear      {clear:both;}
.rel        {position:relative;}
.block      {display:block;}
.oh         {overflow:hidden;}
.hidden     {display:none;}
.center     {text-align:center;}
.page_width {width:1000px;margin:0 auto;}
.italic     {font-style:italic;}
.bold       {font-weight:bold;}
.pink       {color:#d91b5c;}

a  {text-decoration:none;color:#a3a9b0;} 
h1 {font-size: 30px;font-family: 'Exo2.0-Thin';color: #7f8181;border-bottom: solid 5px #F3D13A;width:auto;padding-top: 22px;margin-bottom: 33px;}
h2 {}
h3 {font-size:25px;color:#0e76bc;}
h4 {font-size:21px;color:#003883;} 
h5 {}
h6 {} 
#page {width: auto;padding:0px 17px 30px 20px;/*min-height: 100%;*/position: relative;}

.content {width:954px;margin:0px auto 0px auto}

header {background-color: #424854;}
#top {height:86px;position: relative;}

#logo {float: left;position: absolute;top: 0px;left: 0px;z-index: 999;width:282px;}
#logo a {display: block;padding-top: 10px;}

nav {float: right;}
nav ul {height:46px;float:right;padding-top: 33px;}
nav ul li {float: left;line-height: 16px;padding-left: 12px;padding-right: 12px;}
nav ul li a {color: white;font-family: 'DINProLight';font-size: 13px;display:block;}
nav ul li a:hover {color: #f3d13a}
nav ul li a img {position: relative;top: -6px;}
nav ul li.lang {border-right: solid 1px white}

a.fblink {position: relative;display:block;width:28px;height:28px;}
a.fblink img {position: absolute;}
a.fblink img.fb1 {display: block}
a.fblink img.fb2 {display: none}
a.fblink:hover img.fb1 {display: none}
a.fblink:hover img.fb2 {display: block}


#cookies {position:fixed;bottom:0px;width:100%;height:22px;text-align: center;border-top: solid 1px #808080;background-color: white; opacity: 0.8;z-index:99;line-height: 22px;}
#cookies a:last-child{margin-left: 33px;}
.breadcrumbs {margin:5px 20px 35px 20px;}
.breadcrumbs, .breadcrumbs a {color:#666666;font-size:12px;font-family:tahoma;}
.breadcrumbs a.sel {text-decoration:underline;}
#page_content {padding-top:10px;}
.labelName {padding-top: 12px;padding-bottom: 5px;}
.breadcrumbs-panel{position: absolute; top: 10px;left: 10px;}

#slider-main {width:100%;/*background-image: url(../images/bg_slider.jpg);*/background-color:#f3d13a;;position: relative;height:307px;overflow: hidden;}
#slider-main div {width:100%;text-align: center}
#slider-main div img {margin: 0px auto 0px auto;}

#slider-main #prev {display: block;width: 50px;height:387px;position: absolute;top: 0px;left: 0px;z-index: 998;}
#slider-main #next {display: block;width: 50px;height:387px;position: absolute;top: 0px;right: 0px;z-index: 998;}
#slider-main div#news {position: absolute;top: 100px;left: 100px;width: 120px;height: 120px;z-index: 999;}

.cycle-slideshow {text-align: center;position: relative;max-width: 1400px;width: 100%;margin: 0px auto;overflow: hidden;}

.cycle-slideshow {text-align: center;position: relative;max-width: 1400px;width: 100%;margin: 0px auto;overflow: hidden;}
.cycle-slideshow div {height:307px;}
.cycle-slideshow div div.slogan {
    /*width: 900px;*/
    margin: 0px auto 0px auto;
    font-family: 'Exo2.0-Thin';
    font-size:35px;
    color: white;
    width: 356px!important;
    text-align: left!important;
    padding-top: 130px;
    padding-right: 614px;
}
.cycle-slideshow div div.slogan span.w1 {font-family: 'Exo2.0-Medium';}
.cycle-slideshow div div.slogan span.w2 {font-family: 'BarmeReczny';text-align: right;float:right;font-size: 30px;}






/*307*/
#orange {height: 60px;background-color: #F3D13A;border-bottom:solid 1px #ededef}
/*
#line-orange {background-color: #F3D13A;color: white;}
#line-orange div ul li {float: left; width: 209px;padding: 22px;font-family: 'DINProLight';font-size: 12px;text-align: justify}
#line-orange div ul li:first-child {padding-left: 0px;}
#line-orange div ul li:last-child {padding-right: 0px;}
#line-orange div ul li img {float: left;margin-right: 11px;}
#line-orange div ul li h1 {font-family: 'Exo2.0-Thin';font-size: 20px; margin-bottom: 9px;letter-spacing: -1px;}
#line-orange div ul li h1 span {font-family: 'Exo2.0-Medium';}
*/
footer {width: auto;background-color:#f5f4ef;}
#footer {bottom:0px;padding-top: 44px;padding-bottom: 44px;}
#copyright {font-size: 10px;color: #a7abae;font-family: 'DINProLight';clear: both;padding-top: 44px;padding-bottom: 44px;}
#footer-addres {font-size: 20px;font-family: 'Exo2.0-Thin';float: left;width: 300px;}
#footer-addres img {float: left;margin-right: 12px;}
#footer-addres span {font-size: 20px;font-family: 'Exo2.0-Medium';}
#footer-addres div {padding-top: 22px;padding-bottom: 22px;}
#footer-form {width: 349px;float: right;font-family: 'Exo2.0-Thin';font-size: 20px;margin-right: 20px;}
#footer-form div {padding-top: 5px;}
#footer-form input {border: solid 0px; border-bottom: solid 2px #f3d13a;background-color: transparent;color: #5a5f69;font-family: 'Exo2.0-Thin';width:164px;}
#footer-form input:first-child {margin-right: 12px;}
#footer-form input[type=button] {background-color: #f3d13a;font-family: 'Exo2.0-Thin';font-size: 15px;color: white;width:70px;float: right;}
#footer-form textarea {border: solid 0px; border-bottom: solid 2px #f3d13a;background-color: transparent;color: #5a5f69;font-family: 'Exo2.0-Thin';width: 100%;height: 17px;font-size: 12px;}
#footerNameMsg {height:12px;padding:0px;font-size: 12px;}
#footerEmailMsg {height:12px;padding:0px;font-size: 12px;}
#footerTrescMsg {height:12px;padding:0px;font-size: 12px;}

.h1text {float: left;}
.contentText {float: left;width: 660px;font-family: 'DINProLight';font-size: 14px;line-height: 16px;text-align: justify;}
/*.imgText {float:right;margin-top: 80px;} */
.imgText {float:right;}


.kontaktContent {}
.kontaktContent li {float: left;width: 28.59%}
.kontaktContent li:first-child {padding-right: 33px;width:24.5%;line-height: 16px;}
.kontaktContent li:nth-child(2) {padding-left: 33px;padding-right: 33px;border-left: solid 1px #d6d6c9;border-right:solid 1px #d6d6c9;}
.kontaktContent li:last-child {padding-left: 33px;}

.kontaktContent li form div.label {font-family: Tahoma;color: #333132;width:100px;height:25px;line-height: 25px;float:left;margin-bottom: 12px;}
.kontaktContent li form div.field input {width:167px;height:25px;border: solid 1px #d6d6c9}
.kontaktContent li form div.field textarea {width:167px;height:89px;border: solid 1px #d6d6c9}
.kontaktContent li form div.field {float: left;width: 171px;margin-bottom: 12px;}
.kontaktContent li form div.field input.but {background-color: #F3D13A;font-family: Tahoma;color: white;width:76px;height:21px;border: solid 0px;}
.kontaktContent li form div.field input.but2 {background-color: #d6d6c9;font-family: Tahoma;color: #333132;width:76px;height:21px;border: solid 0px;
      margin-right: 12px;
}

.localList {}
.localList li {float: left;width: 234px;margin-right:6px;padding-bottom: 6px;height:306px;position: relative;}
.localList li:nth-child(4n+4) {margin-right: 0px;}
.localList li a {display:block;width:209px;height:280px;padding: 12px;background-color: #ebebeb;color: #666666;}
.localList li a:hover {background-color: #F3D13A;color: white}
.localList li a div.plus {font-family: Tahoma;font-size: 16.5px;font-weight: bold;position: absolute;right: 10px;bottom:16px;color: #F3D13A;}
.localList li a:hover div.plus {color: white;}

.localItem {width:954px;height:565px;background-color:#016898;color: white;}
.localItem .left {float:left;padding: 10px;}
.localItem .left .img {width:565px;height:377px;}
.localItem .left .mini {padding-top: 6px;}
.localItem .left .mini a img {margin-right: 6px;}
.localItem .right {float: right;width:357px;}
.localItem .right .close {text-align:right;padding-right:12px;margin-bottom:75px;}
.localItem .right .close a {color:white;font-size:12px;font-family:Tahoma;line-height:22px;}
.localItem .right .close a span {font-family:Tahoma;font-size:16px;font-weight:bold;}


.localItem .right .name {font-family: Tahoma;font-size: 18px;font-weight:bold;}
.localItem .right .description {margin-right:24px;height:227px;overflow:auto;}
.localItem .right .label {border: solid 1px #1d4771;background-color: #154d85;font-family: 'Exo2.0-Thin';text-align:center;padding:8px;font-size: 12px;margin-right:24px;}
.localItem .right .form {padding-top:24px;margin-right: 24px;}

/*#footer-form {width: 349px;float: right;font-family: 'Exo2.0-Thin';font-size: 20px;}
#footer-form div {padding-top: 22px;}*/
.localItem .right .form input {border: solid 0px; border-bottom: solid 2px white;background-color: transparent;color: white;font-family: 'Exo2.0-Thin';width:156px;}
.localItem .right .form input:first-child {margin-right: 12px;}
.localItem .right .form input[type=button] {border-bottom:solid 0px;background-color: #F3D13A;font-family: 'Exo2.0-Thin';font-size: 15px;color: white;width:70px;float: right;}
.localItem .right .form textarea {border: solid 0px; border-bottom: solid 2px white;background-color: transparent;color: white;font-family: 'Exo2.0-Thin';width: 100%;height: 17px;font-size: 12px;}

.localItem .right ul {list-style-image: url(../images/ico-list-item.jpg);
          padding-left: 22px;
}

.portfolioSections {float:right;padding-top: 45px;}
.portfolioSections a {font-family: 'DINProLight';font-size: 12px;color:#666666;font-weight: normal}
.portfolioSections a.selected {color: #F3D13A;}

.portfolioItem {}
.portfolioItem div {}
.portfolioItem div.nav {height: 16px;}
.portfolioItem div.nav div {width: 130px;}
.portfolioItem div.nav div a {color: #666666;}
.portfolioItem div.nav div a img {position: relative;top: 1px;}
.portfolioItem div.nav div.prew {text-align: left;float:left;font-size: 11px;}
.portfolioItem div.nav div.next {text-align: right;float: right;font-size: 11px;}
.portfolioItem div.orange {background-color: #F3D13A;height:44px;}
.portfolioItem div.orange div.name {float:left;width: 400px;padding:10px;font-size: 12px;font-family: 'DINProLight';color:white;text-transform:uppercase;}
.portfolioItem div.orange div.mini {float: right;float: right;
overflow: hidden;
width: 439px;
height: 43px;}
.portfolioItem div.orange div.mini a img {max-height: 40px;margin:2px;float: right;}
.portfolioItem div.company {font-family: 'DINProLight';font-size: 13px;color: #666666;padding-top:12px;padding-bottom:12px;
         padding-left: 12px;padding-right: 12px;
}
.portfolioItem div.description {font-family: 'DINProLight';font-size: 11px;color: #666666;line-height: 14px;padding-bottom: 24px;
             padding-left: 12px;padding-right: 12px;
}

.portfolioItem div.img {overflow: hidden;width:954px;height:400px;margin-bottom: 22px;}

#phone {background-image: url(../images/baner-phone.jpg);background-repeat: no-repeat;font-family: 'DINProRegular';color: white;position: absolute;z-index: 99;width: 348px;height: 250px;padding: 36px;display: none}
#phone a.close {position: absolute;top: 12px;right:12px;}
#phoneApla {width:100%;height:100%;background-color: grey;position: absolute;top:0px;left:0px;z-index: 9999;display: none}
#kontaktForm {background-image: url(../images/kontakt-bg.jpg);background-repeat: no-repeat;font-family: 'DINProRegular';color: white;
              position: absolute;z-index: 99999;width: 600px;height: 450px;padding: 0px;border: solid 3px white}
#kontaktForm a.close {position: absolute;
top: -27px;
right: -21px;
display: block;
border: 1px solid #808080;
z-index: 999999;
border-radius: 22px;
padding: 6px;
color: #F00;
font-family: Tahoma;
font-weight: bold;
font-size: 22px;
background-color: #FFF;
padding-left: 8px;
padding-right: 8px;}
#kontaktForm div.field {padding-bottom: 6px;position: relative}
#kontaktForm div.field input[type=text], #kontaktForm div.field input[type=email], #kontaktForm div.field textarea {border: solid 0px; width: 187px;padding-top: 3px;padding-bottom: 3px;}
#kontaktForm div.button input[type=button] {background-color: #ff7d01; color: white;border: solid 0px;font-weight: bold;padding-top: 4px;padding-left: 6px;padding-right: 6px;padding-bottom: 4px;}
#kontaktForm div.msg {position: absolute;top: -10px;left: 115px;color: #F00;width: auto;white-space: nowrap;font-weight: bold;text-shadow: 2px 2px 8px white;}


.youtube {padding-top:20px;padding-bottom:20px;background-color: #ededef;text-align:center;width: 900px;height: 400px;}

