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

@media screen and (max-width: 1200px) {

	/**FOOTER**/
	#copyrightM { 
		display:block;
		width: 100%; 
		line-height: 15px; 
		color: #fff; 
		float: none;
		text-align:center;
		padding-top:5px;
	}
	
	#copyright { 
		display:none;
	}
	
	#footer .content {
		width:100%;
	    margin: 0 auto;
	}
	
	#footer {
		background: url(../../img/footer2_bg.png) repeat; 
		width:100%;
		height:100%; 
		margin-top: 40px;
	} 
	
	#footer a {
		color: #fff;
	}
	
	#footer a:hover {
		color: #ff9e04;
	}
	
	#footer .left {
		padding-top: 16px; 
		margin-left: 0px; 
		float:none;
	}
	
	#footer .left #fnavi ul {
		text-align:center;
	}
	
	#footer .left #fnavi ul li {
		list-style-type: none; 
		float:none;
	}
	
	#footer .left #fnavi ul li.selected {
		font-weight: bold;
	}
	
	#footer .right {
		text-align:center; 
		float:none; 
		margin-right:0px;
	}
	
	#realization {
		color: #fff; 
		text-align: center; 
		padding-top: 0px;
		padding-bottom:25px;
	}
	
	#realization a {
		font-weight: bold; 
		color: #ff9e04;
	}
	
	/**HEADER**/
	#stunden, #stunden24{
	 	display:none;
	}
		
	#MobileMenuIcon{
		display: block; 
		height: 60px; 
		width: 60px; 
		background: url(../../img/mobile/menu_icon.jpg) no-repeat; 
		z-index:99999;
		float:right;
	}
	
	/**main**/
	#main_content {
		margin: 0px 120px; 
		text-align: justify; 
	}
	
	.accessibility{
		display:block;
	}
	/*GALERIA*/
	
	.gallery img { 
		height: 100px; 
		padding: 2px; 
		margin: 10px;
	}
	
	.gallery .gallery_photos { 
		float:left; 
		margin:0px 10px;
		width:160px; 
		text-align: center; 
		border: solid 1px #FF9E04;
	}
	
	#container{
		margin-bottom:-30px;
	}
	
	#logo .accessibility{
		display:none;
	}
	
	.ulflag{
		display:block;
	}
	
	/*Kontakt*/
	
	.MobileContact{
		display:none;
	}
	
	.StandardContact{
		display:block;
	}	
}
	
@media screen and (max-width: 460px) {

	.page_content_text img{
		max-width:300px;
	}
	/*Kontakt*/
	
	.MobileContact{
		display:block;
	}
	
	.StandardContact{
		display:none;
	}	
	/**template**/
	#content_wrapper div#main_content {        
	    margin: 0 auto;
	    padding: 0px;
	    text-align: justify;
	    width: 300px;
	    padding-top:0px;
	}
	#content_wrapper div#main_content.homepage {
		margin: 0 auto; 
		padding: 0px; 
		text-align: justify; 
		width: 300px;
	}
	
	/***header***/
	body #header {
		background: url('../../img/header_repeat_bg7.png') repeat-x;
		width:100%; 
		margin: 0 auto;
	}
	
	body.home_page3 #header {
		background: url('../../img/header_repeat_bg7.png') repeat-x;
		width:100%; 
		margin: 0 auto;
		position:relative;
	}
	
	#header #logo {
		padding-top:5px; 
		width:200px;
	}
	
	#header #logo a {
		height: 77px; 
		width: 220px; 
		background: url(../../img/mobile/logo_200.png); 
	}
	
	#header #slideshow .image {
		float: right; 
		width: 300px;
	}
	
	#header_subcontent {
	    background: url('../../img/mobile/sprzegla_top_290.png') no-repeat 0px 59px; 
	    width:290px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 290px;
	}
	
	#header_content {
	    background: url('../../img/mobile/sprzegla_top_290.png') no-repeat 0px 59px; 
	    width:290px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 290px;
	}
	
	body.home_page3 #header_txt {    
		display:none;
	}
	
	#hright div.page_content_text h3 {
	    font-size: 56px;
	    color: #fff;
	}
		
	#header_subcontent #header_img {
		display:none;
	}
	
	body #header_subcontent #header_txt h3.cufon {
		display:none;
	}
	
	#header #flag {
		display:none;
	}
	
	#MobileMenu{
		float: right; 
		padding-top:0px; 
		position: absolute; 
		top: 20px; 
		z-index: 99999;
		display:block;
		width:758px;
	}
	
	#MobileMenuIcon{
		margin-right:7px;
		margin-top:10px;
	}
	
	#MobileMenuContent{
		float:right;
		margin-top:60px;
		margin-right:-60px;
		height: 100%;
		width:290px;
		display:none;
		background-color: #D58526;
	}
	
	#MobileMenu #MobileMenuContent .selected{
		z-index:99999 !important;
	}
	
	#MobileMenu #MobileMenuContent li{
		padding-left:25px;
		padding:8px;
		list-style: none;
	}
	
	#MobileMenu #MobileMenuContent li a{
		color:#FFF;
		font-size:20px;
		font-style:none;
	}
	
	/* NAWIGACJA */
	.gallery{
		width:160px;
		margin: 0px auto;
	}
	
	#header #nav {
		float:right;
		margin-top:70px;
		margin-right:-60px;
		width:283px;
		display:none;
		padding: 0px;
	}
	
	#header #nav ul {
		background: none;
		background-color: #D58526;
	}
	
	#header #nav > ul li {
		padding-left:25px;
		padding:15px;
		list-style: none;
		float:none;
		background:none;
	}
	
	#header #nav ul li.selected {
		background: none;
	}
	
	#header #nav ul li ul {
		display: none;
	}
	
	#header #nav ul li a {
		text-transform: lowercase; 
		color: #fff; 
		font-size: 24px; 
		font-weight: normal; 
		font-family: Tahoma;
	}
	
	#header #nav ul li:hover {
		background: none;
	}
	
	/* NAWIGACJA */
	#header #flag #Menu a
	{
		background:none;
		height:100%;
		width:100%;
		font-size:24pt;
		padding:10px;
		
		float:none;
		color:#FFF;
	}
	
	#Menu{
		display:block;
		width:100%;
		height:100%;
		background-color:#FC9F00;
	}  
	
	#Menu ul {
		text-align:left;
	} 
	
	#Menu ul li{
		background:none;
		list-style:none;
	} 
	
	/**main_left**/
	#main_left { 
		display:none;
	}
	
	/**main_right**/
	#main_right { 
		float: right; 
		width:200px;
	}
	
	/**main_content*/
	#main_content {
	    line-height: 18px;
	}
	
	#hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    padding-top: 300px;
	    font-size: 14px;
	    line-height: 24px;
	    color: #FFF;
	    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	    float:none;
	}
	
	#hleft ul, #hleft h3{
		margin-left:-20px;
	}
	
	.homepage #hleft, .zweimassenschwungrad #hleft, .Regeneration #hleft, .symptome #hleft, .galerie #hleft, .datenschutz #hleft, .impressum #hleft{
		display:none;
	}
	
	.contact {
	 background: none !important;	
	}
	
	#main_content .contact_address {
		display:block;
		width:100%;
		text-align:center;
		color:#FFF;
	}
	#main_content .contact_address  ul{
		list-style: none;
	}
	
	#main_content #lleft ul {
	    list-style: none;
	}
	
	.spacer {background: url('../../img/underline.png') repeat-x;
	    margin-top: 10px;
	    padding-top: 10px;    
	}
	
	#lleft {
	    float: left;    
	    margin-top: 50px;
	    text-align: left;
	}
	
	#lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright {
	    float: right;
	    width: 300px;
	    margin-top: 50px;
	    text-align: left;
	    margin-left: 60px;
	}
	
	#lright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright ul {
	    list-style: none;
	}
	
	#hright {
	    text-align: left;
	    float: none;
	    width: 300px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 24px;
	    margin: 0px auto;
	}
	
	#hright .page_content_text {
	    background: none;
	    padding: 8px;
	    padding-top:5px;
	    text-align: justify;
	    margin-top: -15px;
	}
	
	/**homepage*/
	#main_content.homepage #hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    float: left;
	}
	
	#main_content.homepage #lleft {
	    width: 470px;
	}
	
	#main_content.homepage #lleft h3 {
	    background: url('../../img/co_robimy.png');
	    display: block;
	    width: 142px;
	    height: 22px;
	    text-align: left;
	}
	
	/**contact*/
	#main_content.contact #hleft {
	    width: 290px;
		text-align:center;
	    height: 100px;    
	    margin-top: 5px;
	    float: none;
	    color: #fff;
	    margin: 0px auto;
	    padding-top: 0px;
	}
	
	#main_content.contact #hleft ul {
	    list-style: none inside;
	}
	
	#main_content.contact #hcenter {
	 	float:none;
	  	clear:both;
	}
	
	#main_content.contact #hright {    
	    float:none;
	    margin: 0px auto;
	}
	
	#main_content.contact #hright #kontakt-map {    
	    width: 280px;
	    height: 218px;    
	    background: url('../../img/kontakt-map-new-mobile.png');
	    display:block;
	}
	
	#main_content.contact #hright {
		width: 300px;
	}
	
	#main_content.contact #hright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#main_content.contact .contact_form {
	    color: #fff;
	    width:300px;;
	    margin: 0px auto;
	    padding-bottom:50px;
	}
	
	#main_content.contact #lleft {
	    width: 306px;
	}
	
	#main_content.contact #lleft h3 {
	    background: url('../../img/adres.png');
	    display: block;
	    width: 85px;
	    height: 22px;
	}
	
	#main_content.contact #lleft ul {
	    list-style: none inside;
	}
	
	#main_content.contact .button {
	    background-color: #FF9E04;
	    padding: 4px 12px;
	    border: none;
	    color: #fff;
	    float: none;
	}
	
	/**kolo_dwumasowe*/
	#main_content.kolo-dwumasowe #hright h3.cufon {
	    background: url('../../img/kolo_dwumasowe.png');
	    width: 249px;
	    height: 22px;
	}
	
	#main_content.kolo-dwumasowe #hleft #himg {
	     background: url("../../img/sprzeglo2.png") no-repeat scroll 0 0 transparent;
	    height: 358px;
	    width: 268px;
	}
	
	#main_content.kolo-dwumasowe #lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	/**regeneracja*/
	body #container #content_wrapper #main_content.regeneracja #hleft {
	    width: 300px;
	    margin-left: 34px;
	}
	
	#main_content.regeneracja #hright h3.cufon {
	    background: url('../../img/regeneracja.png');
	    width: 178px;
	    height: 22px;
	}
	
	body #header #header_subcontent.regeneracja #header_img {
	    background: url('../../img/tarcza_head.png');    
	    height: 175px;
	    width: 635px;
	}
	
	#main_content.regeneracja #hleft #himg {
	    background: url('../../img/kolo.png');    
	    height: 259px;
	    width: 366px;
	}
	
	/**galerie**/
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hleft{
	    width: auto;
	}
	
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hright {
	    width: auto;
	}
	
	.page_content_text h4 {
		color: #ff9e04;
		text-shadow: 1px 1px black;
		font-size: 20px;
	}
	.IamMobile{
		display:block;
	}
	
	#br{
		display: inline;
		padding:0px;
		margin:0px;
	}
	
	.IamNotMobile{
		display:none;
	}
	
	.galerie #hright{
		margin: 0 auto;
	}
	
	#IamMobile{
		display:block;
	}
	
	#main_content ul.form input[type="text"] { 
		width: 200px;
	}
	
	#main_content ul.form input, #main_content ul.form textarea {
		margin-bottom: 5px; 
		width: 200px;
	}
	
	#main_content ul .button{
		margin-left:70px;
		width:140px !important;
		height:40px;
	}
}
	
@media screen and (min-width: 461px) and (max-width: 767px) {

	/*obrazki treść*/
	.page_content_text img{
		max-width:420px;
	}
	/*Kontakt*/
	
	.MobileContact{
		display:block;
	}
	
	.StandardContact{
		display:none;
	}	
	
	/**template**/
	#content_wrapper div#main_content {        
	    margin: 0 auto;
	    padding: 0px;
	    text-align: justify;
	    width: 450px;
	    padding-top:0px;
	}
	
	#content_wrapper div#main_content.homepage {
		margin: 0 auto; 
		padding: 0px; 
		text-align: justify; 
		width: 450px;
	}
	
	/***header***/
	body #header {
		background: url('../../img/header_repeat_bg6.png') repeat-x;
		width:100%; 
		margin: 0 auto;
		}
	
	body.home_page3 #header {
		background: url('../../img/header_repeat_bg6.png') repeat-x;
		width:100%; 
		margin: 0 auto;
		position:relative;
	}
	
	#header #logo {
		padding-top:5px; 
		position:relative;
		width:200px;
	}
		
	#header #logo a {
		height: 109px; 
		width: 313px; 
		background: url(../../img/mobile/logo_475.png); 
	}
	
	#header #slideshow .image {
		float: right; 
		width: 450px;
	}
	
	#header_subcontent {
	    background: url('../../img/mobile/sprzegla_top_290.png') no-repeat 75px 70px; 
	    width:440px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 290px;
	}
	
	#header_content {
	    background: url('../../img/mobile/sprzegla_top_290.png') no-repeat 90px 70px; 
	    width:440px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 290px;
	}
	
	body.home_page3 #header_txt {    
		display:none;
	}
	
	#hright div.page_content_text h3 {
	    font-size: 56px;
	    color: #fff;
	}
	
	
	#header_subcontent #header_img {
		display:none;
	}
	
	body #header_subcontent #header_txt h3.cufon {
		display:none;
	}
	
	#header #flag {
		display:none;
	}
	
	#MobileMenu{
		float: right; 
		padding-top:0px; 
		position: absolute; 
		top: 20px; 
		z-index: 99999;
		display:block;
		width:758px;
	}
	
	#MobileMenuIcon{
		margin-right:7px;
		margin-top:10px;
	}
	
	#MobileMenuContent{
		float:right;
		margin-top:60px;
		margin-right:-60px;
		height: 100%;
		width:290px;
		display:none;
		background-color: #D58526;
	}
	
	#MobileMenu #MobileMenuContent .selected{
		z-index:99999 !important;
	}
	
	#MobileMenu #MobileMenuContent li{
		padding-left:25px;
		padding:8px;
		list-style: none;
	}
	
	#MobileMenu #MobileMenuContent li a{
		color:#FFF;
		font-size:20px;
		font-style:none;
	}
	
	#MobileMenuFlag a{
		height: 40px; 
		width: 48px; 
		background: url(../../img/English2.png);
	}
	
	/* NAWIGACJA */
	.gallery{
		width:400px;
		margin: 0px auto;
	}
	
	#header #nav {
		float:right;
		margin-top:70px;
		margin-left:150px;
		position:absolute;
		width:283px;
		display:none;
		z-index:99999;
		padding: 0px;
	}
	
	#header #nav ul {
		background: none;
		background-color: #D58526;
	}
	
	#header #nav > ul li {
		padding-left:25px;
		padding:15px;
		list-style: none;
		float:none;
		background:none;
	}
	
	#header #nav ul li.selected {
		background: none;
	}
	
	#header #nav ul li ul {
		display: none;
	}
	
	#header #nav ul li a {
		text-transform: lowercase; 
		color: #fff; 
		font-size: 24px; 
		font-weight: normal; 
		font-family: Tahoma;
	}
	
	#header #nav ul li:hover {
		background: none;
	}
	
	/* NAWIGACJA */
	#header #flag #Menu a
	{
		background:none;
		height:100%;
		width:100%;
		font-size:24pt;
		padding:10px;
		float:none;
		color:#FFF;
	}
	
	#Menu{
		display:block;
		width:100%;
		height:100%;
		background-color:#FC9F00;
	}  
	
	#Menu ul {
		text-align:left;
	} 
	
	#Menu ul li{
		background:none;
		list-style:none;
	} 
	
	/**main_left**/
	#main_left { 
		display:none;
	}
	
	/**main_right**/
	#main_right { 
		float: right; 
		width:200px;
	}
	
	/**main_content*/
	#main_content {
	    line-height: 18px;
	}
	
	#hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    padding-top: 450px;
	    font-size: 14px;
	    line-height: 24px;
	    color: #FFF;
	    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	    float:none;
	}
	
	#hleft ul, #hleft h3{
		margin-left:-20px;
	}
	
	.homepage #hleft, .zweimassenschwungrad #hleft, .Regeneration #hleft, .symptome #hleft, .galerie #hleft, .datenschutz #hleft, .impressum #hleft{
		display:none;
	}
	
	.contact {
	 background: none !important;	
	}
	
	#main_content .contact_address {
		display:block;
		width:100%;
		text-align:center;
		color:#FFF;
	}
	
	#main_content .contact_address  ul{
		list-style: none;
	}
	
	#main_content #lleft ul {
	    list-style: none;
	}
	
	.spacer {background: url('../../img/underline.png') repeat-x;
	    margin-top: 10px;
	    padding-top: 10px;    
	}
	
	#lleft {
	    float: left;    
	    margin-top: 50px;
	    text-align: left;
	}
	
	#lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright {
	    float: right;
	    width: 450px;
	    margin-top: 50px;
	    text-align: left;
	    margin-left: 60px;
	}
	
	#lright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright ul {
	    list-style: none;
	}
	
	#hright {
	    text-align: left;
	    float: none;
	    width: 450px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 24px;
	    margin: 0px auto;
	}
	
	#hright .page_content_text {
	    background: none;
	    padding: 8px;
	    padding-top:5px;
	    text-align: justify;
	    margin-top: -15px;
	}
	
	/**homepage*/
	#main_content.homepage #hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    float: left;
	}
	
	#main_content.homepage #lleft {
	    width: 470px;
	}
	
	#main_content.homepage #lleft h3 {
	    background: url('../../img/co_robimy.png');
	    display: block;
	    width: 142px;
	    height: 22px;
	    text-align: left;
	}
	
	/**contact*/
	#main_content.contact #hleft {
	    width: 450px;
		text-align:center;
	    height: 100px;    
	    margin-top: 5px;
	    float: none;
	    color: #fff;
	    padding-top: 0px;
	}
	
	#main_content.contact #hleft ul {
	    list-style: none inside;
	}
	
	#main_content.contact #hcenter {
	 	clear:both;
	}
	
	
	#main_content.contact #hright {    
	    float:none;
	    margin: 0px auto;
	}
	
	#main_content.contact #hright #kontakt-map {    
	    width: 280px;
	    height: 218px;    
	    background: url('../../img/kontakt-map-new-mobile.png');
	    display:block;
	    margin: 0 auto;
	}
	
	#main_content.contact #hright {
		width: 450px;
	}
	
	#main_content.contact #hright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#main_content.contact .contact_form {
	    color: #fff;
	    width:450px;;
	    margin: 0px auto;
	    padding-bottom:50px;
	}
	
	#main_content.contact #lleft {
	    width: 306px;
	}
	
	#main_content.contact #lleft h3 {
	    background: url('../../img/adres.png');
	    display: block;
	    width: 85px;
	    height: 22px;
	}
	
	#main_content.contact #lleft ul {
	    list-style: none inside;
	}
	
	#main_content.contact .button {
	    background-color: #FF9E04;
	    padding: 4px 12px;
	    border: none;
	    color: #fff;
	    float: none;
	}
	
	/**kolo_dwumasowe*/
	#main_content.kolo-dwumasowe #hright h3.cufon {
	    background: url('../../img/kolo_dwumasowe.png');
	    width: 249px;
	    height: 22px;
	}
	
	#main_content.kolo-dwumasowe #hleft #himg {
	     background: url("../../img/sprzeglo2.png") no-repeat scroll 0 0 transparent;
	    height: 358px;
	    width: 268px;
	}
	
	#main_content.kolo-dwumasowe #lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	/**regeneracja*/
	body #container #content_wrapper #main_content.regeneracja #hleft {
	    width: 450px;
	    margin-left: 34px;
	}
	
	#main_content.regeneracja #hright h3.cufon {
	    background: url('../../img/regeneracja.png');
	    width: 178px;
	    height: 22px;
	}
	
	body #header #header_subcontent.regeneracja #header_img {
	    background: url('../../img/tarcza_head.png');    
	    height: 175px;
	    width: 635px;
	}
	
	#main_content.regeneracja #hleft #himg {
	    background: url('../../img/kolo.png');    
	    height: 259px;
	    width: 366px;
	}
	
	/**galerie**/
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hleft{
	    width: auto;
	}
	
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hright {
	    width: auto;
	}
	
	.page_content_text h4 {
		color: #ff9e04;
		text-shadow: 1px 1px black;
		font-size: 20px;
	}
	
	.IamMobile{
		display:block;
	}
	
	#br{
		display: inline;
		padding:0px;
		margin:0px;
	}
	
	.IamNotMobile{
		display:none;
	}
	
	.galerie #hright{
		margin: 0 auto;
	}
	
	#IamMobile{
		display:block;
	}
	
	#main_content ul.form input[type="text"] { 
		width: 400px;
	}
	
	#main_content ul.form input, #main_content ul.form textarea {
		margin-bottom: 5px; 
		width: 400px;
	}
	
	#main_content ul .button{
		margin-left:270px;
		width:140px !important;
		height:40px;
	}
	
	#main_content.contact #hcenter{
		margin-left:0px;
	}

}

@media screen and (min-width: 768px) and (max-width: 960px) { 

	/*obrazki treść*/
	.page_content_text img{
		max-width:760px;
	}
	/*Kontakt*/
	
	.MobileContact{
		display:block;
	}
	
	.StandardContact{
		display:none;
	}	
	/**template**/
	#content_wrapper div#main_content {        
	    margin: 0 auto;
	    padding: 0px;
	    text-align: justify;
	    width: 760px;
	    padding-top:0px;
	}
	
	#content_wrapper div#main_content.homepage {
		margin: 0 auto; 
		padding: 0px; 
		text-align: justify; 
		width: 760px;
	}
	
	/***header***/
	body #header {
		background: url('../../img/header_repeat_bg4.png') repeat-x;
		width:100%; 
		margin: 0 auto;
	}
	
	
	body.home_page3 #header {
		background: url('../../img/header_repeat_bg4.png') repeat-x;
		width:100%; 
		margin: 0 auto;
		position:relative;
	}
	
	#header #logo {
		float: left;; 
		padding-top:6px; 
		position: absolute; 
		z-index: 99999;
		width:475px;
	}
		
	#header #logo a {
		display: block; 
		height: 109px; 
		width: 313px; 
		background: url(../../img/mobile/logo_475.png); 
	}
	
	#header #slideshow .image {
		float: right; 
		width: 760px;
	}
	
	#header_subcontent {
	    background: url('../../img/mobile/sprzegla_top3.png') no-repeat 140px 77px; 
	    width:760px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 391px;
	}
	
	#header_content {
	    background: url('../../img/mobile/sprzegla_top3.png') no-repeat 140px 77px; 
	    width:760px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 391px;
	}
	
	body.home_page3 #header_txt {    
		display:none;
	}
	
	#hright div.page_content_text h3 {
	    font-size: 56px;
	    color: #fff;
	}
	
	#header_subcontent #header_img {
		display:none;
	}
	
	body #header_subcontent #header_txt h3.cufon {
		display:none;
	}
	
	#header #flag {
		display:none;
	}
	
	#MobileMenu{
		float: right; 
		padding-top:0px; 
		position: absolute; 
		top: 20px; 
		z-index: 99999;
		display:block;
		width:758px;
	}
	
	#MobileMenuIcon{
		margin-right:40px;
		margin-top:10px;
	}
	
	.ulflag{
		display:block;
	}
	
	#MobileMenuContent{
		float:right;
		margin-top:60px;
		margin-right:-60px;
		height: 100%;
		width:290px;
		display:none;
		background-color: #D58526;
	}
	
	#MobileMenu #MobileMenuContent .selected{
		z-index:99999 !important;
		
	}
	
	#MobileMenu #MobileMenuContent li{
		padding-left:25px;
		padding:8px;
		list-style: none;
	}
	
	#MobileMenu #MobileMenuContent li a{
		color:#FFF;
		font-size:20px;
		font-style:none;
	}
	
	#MobileMenuFlag a{
		height: 40px; 
		width: 48px; 
		background: url(../../img/English2.png);
	}
	
	/* NAWIGACJA */
	#header #nav {
		float:right;
		margin-top:70px;
		margin-right:-60px;
		width:290px;
		display:none;
		background-color: #D58526;
		padding: 0px;
	}
	
	#header #nav ul {
		background: none;
		background-color: #D58526;
	}
	
	#header #nav > ul li {
		padding-left:25px;
		padding:15px;
		list-style: none;
		float:none;
		background:none;
	}
	
	#header #nav ul li.selected {
		background: none;
	}
	
	#header #nav ul li ul {
		display: none;
	}
	
	#header #nav ul li a {
		text-transform: lowercase; 
		color: #fff; 
		font-size: 24px; 
		font-weight: normal; 
		font-family: Tahoma;
	}
	
	#header #nav ul li:hover {
		background: none;
	}
	
	.gallery { 
		width: 380px;
		margin: 0px auto;
	}
	
	/* NAWIGACJA */
	#header #flag #Menu a
	{
		background:none;
		height:100%;
		width:100%;
		font-size:24pt;
		padding:10px;
		float:none;
		color:#FFF;
	}
	
	#Menu{
		display:block;
		width:100%;
		height:100%;
		background-color:#FC9F00;
	}  
	
	#Menu ul {
		text-align:left;
	} 
	
	#Menu ul li{
		background:none;
		list-style:none;
	} 
	
	/**main_left**/
	#main_left { 
		display:none;
	}
	
	/**main_right**/
	#main_right { 
		float: right; 
		width:200px;
	}
	
	/**main_content*/
	#main_content {
	    line-height: 18px;
	}
	
	#hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    padding-top: 300px;
	    font-size: 14px;
	    line-height: 24px;
	    color: #FFF;
	    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	    float:none;
	}
	
	#hleft ul, #hleft h3{
		margin-left:-20px;
	}
	
	.homepage #hleft, .zweimassenschwungrad #hleft, .Regeneration #hleft, .symptome #hleft, .galerie #hleft, .datenschutz #hleft, .impressum #hleft{
		display:none;
	}
	
	.contact {
	 background: none !important;	
	}
	
	#main_content .contact_address {
		display:block;
		width:100%;
		text-align:center;
		color:#FFF;
	}
	
	#main_content .contact_address  ul{
		list-style: none;
	}
	
	#main_content #lleft ul {
	    list-style: none;
	}
	
	.spacer {background: url('../../img/underline.png') repeat-x;
	    margin-top: 10px;
	    padding-top: 10px;    
	}
	
	#lleft {
	    float: left;    
	    margin-top: 50px;
	    text-align: left;
	}
	
	#lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright {
	    float: right;
	    width: 300px;
	    margin-top: 50px;
	    text-align: left;
	    margin-left: 60px;
	}
	
	#lright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright ul {
	    list-style: none;
	}
	
	#hright {
	    text-align: left;
	    float: none;
	    width: 760px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 24px;
	    margin: 0px auto;
	}
	
	#hright .page_content_text {
	    background: none;
	    padding: 8px;
	    padding-top:15px;
	    text-align: justify;
	}
	
	/**homepage*/
	#main_content.homepage #hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    float: left;
	}
	
	#main_content.homepage #lleft {
	    width: 470px;
	}
	
	#main_content.homepage #lleft h3 {
	    background: url('../../img/co_robimy.png');
	    display: block;
	    width: 142px;
	    height: 22px;
	    text-align: left;
	}
	
	/**contact*/
	#main_content.contact #hleft {
	    width: 760px;
		text-align:center;
	    height: 100px;    
	    margin-top: 5px;
	    float: none;
	    color: #fff;
	    margin: 0px auto;
	    padding-top: 0px;
	}
	
	#main_content.contact #hleft ul {
	    list-style: none inside;
	}
	
	#main_content.contact #hcenter {
	 	float:none;
	 	margin: 0px auto;   
	 	clear:both;
	}
	
	#main_content.contact #hright {    
	    float:none;
	    margin: 0px auto;
	}
	
	#main_content.contact #hright #kontakt-map {    
	    width: 450px;
	    height: 350px;    
	    background: url('../../img/kontakt-map-new.png');
	    display:block;
	}
	
	#main_content.contact #hright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#main_content.contact .contact_form {
	    color: #fff;
	    width:420px;;
	    margin: 0px auto;
	    padding-bottom:50px;
	}
	
	#main_content.contact #lleft {
	    width: 306px;
	}
	
	#main_content.contact #lleft h3 {
	    background: url('../../img/adres.png');
	    display: block;
	    width: 85px;
	    height: 22px;
	}
	
	#main_content.contact #lleft ul {
	    list-style: none inside;
	}
	
	#main_content.contact .button {
	    background-color: #FF9E04;
	    padding: 4px 12px;
	    border: none;
	    color: #fff;
	    float: none;
	}
	
	/**kolo_dwumasowe*/
	#main_content.kolo-dwumasowe #hright h3.cufon {
	    background: url('../../img/kolo_dwumasowe.png');
	    width: 249px;
	    height: 22px;
	}
	
	#main_content.kolo-dwumasowe #hleft #himg {
	     background: url("../../img/sprzeglo2.png") no-repeat scroll 0 0 transparent;
	    height: 358px;
	    width: 268px;
	}
	
	#main_content.kolo-dwumasowe #lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	/**regeneracja*/
	body #container #content_wrapper #main_content.regeneracja #hleft {
	    width: 760px;
	    margin-left: 34px;
	}
	
	#main_content.regeneracja #hright h3.cufon {
	    background: url('../../img/regeneracja.png');
	    width: 178px;
	    height: 22px;
	}
	
	body #header #header_subcontent.regeneracja #header_img {
	    background: url('../../img/tarcza_head.png');    
	    height: 175px;
	    width: 635px;
	}
	
	#main_content.regeneracja #hleft #himg {
	    background: url('../../img/kolo.png');    
	    height: 259px;
	    width: 366px;
	}
	
	/**galerie**/
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hleft{
	    width: auto;
	}
	
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hright {
	    width: auto;
	}
	
	.page_content_text h4 {
		color: #ff9e04;
		text-shadow: 1px 1px black;
		font-size: 20px;
	}
	
	.IamMobile{
		display:block;
	}
	
	#br{
		display: inline;
		padding:0px;
		margin:0px;
	}
	
	.IamNotMobile{
		display:none;
	}
	
	.galerie #hright{
		margin: 0 auto;
	}
	
	#IamMobile{
		display:block;
	}
	
	/*kontakt*/
	#main_content ul.form input[type="text"] { 
		width: 400px;
	}
	
	#main_content ul.form input, #main_content ul.form textarea {
		margin-bottom: 5px; 
		width: 400px;
	}
	
	#main_content ul .button{
		margin-left:270px;
		width:140px !important;
		height:40px;
	}

}

@media screen and (min-width: 961px) and (max-width: 1200px) { 

	/**template**/
	#content_wrapper div#main_content {        
	    margin: 0 auto;
	    padding: 0px;
	    text-align: justify;
	    width: 760px;
	    padding-top:0px;
	}
	/*Kontakt*/
	
	.MobileContact{
		display:none;
	}
	
	.StandardContact{
		display:block;
	}	
	#content_wrapper div#main_content.homepage {
		margin: 0 auto; 
		padding: 0px; 
		text-align: justify; 
		width: 760px;
	}
	
	/***header***/
	body #header {
		background: url('../../img/header_repeat_bg4.png') repeat-x;
		width:100%; 
		margin: 0 auto;
		}
	
	body.home_page3 #header {
		background: url('../../img/header_repeat_bg4.png') repeat-x;
		width:100%; 
		margin: 0 auto;
		position:relative;
	}
	
	#header #logo {
		float: left;; 
		padding-top:6px; 
		position: absolute; 
		z-index: 99999;
		width:475px;
	}
		
	#header #logo a {
		display: block; 
		height: 109px; 
		width: 313px; 
		background: url(../../img/mobile/logo_475.png); 
	}
	
	#header #slideshow .image {
		float: right; 
		width: 760px;
	}
	
	#header_subcontent {
	    background: url('../../img/mobile/sprzegla_top3.png') no-repeat 140px 77px; 
	    width:760px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 391px;
	}
	
	#header_content {
	    background: url('../../img/mobile/sprzegla_top3.png') no-repeat 140px 77px; 
	    width:760px; 
	    margin: 0 auto; 
	    padding: 0px 0px; 
	    height: 391px;
	}
	
	body.home_page3 #header_txt {    
		display:none;
	}
	
	#hright div.page_content_text h3 {
	    font-size: 56px;
	    color: #fff;
	}
	
	#header_subcontent #header_img {
		display:none;
	}
	
	body #header_subcontent #header_txt h3.cufon {
		display:none;
	}
	
	#header #flag {
		display:none;
	}
	
	#MobileMenu{
		float: right; 
		padding-top:0px; 
		position: absolute; 
		top: 20px; 
		z-index: 99999;
		display:block;
		width:758px;
	}
	
	#MobileMenuIcon{
		margin-right:40px;
		margin-top:10px;
	}
	
	.ulflag{display:block;}
	#MobileMenuContent{
		float:right;
		margin-top:60px;
		margin-right:-60px;
		height: 100%;
		width:290px;
		display:none;
		background-color: #D58526;
	}
	
	#MobileMenu #MobileMenuContent .selected{
		z-index:99999 !important;
	}
	
	#MobileMenu #MobileMenuContent li{
		padding-left:25px;
		padding:8px;
		list-style: none;
	}
	
	#MobileMenu #MobileMenuContent li a{
		color:#FFF;
		font-size:20px;
		font-style:none;
	}
	
	#MobileMenuFlag a{
		height: 40px; 
		width: 48px; 
		background: url(../../img/English2.png);
	}
	
	/* NAWIGACJA */
	#header #nav {
		float:right;
		margin-top:70px;
		margin-right:-60px;
		width:290px;
		display:none;
		background-color: #D58526;
		padding: 0px;
	}
	
	#header #nav ul {
		background: none;
		background-color: #D58526;
	}
	
	#header #nav > ul li {
		padding-left:25px;
		padding:15px;
		list-style: none;
		float:none;
		background:none;
	}
	
	#header #nav ul li.selected {
		background: none;
	}
	
	#header #nav ul li ul {
		display: none;
	}
	
	#header #nav ul li a {
		text-transform: lowercase; 
		color: #fff; 
		font-size: 24px; 
		font-weight: normal; 
		font-family: Tahoma;
	}
	
	#header #nav ul li:hover {
		background: none;
	}
	
	.gallery { 
		width: 800px;
		margin: 0px auto;
	}
	
	/* NAWIGACJA */
	#header #flag #Menu a
	{
		background:none;
		height:100%;
		width:100%;
		font-size:24pt;
		padding:10px;
		float:none;
		color:#FFF;
	}
	
	#Menu{
		display:block;
		width:100%;
		height:100%;
		background-color:#FC9F00;
	}  
	
	#Menu ul {
		text-align:left;
	} 
	
	#Menu ul li{
		background:none;
		list-style:none;
	} 
	
	/**main_left**/
	#main_left { 
		display:none;
	}
	
	/**main_right**/
	#main_right { 
		float: right; 
		width:200px;
	}
	
	/**main_content*/
	#main_content {
	    line-height: 18px;
	}
	
	#hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    padding-top: 300px;
	    font-size: 14px;
	    line-height: 24px;
	    color: #FFF;
	    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	    float:none;
	}
	
	#hleft ul, #hleft h3{
		margin-left:-20px;
	}
	
	.homepage #hleft, .zweimassenschwungrad #hleft, .Regeneration #hleft, .symptome #hleft, .galerie #hleft, .datenschutz #hleft, .impressum #hleft{
		display:none;
	}
	
	.contact {
	 background: none !important;	
	}
	
	#main_content .contact_address {
		display:block;
		width:100%;
		text-align:center;
		color:#FFF;
	}
	
	#main_content .contact_address  ul{
		list-style: none;
	}
	
	#main_content #lleft ul {
	    list-style: none;
	}
	
	.spacer {background: url('../../img/underline.png') repeat-x;
	    margin-top: 10px;
	    padding-top: 10px;    
	}
	
	#lleft {
	    float: left;    
	    margin-top: 50px;
	    text-align: left;
	}
	
	#lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright {
	    float: right;
	    width: 300px;
	    margin-top: 50px;
	    text-align: left;
	    margin-left: 60px;
	}
	
	#lright h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	#lright ul {
	    list-style: none;
	}
	
	#hright {
	    text-align: left;
	    float: none;
	    width: 800px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 24px;
	    margin: 0px auto;
	}
	
	#hright .page_content_text {
	    background: none;
	    padding: 8px;
	    padding-top:15px;
	    text-align: justify;
	}
	
	/**homepage*/
	#main_content.homepage #hleft {
	    background: url('../../img/sprzeglo_home.png') no-repeat;
	    width: 330px;
	    height: 326px;    
	    margin-top: 5px;
	    float: left;
	}
	
	#main_content.homepage #lleft {
	    width: 470px;
	}
	
	#main_content.homepage #lleft h3 {
	    background: url('../../img/co_robimy.png');
	    display: block;
	    width: 142px;
	    height: 22px;
	    text-align: left;
	}
	
	/**kolo_dwumasowe*/
	#main_content.kolo-dwumasowe #hright h3.cufon {
	    background: url('../../img/kolo_dwumasowe.png');
	    width: 249px;
	    height: 22px;
	}
	
	#main_content.kolo-dwumasowe #hleft #himg {
	     background: url("../../img/sprzeglo2.png") no-repeat scroll 0 0 transparent;
	    height: 358px;
	    width: 268px;
	}
	
	#main_content.kolo-dwumasowe #lleft h3 {
	    background: url('../../img/kontakt.png');
	    display: block;
	    width: 118px;
	    height: 22px;
	    text-align: left;
	}
	
	/**regeneracja*/
	body #container #content_wrapper #main_content.regeneracja #hleft {
	    width: 760px;
	    margin-left: 34px;
	}
	
	#main_content.regeneracja #hright h3.cufon {
	    background: url('../../img/regeneracja.png');
	    width: 178px;
	    height: 22px;
	}
	
	body #header #header_subcontent.regeneracja #header_img {
	    background: url('../../img/tarcza_head.png');    
	    height: 175px;
	    width: 635px;
	}
	
	#main_content.regeneracja #hleft #himg {
	    background: url('../../img/kolo.png');    
	    height: 259px;
	    width: 366px;
	}
	
	/**galerie**/
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hleft{
	    width: auto;
	}
	
	html.cufon-active body div#container div#content_wrapper div#main_content.galeria div#hright {
	    width: auto;
	}
	
	.page_content_text h4 {
		color: #ff9e04;
		text-shadow: 1px 1px black;
		font-size: 20px;
	}
	
	.IamMobile{
		display:block;
	}
	
	#br{
		display: inline;
		padding:0px;
		margin:0px;
	}
	
	.IamNotMobile{
		display:none;
	}
	
	.galerie #hright{
		margin: 0 auto;
	}
	
	#IamMobile{
		display:block;
	}
	
	/*kontakt*/
	#main_content ul.form input[type="text"] { 
		width: 400px;
	}
	
	#main_content ul.form input, #main_content ul.form textarea {
		margin-bottom: 5px; 
		width: 400px;
	}
	
	#main_content ul .button{
		margin-left:270px;
		width:140px !important;
		height:40px;
	}
	
	#main_content.contact #hcenter{
		float:right;
	}
	
	#main_content.contact #hright{
		width:765px;
		float:left;
	}
	
	#main_content.contact #hright #kontakt-map{
		margin:0 auto;
	}
	
	/*FOOTER*/
	#footer .content{
		width:950px;
	}
	
}