@charset "utf-8";

/* 
Realizacja: Creativehead.info

*/


/* import css */
/* ------------------------ */
@import url('reset.css');
@import url('jquery.css');




/* import fontow */
/* ------------------------ */
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Ovo);

/* ---------------------------------------------------------------------------------------------------------------------- */
                   /* -----*//* BASIC FORMAT *//*-----*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */




html, body{
	padding: 0 0;
	margin: 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #7e7e7e;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

body {
    width: 100%;
    background: url(../gfx/separator_foother.png)  repeat-y 50% 0 #2a3548;
	overflow-x: hidden;
}


::-moz-selection { /* Code for Firefox */
	background: #000;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}








 /*    HEADER PAGE    */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */





 /*    LOGO HEADER    */
/*--------------------*/
.logo {
	display: block;
	float: left;
	position: absolute;
	top: 96px;
	left: 67px;
	width: 294px;
	height: 251px;
	margin: 0;
	background: url(../gfx/cien_logo.png) no-repeat 0 0;
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
	text-decoration: none;
	opacity: 1;	
	z-index: 2;
}

.logotyp, .logotyp a {
	display: block;
	float: left;
	margin: 30px 0 0 30px;
	width: 199px;
	height: 201px;
	background: url(../gfx/logo.png) no-repeat 0 0;
	cursor: pointer;
	font-size: 0.1px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
	text-decoration: none;	
}


.logotyp a{
	margin: 0;
	background: url(../gfx/logo.png) no-repeat 0 -202px;	
	opacity: 0;		
	text-decoration: none;	
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}


.logo a:hover {
	opacity: 1;
}



 /*    SOCIAL MEDIA   */
/*--------------------*/
.social_media {
	display: block;
	float: right;
	height: 60px; 
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
}



.social_media .opis {
	display: block;
	float: left;
	margin: 25px 20px 0 0;
}




.facebook, .facebook a, .google, .google a {
	display: block;
	float: right;
	width: 55px;
	height: 55px;
	background: url(../gfx/social_icon.jpg) no-repeat 0 0;
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
	text-decoration: none;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}



 .facebook a {
	background: url(../gfx/social_icon.jpg) no-repeat 0 0px;
	opacity: 0;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}


 .facebook a:hover {
	background: url(../gfx/social_icon.jpg) no-repeat 0 -55px;
	opacity: 1;
}




.google {
	background: url(../gfx/social_icon.jpg) no-repeat -55px 0;
}


.google a {
	background: url(../gfx/social_icon.jpg) no-repeat -55px 0px;
	opacity: 0;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}


.google a:hover {
	background: url(../gfx/social_icon.jpg) no-repeat -55px -55px;
	opacity: 1;
}


 /*    SŁOWO WSTĘPU   */
/*--------------------*/



.slowo_wstepu {
	display: block;
	width: 100%;
	position: relative;
	height: 550px;
	background: url(../gfx/home/pasek_bottom_slider.png) no-repeat 0 100%, url(../gfx/home/slogan.png) no-repeat 610px 132px , url(../gfx/home/bg_slowo_wstepu_big.jpg) no-repeat 0 0  #003d99;
	z-index: 1;
	overflow: hidden;
}



.slowo_wstepu .ilustration_content {
	display: block;
	float: left;
	position: relative;
	width: 35%;
	height: 100%;
}


.slowo_wstepu .ilustration_content img {
	display: block;
	float: left;
	max-height: 100%;
}



.slowo_wstepu .content {
	display: block;
	float: right;
	position: relative;
	width: 65%;
	height: 100%;
}


.slowo_wstepu .content img {
	display: block;
	float: right;
	max-height: 165%;
}


.slowo_wstepu .bottom {
	display: block;
	float: left;
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: 0px;
	background: url(../gfx/pasek_bg_slowo_wstepu_bottom.png) no-repeat 0 0;
}



.tekst_glowny  {
	display: block;
	float: right;
	position: absolute;
	width: 59%;
	height: 48%;
	top: 247px;
	right: 5%;
	text-align: justify;
	z-index: 3;
}



.tekst_glowny  .tekst  {
	display: block;
	float: right;
	width: 100%;
	height: 100%;
}




.tekst_glowny .tekst  img {
	display: block;
	margin: auto;
	max-width: 100%;
}


.tekst_glowny .tekst  p {
	display: block;
	width: 100%;
	margin: 40px 0 20px 0;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px  1px 0px rgba(0, 0, 0, 0.6);
	line-height: 29px;
}




                   /* -----*//* FOOTHER *//*-----*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.foother, #foother {
	display: block;
	float: left;
	width: 100%;
	min-height: 75px;
	position: relative;
	bottom: 0;
	left: 0;
	background: url(../gfx/separator_foother.png) no-repeat 50% 0, url(../gfx/bg_pasek_foother.jpg) repeat-x  top center, url(../gfx/foother_bg.jpg) no-repeat top center  #2a3548;
}



/* Copyright */



.copyright {
	display: block;
	float: left;
	height: 7%;
	width: 35%;
	position: relative;
	margin: 20px 0 0 90px;
	font-size: .80em;
	color: rgba(255, 255, 255, 0.6);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.60);
}

.copyright p {
	display: block;
	float: left;
	margin: 10px 10px 0 0;
}


.copyright a {
	display: block;
	float: left;
	font-weight: bold;
	font-size: .9em;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	background: url(../gfx/hover_copytight.png) no-repeat 190% -20px rgba(0, 0, 0, 0);	
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #2075b1;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}


.copyright a:hover {
	background:  url(../gfx/hover_copytight.png) no-repeat -60% -20px #2075b1;
	border-bottom: 1px solid #00ccff;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
	padding: 10px 15px;	
}


 /*    COOKIES   */
/*--------------------*/
#cookies {
	display: block;
	float: right;
	height: auto;
	width: 45%;
	position: relative;
	margin: -60px 0 0 0;
	padding: 0 0 20px 0;	
	right: 3%;
	color: rgba(255, 255, 255, 0.6);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.60);	
	overflow: hidden;
}




#cookies  h4 {
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 5px 0 ;
	font-size: 12px;	
	color: rgba(255, 255, 255, 1);
	font-weight: bold;
} 


#cookies  h4 b {
	font-size: 12px;	
	
} 

#cookies p {
	display: block;
	float: left;
	width: 100%;
	font-size: 12px;	
	color: rgba(255, 255, 255, 0.6);	
	
} 

#cookies .content_wraper {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	top: 0;
	position: relative;
}


#accept-cookies-checkbox {
	display: block;
	float: right;
	width: 270px;
	height: 43px;
	background: url(../gfx/akceptuje_cookies.png) no-repeat 0 0;
	font-size: 0px;
	text-decoration: none;
	color: rgba(0, 0, 0, 0);
	position: absolute;
	right: 0;
	top: 10px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0);	
}

#accept-cookies-checkbox:hover {
	background: url(../gfx/akceptuje_cookies.png) no-repeat 0 -50px;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);	
}

                   /* -----*//* KONTAKT HOME *//*-----*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.kontakt {
	display: block;
	float: left;
	width: 337px;
	min-height: 480px;
	position: relative;
	top: 40px;
	left: 60px;
}

.kontakt img {
	display: block;
	float: right;
	max-width: 90%;
	margin: 0 0 0 0;
}

.kontakt .kontakt_wrapper {
	display: block;
	float: left;
	margin: 10px 0 0 10%;
	width: 90%;
	color: #7e7e7e;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
}


.kontakt .kontakt_wrapper h5 {
	display: block;
	float: left;
	width: 100%;	
	font-size: 17px;
	font-weight: normal;
	margin: 20px 0 0 0; 
}

.kontakt .kontakt_wrapper h4 {
	display: block;
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #323d50;
	margin: 0 0 8px 0;
	line-height: 20px;
}


                /* -----*//* Oferta HOME *//*-----*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block;
    max-width: 25%;
}

.elastislide-carousel {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 0 30px 0 0;
}




                   /* -----*//* SUBPAGE OFERTA *//*-----*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* lewa kolumna */
.left_colum_oferta {
	display: block;
	float: left;
	width: auto;
	background: #fff;
}


/* opis nazwy  oferty */
.sub_oferta_lewa_kolukmna {
	display: block;
	float: left;
	width: 100%;
	height: 300px;
	position: relative;
	top: 0;
	left: 0;
	background: url(../gfx/paragraf_subpage.png) no-repeat 45% 20px, url(../gfx/podstrona_oferta_bg_left_column.jpg) no-repeat 0 0;
	text-align: center;
	color: #fff;
	text-shadow: none;
	z-index: 2;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;	
}


.sub_oferta_lewa_kolukmna:hover {
	background: url(../gfx/paragraf_subpage.png) no-repeat 45% 10px, url(../gfx/podstrona_oferta_bg_left_column.jpg) no-repeat 0 0;
	box-shadow: 3px 3px 5px  rgba(0, 0, 0, 0.8), 3px 3px 155px -2px rgba(0, 0, 0, 0.9);	
}


.sub_oferta_lewa_kolukmna .header {
	display: block;
	margin:  205px auto;
	font-size: 2em;
	font-family:"Times New Roman", Times, serif ;
	text-transform: uppercase;
}





/* ilustracja */
.podstrona_oferta_ilustracja {
	display: block;
	float: left;
	width: 480px;
	height: 463px;
	background: #1a72ee;
	margin: -1px 0 0 0;
}


.podstrona_oferta_ilustracja img {
	display: block;
	float: left;
	width: 480px;
	height: 463px;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;	
}


.podstrona_oferta_ilustracja img:hover {
	opacity: 0.6;
}






/* kontakt */

/* kance adwokacka - adwokat Karol kulas nagłówek */


.left_colum_oferta .kontakt_wrapper {
    display: block;
    float: left;
	position: relative;
	margin: 0 0 0 20px;
}

.left_colum_oferta .kontakt_wrapper  h4 {
	display: block;
	float: left;
    font-size: 1em;
    line-height: 1em;
	font-weight: bold;
	margin: 0 0 20px 0;
}



.left_colum_oferta .logo_wrapper {
    display: block;
    float: left;
	position: absolute;
	left: 110%; 
}


.left_colum_oferta .logo_wrapper a {
	display: block;
	float: left;
	width: 142px;
	height: 93px;
	background: url(../gfx/logo_small_kontakt.png) no-repeat 0 0;
	font-size: 0px;
	text-decoration: none;
	color: rgba(0, 0, 0, 0);
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;	
}


.left_colum_oferta .logo_wrapper a:hover {
	opacity: 0.6;
}


.left_colum_oferta .kontakt_wrapper {
    width: 52%;
}

.left_colum_oferta .logo_wrapper {
    width: 25%;
	min-width: 142px;
}

/* SLIDER CONTAINER */
.slider_sub{
	display: block;
	float: left;
	width: 100%;
	height: 300px; 
	background: url(../gfx/bg_top_podstrona_oferta_right.png) no-repeat 100% 0, url(../gfx/bg_top_podstrona_oferta.jpg) no-repeat 0 0, url(../gfx/bg_top_podstrona_oferta_repeat_x.jpg) repeat-x 0 0;
}



.right_colum_oferta .slider_sub .header {
	display: block;
	float: left;
	width: 87%;
	margin: 30px 8% 5px 8%;
	padding: 0 0 5px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 1.4em;
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	text-transform: uppercase;
}



.slider_sub .slider_oferta {
    display: block;
    float: right;
    overflow: hidden;
    width: 90%;
    height: 25%;
	min-height: 250px;
    position: absolute;
    top: 50px;
    right: 80px;
}



/* CONTENT SUBPAGE */
.opis_oferty {
	display: block;
	float: left;
	width: 86%;
	min-height: 506px;
	padding: 0 7%;
}


.opis_oferty .header {
	display: block;
	float: left;
	width: 100%;
	max-width: 100%;
	margin: 20px 0 20px 0;
	padding: 0 0 10px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #323d50;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../gfx/ikona_opisowa.png) no-repeat 0 0;
	 
}



.opis_oferty .content {
	display: block;
	float: left;
	width: 98%;
	max-width: 98%;
}

.opis_oferty .content p {
	display: block;
	float: left;
	font-size: .83em; 
}


.opis_oferty .content h5 {
	display: block;
	float: left;
	margin: 20px 0;
	color: #069bdf;
	font-size: 1.1em;
}

.opis_oferty .content li {
	list-style: none;
	display: block;
	float: left;
	width: 100%;
	min-height: 25px;
	margin: 7px 0;
	font-size: .8em;
	padding: 0 0 0 30px;
	background: url(../gfx/icon_lista_ver1.png) no-repeat 0 2px;
}


.opis_oferty .content li:hover {
	color: #423e3d;
}


/* Zakończenie opisu oferty */
.oferta_end {
	display: block;
	float: left;
	width: 80%;
	height: auto;
	background: url(../gfx/bg_bottom_podstrona_oferta.jpg) no-repeat 0 0; 
}





/* button home */
.button_home, .button_home a {
	display: block;
	float: left;
	width: auto;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	box-shadow: 3px 3px 5px  rgba(0, 0, 0, 0.1), 3px 3px 15px -2px rgba(0, 0, 0, 0.0);	
	background: url(../gfx/button_blue_bg.png) no-repeat 0 0, url(../gfx/hover_copytight.png) no-repeat 600px -20px, url(../gfx/button_blue_bg_repeat.png) repeat-x 0 0; 
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}


.button_home {
	margin: 0 20px 0 0;
}

.button_home:hover {
	background: url(../gfx/button_blue_bg.png) no-repeat 0 -70px, url(../gfx/hover_copytight.png) no-repeat -50px 20px, url(../gfx/button_blue_bg_repeat.png) repeat-x 0 0;
	box-shadow: 3px 3px 5px  rgba(0, 0, 0, 0.3), 3px 3px 15px -2px rgba(0, 0, 0, 0.7);
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

.button_home a {
	padding: 10px 25px 10px 60px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	background: none;
}



/* button kontakt */
.button_kontakt, .button_kontakt a {
	display: block;
	float: left;
	width: auto;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), inset 0 0 0 rgba(0, 0, 0, 0), 3px 3px 5px  rgba(0, 0, 0, 0.1), 3px 3px 15px -2px rgba(0, 0, 0, 0.0);	
	background: url(../gfx/button_silver_bg_repeat.png) repeat-x 0 0; 
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}


.button_kontakt:hover {
	background: url(../gfx/button_silver_bg_repeat.png) repeat-x 0 0;
	box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 1), inset 0 0 30px rgba(0, 0, 0, 0.2), 3px 3px 5px  rgba(0, 0, 0, 0.1), 3px 3px 15px -2px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	color: #069bdf;
}

.button_kontakt a {
	padding: 10px 25px 10px 25px;
	color: #333e52;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	background: none;
}

.button_kontakt a:hover {
	color: #069bdf;
}






.button_wrapper {
    display: block;
    float: left;
    background:   url(../gfx/bg_bottom_podstrona_oferta_repeat2.jpg) repeat-x 0 0 ;
    width: 100%;
    min-height: 80px;
	padding: 35px 7%;
	margin: 45px 0 0 0;
}




#lista_b  li, #lista_c  li {
	background: url(../gfx/icon_lista_ver2.png) no-repeat 0 0;
}




#header_txt2 {
	font-size: 1.5em;
}


.space {
	display: block;
	float: left;
	width: 100%;
	height: 20px;
}

/* SCROLL */
.scrollbars{
	width: 100%;
	max-width: 100%;
	padding: 0 60px 0 0;
	height: 360px
}


.scrollbar-handle {
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #a3a7ad;
}




.scrollbar-path-vertical, .scrollbar-path-horizontal {
    position: absolute;
    background-color: #eee;
    background-color: rgba(220,220,220,0.5); 
    z-index: 100;
}
.scrollbar-path-horizontal {
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 10px;
}
.scrollbar-path-vertical {
    right: 5px; 
    top: 0; 
    height: 100%; 
    width: 10px; 
}



.scrollbar-handle{
    position: relative;
    top: 0;
    right: -20px;
    background-color: #000; 
}
.scrollbar-path-vertical .scrollbar-handle {
    height: 20%;
    width: 100%;
}
.scrollbar-path-horizontal .scrollbar-handle {
    width: 20%;
    height: 100%;
}
.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {

}
.scrollbar-content {
    padding: 0 20px 0 0;
}




.container_subpage {
    display: block;
    float: left;
    width: 100%;
    background: #fff;
	position: relative;
}

.container_subpage2 {
    display: block;
    float: left;
    width: 100%;
    height: 100%;	
}

.content_home {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	background: url(../gfx/home/1920/bg_oferta_home.jpg) no-repeat 0 0, url(../gfx/home/1920/bg_repeat_oferta_home.jpg) repeat-x 0 0 #fff;
}




.scrollbars2 {
	width: 100%;
	max-width: 100%;
	padding: 0 60px 0 0;
    height: 95%;
	min-height: 320px;
}



/* FOOTHER SUBPAGE */
#subpage_foother {
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);

}




.button_homepage_top a {
	display: block;
	float: right;
	width: 225px;
	height: 45px;
	position: fixed;
	top: 0;
	right: 0px;
	background: url(../gfx/powrot_do_strony_glownej_top.png) no-repeat 0 0;
	font-size: 0;
	text-decoration: none;
	color: rgba(0, 0, 0, 0);
	box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3), 0 0 25px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	z-index: 999999999;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}

.button_homepage_top a:hover {
	background: url(../gfx/powrot_do_strony_glownej_top.png) no-repeat 0 -48px;
}





/* PODSTRONA OFERTA */

.podstrona_oferta_ilustracja {
    margin: -1px 0px 0px;
    padding: 0;
    z-index: 999999;
    position: relative;
}


.podstrona_oferta_ilustracja, .podstrona_oferta_ilustracja img {
    width: 380px;
    height: 383px;
}

.right_colum_oferta {
    display: block;
    float: left;
    position: relative;
    width: 80%;
    margin: 0px 0px 0px 380px;
}




.opis_oferty {
    min-height: 428px;
}



/* ----------------------------------------------- ZMIANA HOME -------------------------------------------- */

.oferta {
	display: block;
	float: right;
	overflow: hidden;
	width: 72%;
	height: 385px;
	position: relative;
	top: 23px;
	right: 0;
	background: url(../gfx/home/left_arrow_bg.png) no-repeat -10px 110px, url(../gfx/home/right_arrow_bg.png) no-repeat 100% 100px;
}

.oferta .header {
	display: block;
	float: left;
	width: 90%;
	min-height: 80px;
	padding: 0 0  0 0;
	margin: 10px 0 0 0;
	background: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
}


.oferta #separator_oferty {
	box-shadow: none;
}


.oferta .header h3 {
	display: block;
	float: left;
	width: 100%;
	padding: 0 0  0 30px;	
    background: url(../gfx/oferta_icon.png) no-repeat 0 4px;
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3d485a;	
}


.slider_oferta2 {
    display: block;
    float: right;
    overflow: hidden;
    width: 95%;
	min-height: 350px;
    position: relative;
	top: 20px;
    right: 70px;
}


.slider_oferta2 .container {
    position: relative;
    max-width: 100%;
    display: block;
	right: 5%;
}




.slider_oferta2  .bx-wrapper {
    display: block;
    margin: auto;
    padding: 0px 90px;
    position: relative;
}




























/* SLIDER OFERTA HOME */





/* Wyglad boksow slidera */
.oferta_box_1, .oferta_box_1 a {
	display: block;
	float: left; 
	width: 198px;
	height: 59px;
	padding: 140px 0 0 0;
	margin: 0 6px 100px 6px;
	position: relative;
	overflow: hidden;
	background:  url(../gfx/paragraf.png) no-repeat 68px 34px, url(../gfx/bg_box_oferta1.jpg) no-repeat 0 0;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0);
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;	
}



.oferta_box_1:hover {
	width: 223px;
	height: 75px;
	padding: 170px 0 0 0;
	margin: -20px -6px 30px -6px;
	box-shadow:  0 0 25px rgba(0, 0, 0, 0.6);
	z-index:9;
}



 .oferta_box_1 a {
	display: block;
	float: left; 
	width: 226px;
	height: 245px;
	padding: 170px 0 0 0;
	margin: 0 0;
	position: absolute;
	top: 0;
	opacity: 0;
	left: -1px;
	transform:scale(1); 
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 		
	background:  url(../gfx/czytaj_wiecej.png) no-repeat center 575%, url(../gfx/paragraf.png) no-repeat 80px -705px, url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta1_hover.jpg) no-repeat 0 0;		
}


.oferta_box_1 a:hover {
	background: url(../gfx/czytaj_wiecej.png) no-repeat center 55%,  url(../gfx/paragraf.png) no-repeat 80px -305px, url(../gfx/paragraf.png) no-repeat 68px 1000px, url(../gfx/bg_box_oferta1_hover.jpg) no-repeat 0 0;	
	padding: 120px 0 0 0;
	opacity: 1;
	transform:scale(1); 
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 	
	box-shadow:  0 0 25px rgba(0, 0, 0, 0.6);
	z-index:9;
}


 .oferta_box_1 b {
	display: block;
	text-align: center;
	margin: 0 0 20px 0;
}



 .oferta_box_1 h4,  .oferta_box_1 p {
	display: none;
	margin: 500px auto;
	padding: 10px 0;
	width: 90%;
	border: 1px solid  #28d3ec;
	text-align: center;
	font-size: .8em;
	color: #28d3ec;
	font-weight: normal;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-transition: 0.3s all linear;		
}


 .oferta_box_1 h4:hover, .oferta_box_1 p:hover {
	 background: rgba(0, 0, 0, 0.2);
	 color: #fff;
}



.oferta_box_1:hover  h4,  .oferta_box_1:hover p {
	margin: 0px auto;
}




#b {
	background:  url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta2.jpg) no-repeat 0 0;	
}

#c {
	background:  url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta3.jpg) no-repeat 0 0;	
}


#d {
	background:  url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta4.jpg) no-repeat 0 0;			
}

#e {

	}

#e:hover {

}

#f {
	background:  url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta2.jpg) no-repeat 0 0;	
}

#g {
	background:  url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta3.jpg) no-repeat 0 0;	
}


#h {
	background:  url(../gfx/paragraf.png) no-repeat 68px 40px, url(../gfx/bg_box_oferta4.jpg) no-repeat 0 0;			
}


/* nowy slider */







.arrowprev, .arrowprev2 {
	display: block;
	float: left;
	width: 88px;
	height: 88px;
	position: absolute;
	left: 0;
	top: 180px;		
	background: url(../gfx/arrow_slider.png) no-repeat 0 0;
	cursor: pointer;
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
	text-decoration: none;
	z-index: 9999;
}




.arrowprev:hover, .arrowprev2:hover {	
	background: url(../gfx/arrow_slider.png) no-repeat 0 -99px;
}










.arrownext, .arrownext2 {
	display: block;
	float: left;
	width: 88px;
	height: 88px;
	position: absolute;
	right: 60px;
	top: 180px;		
	background: url(../gfx/arrow_slider.png) no-repeat -113px 0;
	cursor: pointer;
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
	text-decoration: none;
	z-index: 9999;	
}




.arrownext:hover, .arrownext2:hover {	
	background: url(../gfx/arrow_slider.png) no-repeat -113px -99px;
}








.slajder_nasza_ofery {
    display: block;
    float: left;
    width: 1035px;
	height: 390px;
    padding: 40px 21px 0 20px;
	margin: 0 120px 0 120px;
	position: relative;
	overflow: hidden;

}


.slajdy {
	display: block;
	float: left;
	height: auto;
	width: 1100px;
	position: absolute;
	margin: 0 0 0 0;
}






/* PODSTRONY OFERT */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



#obsluga_przedsiebiorcow, #prawo_cywilne, #prawo_karne,  #prawo_rodzinne,  #prawo_pracy,  #prawo_administracyjne,  #obsluga_urzedow,  #sprawy_odszkodowawcze{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	min-height: 1000px;
	padding: 0 0 74px 0;
}


#obsluga_przedsiebiorcow {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0,  url(../gfx/podstrony/1920/obsluga_przedsiebiorcow_bg.jpg) no-repeat 0 0 #fff;
}


#prawo_cywilne {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0, url(../gfx/podstrony/1920/prawo_cywilne_bg.jpg) no-repeat 0 0 #fff;	
}



#prawo_karne {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0, url(../gfx/podstrony/1920/prawo_karne_bg.jpg) no-repeat 0 0 #fff;	
}


#prawo_rodzinne {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0, url(../gfx/podstrony/1920/prawo_rodzine.jpg) no-repeat 0 0 #fff;	
}


#prawo_pracy {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0, url(../gfx/podstrony/1920/prawo_pracy_bg.jpg) no-repeat 0 0 #fff;	
}


#prawo_administracyjne {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0, url(../gfx/podstrony/1920/prawo_administracyjne_bg.jpg) no-repeat 0 0 #fff;	
}


#obsluga_urzedow {
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0, url(../gfx/podstrony/1920/obsluga_urzedow_bg.jpg) no-repeat 0 0 #fff;	
}


#sprawy_odszkodowawcze{
	background: url(../gfx/podstrony/1920/oferta_right_top_bg.jpg) no-repeat 100% 0,  url(../gfx/podstrony/1920/sprawy_odszkodawcze_bg.jpg) no-repeat 0 0 #fff;	
}



.left_colum_oferta {
	display: block;
	float: left;
    width: auto;
    max-width: 480px;
    min-width: 480px;
    height: auto;	
	position: absolute;
    background: none;
    left: 0px;
    top: 926px;
	padding: 0 0 74px 0;
	overflow: hidden
}


.mini_dane_kontaktowe {
	display: block;
	float: left;
	width: 390px;
	position: relative;
	margin: 0 45px 20px 45px; 
}

.left_colum_oferta .kontakt_wrapper {
    width: 220px;
	margin: 0 20px 0 0;
}


.left_colum_oferta .kontakt_wrapper h4 {
    font-size: 17px;
    line-height: 21px;
    font-weight: bold;
    margin: 0 0 30px 0;
	color: #323d50;
}


.left_colum_oferta .logo_wrapper {
	display: block;
	float: right;
    width: 150px;
    min-width: auto;
	left: 230px;
	top: 0px;
}


.left_colum_oferta .logo_wrapper a {
	display: block;
	float: right;
	width: 150px;
	height: 102px;
	background: url(../gfx/podstrony/1920/logo.png) no-repeat 0 0;
}


.left_colum_oferta .logo_wrapper a:hover {
	opacity: 0.6;
}



.right_colum_oferta {
	display: block;
	float: left;	
    width: auto;
	margin: 0 0 0 480px;
	position: relative;
	z-index: 9;
	background: none;
}


.slider_dla_podstron_ofert {
	display: block;
	float: left;
	width: 92%; 
	height: 330px;
	overflow: hidden;
    margin: -30px 110px 0 90px;
    position: relative;
	left: -6px;
}	



.container_subpage .slajder_nasza_ofery {
    width: 1030px;
    height: 250px;
    padding: 30px 21px 0px 0px;
	margin: 80px 90px 0px 99px;
}

.opis_oferty {
	display: block;
	float: left;
	width: 86%;
	min-height: 387px;
	padding: 0 126px 30px 126px;
}


.opis_oferty .header {
    margin: 28px 0px 23px 0;
    padding: 6px 0px 23px 50px;
    font-size: 15px;
    background: url(../gfx/ikona_opisowa-big.png) no-repeat 0px 0px;
}

.opis_oferty .content p {
    font-size: 14px;
}


.opis_oferty .content h5 {
    font-size: 14px;
	margin: 40px 0px 18px 0;
}


.opis_oferty .content li {
    margin: 7px 0px;
    font-size: 14px;
    padding: 0px 0px 6px 30px;
	background: url(../gfx/icon_lista_ver1.png) no-repeat  0px 5px ;
}


#czlon_a, #czlon_b, #numer, #email_naglowek {
	display: none;
}

#czlon_a, #czlon_b, #numer {
	display: inline-block;
	float: left;
}


 #numer {
	display: inline-block;
	float: left;
	widows: 0;
	height: 0;
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
}

#ukryj_email {
	display: none;
}

.email_podstrony {
	display: block;
	float: left;
	position: relative;
	width: 300px;
	bottom: 0px;
}