/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   FLEXSLIDER
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}





/* ==========================================================================
   Carusel
   ========================================================================== */
   
.image_carousel {
	padding: 15px 0 15px 20px;
	text-align:center;
	position: relative;
	clear:both;
}
.image_carousel img {
	border: 1px solid #abadb3;
	margin-right:30px;
	display: block;
	float: left;
	cursor:pointer;
}
/*  a.prev, a.next {
	background:red;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
} */

a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background:#8f9196;
	width: 15px;
	height: 15px;
	margin: 20px 5px 0 0;
	display: inline-block;
	webkit-border-radius:10px;
	moz-border-radius:10px;
	border-radius:10px;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
	background-color:#c52513;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}




/* ==========================================================================
   AD GALERY
   ========================================================================== */



.ad-gallery {
  width:100%;
  padding:0 20px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
.ad-gallery {
  width:100%;
  padding:0 20px;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 600px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}






/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles/ Flexslider
   ========================================================================== */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* ==========================================================================
    My code
   ========================================================================== */
   

body{
    background:url(../img/dark_wood.png); 
	width:100%; 
	margin:auto;
}   
   

.content.wrap{
	width:100%;
	margin:auto;
}






/* HEADER */

#page-header{
	width:100%;
	clear:both;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0 100px;
	background:url(../img/menu%20BG%20big.jpg);
	background-size:cover;
	margin-bottom:0px;
	padding-bottom:0px;
}

#logo{display:block; width:344px; height:58px; margin:16px 0; font:0/0 a; color:transparent; text-shadow:none; background:url(../img/logo-big.png) center center no-repeat; float:left;}
#main-menu{float:left; width:auto; margin-left:80px;}
#main-menu li{float:left; display:inline-block}
#main-menu li a{padding:0 22px; height:90px; line-height:90px; width:auto;}



.menu{
	width:1280px;
	height:90px;
	padding-bottom:50px;
	
}
.menu.container{
	width:960px;
	margin:auto;
}
.logo{
	float:left;
	padding:0px;
	margin-right:106px;
	width:344px;
}

.logo.img{
	margin-top:16px;
	width:344px;
	height:58px;
	margin-left:0px;
	padding-left:0px;
	background:url(../img/logo-big.png);
}
.logo.text{
	font:0/0;
	color:transparent;
	text-shadow:none;
	width:0px;
	height:0px;
	padding:0px;
	margin:0px;
}
.text.menu li{
	display:inline-block;
	float:left;
	height:90px;
}
ul.text.menu a{
	color:#303030;
	text-decoration:none;
	font-size:18px;
	line-height:18px;
	font-family:"Open Sans", "Segoe UI", sans-serif;
	text-align:center;
	height:54px;
	width:88px;
	display:block;
	padding-top:36px;
	margin-left:0px;
}
.text.menu{
	width:960px;
	margin:0px;
	padding:0px;
	
}
.text.menu li.active a{
	background:#d02817;
	color:#fff;
}
.text.menu li a:hover{
	color:#FFF;
	background-color:#d02817;
}
.text.menu li.active a:hover{color:#fff; cursor:default}
.flag-menu-poziom{
	margin:30px 30px 0 0px;
	float:right;
	clear:right;
}
.flag-menu-poziom a{
	margin:0 10px 0 0;
}
/*
.flag-menu{
	height:90px;
	list-style:none;
	margin:0 0 0 0px;
	padding:32px 100px 0 0;
	float:right;
}
*/
ul li {
    display: block;
    position: relative;
}
li ul {
    display: none;
	z-index:999;
}
li:hover ul {
    display: block;
    position: absolute;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}










/* SLIDER */

.flexslider{
	height:auto;
	position:relative;
	margin-bottom:1px;
	margin-top:0px;
}
.flex-control-nav{
	list-style:none;
	text-align:center;
	color:#FFF;
	position:absolute;
	bottom:20px;
	width:100%;
	line-height:12px;
	
}
.flex-control-nav li{
	display:inline;
	margin:0 10px 0 0;
	
}
.flex-control-nav a{
	display:inline-block;
	width:12px;
	height:12px;
	cursor:pointer;
	background-color:#fff;
	font: 0/12px a;
	text-shadow:none;
	color:transparent;
	box-shadow:0px 1px 1px rgba(0, 0, 0, .3);
	
	vertical-align:top;
	webkit-border-radius:10px;
	moz-border-radius:10px;
	border-radius:10px;
}
.flex-control-nav a:active,
.flex-control-nav a:hover{
	background-color:#c52513;
}
.flex-control-nav .flex-active{
	background-color:#c52513;
	cursor:default;
}


.slides{position:relative; width:100%; overflow:hidden; height:auto; margin:0 0 0 0; padding:0 0 0 0;}
.slides li{position:absolute; height:100%; margin:0 0 0 0;}

.slider-button{
	position:absolute;
	bottom:80px;
	right:145px;
}

.slider-button a{
	text-decoration:none;
	font-family:"Open Sans", "Segoe UI", sans-serif;
	font-size:20px;
	line-height:20px;
	color:#FFFFFF;
	display:block;
	width:310px;
	height:60px;
	padding-top:20px;
	background-color:#c52513;
	text-align:center;
	transition: color .4988s ease-in-out;
	-webkit-transition: color .4988s ease-in-out;
	-moz-transition: color .4988s ease-in-out;
	-ms-transition: color .4988s ease-in-out;
	-o-transition: color .4988s ease-in-out;
	text-decoration:none;
	color:#fff;		
}
.slider-button a:hover{
	background-color:#f2f2f2;
	color:#c52513;
	border:1px solid #c52513;
	text-decoration:none;
	font-family:"Open Sans", "Segoe UI", sans-serif;
	font-size:20px;
	line-height:20px;
	padding-top:18px;
}
.slider-textbox{
	display:block;
	width:380px;
	height:150px;
	background-color:#FFF;
	position:absolute;
	top:100px;
	left:165px;
	
}
.slider-textbox p{
	font-family:"Open Sans", "Segoe UI", sans-serif;
	font-weight:400;
	font-size:32px;
	line-height:120%;
	color:#777777;
	margin:20px 0 0 46px;
}
.slider-textbox1{
	display:block;
	width:380px;
	height:150px;
	background-color:#fff;
	position:absolute;
	top:100px;
	left:205px;
	padding-left:34px;
	opacity:0.6;
}
.slider-textbox2{
	display:block;
	width:380px;
	height:150px;
	background-color:#fff;
	position:absolute;
	top:100px;
	left:245px;
	padding-left:34px;
	opacity:0.4;
}
.slider-textbox3{
	display:block;
	width:380px;
	height:150px;
	background-color:#fff;
	position:absolute;
	top:100px;
	left:285px;
	padding-left:34px;
	opacity:0.2;
}
.czerwony-p{
	color:#c52513;
}




/* BODY CONTENT */	


.body-content{
	position:relative;
	width:1280px;
	height:767px;
	background-color:#f2f2f2;
}
.prezentacja{
	display:block;
	width:320px;
	height:500px;
	background-color:#1b1b1b;
	cursor:pointer;
	border:thin;
	border-color:#666666;
	position:absolute;
	top:140px;
	left:120px;
}

*, *:after, *:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-sizing:border-box;
	-o-sizing:border-box;	
	box-sizing:border-box;}
#rysio{
	overflow:hidden; 
	text-align:center; 
	background-color:#f2f2f2; 
	padding-bottom:100px;
}
.pros{
	background-color:#1b1b1b;
	cursor:pointer;
	color:#5e5e5e;
	margin:20px;
	width:320px;
	display:inline-block;
	text-align:left;
	padding:18px;
	height:510px;
	vertical-align: top;
	border:1px solid #000;
	cursor:default;
	}
.pros:hover{
	background-color:#fff;
}
.pros img{
	width:318px;
}
	.pros .title, 
	.pros .pros-content,
	.pros a{
	transition: color .6988s ease-in-out;
	-webkit-transition: color .4988s ease-in-out;
	-moz-transition: color .4988s ease-in-out;
	-ms-transition: color .4988s ease-in-out;
	-o-transition: color .4988s ease-in-out;
	text-decoration:none;
	color:#5e5e5e;	
	}
	.pros figure{margin:-18px -18px 18px -18px}
	.pros:hover .title, 
	.pros:hover .pros-content{color:#1b1b1b}
	
	.pros:hover a{color:#c52513}


.pros-content ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.pros-content p,
.pros-content ul{
	height:175px;
	overflow:hidden;
}
.pros-more{
	margin:20px 0 0 0;
	padding:0 0 0 0;
}

.page-title{display:block; width:100%; position:relative; text-align:center; margin-top:0px; padding:50px 0 20px 0; background-color:#f2f2f2;}

.page-title small{display:block;}


.page-title h2 span:before{content:''; background:url(../img/cos-lewy-r.png) no-repeat; 	width:29px;
	height:18px; display:inline-block;  margin-right:40px;}
.page-title h2 span:after{
	content:'';
	margin-left:40px;
	background:url(../img/cos-prawy-r.png) no-repeat;
	width:29px;
	height:18px;
	display:inline-block;
	
}
.page-title h2{
	font-size:25px;
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#1b1b1b;
	margin:0px;
}
.page-title small{
	font-size:14px;
	line-height:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#727272;
	margin:10px 0 0 0;
}

.slogan-3{
	
	position:absolute;
	left:580px;
	top:80px;
	margin:0px;
	padding:0px;
	
}

.referencje{
	display:block;
	width:320px;
	height:500px;
	background-color:#1b1b1b;
	cursor:pointer;
	border:thin;
	border-color:#666666;
	position:absolute;
	top:140px;
	left:840px;
}
.referencje-lista li{
	list-style:none;	
}
.referencje-lista li p{
	color:#5e5e5e;
	margin:0px;
	padding:0px;
	font-size:14px;
}





#rysio .full-skreen{
	width:1280px;
	margin:auto;
}





/* MAPA */


#map{
	display:block;

	width:555px;
	height:369px;
	position:relative;
}

#background-map{background:url(../img/mapa-euro-2.png); position:relative; padding:40px 0 0 0}

#map.polska{background:url(../img/mapa-euro-2-poland-hover.png)}
#map.niemcy{background:url(../img/mapa-euro-2-germany-hover.png)}


.map-link.active{background:red}


/* KONTAKT */



#rysio #kontakt{
	text-align:center;
	font-size:35px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-indent:0%;
}
.content.form{
	margin:20px 0 0 0;
}
.form-block{
	margin:20px 0 0 20px;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:left;
}
.content.form{
	width:1280px;
	background-color:#f2f2f2;
}
.icon-pencil{
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
#message{
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.submit-button{
	margin:0 0 0 0;
	text-align:center;
	width:228px;
	height:30px;
}
.avatar-icon{
	background:url(../img/user3.png) no-repeat;
	display:block;
	width:23px;
	height:23px;
	float:right;
	margin:0 1050px 0 0;
}
.phone-icon{
	background:url(../img/mobile2.png) no-repeat;
	display:block;
	width:23px;
	height:23px;
	float:right;
	margin:0 1050px 0 0;
}
.email-icon{
	background:url(../img/envelope3.png) no-repeat;
	display:block;
	width:23px;
	height:23px;
	float:right;
	margin:0 1050px 0 0;
}







/* Map GOOGLE */


.google-map{
	border:1px solid #abadb3;
	padding:0px;
	overflow:hidden;
	text-align:left;
	float:left;
	clear:both;

	width:925px;
	margin:0px 0 0 20px;
}
.sidebar{
	text-align:left;
	margin:0 96px 0 0;
	float:right;
	color:#303030;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;	
}
.sidebar ul{
	margin:0 0 30px 0;
}
.sidebar li{
	line-height:28px;
}
.phone:before{
	content:'tr';
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	width:22px;
	height:22x;
	background:url(../img/phone-sign.png) no-repeat;
	margin-left:-29px;
	position:absolute;
	display:block;
	text-align:center;
	line-height:23px;
	top:3px;
	left:0px;
}
.skype:before{
	content:'tr';
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	width:22px;
	height:22x;
	background:url(../img/skype.png) no-repeat;
	margin-left:-29px;
	position:absolute;
	display:block;
	text-align:center;
	line-height:23px;
	top:3px;
	left:0px;
}
.avatar:before{
	content:'tr';
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	width:22px;
	height:22x;
	background:url(../img/address-book.png) no-repeat;
	margin-left:-29px;
	position:absolute;
	display:block;
	text-align:center;
	line-height:23px;
	top:3px;
	left:0px;
}
.mail:before{
	content:'tr';
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	width:22px;
	height:22x;
	background:url(../img/envelope.png) no-repeat;
	margin-left:-29px;
	position:absolute;
	display:block;
	text-align:center;
	line-height:23px;
	top:3px;
	left:0px;
}
.office:before{
	content:'tr';
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	width:22px;
	height:22x;
	background:url(../img/book.png) no-repeat;
	margin-left:-29px;
	position:absolute;
	display:block;
	text-align:center;
	line-height:23px;
	top:3px;
	left:0px;
}
.adress:before{
	content:'tr';
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	width:22px;
	height:22x;
	background:url(../img/location.png) no-repeat;
	margin-left:-29px;
	position:absolute;
	display:block;
	text-align:center;
	line-height:23px;
	top:3px;
	left:0px;
}

/*.sidebar p{
	margin:0 0 30px 0;
	position:relative;
}

*/
/*.bg-icon{
	background:url(../img/email.png) no-repeat;
	width:70px;
	height:70px;
	margin:100px;
}*/
.map-title{
	text-align:left;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#303030;
	margin:60px 0 20px 20px;
}
.map-title img{
	margin:0 0 0 20px;
}


/*.as-content, .as-sidebar{width:46%; margin:1%; min-height:300px; background:blue; float:left;}
.as-sidebar{background:red; float:right}
.full-width{clear:both}*/

/* OFERTA */


.left-content{
	width:60%;
	float:left;
	margin-bottom:20px;
	background-color:#f2f2f2;
}
.left-content h3{
	font-size:50px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	margin:0px;
}
#rysio h4{
	text-align:justify;
	font-size:25px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	margin:100px 20px 80px 20px;
	text-indent:5%;
}
.left-content a{
	margin:0 20px 0 0;
	text-decoration:none;
	color:#333;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	
}
.left-content a:hover{
	color:#FF0000;
}
.left-content img{
	width:743px;
}


.right-sidebar{
	width:40%;
	float:right;
	overflow:hidden;
	height:435px;
	display:inline-block;
	background:#f2f2f2;
}
.right-sidebar p{
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	margin:20px 0 40px 20px;
	text-align:left;
}
.slider-map-button a{
	text-decoration:none;
	font-family:"Open Sans", "Segoe UI", sans-serif;
	font-size:20px;
	line-height:20px;
	color:#FFFFFF;
	display:block;
	width:310px;
	height:60px;
	padding-top:20px;
	background-color:#c52513;
	text-align:center;
	transition: color .4988s ease-in-out;
	-webkit-transition: color .4988s ease-in-out;
	-moz-transition: color .4988s ease-in-out;
	-ms-transition: color .4988s ease-in-out;
	-o-transition: color .4988s ease-in-out;
	color:#fff;
	margin-left:93px;
	margin-top:119px;
	
}
.slider-map-button a:hover{
	background-color:#fff;
	color:#c52513;
	border:1px solid #c52513;
	text-decoration:none;
	font-family:"Open Sans", "Segoe UI", sans-serif;
	font-size:20px;
	line-height:20px;
	padding-top:18px;
}

/*
.sidebar-bar{
	width:150px;
	height:150px;
	display:block;
	background-color:#333333;
	margin:3px 3px 3px 3px;
	display:inline-block;
	cursor:pointer;
}
*/
#oferta-map{
	text-align:left;
	margin-left:20px;
}
.map-border .left-content img{
	border:1px solid #abadb3;
	display:inline-block;
	background-color:#f9f9f9;
	
}
.map-border{
	margin:0 20px 0 20px;
}
.right-sidebar h5{
	text-align:left;
	margin-left:20px;
	margin-top:0px;
	text-indent:0%;
	font-size:15px;
}








/* PROJEKTY */

.left-content-menu{
	background-color:#f2f2f2;
	width:25%;
	float:left;
	overflow:hidden;
}
.left-content-menu a,
.left-content-menu li{
	list-style:none;
	text-decoration:none;
	text-align:left;
	color:#fff;
	font-size:15px;
	line-height:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	padding:10px 10px 10px 10px;
	display:block;
}
.left-content-menu li{
	height:auto;
	padding:0px;
}
.left-content-menu a:hover{
	background-color:red;
	color:#fff;
}
.left-content-menu ul{
	background-color:#333333;
	width:300px;
	margin:80px 0 0 20px;
}
.right-content{
	background-color:#f2f2f2;
	width:75%;
	float:right;
	overflow:hidden;
	
}
.right-content .box{
	width:919px;
	display:block;
	margin:80px 20px 80px 20px;
}
.right-content p{
	text-align:left;
}
.box h5{
	margin:0px;
	padding-top:5px;
	width:799px;
	height:30px;
	background-color:#f2f2f2;
	color:#333333;
	text-align:left;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	clear:both;
}








/* OFERTA */

.left-content-offer{
	width:100%;
}
.left-content-offer li{
	text-align:left;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	margin:0 0 0 20px;
}
.left-content-offer h3{
	text-align:left;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	margin:0 0 20px 20px;
	
}
#rysio h4{
	
}
.left-content-offer img{
	float:right;
	margin:0 20px 0 0 ;
	border:1px solid #abadb3;
}
.left-content-offer h4{
	clear:both;
}
/*.right-sidebar-offer{
	width:50%;
	float:right;
	clear:right;
	margin:52px 0 0 0;
	
}
.right-sidebar-offer img{
	margin-left:-145px;
} */

.info-offer{
	margin:300px 0 0 0;
}
	
.circle p{
	width: 200px;
    height: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
	background-color:#c52513;
	margin:20px 0 20px 20px;
	float:left;
	color:#fff;
	cursor:pointer;
	padding-top:85px;
	color:#fff;
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-align:center;
}
.circle p:hover{
	background:url(../img/subtle_dots.png);
	color:#c52513;
	border:1px solid #c52513;
	transition: color .4988s ease-in-out;
	-webkit-transition: color .4988s ease-in-out;
	-moz-transition: color .4988s ease-in-out;
	-ms-transition: color .4988s ease-in-out;
	-o-transition: color .4988s ease-in-out;
	text-decoration:none;
	
}
.left-content-offer .slider-map-button,
.left-content-offer .slider-map-button a{
	margin:0 0 0 10px;
	
}




/* FOOTER */

.footer{
	
	height:200px;
	background-color:#303030;
	position:relative;
}
.adres p{
	padding:0px;
	margin:0px;
	color:#919191;
	font-size:13px;
	line-height:23px;
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	top:40px;
	left:165px;
}
.socjal-facebook p{
	color:#919191;
	padding:0px;
	margin:0px;
	font-size:13px;
	line-height:23px;
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	top:40px;
	left:350px;
}
.socjal-facebook a{
	color:#919191;
	position:absolute;
	text-indent:-999999px;
	display:block;
	width:30px;
	height:30px;
	top:40px;
	left:450px;
	background-image:url(../img/facebook-normal.png);
}
.socjal-facebook a:hover{
	background-image:url(../img/facebook-hover2.png);
}
.socjal-tweeter a{
	color:#919191;
	position:absolute;
	text-indent:-999999px;
	width:30px;
	height:30px;
	top:40px;
	left:490px;
	background-image:url(../img/tweet-normal.png);
}
.socjal-tweeter a:hover{
	background-image:url(../img/tweet-hover2.png);
}
.socjal-googleplus a{
	color:#919191;
	position:absolute;
	text-indent:-999999px;
	width:30px;
	height:30px;
	top:40px;
	left:530px;
	background-image:url(../img/googleplus-normal.png);
}
.socjal-googleplus a:hover{
	background-image:url(../img/googleplus-hover2.png);
}
.logo-footer{
	position:absolute;
	top:10px;
	left:650px
}








/* EN WERSJA*/




.slider-textbox .en-wersion p{
	font-size:28px;
	line-height:30px;
	margin:15px 0 0 8px;
}