@charset "iso-8859-2";
/* CSS Document */
* { padding: 0; margin: 0; }
img, a img { border:0; padding:0; margin:0;}
p { margin: 0; padding: 0; }
a:link, a:visited {
	color:#000000;
	text-decoration: none;
}

html, body {
	font: 16px/24px Open Sans, sans-serif;
	margin: 0;
	padding: 0;
	color: #303030;
}
h1 {
	font: Open Sans, sans-serif;
	font-size: 28px;
	font-weight: 300;
}
#logo {width: 100%; height:57px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #BE0206;
	 background: #202020; padding: 10px 0 0 0;}
#logo_cont { width: 1000px; text-align: left; margin: 0 auto 0 auto; height: 100%}
 
#menu { width: 100%; height: 32px; background: #303030; padding: 10px 0 0 0; }
#menu ul li {float: left;}
#menu ul,
#pod_menu_firma ul,
#pod_menu_realizacje ul
{width: 1000px; margin: 0 auto 0 auto; text-align:left;}
#menu ul li,
#pod_menu_firma ul li,
#pod_menu_realizacje ul li
{ display:inline; list-style: none; padding: 0px 20px 0 0;}
#menu ul li a:link,
#menu ul li a:visited,
#pod_menu_firma ul li a:link,
#pod_menu_realizacje ul li a:link,
#menu ul li a,
#pod_menu_firma ul li a:visited,
#pod_menu_realizacje ul li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	cursor:pointer;
}
#menu ul li a:hover,
#pod_menu_realizacje ul li a:hover,
#pod_menu_firma ul li a:hover
{ text-decoration: none; color: #BE0206; cursor:pointer;}
#pod_menu_firma,
#pod_menu_realizacje
{ width: 100%; height: 32px; background: #444444; padding: 10px 0 0 0; display:none; cursor:pointer;}
#menu_prawa {width: 200px; position: relative; float: right;}
#social {width: 70px; position: relative; float: left; padding: 2px 0 0 0;}
#social img {height: 20px;padding: 0 10px 0 0;}
#lang { width: 60px; text-align:right; position:relative; color:#FFFFFF; float: left;}
#lang a:visited, #lang a:link {color:#FFFFFF}
#lang a:hover {color:#BE0206}
.content {width: 1000px; margin: 0 auto 0 auto; overflow:auto;}
.content_katalog {width: 95%; position: relative; margin: 0 auto 0 auto;}
.content_katalog img {width: 100%; height: auto;}
.content_katalog #katalog_poprzednie,
.content_katalog #katalog_nastepne 
	{ width: 100px; position: absolute; z-index: 10; height: 100%; opacity: 0.1; filter: alpha(opacity=10);}
.content_katalog #katalog_poprzednie:hover,
.content_katalog #katalog_nastepne:hover
	{opacity: 0.5; filter: alpha(opacity=50);}
.content_katalog #katalog_poprzednie .przycisk,
.content_katalog #katalog_nastepne .przycisk {position: absolute; top: 45%; width: 100px; text-align: center; color: white;}
.content_katalog #katalog_poprzednie .przycisk,
.content_katalog #katalog_nastepne .przycisk img {width: 30px; height: 30px;}
.content_katalog #katalog_poprzednie {left: 0; }
.content_katalog #katalog_nastepne {right: 0;}
.content_katalog #info {margin: 0 auto 0 auto; width: 200px;}
.naglowek_belka {
	padding: 10px;
	margin: 10px 0 20px 0;
	border-left: 10px solid #c70800;
	font-weight: 300;
	font-size: 26px;
	color: #303030;
	background-color: #E5E5E5;
	display: inline-block;
}
.naglowek_belka_text_maly {
	padding: 10px;
	margin: 10px 0 20px 0;
	border-left: 10px solid #c70800;
	font-weight: 300;
	font-size: 18px;

	background-color: #E5E5E5;
	display: inline-block;
}
.news {
	width: 400px;
	float:left;
}
.news_belka {
	margin: 20px 0 10px 0;
	border-left: 10px solid #c70800;
	font-weight: 300;
	font-size: 26px;
	color: #303030;
	background-color: #E5E5E5;
	display: inline-block;
	float:left;
}
.news_belka_2 {
	margin: 10px 0 20px 0px;
	border-left: 10px solid #c70800;
	font-weight: 300;
	font-size: 24px;
	color: #303030;
	background-color: #E5E5E5;
	float:left;
}
.news_belka_maly_tekst {
	margin: 10px 0 20px 0px;
	border-left: 10px solid #c70800;
	font-weight: 300;
	font-size: 18px;
	color: #303030;
	background-color: #E5E5E5;
	float:left;
	text-align: left;
}
.news_belka p, .news_belka_2 p { padding: 10px;}
.news_belka_2 img {}
.fill_1 {width:100%; padding: 20px 0 20px 0;}
.fill_2 {width:100%; padding: 20px 0 20px 0; background:#f2f2f2; }

#glowna {
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: center;
	background-image: url(../images/glowna/remeb_strona_glowna.jpg);
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#galeria_mini {width: 900px; margin: 0 auto 0 auto;}
.mini_ramka { padding: 0 10px 10px 0; float:left; position:relative;}
.mini_ramka a p {
	height: 20px;
	width: 105px;
	background-color:#BE0206;
	color: #FFFFFF;
	font: 10px/20px Open Sans, sans-serif;	
	text-align:center;
	padding: 0;
	margin: 0;
	position:absolute;
	top: 85px;
	z-index: 10;
}
#galeria_srednie  {width: 900px; margin: 0 auto 0 auto;}
#galeria_srednie img { padding:5px 5px 0 0; margin: 0; }
#obrazek_1, #obrazek_2 {padding: 0; margin:0;}

.blok_zdjec {margin: 30px 0 0 0;overflow:hidden;}
.blok_zdjec .blok_tekst {float: left; padding: 10px; width: 280px;}
.blok_zdjec .fota {float: left; padding: 10px;}

.o_firmie_top {overflow: auto; }
.o_firmie_top p {width: 450px; padding: 0 40px 0 0; float:left; text-align: justify;}
.o_firmie_top img {width: 410px; height: auto;}
.teskt_o_firmie { padding: 10px; margin: 0px 0 0 0; overflow:auto;}
.teskt_o_firmie img {float:left;}
.teskt_o_firmie .tekst { margin: 0 0 0 90px;}
.teskt_o_firmie .tekst p {margin: 10px 0 10px 0; text-align: justify;}

.nagrody_opis { float:left; width: 400px;}
.nagrody_opis .czerwony {background-color:#BE0206; color:white; width: 360px; padding:10px;}
.nagrody_zdjecie {}

.znani_opis { float:left; width: 480px; margin:0 20px 0 0;}
.znani_opis p {
	padding: 0 0 10px 0;
	color: #9E9E9E;
}
.znani_zdjecie {}

/* Partnerzy */
.partnerzy_logo {width: 200px; height: 200px; background-color: white; float:left; display: table; margin: 10px;position:relative; cursor:pointer;}
.partnerzy_logo .logo {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	z-index: -1;
}
.partnerzy_info {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 180px;
	background:#FFFFFF;
	opacity: 0.0;
	padding: 10px;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
.partnerzy_info_small {
	font-size: 10px;
}

#projektanci {
	width: 100%;
	height: 100%;
	overflow: auto;
	background-image: url(../images/projektanci/projektanci_tlo.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -5;
}
.projektuja_belka {
	padding: 10px;
	margin: 10px 0 10px 10px;
	font-weight: 300;
	font-size: 26px;
	color: #303030;
	background-color: #E5E5E5;
	display: inline-block;
}
#projktant_1, #projktant_2, #projktant_3, #projktant_4, #projktant_5, #projktant_6 {cursor:pointer;}
#projektanci_tekst_1, #projektanci_tekst_2, #projektanci_tekst_3, #projektanci_tekst_4, #projektanci_tekst_5, #projektanci_tekst_6 { display:none; width: 850px; background-color: #E5E5E5; overflow:auto; padding: 0px 20px 10px 20px; margin: 0 0 0 10px;}
.projektuja {margin: 20px 0 20px 0; float:left; position:relative; }
.projektuja img { float: left; padding: 0 10px 0 0;}
.projektuja p { margin: 0 0 0 130px; display:block;}
.projektuja_zdjecia img {margin: 0 10px 0 0;}

#zdjecie_full {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background:#000000;
	display:none;
	position:fixed;
	color: white;
	text-align:center;
}
#zdjecie_full img { height: 100%; width: 100%; }
#zdjecie_full_navi { position:fixed; width:140px; height: 50px; right: 20px; top:20px; display: none; z-index: 101; text-align:right;}

.mapa_i_dojazd { position:relative;}
.dojazd { width: 200px; height: 40px; background-color: #BE0206; color: #FFFFFF; text-align:center; padding: 14px 0 0 0;
	z-index:2;
	position:absolute;
	bottom: 0px;
	right:0px;
}
#mapa_biuro, #mapa_bluecity, #mapa_gdynia, #mapa_uk {
		  height:450px;
		  width:100%;
		  z-index:1;
	  }