@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Niconne&subset=latin,latin-ext);
body{
	background-image:url(gfx/body-bg.png);
	background-repeat:repeat-x;
	background-color:#f3f3f3;
	margin:0px;
	padding:0px;
	}

.top_container{
	margin-left:auto;
	margin-right:auto;
	height:121px;
	width:900px;

}

.logo_container{
	height:121px;
	float:left;
	width:300px;
	text-align:left;
}

.logo_container a{
	display:block;
	margin-top:30px;
}

.logo_container a img{
	display:inline-block;
	vertical-align:middle;
}

#logo{
	padding-top:20px;
}

.top_nav{
	float:right;
	width:500px;
	height:121px;
	text-align:right;
	}


ul.top_nav {
display:table; padding:0; margin:0; list-style:none;
}
ul.top_nav li h1{
	
}
ul.top_nav li {
	display:table-cell;
	vertical-align:middle;
	height:121px;
}
ul.top_nav li a{
	display:table-cell;
	vertical-align:middle;
}
ul.top_nav li a span {
	display:block;
}
li#top_nav_home a, li#top_nav_home, li#top_nav_favorite a, li#top_nav_favorite, li#top_nav_poczta a, li#top_nav_poczta{

}
li#top_nav_home a, li#top_nav_home {

}
li#top_nav_favorite a, li#top_nav_favorite {

}
li#top_nav_poczta a, li#top_nav_poczta {

}
li#tags{
	width:400px;
	position:absolute;
	z-index:2;
	}


li#top_nav_home a:hover, li#top_nav_home
{
background-position: -0px -18px; 
}

li#top_nav_favorite a:hover, li#top_nav_favorite
{
background-position: -28px -18px; 
 }

li#top_nav_poczta a:hover, li#top_nav_poczta
{background-position: -56px -18px; 
 }


.main_nav{
	width:100%;
	background-color:#343434;
	z-index:9999;
	position:relative;
	}

.mid_container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}

.slider_container{
	/* padding-top:6px; */
	clear: both;
	z-index:9998;
	position:relative;
	}

.content_container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}

.boxes_container{
	width:900px;
	text-align:center;
	display:none;
	}

.boxes_container div.box{
	display:inline-block;
	width:33%;
	max-width:277px;
	height:212px;
	background-color:#3C9;
	margin:20px 15px;
	vertical-align:top;
	}

.boxes_container div.box:first-of-type{
	margin-left:0px;
	}
	
.boxes_container div.box:last-of-type{
	margin-right:0px;
	}

.article_container{
	width:770px;
	background-color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:2.0em;
	color:#333;
	padding:45px 65px;
	}
	
.article_container h1, .article_container h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	letter-spacing:-1px;
	width:100%;
	text-align:left;
	}

.zespol-box h2{
	font-size:28px;
	margin:40px 0 5px 0px;
	}

.zespol-box h3{
	margin:0px 0 0px 0px;
	}

.zespol-box p{
	margin:0px 0 20px 0px;
	text-align:justify;
	}


.article_container .artykul-lista{
	margin:0px;
	padding:0px 15px 0 0;
	width:65%;
	float:left;
	}

.article_container .artykul-lista h3{
	display:block;
	width:100%;
	
	}
	
.article_container .artykul-lista img{
	display:inline-block;
	float:right;
	margin-top:50px;
	padding:7px;
	margin:55px 7px 7px 7px;
	background-color:#F5F5F5;
	}

.article_container .galeria-mosty {
	float:right;
	width:30%;
	}

.article_container .artykul-zdjecia {
	padding:0px 0 0 15px;
	list-style:none;
	}

.footer_container{
	width:770px;
	background-color:#343434;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding:15px 65px;
	}

.footer_links_container{
	text-align:left;
	display:inline-block;
	padding-right:20px;
	vertical-align:top;
	}

.footer_links_container ul{
	padding:0px;
	margin:0px;
	list-style:none;
	}

.footer_links_container ul li{
	float:left; margin-right:15px;
	}

.footer_links_container ul li a{
	text-decoration:none;
	color:#666;
	font-family: Verdana,Geneva,sans-serif;
	font-variant: small-caps;
	color: #666;
	font-size: 11px;
	}
	
.content{
	padding-top:15px;
	margin-left:20px;
	padding-left:20px;
	padding-right:20px;
	width:569px;
	position:relative;
	padding-bottom:20px;
	}

.content img{
	padding:15px;
	margin-left:15px;
	background-color:#FFF;
	}
	
.content a img{
	padding:15px;
	background-color:#CCC;
	border:1px solid #999;
	}
.content a img:hover{
	background-color:#e5e5e5;
	border:1px solid #999;
	}


.partnerzy li, .partnerzy li a:link, .partnerzy li a:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14pt;
	color:#333;
	width:100%;
	text-align:left;
	}
	
.partnerzy li a:hover{
	color:#666;
	}
	
.content h3{
	font-family:"Times New Roman", Times, serif;
	font-weight:100;
	font-size:22px;
	letter-spacing:0px;
	color:#333;
	}
	
.content p{
	font-family:"Times New Roman", Times, serif;
	font-weight:100;
	font-size:16px;
	letter-spacing:0px;
	color:#333;
	line-height:1.5em;
	}
	
.content li{
	font-family:"Times New Roman", Times, serif;
	font-weight:100;
	font-size:16px;
	letter-spacing:0px;
	color:#666;
	line-height:1.5em;
	padding-bottom:15px;
	}

.mid_content_short_nav{
	margin-top:15px;
	margin-right:20px;
	width:200px;
	float:right;
	border-left:1px solid #DDD;
	padding-left:20px;
	
	}
	
.mid_content_short_nav h2{
	color:#999;
	letter-spacing:-2px;	
	}
	
.button{
	width:153px;
	height:34px;
	background-image:url(gfx/na_skroty_button.png);
	background-position:top;
	padding-left:36px;
	margin-bottom:8px;
}

.button:hover{
	background-position:bottom;
}

#button_content{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	padding-top:5px;
	
	}

#button_content a{
	display:block;
	width:153px;
	height:34px;
	text-decoration:none;
	color:#333;
	}
	
#button_content a:hover{
	color:#19659b;
	}
	

.menu{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

ul.menu {
display: inline-block;
padding:0px 0px;
margin:0;
}
ul.menu li {
line-height:0px;
display:inline-block;

float:left;
}

ul.menu li a{
	display:block;
	height:40px;
	text-decoration:none;
	font-family: "Playfair Display",serif;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: left;
	text-transform:uppercase;
	padding:10px 22px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-right:1px solid #4f4f4f;
	background-color:#343434;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

ul.menu li:last-of-type a{
	border-right:none;
	padding:10px 23px 10px 23px;
}

ul.menu li a:before{
	font-family: 'FontAwesome';
	content: "";
	position:absolute;
	display:block;
width: 16px;
height: 16px;
	background-color:#5e5e5e;
	margin-top:-23px;
	z-index:-1;
	color: #95bbe5;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 50%;
	margin-left: -8px;
}

ul.menu li a:hover:before{
	margin-top:-21px;
	background-color:#3f6b9c;
}

ul.menu li a:hover{
	background-color:#264d78;
}

ul.menu li a span{
	line-height:40px;
}

.kontakt_info{
	float:left;
	width:219px;
}

#kontakt_box{
	text-align:left;
	line-height:1.5em;
	padding-bottom:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}

#kontakt_box a{
	color:#333;
	text-decoration:none;
}

#kontakt_box a:hover{
	color:#999;
}

.kontakt_info img{
	background:none;
	padding:3px;
}

.kontakt_map{
	width:320px;
	margin-left:10px;
	float:right;
	text-align:center;
	padding:8px;
	border:1px solid #CDCDCD;
	
}

.kontakt_map a{
	color:#333;
	text-decoration:none;
}

.kontakt_map a:hover{
	color:#666;
}

.clear{
	clear:both;
}



.icon_nav{
	width:880px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
}

ul.icon_nav {
float:left; display: block; padding:0; margin:0; width:880px;
}
ul.icon_nav li {
float:left; line-height:0px;
}
ul.icon_nav li span {
display:none;
}
li#icon_nav_1 a, li#icon_nav_1, li#icon_nav_2 a, li#icon_nav_2, li#icon_nav_3 a, li#icon_nav_3, li#icon_nav_4 a, li#icon_nav_4{
display: block; height: 70px;
}
li#icon_nav_1 a, li#icon_nav_1 {
background: url(gfx/mid_content_icon_nav.png) no-repeat -0px 0px; width:217px;
}
li#icon_nav_2 a, li#icon_nav_2 {
background: url(gfx/mid_content_icon_nav.png) no-repeat -217px 0px; width:235px;
}
li#icon_nav_3 a, li#icon_nav_3 {
background: url(gfx/mid_content_icon_nav.png) no-repeat -452px 0px; width:167px;
}
li#icon_nav_4 a, li#icon_nav_4 {
background: url(gfx/mid_content_icon_nav.png) no-repeat -619px 0px; width:261px;
}



li#icon_nav_1 a:hover, li#icon_nav_1
{
background-position: -0px -70px; 
}

li#icon_nav_2 a:hover, li#icon_nav_2
{
background-position: -217px -70px; 
 }

li#icon_nav_3 a:hover, li#icon_nav_3
{background-position: -452px -70px; 
 }
 
li#icon_nav_4 a:hover, li#icon_nav_4
{
background-position: -619px -70px; 
 }












.footer{
	width:880px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}



#footer_logo{
	float:right;
	width:166px;
	height:85px;
	padding:0px;
	padding-left:15px;
	border-left:1px solid #333;
	}
.footer_box{
	height:85px;
	float:right;
	text-align:right;
	margin-left:0px;
}

.footer_box ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
.footer_box ul li{
	padding-left:3px;
	margin-left:3px;
	}
	
.footer_box ul li a:link, .footer_box ul li a:visited{
	text-decoration:none;
	color:#202020;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	float:left;
	}

.footer_box ul li a:hover{
	color:#333;
	}
	
#copyrights{
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	color:#666;
	font-size:11px;
	padding-right:15px;
	display:inline-block;
	margin:auto;
	vertical-align:top;
	line-height: 20px;
	}
#copyrights a{
	color:#5C5C5C;
	text-decoration:none;
	}
#copyrights a:hover{
	color:#939393;
	}

#counter{

	padding:0px;
	margin-top:35px;
	padding-right:15px;
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.tags{
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	color:#4D4D4D;
	clear:both;
	margin-top:25px;
	}

.tags p{
	font-size:9pt;
	color:#4D4D4D;
	float:left;
	padding:5px;
	margin:0px;
	}
	
.tags h1{
	font-size:9pt;
	color:#4D4D4D;
	float:left;
	padding:5px;
	margin:0px;
	}

.social{
	display:block;
	margin-bottom:25px;
	width:110px;
	float:left;
	background-image:url(gfx/polec.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:165px;
	}

.social_fb{
	height:30px
	}	

.social_linkedin{
	height:30px;
	padding-top:15px;
	}
	
.social_google{
	padding-top:10px;
	}



#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#FFF; color:#333; border:8px solid #CCC; width:659px; height:453px; background-image:url(../gfx/promocja_na_dobry_poczatek.jpg); background-repeat:no-repeat;}
#simplemodal-container-text{ padding:0px 0px 0px 0px;}
#simplemodal-container h2{font-size:28px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#333; text-align:center; margin-bottom:35px; font-weight:900; line-height:32px;}
#simplemodal-container h1{text-align:center;}
.simplemodal-close{
	position:absolute;
	margin-top:405px;
	margin-left:542px;
	cursor:pointer;
	float:right;
	clear:both;
	width:109px;
	height:33px;
	background-image:url(../gfx/zamknij.png); 
	background-repeat:no-repeat;
	
}


/* CzAJA */
ul.top_nav li a{
	font-family: 'Playfair Display', serif;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#213c5a;
	text-align:left;
	}
	
ul.top_nav li a:hover{
	color:#597594;
	}

li#top_nav_adres a{
	background-image:url(gfx/top_nav_home.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:28px;
}

li#top_nav_poczta a{
	background-image:url(gfx/top_nav_mail.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:28px;
	line-height:21px;
}

li#top_nav_tel a{
	background-image:url(gfx/top_nav_tel.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:28px;
	line-height:21px;
	display:block;
}

li#top_nav_poczta a:hover, li#top_nav_adres a:hover, li#top_nav_tel a:hover{
	background-position:bottom left;
}

div.slider_bg_container {
	text-align:right;
	}

div.slider_bg_container img{
	display:inline-block;
	}

div.cytat_container h2{
	font-family: "Playfair Display",serif;
	font-size: 22px;
	text-align:center;
	color:#616f7f;
	font-weight:lighter;
	margin:0px 0 15px 0px;
	padding:0px;
	}

.box a{
	font-family: "Playfair Display",serif;
	font-size: 14px;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	display:block;
	}
	
.box a img{
	position:relative;
	z-index:1;
	}

.box a div.arrow{
	position:relative;
	padding-right:30px;
	width:237px;
	z-index:99;
	top:-37px;
	background-color:#3F0;
	display:block;
	line-height:20px;
	text-align:right;
	}
	
.box a div.arrow:after{
	font-family: 'FontAwesome';
	content: "\f054";
	font-size:20px;
	position:absolute;
	margin-left:10px;
	line-height:1;
	padding-top:1px;
	}

.box a div.arrow span{	
	float: left;
	margin-left: 17px;
}

.box a div.overlay{
	position:relative;
	width:100%;
	height:212px;
	z-index:199;
	background-color: rgba(255, 255, 255, 0.0);
	display:block;
	margin-bottom:-212px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	}

.box a:hover div.overlay{
	background-color: rgba(255, 255, 255, 0.25);
	}

div.list{
	background-color:#fff;
	background-image:url(gfx/list_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:85%;
	padding:25px 0px;
	margin:55px auto;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.10);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.10);
	}

div.list p{
	padding:10px 35px;
	margin:auto;
	font-size:20px;
	font-family: "Playfair Display",serif;
	font-style:italic;
	color:#757575;
	}

div.list p.podpis{
	text-align:right;
	}
	
div.dane-teleadresowe-container{
	width:330px;
	float:left;
	}

div.dane-teleadresowe-container h4, div.formularz-kontaktowy-container h4, div.mapa-dojazdu h4{
	margin:0px 0 0px 0;
	font-family: "Playfair Display",serif;
	font-size:20px;
	color:#0f2b4c;
	}

div.dane-teleadresowe-container ul{
	list-style:none;
	margin:0px 0 15px 0;
	padding:0px;
	}

div.dane-teleadresowe-container ul ul{
	margin:0px 0 0px 0;
	}

div.dane-teleadresowe-container div.kontakt-box ul li{
	padding:4px 0px 4px 35px;
	margin:0px 0px;
	line-height:22px;
	}

div.dane-teleadresowe-container div.kontakt-box ul li li{
	padding:0px 0px 0px 0px;
	margin:5px 0px;
	}
	
div.dane-teleadresowe-container div.kontakt-box ul li h5{
	font-size:16px;
	font-family: "Playfair Display",serif;
	line-height:18px;
	padding:0px;
	margin:15px 0px 8px 0px;
	}

div.dane-teleadresowe-container div.kontakt-box ul li div{
	display:block;
	margin:12px 0px 12px 0px;
	}

div.dane-teleadresowe-container div.kontakt-box ul li.adres:before{
	font-family: 'FontAwesome';
	content: "\f041";
	font-size:24px;
	position:absolute;
	margin-left:-25px;
	margin-top:11px;
	line-height:1;
	padding-top:1px;
	color:#95bbe5;
	}

div.dane-teleadresowe-container div.kontakt-box ul li.godziny:before{
	font-family: 'FontAwesome';
	content: "\f017";
	font-size:24px;
	position:absolute;
	margin-left:-29px;
	margin-top:11px;
	line-height:1;
	padding-top:1px;
	color:#95bbe5;
	}

div.dane-teleadresowe-container div.kontakt-box ul li.godziny span{
	font-weight:bold;
	}

div.dane-teleadresowe-container div.kontakt-box ul li.telefon:before{
	font-family: 'FontAwesome';
	content: "\f095";
	font-size:24px;
	position:absolute;
	margin-left:-25px;
	margin-top:11px;
	line-height:1;
	padding-top:1px;
	color:#95bbe5;
	}

div.dane-teleadresowe-container div.kontakt-box ul li.email:before{
	font-family: 'FontAwesome';
	content: "\f0e0";
	font-size:24px;
	position:absolute;
	margin-left:-29px;
	margin-top:10px;
	line-height:1;
	padding-top:1px;
	color:#95bbe5;
	}

div.dane-teleadresowe-container div.kontakt-box ul li a:link, div.dane-teleadresowe-container div.kontakt-box ul li a:visited{
	text-decoration:none;
	color:#2f71b9;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
	}

div.dane-teleadresowe-container div.kontakt-box ul li a:hover{
	color:#4c89cd;
	padding-left:8px;
	}

div.formularz-kontaktowy-container{
	float:right;
	width:420px;	
	}

div.formularz-kontaktowy-container h4{
	margin-bottom:15px;	
	}


div.inside_content_container{
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	background-color:#F8F8F8;
	padding:20px;
	}
	
/* KONTAKT */

#star{
	color:#C00;
	font-size:16px;
}

.FormKontener{
	font-size:14px;
	font-family: "Playfair Display",serif;
}

.FormKontener div.label{
	width:100px;
	text-align:right;
	padding-right:14px;
	display:inline-block;
}

.FormKontener div.input{
	width:240px;
	text-align:left;
	display:inline-block;
	height:auto;
	padding-bottom:15px;
}

.FormKontener div.input input, .FormKontener div.input textarea{
	display:inline-block;
	vertical-align:middle;
	border:none;
	padding:8px;
	font-size:14px;
	width:100%;
	background-color:#EFEFEF;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
}

.FormKontener div.input textarea{
	width:240px;
	height:140px;
	vertical-align:text-top;
}

.FormKontener div.input textarea:hover{
	background-color:#fcfcfc;
}

.FormKontener div.input textarea:focus{
	background-color:#e6f2ff;
}

div#Zalacznik div.label{
	width:80%;
	text-align:center;
	display:block;
	height:auto;
	padding-bottom:15px;
	margin:auto;
	padding-right:0px;
}

div#Zalacznik div.input{
	width:80%;
	text-align:center;
	display:block;
	height:auto;
	padding-bottom:15px;
	margin:auto;
	padding-right:0px;
}

div.kontakt_2{
	text-align:right;
	}

div.kontakt_2 a{
	line-height:1px;
	}

div.kontakt_2 input{
	display:block;
	width:120px;
	margin:15px auto;
	background:none;
	background-color:#0f2b4c;
	text-transform:uppercase;
	font-size:22px;
	padding:10px 15px;
	border:none;
	color:#FFF;
	cursor:pointer;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
	}

div.kontakt_2 input:hover{
	background-color:#35557b;
	}

div.KomKontener.alert{
	font-size:14px;
	text-align:center;
	}

div.KomKontener.alert.red{
	color:#C00;
	}

div.KomKontener.alert.red div{
	background-color:#C00;
	padding:5px;
	color:#fff;
	}

div.KomKontener.alert.red div{
	background-color:#0C0;
	padding:5px;
	color:#fff;
	}
	
div.mapa-dojazdu{
	margin-top:35px;
	}

.most-szeroki{
	display:block;
	line-height:130px;
	height:130px;
	padding:0px;
	margin-bottom:30px;
	background-position:center left;
	background-repeat:no-repeat;
	}

.most-szeroki.most1{
	background-image:url(gfx/most1-szeroki.jpg);
	}

.most-szeroki.most2{
	background-image:url(gfx/most2-szeroki.jpg);
	}

.most-bottom{
	display:block;
	line-height:130px;
	height:130px;
	padding:0px;
	margin-top:30px;
	background-position:center left;
	background-repeat:no-repeat;
	clear:both;
	}

.most-bottom.most1{
	background-image:url(gfx/bottom-most1.jpg);
	}

.galeria-mosty{
	display:table;
	vertical-align:central;
	margin-bottom:35px;
	}

.galeria-mosty.dla-firm{
	height:940px;
	}

.galeria-mosty.dla-osob{
	height:1100px;
	}

.galeria-mosty .row{
	display:table-row;
	}

.galeria-mosty .row div{
	display:table-cell;
	vertical-align:top;
	}

.galeria-mosty .row div img{
	padding:8px;
	background-color:#F2F2F2;
	}