@charset "utf-8";
/* CSS Document */

/** SZKIC GLOWNY STRONY */

img{
    max-width: 100% !important;
    height: auto;
    display: block;
	border:none;
}

body {
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto;

	background-color:none;
	
	font-family: 'Myriad Pro', sans-serif;
	/** kolor szary jak w content lewa strona*/
	color:#0e2642;
	font-size:14px;
	
	/*background-image:url(./gfx/construction-yachts_tlo.jpg);
	background-repeat:repeat-x;*/

}

h2{ position:absolute; margin-top:-44px; padding-bottom:0px; font-size:26px; font-weight:100; color:white; text-shadow:0 0 6px black;}
.title{}

a{ 
	color:white;
	text-decoration:none;
}

a:hover{ color:#c4c4c4;}

p{ font-size:14px;}
p a{ color:red;}
p a:hover{ color:#5F5F5F;}

#PASEK{
	height:1px;
	clear:both;
	
	background-image:url(./gfx/construction-yachts2_01b.jpg);
	background-repeat:repeat-x;
}

.HACZYK{clear:both;}

#ALL_TOP{
	background-image:url(./gfx/construction-yachts-tlo.jpg);
	background-repeat:repeat-x;
}

#KONTENER_TOP{
}

#TOP {
	max-width: 1142px;
	/*max-height:115px;
	margin:0px;
	padding:0px;*/
	margin-left:auto;
	margin-right:auto;
	


}

#KONTENER_SLIDER{
	height:503px;

	background-image:url(./gfx/biuro_rachunkowe_progres_baner_2.jpg);
	background-repeat:none;
	background-position:center;
	
	clear:both;
}

#KONTENER_BANNER{
	min-height:30px;
	clear:both;
}

.logo{
	width:419px;
	height:113px;
	float:left;
	background-image:url(./gfx/construction-yachts-logo.png);
	background-repeat:none;
}

#ALL_TOP_INTRO{ background-color:none;}

.logo_intro{
	max-width:419px;
	max-height:153px;
	float:left;
}

#MENU_TOP{}
#MENU_TOP_INTRO{}

.rmm{
	margin-top:48px;
	
	font-size:15px;
	font-weight:500;
	background-color:none;
	
	float:right;
	background-color:none;
	position:relative;
		
}

.rmm_intro{
	margin-top:22px;
	
	font-size:15px;
	font-weight:500;
	background-color:none;
	
	float:right;
	background-color:none;
	position:relative;
		
}

.menu_odstep{padding-left:30px;}
.menu_odstep_a{padding-left:0px;}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}

ul li {
	display: inline;
	white-space: nowrap;
}

li{ 
	float:left;	
}

#ALL_CONTENT{
	background-image:url(./gfx/construction-yachts-tlo2.jpg);
	background-repeat:repeat-x;
	
	margin-top:-20px;
	padding-top:0px;
}

#CONTENT {
	background-color:white;
		
	clear:both;
	max-width: 1142px;
	/*margin:0px;
	padding:0px;*/
	margin-left:auto;
	margin-right:auto;
}

#KONTENER_CONTENT {
	min-height:300px;
	padding-left:20px;
	padding-right:20px;
	
	margin-top:20px;
}

#KONTENER_CONTENT a{ color:#0e2642;}
#KONTENER_CONTENT a:hover{ color:#5F5F5F;}


/*#ALL_KAFELKI{
	min-height:97px;
	
	background-image:url(./gfx/construction-yachts2_01.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#f6f6f6;
}*/
#ALL_KAFELKI{
	
	height:143px;
	
	background-image:url(./gfx/construction-yachts-kolko-tlo-content-all.png);
	background-repeat:repeat-x;
	
}

#KAFELKI{
	height:143px;
	max-width: 1142px;
	
	background-image:url(./gfx/construction-yachts-kolko-tlo-content.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
	background-color:none;
	
	margin:0px;
	padding:0px;
	
	margin-left:auto;
	margin-right:auto;
	
	padding-top:0px;
	padding-bottom:0px;

}

#KONTENER_KAFELKI{
	max-width: 1142px;
	margin-left:auto;
	margin-right:auto;
	
}
.KONTENER_KOLKO{
	/*
	width:143px;
	position:inherit;
	text-align:center;
	height:143px;
	width: 143px;*/
	
}

#kafelek{
	margin-right:24px;
	
	float:left;
	width:364px;
}

#kafelek_a{
	margin-right:0px;

}

#STOPKA{
}

#KONTENER_STOPKA{
	height:35px;
	padding-top:0px;
	
	max-width: 1142px;
	margin-left:auto;
	margin-right:auto;
}

#STOPKA__{
	float:left;
}

#STOPKA__2{
	float:right;
}

.stopka{font-size:16px; font-weight:500; font-weight:100;}

#stopka{color:#949494;}
.stopka1{font-size:22px; font-weight:900; margin-top:0px;}
.stopka2{font-size:15px; font-weight:100; margin-bottom:20px; padding-top:5px;}

.stopka2a{ padding-left:10px; padding-right:10px;}
.stopka2b{ padding-left:10px; padding-right:10px;}
.stopka2c{ padding-left:10px; padding-right:10px;}
.stopka2d{ padding-left:10px; padding-right:10px;}
.stopka2d_{color:#949494;}

.KONTENER-NAGRODY{ float:right; margin-top:25px; height:87px; width:306px;}
.KONTENER-BXM{ float:left; color:#4c4c4c; font-size:14px; padding-top:52px;}
.KONTENER-BXM-1{ float:left; padding-right:20px; border-right:1px #d8d8d8 solid;}
.KONTENER-BXM-2{ float:left; padding-left:20px; text-align:center; padding-top:9px; padding-bottom:auto; text-align:center;}

.klik{color:#4c4c4c;}
.klik-intro{color:white;}

.KONTENER-BXM-INTRO{ float:left; color:white; font-size:14px; position:fixed; width:100%; bottom:0px; z-index:1000; margin-left:40px; margin-bottom:25px;}

#myslidemenu_mobie{ display:none;}
#MENU_TOP2{ display:none;}

#MENU_TOP_INTRO2{ display:none;}

/*średni telefon lub IPad*/
/*@media only screen and (max-width: 995px) {
}*/

/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* menu rozwijane gora */

.jqueryslidemenu{
/*font: bold 12px Verdana;*/
	padding-top:0px;
	padding-bottom:17px;
	padding-left:10px;
	
	color: #6f6f73;
	font-size:14px;
	background: none;
	width: 100%;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	background: none; /*background of tabs (default state)*/
	/*color: white;*/
	
	padding: 0px 10px;
	border-right: none; /** moje *//** moje *//** moje *//** moje *//** moje *//** moje *//** moje */
	color: #2d2b2b;
	text-decoration: none;
	
}

.menu_odstep ul li a{background: #0d233a;} /** moje *//** moje *//** moje *//** moje *//** moje *//** moje *//** moje */

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;	
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: white;
}

.menu_odstep ul li a:link, .menu_odstep ul li a:visited{ /** moje *//** moje *//** moje *//** moje *//** moje *//** moje */
	color: white;
}


.jqueryslidemenu ul li a:hover{
	background: none; /*tab link background during hover state*/
	color: white;
}

.menu_odstep ul li a:hover{
	background: white; /*tab link background during hover state*/ /** moje *//** moje *//** moje *//** moje *//** moje */
	color: #0e2642;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
/*font: normal 13px Verdana;*/
	color: #6f6f73;
	font-size:13px;
	
	width: 130px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid white;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 6px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
 
/*najwieksza rozdzielczosc laptopów*/
@media only screen and (max-width: 1000px) {
	
	.rmm{ font-size:18px;}
	
	#KONTENER_STOPKA{
		height:55px;
	}
	
	#STOPKA__2{
		float:left;
		clear:both;
	}
}

/*najwieksza rozdzielczosc własna*/
@media only screen and (max-width: 1100px) {
	
	.stopka1{font-size:19px;}
	
	/*#facebook{ display:none;}*/
	.menu_odstep{padding-left:3px;}
	
	.logo_intro{
		max-width:319px;
		max-height:153px;
		float:left;
	}
	
	.jqueryslidemenu{
		margin-top:-7px;
	}

	#KONTENER_SLIDER{
		height:503px;
	
		background-image:url(./gfx/progres_baner3_2.jpg);
		background-repeat:none;
		/*background-position:center;*/
		background-position:left;
		
		clear:both;
	}
	
	#kafelek{
		margin-right:5%;
		
		float:left;
		max-width:30%;
	}
	
	#kafelek_a{
		margin-right:0px;
		float:left;
		max-width:30%;
	}

}

@media only screen and (max-width: 800px) {
	
	#stopka{clear:both; float:left; line-height:20px; margin-top:10px;}
	
	.rmm{ font-size:16px;}
	
	#KONTENER_STOPKA{
		height:55px;
	}
	.KONTENER-BXM{ float:left; color:#4c4c4c; font-size:14px; padding-top:52px; clear:both;}
	.KONTENER-BXM-1{ float:left; padding-left:10px; padding-right:10px;}
	.KONTENER-BXM-2{ float:left; padding-left:10px;}
	
	#KAFELKI{
		background-image: none;
	}
	
	#STOPKA__2{
		float:left;
		clear:both;
	}
	
	.menu_odstep{padding-left:10px;}
}

/*menu top*/
@media only screen and (max-width: 915px) {
		
	#myslidemenu{ display:none;}
	#MENU_TOP{ display:none;}
	#MENU_TOP_INTRO{ display:none;}
	
	#MENU_TOP2{ display:block; clear:both;}
	#MENU_TOP_INTRO2{ display:block; clear:both;}
	
	#myslidemenu_mobie{ 
		display: block;
		float:left;
		text-align:left;
	}
	
	#menu_mobile{ padding-left:20px; line-height:25px; font-size:16px; clear:both;}
	#menu_mobile2{ padding-left:30px; line-height:20px; font-size:14px; clear:both;}
}

/*najwieksza rozdzielczosc komórka*/
@media only screen and (max-width: 600px) {
	
	.KONTENER-NAGRODY{width:200px; height:auto; padding-top:16px;}
	
	/*.logo{
		width:324px;
		float:left;
		background-image:url(./gfx/biuro_rachunkowe_progres_logo2.jpg);
		background-repeat:none;
	}*/
	
	.kafelek{
		padding-right:0px;
		
		float:left;
		max-width:364px;
		min-width:200px;
	}
	
	#KONTENER_SLIDER{
		height:503px;
	
		background-image:url(./gfx/progres_baner2_2.jpg);
		background-repeat:none;
		background-position:center;
		
		clear:both;
	}

	/*.logo{
		max-width:324px;
		float:left;
		background-image:url(./gfx/biuro_rachunkowe_progres_logo2.jpg);
		background-repeat:none;
	}*/
	
	.rmm{
		font-size:20px;
		font-weight:400;
		background-color:none;
		float:left;
		
		margin-top:10px;
		background-color:none;
		position:relative;	
		clear:both;
	}
	
	ul{clear:both; height:170px;}
	
	li {
		clear:both;
		float:left;
	}
	
	.menu_odstep{padding-left:72px;}
	.menu_odstep_a{padding-left:72px;}
	
	#kafelek{
		margin-right:0px;
		
		float:left;
		max-width:100%;
	}
	
	#kafelek_a{
		margin-right:0px;
		float:left;
		max-width:100%;
	}

}

@media only screen and (max-width: 500px) {.KONTENER-BXM-2{ display:none;}}

@media only screen and (max-width: 380px) {
	.KONTENER-BXM-2{ display:block;}
	.KONTENER-NAGRODY{display:none;}
}

}

#STOPKA2{ clear:both;}

/* GOOGOE MAPS RESPONSYWNE */
/*
.google-maps {
position: relative;
padding-bottom: 90%; // (450 ÷ 500 = 0.9 = 90%)
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/