/* ******** DLA max 1024 *************/
@media only screen and (max-width: 1024px)
{

#o-main {
	width:880px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#main {
	width:880px;
	margin:40px auto 60px auto;
	border:1px solid #C3C4B9;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
-moz-box-shadow: -1px 1px 14px #cccccc;
-webkit-box-shadow: -1px 1px 14px #cccccc;
box-shadow: -1px 1px 14px #cccccc;
	position:relative;
	z-index:9;	
}

a#o-nas {
	display:block;
	width:189px;
	height:139px;
	background: url(/gfx/m_o-nas1024.png);
	position:absolute;
	z-index:10;
	top:-17px;
	left:0;	
}
a#o-nas:hover {
	top:-22px;
	left:0;	
}
a#oferta {
	display:block;
	width:158px;
	height:162px;
	background: url(/gfx/m_oferta1024.png);
	position:absolute;
	z-index:11;
	top:-19px;
	left:115px;	
}
a#oferta:hover {
	top:-24px;
	left:115px;	
}
a#cennik {
	display:block;
	width:181px;
	height:138px;
	background: url(/gfx/m_cennik1024.png);
	position:absolute;
	z-index:12;
	top:-30px;
	left:215px;	
}
a#cennik:hover {
	top:-35px;
	left:215px;		
}
a#galeria {
	display:block;
	width:145px;
	height:145px;
	background: url(/gfx/m_galeria1024.png);
	position:absolute;
	z-index:13;
	top:-28px;
	left:340px;	
}
a#galeria:hover {
	top:-33px;
	left:340px;	
}
a#regulamin {
	display:block;
	width:184px;
	height:130px;
	background: url(/gfx/m_regulamin1024.png);
	position:absolute;
	z-index:12;
	top:-20px;
	left:430px;	
}
a#regulamin:hover {
	top:-25px;
	left:430px;	
}
a#partnerzy {
	display:block;
	width:170px;
	height:128px;
	background: url(/gfx/m_partnerzy1024.png);
	position:absolute;
	z-index:11;
	top:-15px;
	left:585px;	
}
a#partnerzy:hover {
	top:-20px;
	left:585px;	
}
a#kontakt2 {
	display:block;
	width:160px;
	height:164px;
	background: url(/gfx/m_kontakt1024.png);
	position:absolute;
	z-index:10;
	top:-17px;
	left:700px;	
}
a#kontakt2:hover {
	top:-22px;
	left:700px;	
}

a#kontakt, a#sg {
	display:none;
}
ul#menu-top li.mobile {
	display:block;
}

#foto {
	z-index:20;
	position:absolute;
	top:62px;
	left:20px;
	width:100%;	
}
#foto #screen {
	width:830px;
	height:300px;

}
a#logo img {
	display:block;
	width:362px;
	height:121px;
	position:absolute;
	top:0;
	left:25px;
}


#content {
	margin:350px 0px 20px 31px;
	overflow:hidden;


}
#l-panel {
	width:290px;
	float:left;
}
.lPanelInner {
	background-color:#99B91D;	
}
#r-panel {
	width:525px;
	float:left;
	padding: 20px 0 20px 10px;
	font-size:15px;
	line-height:18px;

}
#r-panel .box strong {
	font-size:20px;

}
h1.kontakt {
	background-image: url(../gfx/h1_kontakt2.gif);
	color:#0A9882;
	padding:5px 0 0 40px;
}

.osobaFirst {
	width:100%;	
		
}
.osoba {
	width:100%;
	float:none;
		
}
#motto {
	font-size: 18px;
	line-height:20px;
}
#mapa {
	height:500px;
}

}
/* ******** DLA max 768 *************/
@media only screen and (max-width: 879px) 
{

#o-main {
	width:768px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#main {
	width:768px;
	margin:40px auto 60px auto;
	border:1px solid #C3C4B9;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
-moz-box-shadow: -1px 1px 14px #cccccc;
-webkit-box-shadow: -1px 1px 14px #cccccc;
box-shadow: -1px 1px 14px #cccccc;
	position:relative;
	z-index:9;	
}

a#o-nas {
	display:block;
	width:151px;
	height:111px;
	background: url(/gfx/m_o-nas768.png);
	position:absolute;
	z-index:10;
	top:-13px;
	left:67px;	
}
a#o-nas:hover {
	top:-18px;
	left:67px;	
}
a#oferta {
	display:block;
	width:126px;
	height:129px;
	background: url(/gfx/m_oferta768.png);
	position:absolute;
	z-index:11;
	top:-15px;
	left:162px;	
}
a#oferta:hover {
	top:-20px;
	left:162px;	
}
a#cennik {
	display:block;
	width:145px;
	height:111px;
	background: url(/gfx/m_cennik768.png);
	position:absolute;
	z-index:12;
	top:-25px;
	left:242px;	
}
a#cennik:hover {
	top:-30px;
	left:242px;		
}
a#galeria {
	display:block;
	width:116px;
	height:116px;
	background: url(/gfx/m_galeria768.png);
	position:absolute;
	z-index:13;
	top:-23px;
	left:337px;	
}
a#galeria:hover {
	top:-28px;
	left:337px;	
}
a#regulamin {
	display:block;
	width:147px;
	height:109px;
	background: url(/gfx/m_regulamin768.png);
	position:absolute;
	z-index:12;
	top:-20px;
	left:412px;	
}
a#regulamin:hover {
	top:-25px;
	left:412px;	
}
a#partnerzy {
	display:block;
	width:136px;
	height:102px;
	background: url(/gfx/m_partnerzy768.png);
	position:absolute;
	z-index:11;
	top:-15px;
	left:532px;	
}
a#partnerzy:hover {
	top:-20px;
	left:532px;	
}
a#kontakt2 {
	display:block;
	width:128px;
	height:131px;
	background: url(/gfx/m_kontakt768.png);
	position:absolute;
	z-index:10;
	top:-15px;
	left:627px;	
}
a#kontakt2:hover {
	top:-20px;
	left:627px;	
}

a#sg {
	display:block;
	width:139px;
	height:116px;
	background-image: url(/gfx/m_home768.png);
	position:absolute;
	z-index:10;
	top:-10px;
	left:0;	
}
a#sg:hover {
	top:-15px;
	left:0;	
}

a#kontakt, #puzzle-bottom {
	display:none;
}
#foto {
	z-index:20;
	position:absolute;
	top:52px;
	left:20px;
	width:100%;	
}
#foto #screen {
	width:710px;
	height:256px;

}
a#logo img {
	display:block;
	width:362px;
	height:121px;
	position:absolute;
	top:0px;
	left:0px;
}
#content {
	margin:330px 30px 20px 31px;
	overflow:hidden;


}
#l-panel {
	width:100%;
	float:none;
	background-color:none;
}
.lPanelInner {
	background-color:none;	
}
#fb-box {
	display:none;
}
#r-panel {
clear:both;
	width:100%;
	float:none;
	padding: 0 10px 0 0;
	font-size:14px;
	line-height:18px;

}
h1.head {
	font-size:20px;
}


ul#menu-left {
	display:none;
}
#select {
	display:block;
	margin:0 0 20px 0;
}
#select select {
		font-size:16px;
		width:100%;
}

.osobaFirst {
	width:96%;	
		
}
.osoba {
	width:96%;
	float:none;
		
}
#news1  {
	font-size:13px;
	padding:5px ;
}
#news h1 {
	font-size:18px;
	line-height:22px;

}
.os {
	width:230px;
	}
#mapa {
	height:700px;
}


}

/* ******** DLA max 768 *************/
@media only screen  and (max-width: 767px)
{


body {
	padding: 10px 0;
}	

a span {
	display:block;
	text-indent: 0px;
}

#o-main {
	width:640px;
	position:static;	
}
#main {
	width:640px;
	margin:0 auto;
	position:static;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
-moz-box-shadow:0;
-webkit-box-shadow: 0;
box-shadow: 0;			
}
ul#menu-top {
overflow:hidden;
margin:10px 0 5px 0;

}
ul#menu-top li a {
	width:153px;
	height:22px;	
	padding-top:8px;	
	font-size:14px;
	float:left;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	border:1px solid #fff;
}

ul#menu-top li.mobile, ul#menu-top li.ip1024  {
	display:block;
}
ul#menu-top li.mobile2 {
	display:none;
}
a#sg {
	background: none;
	background-color:#0A9882;
	position: static;
}
a#kontakt2 {
	background: none;
	background-color:#0A9882;	
	display:block;
	position:static;
	top:0;
	left:0;
}
a#kontakt2:hover {
	top:0;
	left:0;	
}

a#o-nas {
	background: none;
	background-color:#53B9D2;
	position: static;
}

a#oferta {
	background: none;
	background-color:#2FA70A;
	position: static;
}

a#cennik {
	background: none;
	background-color:#E3BF13;
	position: static;
}

a#galeria {
	background: none;
	background-color:#F46101;
	position: static;
}

a#regulamin {
	background: none;
	background-color:#ED080B;
	position: static;
}

a#partnerzy {
	background: none;
	background-color:#B4096A;
	position: static;
}

a#kontakt, #puzzle-bottom {
	display:none;
}
#foto {
	z-index:20;
	position:static;
	width:100%;	
}
#foto #screen {
	width:620px;
	height:224px;

}
a#logo img {
	display:block;
	width:362px;
	height:121px;
	position:absolute;
	top:70px;
	left:0px;
}
#l-panel {
	width:100%;
	float:none;
	background-color:none;
}
#r-panel {
clear:both;
	width:100%;
	float:none;
	padding: 0 10px 0 0;
	font-size:14px;
	line-height:18px;

}
h1.head {
	font-size:20px;
}

#content {
	margin:20px 10px;
	overflow:hidden;

}
ul#menu-left {
	display:none;
}
#select {
	display:block;
	margin:0 0 20px 0;
}
#select select {
		font-size:16px;
		width:100%;
}

.osobaFirst {
	width:96%;	
		
}
.osoba {
	width:96%;
	float:none;
		
}
#news1  {
	font-size:13px;
	padding:5px ;
}
#news h1 {
	font-size:18px;
	line-height:22px;

}
.os {
	width:230px;
	}
#mapa {
	height:700px;
}




}


/* ******** DLA max 480 *************/
@media only screen  and (max-width: 639px)
{

a span {
	display:block;
	text-indent: 0px;
}

#o-main {
	width:480px;
	margin:0 auto;	
	position:static;	
}
#main {
	width:480px;
			
}
ul#menu-top {
overflow:hidden;
margin:10px 0 5px 0;

}
ul#menu-top li a {
	width:111px;
	height:22px;
	padding-top:8px;	
	font-size:12px;
}

ul#menu-top li.mobile {
	display:block;
}
ul#menu-top li.mobile2 {
	display:none;
}

#foto #screen {
	width:450px;
	height:162px;

}
a#logo img {
	display:block;
	width:200px;
	height:67px;
	position:absolute;
	top:70px;
	left:0px;
}

#r-panel {
	font-size:14px;
	line-height:18px;

}
#r-panel h2 {
	line-height:18px;
	font-size:14px;	
}
h1.head {
	font-size:18px;
}

#content {
	margin:20px 10px;
	overflow:hidden;

}
ul#menu-left {
	display:none;
}
#select {
	display:block;
	margin:0 0 15px 0;	
}
#select select {
		font-size:13px;
	width:100%;
}

.osobaFirst {
	width:92%;	
		
}
.osoba {
	width:92%;
	float:none;
		
}
.prawo {
	float:left;
	width:45%;
}
#news h1 {
	font-size:16px;
	line-height:20px;
}

.os {
	width:250px;
	}
#mapa {
	height:400px;
}
#r-panel .kwestionariusz {
	float:none;
	width:93%;
}
}

/* ******** DLA max 480 *************/
@media only screen and (max-width: 479px)

{

a span {
	display:block;
	text-indent: 0px;
}

#o-main {
	width:350px;
	margin:0 auto;	
	position:static;	
}
#main {
	width:350px;
	
}
ul#menu-top {
overflow:hidden;
margin:10px 0 5px 0;

}
ul#menu-top li a {
	width:80px;
	height:20px;
	padding-top:8px;	
	font-size:10px;
}

ul#menu-top li.mobile, ul#menu-top li.mobile2 {
	display:block;
}

a#sg {

	background-color:#0A9882;	
}
a#kontakt2 {
	background-color:#0A9882;	
}

a#fake {
	background-color:#99b91d;
}
a#kontakt, #puzzle-bottom {
	display:none;
}

#foto #screen {
	width:325px;
	height:116px;

}
a#logo img {
	display:block;
	width:150px;
	height:50px;
	position:absolute;
	top:70px;
	left:0px;
}

#r-panel {
	font-size:13px;
	line-height:18px;

}
#partners img {
	width:40%;
}
table#table td {
	font-size:11px;
	padding:0px;
}
table#table th {
	font-size:11px;
}
.none {
	display:none;
}
table#table td.br320 {
	border-right:none;

}
.rabat320 {
	display:block;
	margin-top:10px;
	font-weight:bold;
}
.lewo {
	float:none;
	
}
.prawo {
	float:none;
	width:auto;
}
#news1  {
	float:none;
	width:auto;
	font-size:13px;
	margin-left:0px;
	margin-bottom:10px;
	padding:5px ;
}
#mapa {
	height:250px;
}


}

/* ******** DLA max 320 *************/
@media only screen and (max-width: 320px)

{
#o-main {
	width:280px;
	margin:0 auto;	
	position:static;	
}
#main {
	width:280px;
	
}
ul#menu-top li a {
	width:63px;
	height:20px;
	padding-top:8px;	
	font-size:10px;
}
ul#menu-top li a#sg {
	padding-top:1px;
	height:27px;
	padding-left:0px;
	padding-right:0px;
	width:63px;			
}
#foto #screen {
	width:260px;
	height:93px;

}
a#logo img {
	display:block;
	width:150px;
	height:50px;
	position:absolute;
	top:60px;
	left:0px;
}

tr.price320 {
	display: table-row;
	border-right:none;
	background-color: #c8e261;
	color:#000;
}
table#table tr.price320 td {
padding:2px 5px;
}
th.price320 {
	display: table-cell;
}
.price320off {
	display:none;
}

a.fancybox {
	float:none;
	margin: 0 auto 10px auto;
}

#r-panel .kwestionariusz {
	width:90%;
}
}