@font-face {
    font-family: 'CandaraRegular';
    src: url('../fonts/candara-webfont.eot');
    src: url('../fonts/candara-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/candara-webfont.woff') format('woff'),
         url('../fonts/candara-webfont.ttf') format('truetype'),
         url('../fonts/candara-webfont.svg#CandaraRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.wspolpraca a {
	text-decoration: none;
	font-size: 25px;
	color: #fff;
	font-family: 'CandaraRegular';
	margin-bottom: 3px;
	line-height: 88px;
	text-indent: -20px;
}

.wspolpraca a:first {
	margin-top:-2px;
}



.wspolpracabutiki , .wspolpracafirmy , .wspolpracainne {
	width:384px;
	height:92px;
	display:block;

}

.wspolpracabutiki {
	background: url(../images/butiki.jpg) center no-repeat;
}

.wspolpracafirmy {
	background: url(../images/firmy.jpg) center no-repeat;
}

.wspolpracainne {
	background: url(../images/inne.jpg) center no-repeat;
}


body{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	overflow-x:hidden;
}

.high {
	margin:0;
	text-align: center;
}

.high  ul {
	color:#FFF;
	background: #000;
	margin-left: -65px;
	margin-top: 0px;
	padding: 0;
	list-style-type: none;
	font-family: 'CandaraRegular';
	font-size: 15px;
}

.high  ul li {
	display:inline-block;
	padding:10px 10px 10px 10px;
}

.clr {
	clear: both;
}

.body_size {
	margin:auto;
	width:1000px;
}

.all{
	margin:auto;
	width:1000px;
	padding:10px 0 0 0;
}

.block_logo{
	float:left;
	width:168px;
	height:86px;
	background: url('../images/etre.jpg') no-repeat;
	margin: 8px 0px 30px 20px;
}

/*MENU*/

.menu_bg {
	float: right;
	padding: 2px 0px 2px 0px;
	margin: 18px 62px 0px 0px;
	font-family: 'CandaraRegular';
}

 ul.menu_ul {
	float:right;
	padding: 0;
	
}

 ul.menu_ul  {
	list-style-type: none;
}

 ul.menu_ul  li {
	float:left;
}

 ul.menu_ul  li a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 20px 10px 20px 10px;
	font-size: 20px;
	color: rgb(0, 0, 0);
}

ul.menu_ul  li a:hover {
	
	background:#000;
	color:#fff;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all0.51s ease-out;
	transition: all 0.5s ease-out;
	color:rgb(221, 207, 207);
}


#top_head {
	
margin-top:10px;
}

#top_head h1 {
	font-size: 50px;
	line-height: 30px;
	color: rgb(90, 90, 90);
}


/*SLIDER*/
#slider_two {
	width: 100%;
	height: 364px;
	background:rgb(54, 51, 51);
	overflow: hidden;
	/*background:rgb(236, 155, 135);*/
}


.first {
	position:absolute;
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
}

 .first {
	left: 0;
	-webkit-transform: rotate(-90deg);
	-moz-webkit-transform: rotate(-90deg);
	-o-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: 155px;
	margin-left: 20px;
}



.block_con{
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:1000px;
	position:relative;
}

.one {
	position:relative;
	float:left;
}


.one a {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:310px;
	display: block;

}

.one a img{
	box-shadow: 0 0 3px 2px #8a8a8a;
	margin: 10px 5px 0 0;

}




.one p {
	position: absolute;
	z-index: 1;
	font-size: 17px;
	top:0;
	display:block;
	padding: 5px 0px 0px 31px;
	width: 235px;
	/*color: rgb(255, 255, 255);*/
	color:#000;
	opacity: 1;

}




.block_con a img:hover{
	opacity:.4;
	-moz-opacity:.4;
	-o-opacity:.4;
	-webkit-opacity:0.4;
/*	-webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    z-index:100;*/
}

.footer{
	width: 100%;
	border-top: 3px solid #eee;
	height: auto;
	margin: 20px 0 0 0;
	color: #FFF;
	background: rgb(54, 51, 51);
	clear: both;
	float: left;
}

.footer h2 {
	border-bottom: 1px dotted #fff;
	width: 195px;
	font-size: 25px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
}

.footer p {
	font-size:14px;
}

#bottom_one, #tags {
	font-family: 'CandaraRegular';
	width:100%;
	clear:both;
	font-size:14px;
	text-align: justify;
	padding:2px;
}

#bottom_one {
	background: rgb(194, 194, 194);
	border-top: 3px solid #eee;
	color: #fff;
}

#tags {
	height: 100px;
	color:#fff;
	background: #fff;
	margin-bottom:5px;
}


.footer_con{
	margin:auto;
	width:1000px;
	padding:0;
}
.block_text_footer h1{
	font-size:15px;
	font-weight:bold;
}
.block_text_footer{
	margin:0;
	float:left;
	padding:0 10px 0 0;
	width:300px;
	margin-right: 22px;
}



.block_content_text{
	float: left;
	padding: 0 8px 0 0;
	margin: 60px 20px 0px -190px;
	width: 400px;
}

.block_content_text_long{
	float:left;
	margin:20px 0 0 0;
	padding:0 8px 0 0;
	width:95%;
}

.pikachoose {

	width: 520px;
	padding: 0;
	width: 520px;
	margin: 40px 70px -122px -22px;
	float: right;

}

/* Style the thumbnails */
.pika-thumbs{ float:left;padding: 0 16px; height: 250px; }
	.pika-thumbs li{ width: 144px; height:50%; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 500px;}
.pika-stage {position: relative;float:right; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px; text-align:center;}
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }
	.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	overflow: hidden;
	width:450px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
	display:none;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.slider_block{
	float:left;
	margin:0 30px 0 0 ;
	padding:0;
	width:450px;
}


/*kontakt*/
.button {
	color:#fff !important;
	background:#000 !important;
	text-align:center;
	width: 253px !important;
	height:30px;
	border:none;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

#contact_form input {
	margin:5px 0px 5px 0px;
	display: block;
	width:250px;
	background: #fff;
	height:30px;
	color:#000;
	border: 1px solid rgb(197, 191, 191);
}

#contact_form textarea {
	height:200px;
	width:246px;
	border: 1px solid rgb(197, 191, 191);
}


/*pagination*/


/*.jPaginate{
    
    position:absolute;
    bottom:0;  
	width:100%;
	clear:both:
}

.jPaginate ul {
	list-style-type:none;
}

.jPaginate ul li {
	display:inline-block;
}

.jPaginate ul li a {
	display:block;
	padding:5px;
	margin:5px;
}

.jPaginate ul li a:hover {
	cursor: pointer;
}
*/
.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width:100%;
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }