F@charset "utf-8";

.thrColFixHdr {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 30px 0 0 0 ; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/*############################################################################################################################*/
/*START - NAVIGATION */
.thrColFixHdr #top_nav {
font: 100% Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	border-bottom: 1px solid #FFA4A6;
	position: fixed;
	width: 100%;
	margin-top: -30px;
    z-index:20;
    background-color: #FFF;
    
	}

ul#menu{
	list-style: none;
	padding: 0px 0 0 0;
	margin: 0 0 0 10%;
	z-index:20;
 
}

 ul#menu li{
    color: #C7C2C0;
	float: left;
	position: relative;
	width: 129px;
	height:20px;
	text-decoration: none;
	font-size:12px;
	padding-top: 10px;
	z-index:20;
    

}

 ul#menu  a{
	 color: #C7C2C0;
	text-decoration: none;
	text-align: left;
	z-index:20;
    padding: 0px;

}
ul#menu  a:hover{
    padding-bottom: 3px;
    border-bottom: 4px solid #666;
    background-color:#F4F4F4;
    color: #666;
   }

ul#menu li ul{
	list-style: none;
	visibility:hidden;
	position: absolute;
	width:120px;
	top: 31px;
	left: 5px;
	background-color:#F2F2F2;
	text-align: left;
	z-index:20;
    padding-left: 10px;
	

} 

ul#menu li ul li {
position: relative;
z-index:20;
}
ul#menu li ul li:hover {
position: relative;
z-index:20;
width: 120px;
}

ul#menu li ul li ul{ /*dodanie dodatkowego pozimu w menu change - 1*/
list-style: none;
visibility:hidden;
position: absolute;
width:120px;
top: 0;
left: 100px;
padding-top: 0px;
z-index:20;
padding-left: 30px;

}

ul#menu li ul li ul li{
position: relative;
z-index:20;
}


ul#menu li:hover{
	background-color:#F2F2F2;
	height: 20px;
	z-index:20;
}
	 
ul#menu li:hover > ul{
visibility:visible !important;
z-index:20;
}
ul#menu li ul li:hover > ul{
visibility:visible !important;
z-index:20;
}
ul#menu li ul li ul li:hover > ul{ /*dodanie dodatkowego pozimu w menu change - 1*/
visibility:visible !important;
z-index:20;

}
/*KONIEC - NAVIGATION */
/*############################################################################################################################*/
.thrColFixHdr #middle_nav {
	float: left;
	height: 30px;
	background-color: #CCCCCC;
	width: 745px;
	margin-top: 2px;
	}
	ul#submenu{
	list-style: none;
	padding: 0px 10px 0 0;
	margin: 0px 0 0 0;

 
}

 ul#submenu li{
	color:#000000;
	float: left;
	text-decoration: none;
	font-size:12px;
	padding: 5px 10px 5px 10px;
	/*text-shadow: 0px -1px 0px rgb(29, 82, 163);*/
	border-right: 1px solid rgb(118, 158, 212);
	height: 20px;
	
	

}
 ul#submenu  a{
	color:#838383;
	text-decoration: none;
	text-align: left;
}
ul#submenu  a:hover{
	color:#FFFFFF;
	text-decoration: none;
	text-align: left;
}
ul#submenu li ul{
	list-style: none;
	visibility:hidden;
	position: absolute;
	width:150px;
	top: 30px;
	left: 0;
	background-color:#0066CC;
	text-align: left;

	

} 
ul#submenu li ul li {
position: relative;

}

ul#submenu li ul li ul{
list-style: none;
visibility:hidden;
position: absolute;
width:150px;
top: 0;
left: 50px;
padding-top: 10px;
}

ul#submenu li:hover{
	background-color:#003991;
	height: 20px;

}
	 
ul#submenu li:hover > ul{
visibility:visible !important;

}
.thrColFixHdr #container {
font: 100% Verdana, Arial, Helvetica, sans-serif;	
width: 1250px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #333333;
	
} 
.thrColFixHdr #header {
	background: #FFFFFF;
	padding: 0 5px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 120px;
	/*border-bottom: 2px solid #ccc;*/
} 

.thrColFixHdr #logotyp {   /* logo o wymiarach 200x100 */
	height:100px;
	width:200px;
	padding-top: 0px;
    float: left;
      margin: 10px 0px 0px 0px;
    
}
.thrColFixHdr #facebook { /*wyszukiwanie*/
	height:100px;
	width:100px;
	float: left;
    padding-top: 5px;
}
/*###################################################################*/
/*START - wyszukiwanie*/
.thrColFixHdr #search { /*wyszukiwanie*/
	height:100px;
	width:740px;
	float: left;
}

.thrColFixHdr #searchLogo{ /*wyszukiwanie*/
    height:100px;
	width:100px;
	float: left;
    margin:  0px 0px 0px 10px;
}
.thrColFixHdr #searchInputText { /*wyszukiwanie*/
	margin: 20px 0px 0px 20px;
    height:100px;
	width:500px;
	float: left;
}

.thrColFixHdr #searchInputText .selector { /*wyszukiwanie*/
	font-size: 26px;
    height:50px;
	width:500px;
    color: #CCC;
    border: 1px solid #D5E2FF;
	
}
.thrColFixHdr #searchInputSubmit { /*wyszukiwanie*/
    margin: 20px 0px 0px 0px;
	height:100px;
	width:100px;
	float: left;
}

.thrColFixHdr #searchInputSubmit .button{ /*wyszukiwanie*/
    font-size: 18px;
	height:54px;
	width:150px;
    border: 1px solid #D5E2FF;
    color: #8AB0FF;
    background-color: #F0F0F0;

}
.thrColFixHdr #searchInputSubmit .button:hover{ /*wyszukiwanie*/
background-color: #E4E4E4;

}
/*KONIEC - wyszukiwanie*/
/*###################################################################*/


.thrColFixHdr #top h1 {
	color: #666666;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
}

.thrColFixHdr #top_name {
	margin-top: 0px;
}

.thrColFixHdr #top_name a {
text-decoration: none;
}
.thrColFixHdr .top_3 {
	height: 80px;
	width: 110px;
	float: left;
	margin: 5px 5px 0 0;
}

.thrColFixHdr #description{ /*ops gazetka promocyjnana górze strony*/
	height: 100px;
	width: 300px;
	float: left;
	font-size: 10px;
	font-style: italic;
	text-align: justify;
	line-height: 10px;
	padding: 0;
	margin: 0;
}
.thrColFixHdr #description h1{
	color: #666666;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-style: italic;
	margin: 0;
	padding: 0;
}

.thrColFixHdr #description a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.thrColFixHdr #reklama_100{
	height: 100px;
	width: 750px;
	float: left;
	padding-top: 5px;
    padding-left: 5px;
    vertical-align: central;
    

}
.thrColFixHdr #reklama_1000{
	height: 95px;
	width: 850px;
	float: left;
	border-bottom: 1px solid #5A89A6;
	text-align: center;
	padding-top: 5px;
    padding-left: 150px;
	border-top: 1px solid #5A89A6;
    vertical-align: central;
    

}
.thrColFixHdr #reklama_1000_1{
	height: 95px;
	width: 850px;
	float: left;
	text-align: center;
	padding-top: 5px;
    display: block;
    text-align: center;
    
    

}
.thrColFixHdr #reklama_200{
	height: 205px;
	width: 755px;
	float: left;
	text-align: center;
	padding-top: 5px;
	z-index:1;

}
/*#############################################################################################*/
/*BLOG - START*/
.thrColFixHdr .subject_0{ /*NAGŁÓWKI - blog.php*/
	height: 100px;
	width: 293px;
	float: left;
	padding: 0px 0px 0px 5px;
	color: #CCC;	
    
    
}
.thrColFixHdr .subject_0 h2, .subject_0 a { /*NAGŁÓWKI - blog.php*/
		font-size:18px;	
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-weight: normal;
        text-decoration: underline;
        color:  #666;
}

.thrColFixHdr #blog_subject_1, #blog_subject_2, #blog_subject_3{
	height: 25px;
	width: 293px;
	float: left;
	padding: 0 0 0 0px;
    border-bottom: 1px solid #FFFFFF;
    vertical-align: central;
    border-bottom-right-radius: 10px ;
	
}

.thrColFixHdr #blog_subject_1 {
    background-color: #BFBFBF;	
}
.thrColFixHdr #blog_subject_1:hover {
    background-color: #CCC;	
}

.thrColFixHdr #blog_subject_1 a, #blog_subject_2 a, #blog_subject_3 a {
	font-size:16px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    
	
}

.thrColFixHdr #blog_subject_1 a:hover, #blog_subject_2 a:hover, #blog_subject_3 a:hover{
text-decoration: none;
color: #FFF;
}

.thrColFixHdr .blogArticle {
float: left;
width: 738px;
border: 1px solid #CCC;
border-bottom-right-radius: 10px ;
padding: 0px 10px 10px 10px;
margin: 5px 0px 10px 0px;
	
}
.thrColFixHdr #mainStream .blogArticle h2 {
font-size: 18px;
	
}

.thrColFixHdr #mainStream .blogArticle p {
font-size: 12px;
}

.thrColFixHdr #mainStream  .blogArticle a {
    float: right;
    text-decoration: none;
    color: #666;
    font-size: 12px;
	
}
.thrColFixHdr .blogPicture  {
    float: left;
    width:  100px;
    height: 100px;
    
	
}
/*BLOG - KONIEC*/
/*#############################################################################################*/

/*###############################################################################################*/
/*START KALENDARZ*/
.thrColFixHdr .kalendarz{
	color: #666;	
	width: 300px;
	float: left;
	padding: 1px 0px 5px 0px;
	font-size: 6px;
	
	
}
.thrColFixHdr .kalendarz h2{ /* kalendarz.php*/
		font-size:18px;	
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-weight: normal;
        text-decoration: underline;
}
.thrColFixHdr #dzien_1, #dzien_2, #dzien_3, #dzien_4, #dzien_5{
	height: 150px;
	width: 58px;
	float: left;
	font-size: 9px;
	text-align: center;
	display:block;
	color:#666;
	margin-left: 1px;
}
.thrColFixHdr #dzien_1, #dzien_2, #dzien_3, #dzien_4, #dzien_5{
	background-color: #BFBFBF;
    border-bottom-right-radius: 5px;
}

.thrColFixHdr #dzien_1:hover, #dzien_2:hover, #dzien_3:hover, #dzien_4:hover, #dzien_5:hover {
	height: 150px;
	width: 58px;
	float: left;
	font-size: 9px;
	text-align: center;
	display:block;
	color:#666;
	background-color:#D6D6D6;
	margin-left: 1px;
}

.thrColFixHdr #dzien_1 a, #dzien_2 a, #dzien_3 a, #dzien_4 a, #dzien_5 a  {
	font-size: 8px;
	display:block;
	text-decoration:none;
	color:#666;
}
.thrColFixHdr #dzien_1 a:hover, #dzien_2 a:hover, #dzien_3 a:hover, #dzien_4 a:hover, #dzien_5 a:hover {
	display:block;
	text-decoration:none;
	background-color: #354E79;
	color:#ffffff;
}
/*KONIEC KALENDARZ*/
/*###############################################################################################*/
.thrColFixHdr #kalendarium{
	height: 162px;
	width: 728px;
	float: left;
	padding: 0 5px 5PX 5px;
	font-size: 10px;
	
}

.thrColFixHdr #dni{
	height: 160px;
	width: 95px;
	float: left;
	padding: 0 0 0 5px;
	font-size: 9px;
	text-align: center;
	display:block;
	border: 1px solid #ccc;
	margin: 2px 2px 0 0;
	color:#0000FF;
	
}
.thrColFixHdr #dni:hover {
	height: 160px;
	width: 95px;
	float: left;
	padding: 0 0 0 5px;
	font-size: 9px;
	text-align: center;
	display:block;
	border: 1px solid #ccc;
	margin: 2px 2px 0 0;
	color:#0000FF;
	background-color:#7EB1B3;
}

.thrColFixHdr #dni a {

	display:block;
	text-decoration:none;
	color:#333333;
	
}
.thrColFixHdr #dni a:hover {
	display:block;
	text-decoration:none;
	background-color: #CCCCCC;
	color:#000000;
}

	

.thrColFixHdr #sidebar1 {
	width: 100px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 5px 0px 0px; /* padding keeps the content of the div away from the edges */
	float: left;
	margin: 0px 5px 0 0;
	border-top: 1px solid #E9E9E9; /*change 1 - zmiana grubości */
    border-right: 3px solid #CCC; 
    border-top-right-radius: 3px;
	
}

.thrColFixHdr .sidebar1ReklamaHigh {
	float: left; /* since this element is floated, a width must be given */
	width: 100px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 250px;
	border-bottom: 1px solid #CCC;
}
/*###################################################################################################################*/
/*START - MENU */
.thrColFixHdr #menu_kategorie {
	color:#666666;
	width: 100px;
	margin-top:2px;
	font-size: 12px;
	padding-left: 5px;
	text-decoration: none;
	text-align: left;
	}
.thrColFixHdr #menu_kategorie h2 {
    color: #666666;
    font-size: 12px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
	
		
	.thrColFixHdr #menu_kategorie a, #menu_kategorie a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #666666;
	font-size: 10px;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
	font-weight: normal;		
	}
	
	.thrColFixHdr #menu_kategorie a:hover{
	color:#FFFFFF;
	background-color:#3676B9;
	}
  /*KONIEC - MENU */  
 /*###################################################################################################################*/

.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
	margin: 0px 0px 0px 6px;
     border-top: 1px solid #E9E9E9; /*change 1 - zmiana grubości */
   
	
}

	.thrColFixHdr #ocena {
	width: 285px;
	float: left;
	padding: 1px 0px 0 0;
	font-size:12px;
	border-top: 1px dotted #5A89A6;
	border-bottom: 1px dotted #5A89A6;
	}
.thrColFixHdr .sidebar2Reklama {
	float: left; /* since this element is floated, a width must be given */
	width: 285px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 80px;
	border-bottom: 1px dotted #5A89A6;
	padding: 1px 0px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:justify;
}
/*###########################################################################################################*/
/*START - REKLAMA 250 x 250 */
.thrColFixHdr .sidebar2ReklamaBig {
	float: left; /* since this element is floated, a width must be given */
	width: 300px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 260px;
	padding: 5px 0 5px 0px;
    }
/*KONIEC - REKLAMA 250 x 250 */
/*###########################################################################################################*/
.thrColFixHdr .sidebar2Populare {
	float: left; /* since this element is floated, a width must be given */
	width: 285px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 200px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 15px;
}
.thrColFixHdr #sidebar2PopulareBig {
	float: left; /* since this element is floated, a width must be given */
	width: 140px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 188px;
	margin: 0px 10px 3px 2px;
	padding: 5px 5px 5px 5px;
}
.thrColFixHdr #sidebar2PopulareBig:hover {
	float: left; /* since this element is floated, a width must be given */
	width: 140px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 188px;
	margin: 0px 10px 0 2px;
	padding: 5px 5px 5px 5px;
	background-color: #993333;
}
.thrColFixHdr .sidebar2PopulareSmall {
	float: left; /* since this element is floated, a width must be given */
	width: 70px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 94px;
	padding: 5px 5px 4px 5px;
	

}
.thrColFixHdr .sidebar2PopulareSmall:hover {
	float: left; /* since this element is floated, a width must be given */
	width: 70px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 94px;
	padding: 5px 5px 4px 5px;
	background-color: #993333;
}

.thrColFixHdr #sidebar2Kategorie {
	width: 285px;
	float: left;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;	
	color: #CCCCCC;
}
.thrColFixHdr .sidebar2KategorieIndex  {
	width: 140px;
	height:15px;
	color: #666666;
	font-size: 10px;
	color: #CCCCCC;
	float: left;
}
.thrColFixHdr  .sidebar2KategorieIndex:hover {
	width: 140px;
	height:15px;
	color: #CCCCCC;
	background-color:#003B85;
	font-size: 10px;	
}
.thrColFixHdr .sidebar2KategorieIndex a  {
text-decoration:none;
padding-left: 20px;

}
.thrColFixHdr .sidebar2KategorieIndex a:hover {
text-decoration:none;
	color: #CCCCCC;
}
.thrColFixHdr #mainContent {
	/*margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0;
	width: 1070px;
	float: left;
	
} 

.thrColFixHdr #mainSteamRules {
	padding: 0px;
	width: 760px;
	float: left;
	text-align:justify;
	
} 
.thrColFixHdr #mainStream {
font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px;
	
	width: 757px;
	float: left;
	text-align:justify;
    border-top: 1px solid #E9E9E9; /*change 1 - zmiana grubości */
   
	
} 
.thrColFixHdr #mainStream h2 {
	font-size:14px;
	color:#666666;
	padding: 0 10px 0 20px;
	
} 

.thrColFixHdr #mainStream p {
	font-size:12px;
color:#666666;
	padding: 0 10px 0 20px;
	
	
} 

.thrColFixHdr #mainStreamMagazin {
	/*margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px;
	height: 100%;
	width: 1000px;
	float: left;
	text-align:justify;
    border-top: 1px solid #E9E9E9; /*change 1 - zmiana grubości */
   
	
} 
.thrColFixHdr #mainStreamMagazin h2 {
	font-size:14px;
	color:#666666;
	padding: 0 10px 0 20px;
	
} 

.thrColFixHdr #mainStreamMagazin p {
	font-size:12px;
color:#666666;
	padding: 0 10px 0 20px;
	
	
} 
/*##############################################################################################################*/
/*START - KRÓTKI OPIS STRONY*/
.thrColFixHdr #mainStreamShopDescription {
	height: 120px;
	width: 760px;
	float: left;
	text-align:justify;
    background-color: #F2F2F2;
    
	
} 

.thrColFixHdr #mainStreamShopDescriptionLong {
	height: 120px;
	width: 1000px;
	float: left;
	text-align:justify;
    background-color: #F2F2F2;
    
	
} 
.thrColFixHdr #mainStreamShopDescriptionLogo {
	margin: 10px 0px 10px 10px; 
	height: 100px;
	width: 120px;
	float: left;
	border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 2px 2px 5px #888888;
    text-align: center;
    background-color: #F9F9F9;
    } 
    .thrColFixHdr #mainStreamShopDescriptionLogo p{
	padding:  0px 0px 0px 0px;
    margin: 20px 0px 1px 0px;
    text-align: center;
    font-size: 18px;
    
    }   
   .thrColFixHdr #mainStreamShopDescriptionLogoFrom {
    margin:  2px 2px 2px 2px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #CCCCCC;
    height: 20px;
    
    }    
  .thrColFixHdr #mainStreamShopDescriptionLogoFrom p{
	padding:  0px 0px 0px 0px;
    margin: 1px 0px 1px 0px;
    text-align: center;
    font-size: 14px;
    
    }   
.thrColFixHdr #mainStreamShopDescriptionRating {
	padding: 0px 0px 0px 0px;
    height: 100px;
	width: 200px;
	float: left;
    margin: 0px 0px 0px 10px;
	  
	
} 
.thrColFixHdr #mainStreamShopDescriptionRating p {
	margin: 10px 0px 5px 0px;
    padding: 0px;
 
}
/*KONIEC - KRÓTKI OPIS STRONY*/
/*##############################################################################################################*/
.thrColFixHdr #mainStreamWindow  {
height: 600px;
	width:740px;
	
	
} 
/*#############################################################################################################*/
/*START - WYŚWIETKANIE GAZETEK*/

.thrColFixHdr #mainStreampolecamy {
	height: 270px;
	width:178px;
	float: left;
	text-align: center;
    font-size: 14px;
    color:  #CCC;
	margin: 5px 0px 5px 2px;
	padding: 4px 3px 2px 3px;
    border: 1px solid #E1E1E1;
    
} 
.thrColFixHdr #mainStreampolecamy:hover {
	height: 270px;
	width:178px;
	float: left;
	text-align: center;
	margin: 5px 0px 5px 2px;
	padding: 4px 3px 2px 3px;
	background-color: #C7C2C0;
    color: #FFF;
    
} 
/*KONIEC - WYŚWIETKANIE GAZETEK*/
/*##############################################################################################################*/

.thrColFixHdr #mainStreamPolecamyMenu  {
	float: left;
	width: 750px;
	height: 20px;
	background-color:#990000;
	border-bottom: 1px solid #ccc;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin-top: 5px;
}
.thrColFixHdr #godzinyOtwarcia {
	float: left;
font: 100% Verdana, Arial, Helvetica, sans-serif;
width: auto;
font-size: 10px;

	
	
}
.thrColFixHdr #godzinyOtwarcia table {
width: 705px;
margin-left: 20px;
	
}
.thrColFixHdr #godzinyOtwarcia td {
border-bottom: 1px solid #ccc;
	font-size: 12px;	
}
.thrColFixHdr #mainStreamMapa {
	float: left;
font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	
}
.thrColFixHdr #mainStreamMapaOpis h1 {
font-size: 14px;
color:#333333;
	
	
}
.thrColFixHdr #mainStreamMapaOpis {
border-top: 1px solid #ccc;

	
	
}
.thrColFixHdr .mainStreamMiasta  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 170px;
	height: 320px;
	border-bottom: 1px solid #ccc;
	color:#000000;
	font-size: 12px;
	padding: 10px 0 10px 15px;
	margin-top: 5px;
	text-decoration:none;
	
}
.thrColFixHdr .mainStreamMiasta a {
font: 100% Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#333333;
}
.thrColFixHdr #mainContent_add {
	height: 500px;
	padding: 10px 10px 0 200px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 150px;
	background-color: #E1E1E1;
} 
.thrColFixHdr #mainContent_add p {
	font-size:12px;
	color:#666666;
	padding: 0 10px 0 25px;
	text-align:justify;
} 
.thrColFixHdr #mainContent_add h2 {
	font-size:14px;
	color:#666666;
	padding: 0 10px 0 20px;
} 
.thrColFixHdr #mainContent_regulamin {
	height: 850px;
	padding: 10px 10px 0px 200px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 150px;
	background-color: #E1E1E1;
} 
.thrColFixHdr #mainContent_regulamin p {
	font-size:12px;
	color:#666666;
	padding: 0 10px 0 25px;
	text-align:justify;
} 
.thrColFixHdr #mainContent_regulamin h2 {
	font-size:14px;
	color:#666666;
	padding: 0 10px 0 20px;
} 
.thrColFixHdr #mapa {
float: left;
height:550px;
width:720px;
margin: 10px 0 0 25px;
padding-top: 20px;
} 
.thrColFixHdr #polecamy {
	height: 250px;
	width:180px;
	float: left;
	text-align: center;
	margin: 5px 0 5px 3px;
} 

.thrColFixHdr #data_p {
	/*background-color: #cccccc;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	width:180px;
	float: left;
	text-align: center;
	margin: 5px 0 5px 3px;
	font-size: 10px;
	border: 1px solid #ccc;

	}
.thrColFixHdr #reklamaadtaily {
margin-top: 10px;
float:left;
} 	
.thrColFixHdr #reklama1 { /*reklama banner pod pierwszym rzędem gazetek*/
	height: 105px;
	width:755px;
	padding:0px 0 0 0px;
	margin-bottom: 10px;
	float: left;
	z-index: 1;

} 
.thrColFixHdr #partnerzy { /*reklama banner pod pierwszym rzędem gazetek*/
	height: 500px;
	width:728px;
	padding:10px 0 0 10px;
	margin-bottom: 10px;
	float: left;

} 
/*############################################################################*/
/*START - drugi rząd gazetek*/
.thrColFixHdr #aktualne { /*drugi rzad gazetek */
	height: 200px;
	width:140px;
	float: left;
	text-align: center;
    padding: 5px 0px 0px 0px;
	margin: 5px 0 5px 7px;
    border: 1px solid #ccc;
    
} 

.thrColFixHdr #aktualne:hover { /*drugi rzad gazetek */
	height: 200px;
	width:140px;
	float: left;
	text-align: center;
    padding: 5px 0px 0px 0px;
	margin: 5px 0 5px 7px;
    background-color: #C7C2C0;
    border: 1px solid #E1E1E1;
} 

/*KONIEC - drugi rząd gazetek*/
/*############################################################################*/


.thrColFixHdr #ciekawostki { /*opis gazetek na pierwszej stronie*/
	width:728px;
	padding:10px 0 0 10px;
	margin-bottom: 10px;
	float: left;
	font-size:9px;
	text-align:justify;
} 

.thrColFixHdr #ciekawostki h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:13px;
    padding: 0px;
    
} 

.thrColFixHdr #ciekawostki h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:12px;
	padding: 0px;
} 

.thrColFixHdr #ciekawostki h4 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:10px;
} 
.thrColFixHdr #ciekawostki ul { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:12px;
    color:  #666;
} 



.thrColFixHdr #ciekawostkiLong { /*opis gazetek na pierwszej stronie*/
font: 100% Verdana, Arial, Helvetica, sans-serif;
	width:1000px;
	padding:10px 0 0 10px;
	margin-bottom: 10px;
	float: left;
	font-size:13px;
	text-align:justify;
	

} 

.thrColFixHdr #ciekawostki_1000 { /*opis gazetek na strononie z gazetką */

	width:990px;
	padding:10px 0 0 10px;
	margin-bottom: 10px;
	float: left;
	font-size:9px;
	text-align:justify;

} 
.thrColFixHdr #ciekawostki_1000 h1 { /*opis gazetek na strononie z gazetką nagłówek h1*/

	font-size:13px;


} 
.thrColFixHdr #ciekawostki_1000 h2 { /*opis gazetek na strononie z gazetką nagłówek h2*/

	font-size:12px;


} 
.thrColFixHdr #ciekawostki_1000 h3 { /*opis gazetek na strononie z gazetką nagłówek h3*/

	font-size:10px;
width:990px;
	padding:10px 0 0 10px;

} 
.thrColFixHdr #ciekawostki_1000 p { /*opis gazetek na strononie z gazetką nagłówek h3*/

	font-size:12px;
	


} 
.thrColFixHdr #ciekawostki_1 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 1500px;
	width:728px;
	padding:10px 0 0 10px;
	margin: 0px 0 10px 0px;
	font-size:9px;
	text-align: justify;

} 
.thrColFixHdr #ciekawostki_1 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:13px;


} 
.thrColFixHdr #ciekawostki_1 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:12px;


} 
.thrColFixHdr #ciekawostki_1 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:10px;


} 
.thrColFixHdr #ciekawostki_2 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 1500px;
	width:700px;
	padding: 10px 0 10px 10px;
	margin: 0px 0 10px 10px;
	font-size:12px;
	text-align: justify;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

} 
.thrColFixHdr #ciekawostki_2 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:13px;


} 
.thrColFixHdr #ciekawostki_2 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:12px;


} 
.thrColFixHdr #ciekawostki_2 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:10px;


} 
.thrColFixHdr #ciekawostki_3 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 1100px;
	width:728px;
	padding:10px 0 0 10px;
	margin: 0px 0 10px 0px;
	font-size:9px;
	text-align: justify;

} 
.thrColFixHdr #ciekawostki_3 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:13px;


} 
.thrColFixHdr #ciekawostki_3 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:12px;


} 
.thrColFixHdr #ciekawostki_3 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:10px;


}

.thrColFixHdr #ciekawostki_4 { /*opis gazetek na pierwszej stronie*/
    width:700px;
	padding:10px 0 10px 10px;
	margin: 0px 0 10px 10px;
	font-size:12px;
	text-align: justify;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

} 
.thrColFixHdr #ciekawostki_4 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:13px;


} 
.thrColFixHdr #ciekawostki_4 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:12px;


} 
.thrColFixHdr #ciekawostki_4 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/

	font-size:10px;


} 
.thrColFixHdr #ciekawostki_1000 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 1000px;
	width:700px;
	padding: 10px 0 10px 10px;
	margin: 0px 0 10px 10px;
	font-size:12px;
	text-align: justify;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
} 
.thrColFixHdr #ciekawostki_1000 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:13px;
} 
.thrColFixHdr #ciekawostki_1000 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:12px;
} 
.thrColFixHdr #ciekawostki_1000 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:10px;
} 

.thrColFixHdr #ciekawostki_1700 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 1700px;
	width:700px;
	padding: 10px 0 10px 10px;
	margin: 0px 0 10px 10px;
	font-size:12px;
	text-align: justify;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
} 
.thrColFixHdr #ciekawostki_1700 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:13px;
} 
.thrColFixHdr #ciekawostki_1700 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:12px;
} 
.thrColFixHdr #ciekawostki_1700 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:10px;
} 

.thrColFixHdr #ciekawostki_2000 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 2000px;
	width:700px;
	padding: 10px 0 10px 10px;
	margin: 0px 0 10px 10px;
	font-size:12px;
	text-align: justify;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
} 
.thrColFixHdr #ciekawostki_2000 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:13px;
} 
.thrColFixHdr #ciekawostki_2000 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:12px;
} 
.thrColFixHdr #ciekawostki_2000 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:10px;
} 
.thrColFixHdr #ciekawostki_2500 { /*opis gazetek na pierwszej stronie*/
	position: absolute;
	top: 2500px;
	width:700px;
	padding: 10px 0 10px 10px;
	margin: 0px 0 10px 10px;
	font-size:12px;
	text-align: justify;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
} 
.thrColFixHdr #ciekawostki_2500 h1 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:13px;
} 
.thrColFixHdr #ciekawostki_2500 h2 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:12px;
} 
.thrColFixHdr #ciekawostki_2500 h3 { /*opis gazetek na pierwszej stronie nagłówek h1*/
	font-size:10px;
} 
.thrColFixHdr #onas { /*opis gazetek na pierwszej stronie nagłówek h1*/

	width:728px;
	padding:10px 0 0 10px;
	margin-bottom: 400px;
	float: left;
	font-size:11px;
	text-align:justify;


} 

.thrColFixHdr #onas { /*opis gazetek na pierwszej stronie nagłówek h1*/

	width:728px;
	padding:10px 0 0 10px;
	margin-bottom: 50px;
	float: left;
	font-size:11px;
	text-align:justify;


} 
.thrColFixHdr #formularz {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px 20px 20px 25px;
	

} 
    /*####################################################################################*/
    /*FOOTER - START*/
.thrColFixHdr #footer {
	padding: 0 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#F2F2F2;
	float: left;
	width: 100%;
	margin: 5px 0 5px 0;
    border-top:  thin #3689CC solid;
} 
.thrColFixHdr #footer a, #footer a:hover {
	display: inline-block;
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 5px 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-decoration: none;
	color:#3689CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    }
    
 .thrColFixHdr #footer a:hover {
	color:black;
	
    }

	.thrColFixHdr .list {
	width: 100%;
	float:left;
    text-align: center;
    color:#3689CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	}
    /*FOOTER - KONIEC*/
     /*####################################################################################*/
    
    /*####################################################################################*/
    /*START - miasta*/
    .thrColFixHdr #city_0 {
    float: left;
    width: 760px;
    margin: 5px 0px 5px 0px;
	
	}
    .thrColFixHdr #city_0 p {
      font-size:  18px;
      text-shadow: 1px 1px 1px #ccc;
	
	}
      
    .thrColFixHdr .city_1 {
	border: 1px solid #F2F2F2;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #ccc;
    float: left;
    width: 760px;
    margin: 5px 0px 5px 0px;
    font-size: 12px;
	
	}
    
    .thrColFixHdr .city_2 {
	text-decoration: none;
    float: left;
    width: 126px;
    text-align: left;
    font-size: 10px;
	
	}
    
    .thrColFixHdr .city_2 a{
	text-decoration: none;
    color:  #666666;	
	}
    
    .thrColFixHdr .city_3 {
	background-color: #F2F2F2;
    float: left;
    width: 740px;
    text-align: left;
    font-size: 12px;
    padding: 0px 0px 0px 20px;
	}    
      .thrColFixHdr .city_4 {
	background-color: #F2F2F2;
    float: left;
    width: 150px;
    text-align: left;
    margin: 5px 0px 5px 0px;
    padding-left: 10px;
    text-align: center;
    vertical-align: central;
    color: #666;
	} 
    .thrColFixHdr .city_5 {
	background-color: #F2F2F2;
    float: left;
    width: 300px;
    text-align: left;
    margin: 5px 0px 5px 0px;
	} 
     .thrColFixHdr #city_6 {
    margin: 2px 0px 0px 0px;
    float: left;
    width: 700px;
    border: 1px solid #ccc;
    border-radius: 4px;
	} 
    
    table  {
        border: 1px solid #ccc;
        border-collapse: collapse;
        border-spacing: 0;
        
        
    }
    td {
       border: 1px solid #ccc; 
       padding: 5px;
       font-size: 10px;
       color: #666;
    }
	/*####################################################################################*/
    /*START - gazetki promocyjne*/
    .thrColFixHdr #gazetka_0 {
	/*border: 1px solid #CCCCCC;
    border-radius: 5px;*/
    float: left;
    width: 760px;
    margin: 5px 0px 5px 0px;
	
	}
    
	.thrColFixHdr #gazetka {
	width: 240px;
	height: 320px;
	float:left;
	margin: 5px 0 10px 5px;
	text-align: center;
    border:  1px solid #8AB0FF;
    border-radius: 4px;
    
	
	}
    .thrColFixHdr #gazetka:hover {
    border:  1px solid #D5E2FF;
    border-radius: 4px;
    background-color: #D5E2FF;
	
	}
	.thrColFixHdr #gazetka h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align: center;
	}
	.thrColFixHdr #gazetka p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-align: center;
	}
    /*KONIEC - gazetki promocyjne*/
	/*####################################################################################*/
    
	.thrColFixHdr #reklama_top {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #333333;
	text-align: center;
	height:50px;
	width:728px;
	background-color:#999999;
	float:left;
	padding-top: 25px;
	margin: 5px 0 0 0;
	}
	.thrColFixHdr #reklama_glowna {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:100px;
	width:728px;
	background-color:#99CCCC;
	float:left;
	padding-top: 3px;
	margin: 5px 0 0 0;
	background-repeat: no-repeat;
	}
	.thrColFixHdr #reklama_right {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:515px;
	width:150px;
	background-color:#999999;
	float:right;
	padding: 3px 0 0 0;
	margin: 5px 18px 0 0;
	}
	.thrColFixHdr #reklama_prawa_kolumna {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:197px;
	width:150px;
	background-color:#99CCCC;
	float:right;
	padding: 3px 0 0 0;
	margin: 20px 0 0 0;
	}
	
	.thrColFixHdr #reklama_blog {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:30px;
	width:570px;
	background-color:#999999;
	float:left;
	padding-top: 3px;
	margin: 5px 0 0 0;
	}
	.thrColFixHdr #reklama_left {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:380px;
	width:150px;
	background-color:#999999;
	float:left;
	padding-top: 100px;
	margin: 5px 0 0 0;
	}
	.thrColFixHdr #reklama_gazetka {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:80px;
	width:415px;
	background-color:#999999;
	float:left;
	padding-top: 30px;
	margin: 5px 0 0 5px;
	}
	.thrColFixHdr #reklama_gazetka_reklama {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:50px;
	width:415px;
	background-color:#99CCCC;
	float:left;
	padding-top: 3px;
	margin: 5px 0 0 5px;
	}
	.thrColFixHdr #reklama_gazetka_mala {
	font-size:22px;
	color: #333333;
	text-align: center;
	height:50px;
	width:415px;
	background-color:#999999;
	float:left;
	padding-top: 30px;
	margin: 5px 0 0 5px;
	}
	
		.thrColFixHdr #facebook {
	
	margin: 5px 0 5px 0;
	}
    
    
/*START - newsletter*/
/*####################################################################################*/   
.thrColFixHdr #newsletter {
float: left; /* since this element is floated, a width must be given */
	width: 300px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 260px;
	padding: 5px 0 5px 0px;
    
        }
.form .fieldset {
background-color: #C7C2C0;       
padding: 3px;
border: #FFF;
border-bottom-right-radius: 5px;
}
 .form .mainlabel {
    
	color: #FFFFFF;
    font-size: 18px;
    width: 220px;
    display: inline-block;
    margin: 0px;
    
    }   
.form .label {
    
	color: #FFFFFF;
    font-size: 12px;
    width: 120px;
    display: inline-block;
    margin: 0px;
    
    }
 .form .reglabel {
    
	color: #FFFFFF;
    font-size: 12px;
    width: 150px;
    display: inline-block;
    margin: 0px;
    
    }
.form .reglabel a{
    text-decoration: underline;
    color: #FFF;
    }
    
.form .select{
    text-decoration: underline;
    color: cornflowerblue;
    }

.form #email_address, #firstname, #lastname, #action {
border: none;  
border-radius: 3px;
}
.form  #action {
border: none;  
border-radius: 3px;
color: cornflowerblue;
}
.form .newsbutton{
    border: none;  
border-radius: 3px;
    color: cornflowerblue;
    }
/*KONIEC - newsletter*/
/*####################################################################################*/

.thrColFixHdr #magazin {
float: left; /* since this element is floated, a width must be given */
	width: 800px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 600px;
	padding: 5px 0 5px 0px;
    
        }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img { border: none}

.thrColFixHdr #reklama_pionowa {
float: left; /* since this element is floated, a width must be given */
margin: 10px 0px 0px 37px;
	width: 160px; /* the background color will be displayed for the length of the content in the column, but no further */
    height: 600px;

    
        }