/*
Theme Name: dom muzyka seniora
Description: Theme stworzony na potrzeby strony dla Domu Muzyka Seniora.
Author: CyberDream
Version: 1.0
*/


html, body
					{
						background-image: url('obrazy/tlo.png');
						
						margin: 0px;
						margin-top: 15px;
						margin-bottom: 30px;
						
						
						font-family: Verdana,Geneva,sans-serif;
						font-size: 14px;
						line-height: 1.7em;
																									}
																									
																									
																									
a
		{
			text-decoration: none;
			color: #b09132
																					}
																					
																					
a:hover
			{
				text-decoration: underline
																}
																									
																									
#glowny
				{
					width: 1112px;
				 	background-image: url('obrazy/pasek2.png'); 
					
					margin: auto;
					
																									}
																									
																									
#tresc, #stopka_adres
				{
					width: 1020px;
					background-color: white;
					
					position: relative;
					margin: auto
																								}
																									

#stopka_adres {
	background-color: transparent;
	text-align: center;
	color: #574B27;
}

#stopka_adres p {
	margin: 5px 0;
}

#menu
			{
				position: absolute;
				top: 83px;
				z-index: 7
																									}
																								
#menu ul
				{
					margin: 0px;
					padding: 0px
																								}


																								
#baner
					{
						width: inherit;
						height: 110px;
																						}
																						
																						

																							
#dom_foto
					{
						height: 450px; 
						text-align: center;
						position: relative;
						margin-bottom: 0px;
						padding-bottom: 0px;
						z-index: 6
																							}
																							
																							
#cien_gorny
						{
							width: 1020px;
							height: 10px;
							background-image: url('obrazy/cien.png');
							position: absolute;
							top: 0px;
							left: 0px;
							z-index: 30
																						}
																							
																							
#sekcja_srednia
							{
								background-color:#fafafa;
								padding-bottom: 42px;
								padding-top: 40px;
								border-top: 1px solid #ebebeb
																					}																							
																							
																							
#zaproszenie
							{
								width: 400px;
								padding:  0px 35px 0px 40px;
								
								
								color: gray;
								/* font-weight: bold; */
								
								float: left;
								
																										}
																										
																										
#zaproszenie li
								{
									list-style: none
																											}
																										
																										
#wirtualny_spacer
							{
								width: 494px;
								height: 310px;
								float: left;
								margin-top: 20px
																									}

img {
			border: 0px
																					}
																									
																									
																									
#sekcja_dojazd
								{
									
							
									background-color: #efefec;
									
									width: 1020px;
									
									padding-bottom: 30px;
									padding-top: 42px;
									clear: left;
									border-top: 1px solid #ebebeb
																											}

																											
iframe
				{
					border: 0px;
					margin: 0px;
					padding: 0px;
					border: 1px solid gray;
					border-radius: 15px;
					-moz-border-radius: 15px;
																							}
																																																			
																											
																									
#plan_dojazdu
						{
							width: 380px;
							
							float: left;
							
							margin-right: 80px;
							margin-bottom: 10px;
							text-align: center
																											}
																											
			
																											
																											
#telefony
					{
						width:476px;
						
						color: gray;
						
						float: left;
						
						margin-bottom: 10px

																												}
																												
#telefony li
					{
						list-style: none
																									}
																												
#stopka
					{
						width: inherit;
						min-height: 35px;
						padding-top: 3px;
						background-color: #333333;
						
						
						
						color: white;
						text-align: center;
						
						clear: left;
																										}
																										
/* style dla stron innych niz startowa */
																										
																										
#pasek_gorny
						{
							width: 100%;
							height: 35px;
							background-color: #f4f3cc;
							border: 1px solid #e6e6e6;
							border-width: 1px 0px 1px 0px
						
																									}
																									
#zawartosc
					{
						width: 940px;
						min-height: 600px;
						background-color: white;
						background-image: url('obrazy/pasek2.jpg');
						background-repeat: repeat-x;
						
						padding: 20px 40px 50px 40px;
																									}
																									
#zawartosc li
							{
								margin-bottom: 0.6em
																					}
																									
																									
																									
#lewy
			{
				width: 610px;
				float: left
																							}
																							
																							
#lewy li
				{
					margin-bottom: 0.6em
				
																				}
																							
																							
#prawy
				{
					width: 290px;
					height: 200px;
					float: left;
					margin-left: 40px
																							}
																							
																							
#prawy ul
				{
					padding-left: 0px;
					list-style: none
																							}
																							
/* specjalne dla page.php */
																							
#pasek_gorny_page
						{
							width: 100%;
							height: 10px;
							background-image: url('obrazy/cien.png');
							border-top: 1px solid #e6e6e6
						
																									}
																							
																							
																							
																										
																										
/* opcje tekstowe */

h1, h2, h3, h4, h5, h6
			{
				font-family:Georgia, 'Times new roman', serif;
				font-weight: normal;
				color: #454545
																					}

h1
	{
		font-size: 1.8em
															}
															
h2
	{
		font-size: 1.6em
																	}
																	
.tytulWpisu 
				{
					margin: 0px
																								}
																								
																								
																								
#linia, #linia2, #linia_szeroka_page
			{
				width: 610px;
				height: 1px;
				background-color: #e6e6e6;
				margin-top: 16px
																							}
																							
#linia2

				{
					width: 290px;
					margin-top: 8px;
					margin-bottom: 12px;																			}
																										
																										
																										
#linia_szeroka_page
									{
										width: 100%;
										margin-top: 8px;
										margin-bottom: 12px;
									
																															}
																										
																										
																										
/*-------------------------MENU---  UKRADZIONE PEDA�OM temat DANDELION------------------------------*/ 
#menu-container {
	float: right;
	margin-top: 45px;
	margin-right: 25px;
	max-width: 700px;
}

#menu ul {
	text-align: right;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	text-transform: uppercase;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 13px;
	line-height: 0.2em;
	color: #535353;
	height: 10px;
	font-style: normal;
	letter-spacing: 1px;
}

#menu ul li a:hover {
	color: #111;
	text-decoration: none
}

#menu ul li.selected a {
	color: #535353;
}

.drop-arrow {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	position: relative;
	top: -1px;
	left: 2px;
}

/*---------- DROP DOWN ------------*/
#menu ul ul {
	width: 170px;
	top: 15px;
	left: 5px;
	padding-top: 12px;
	text-align: left;
	display: none;
	z-index: 20000;
}

#menu ul ul ul {
	top: -1px;
	left: 170px;
	padding: 0px;
	border: 1px solid #ebebeb;
}

#menu ul ul li a {
	font-size: 11px;
	padding-right: 10px;
	height: auto;
	text-align: left;
	line-height: 30px;
	padding-left: 10px;
	display: block;
}

#menu ul ul li:hover {
	background-color: #f1f1f1;
}

#menu ul ul li {
	display: block;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	background-color: #fff;
}

#menu ul ul ul {
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a.sf-with-ul {
	display: inline;
}

#menu ul .sf-sub-indicator {
	top: 6px;
	right: 18px;
}

#menu ul ul li .sf-sub-indicator {
	top: 0px;
	right: 7px;
}

/* opcje slidera */

.nivo-controlNav a {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(obrazy/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 8px 5px 0px 5px;
	
}

.nivo-controlNav a.active {
	background-position:0 155%;
}


@media(max-width: 1150px){
	#glowny {
		width: 90vw;
		overflow: hidden;
	}
	#glowny #baner, #glowny #menu{
		display: none;
	}
	#tresc, #stopka_adres {
		width: 90vw;
	}
	html, body {
		width: 100%;
	}
	#baner img, #stopka img{
		width: 100%;
	}

	#sekcja_srednia #zaproszenie{
		width: fit-content;
		margin-top: 4em;
	}
	#sekcja_srednia>div{
		width: 100%;
		height: auto;
	}
	.nivoSlider {
		height: 100%!important;
	}
	.nivoSlider img {
		height: 100%!important;
		object-fit: cover;
	}

	#zawartosc img, .ngg-left, .ngg-right {
		float: initial!important;
		margin-right: 0!important;
		max-width: 100%!important;
		width: 100%!important;
	}
	#zawartosc {
		width: 100%;
		box-sizing: border-box;
	}
	#linia, #linia2, #linia_szeroka_page {
		width: 100%;
	}
	#lewy {
		width: 100%;
	}
	#prawy {
		width: 100%;
		margin-left: 0;
	}

	#wprmenu_bar .menu_title{
		text-align: center;
	}
	#wprmenu_bar .menu_title{
		font-family: Georgia, 'Times new roman', serif;
	}
}