* {padding:0;margin:0;}
html {width:100%;height:100%;overflow-y: scroll;}
body {
  background: #f6f6f6;
  width: 100%;
	font: 14px/20px Tahoma, Verdana, Arial, sans-serif;
  line-height: 160%; 
  color: black;
  position:relative;
	}
  
#container {margin:0 auto;}

header {margin:10px 0;}
header img {max-width:100%;margin-bottom: 5px;}

aside {float:left;width:50%;height:100%;margin:0px; padding: 17px; box-sizing: border-box;}
aside nav ul {list-style:none; padding: 20px;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000;background:#FFC000;padding:8px 20px;}
aside nav ul li a:hover{background:#212121;color:#FFF;}
.aside-content {width:100%;height:100%; padding: 15px;border-style: solid; border-width: 0px; box-sizing: border-box; background-color: white;box-shadow: 0px 0px 10px #888888;}

.aside3 {float:right;width:35%;height:100%;margin:0px; padding: 25px; box-sizing: border-box;}
.aside-t2 {display: none;}
mainVIP {float:left;width:65%;height:100%;margin:0px; padding: 0px; box-sizing: border-box;}
#aside-content-main, #aside-content2 {width:100%;height:100%; padding:35px;border-style: solid; border-width: 0px; box-sizing: border-box; background-color: white;box-shadow: 0px 0px 6px #888888;}
#aside-content2 {padding:10px;}

footer {clear:both;color:#FFF;padding:15px 0 15px 30px;}

h1,h2 {color:grey;font: bold 170%/120% Verdana, Arial, sans-serif;margin:0 0 20px;}
aside ul {padding-left: 20px;}
aside li {padding-bottom: 7px;}

A.default:link {COLOR: #B3B1A2; TEXT-DECORATION: none;}
A.default:active {	COLOR: #B3B1A2; TEXT-DECORATION: none;}
A.default:visited { COLOR: #B3B1A2; TEXT-DECORATION: none;}
A.default:hover {	COLOR: red; TEXT-DECORATION: none;}


ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}

li {
    display: list-item;
}

ul#ul-header:before{
    content:attr(data-header);
    font-size:100%;
    font-weight:bold;
    margin-left:-25px;
}

.srodek_title	{ 
	margin-top: 0pt; 
	margin-bottom: 0pt; 
	text-indent: 0.2cm; 
	font-size: 60%; 
	font-weight: bold; 
	color: #423E31; 
	text-align: left;
	}
  
.srodek_txt	{ 
	line-height: 160%; 
	text-indent: -5pt; 
	margin-left: 10pt; 
	margin-right: 6pt; 
	margin-top: 0pt; 
	margin-bottom: 4pt; 
	font-size: 100%; 
	font-weight: normal; 
	color: #423E31; 
	text-align: left;
	}
  
.srodek_txt li {margin-bottom: 7px;}    
  
.porady_txt	{ 
	line-height: 160%; 
	text-indent: -5pt; 
	margin-left: 8pt; 
	margin-right: 6pt; 
	margin-top: 0pt; 
	margin-bottom: 4pt; 
	font-size: 93%; 
	font-weight: normal; 
	color: #423E31; 
	text-align: left;
	}
  
A.ciemny_under:link {COLOR: #423E31; TEXT-DECORATION: underline;}
A.ciemny_under:active {	COLOR: #423E31; TEXT-DECORATION: underline;}
A.ciemny_under:visited { COLOR: #423E31; TEXT-DECORATION: underline;}
A.ciemny_under:hover {	COLOR: red; TEXT-DECORATION: underline;}

.naglowek_1	{ 
	margin-top: 15px; 
	margin-bottom: 15px; 
	font-size: 150%; 
	font-weight: normal; 
	color: #423E31; 
	text-align: center;
	font-weight: bold;
  line-height: 150%; 
	}
  
    	    
.cennik_txtP2, .cennik_txtP2justify, .cennik_txtP2justify2 { 
	line-height: 160%; 
	text-indent: 0pt; 
	margin-left: 2pt; 
	margin-right: 0pt; 
	margin-top: 1pt; 
	margin-bottom: 8px; 
	font-size: 110%; 
	font-weight: normal; 
	color: #423E31; 
	text-align: left;
	}

.cennik_txtP2justify	{
 	text-indent: -10pt; 
	margin-left: 10pt; 
	margin-right: 0pt; 
	margin-top: 4pt; 
	margin-bottom: 5pt;
	text-align: justify;
	} 
  
.cennik_txtP2justify2 {   
	text-indent: 25px; 
	margin: 20px; 
	text-align: justify;
	} 
  
ul.cennik_txtP2 {
padding: 0 0 0 45px;
}  

.cennik_txtP2 li {
    padding: 4px 2px;
}


#cennik {margin-top: 20px; margin-bottom: 20px;}
#cennik th, td, caption{padding: 10px;}

.cennik_txt, .cennik_txt_center	{ line-height: 160%; text-indent: 0pt; margin-left: 2pt; margin-right: 0pt; margin-top: 1pt; margin-bottom: 0pt; font-size: 100%; font-weight: normal; color: #423E31; text-align: left;}

.cennik_txt_center	{ text-align: center; }

table.cennik_txt_center {
   margin-left:auto; 
   margin-right:auto;
 }

.cennik_txt_niewid	{ 
	font-size: 100%; 
	font-weight: normal; 
	color: grey; 
	text-align: center;
	}

A.cennik_txt_niewid:link {COLOR: grey; TEXT-DECORATION: none;}
A.cennik_txt_niewid:active {	COLOR: grey; TEXT-DECORATION: none;}
A.cennik_txt_niewid:visited { COLOR: #e8e7e4; TEXT-DECORATION: none;}
A.cennik_txt_niewid:hover {	COLOR: grey; TEXT-DECORATION: none;}
           
.proof_mysliki	{ 
	line-height: 150%; 
	margin-bottom: 6px; 
	font-size: 100%; 
	font-weight: normal; 
	color: #423E31; 
	text-align: left;
	}

h3 {
  margin-bottom: 0px; 
	font-weight: bold; 
	font-size: 14px; 
	margin-left: 0px; 
	color: #423E31; 
	line-height: 125%; 
	text-align: left;
}	

.textOpisUslugi	{ 
	line-height: 150%; 
	text-indent: 4%; 
	margin: 20px; 
	font-size: 12px; 
	font-weight: normal; 
	color: #423E31; 
	text-align: justify;
	}
  
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    margin-top: 20px;
    margin-bottom: 20px;
}
  
ul#ul-one {
	line-height: 150%; 
	text-indent: 0pt; 
	margin-left: 2pt; 
	margin-right: 0pt; 
	margin-top: 1pt; 
	margin-bottom: 8px; 
	font-size: 12px; 
	font-weight: normal; 
	color: #423E31; 
	text-align: left;
}

ul#ul-one li {
    margin-bottom: 10px;
}

.porady-container ul {
    padding-left: 15px;
}       

.porady-container li {
    padding: 7px 2px;
}

#ftp-container ul {
    padding-left: 20px;
}

#ftp-container li {
    padding: 0px 2px;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
@media (min-width: 1100px) {
#container {width:1050px;}
aside {height:280px;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
#container {width:950px;}
aside {height:290px;}
}
@media (max-width: 1000px) and (min-width: 800px) {
#container {width:750px;}
aside {height:320px;}
}
@media (max-width: 800px) {
#container {width:90%;}
aside {width:100%;}
main {width:100%;}
.aside3 {float: none;}
.aside-t1 {display: none;}
.aside-t2 {display: inline;}
h1 {font-size: 150%;}
#aside-content-main {padding:20px;}
.cennik_txtP2, .cennik_txtP2justify, .cennik_txtP2justify2 {font-size: 100%;}
.naglowek_1	{font-size: 135%;}
}

@media (min-width: 501px) {
header img {float: left;}
}

@media (max-width: 500px) {
header img {clear: both;}
h1 {font-size: 100%;line-height: 120%;}
#aside-content-main {padding:15px;}
.cennik_txtP2, .cennik_txtP2justify, .cennik_txtP2justify2 {font-size: 90%;}
.cennik_txtP2justify2 {margin: 0px;}
.naglowek_1	{font-size: 100%;}
.proof_mysliki, .cennik_txt_center, .srodek_txt li {font-size: 90%;}
.srodek_txt li {margin-bottom: 6px; line-height: 145%; }  
}