body{max-width: 800px; margin: 5px auto; background:url("http://www.autogaz.malopolska.pl/templates/default/img/body.gif"); font-family:calibri;}
#logo img{margin: 10px auto; display:block;width:60%;}
.info{margin: 10px 10px 0 10px; text-align:left; padding:10px 10px;}
.info h1{margin:0px;padding:0px;font-size:22px;}
.info h2, .info h3{margin:0px;padding:0px;font-size:18px;}
.info h4{margin:0px 0px 0px 20px;padding:0px;font-size:16px;}
.info img{width:40%;margin:10px;}
.info img.img_galeria{width:90%;margin:10px auto;}
.info img.img_right{float:right;}
.info img.img_left{float:left;}
.info p{margin-top: 5px;}
.info p.opis_title{font-size:16px;font-weight:bold;text-align:center;width:90%;margin-bottom:20px;}
.info table.tabela_galeria tr td{vertical-align:top;}
header{background-color:#F0F0F0;  padding: 10px 0; border-radius: 10px 10px 0 0; border-bottom: 2px solid #fff; background-position:left top;background-repeat:no-repeat;}
#fast{margin:0 auto; max-width: 400px; text-align:center;}
#fast p{margin:5px 0; color: #fff; font-weight:bold; text-shadow: 1px 1px 1px #000;}
#page{background-color:#FCFCFC; border: 2px solid #fff; border-radius: 10px; box-shadow: 1px 1px 5px #000; margin: 5px;}
#szybki{margin: 3px auto; max-width:400px;}
#nr-form{background-color: rgb(13,142,4); border-radius: 5px; padding:5px; color: #fff; font-weight:bold; max-width:300px; text-align:center; border: 2px solid #fff;}
#button, .submit{border: 2px solid #585656; padding: 3px 10px; border-radius:5px; font-weight:bold; color: #585656; background-color: #fff; box-shadow: 2px 1px 3px #000;}
#button:hover, .submit:hover{background-color:#585656; color: #fff; border: 2px solid #fff;}
#button:active, .submit:active{padding: 2px 8px;}
#suplement{margin: 5px; text-align:center; font-style: italic; font-size:12px;}
.pricelist{box-shadow: 1px 1px 3px #000; background-color: #fff; font-size:14px;}
.pricelist tr td{border:1px solid #000;}
.tb_head td{background-color: rgb(13,142,4); color: #fff; }
.big{font-weight: bold;}
.small{font-style:italic;}
#link{border: 2px solid #fff; padding: 3px 10px; border-radius:5px; font-weight:bold; background-color: rgb(44,124,172); color: #fff; box-shadow: 2px 1px 3px #000; text-decoration:none;}
#link:hover{ border: 2px solid #fff; color: rgb(44,124,172); background-color: #fff; border: 2px solid rgb(44,124,172);}
#contactform{margin: 10px auto;}
#contactform input, #contactform textarea{min-width: 200px;}
#contactform input{text-align:center;}
#contactform textarea{min-height: 100px;}
.lbl{text-align:left; font-size:13px;}
#full{text-align: right; margin:0; font-size: 0.6em;}
#full a{text-shadow: 1px 1px 1px #000; padding-right: 10px; color: #fff; text-decoration:none;}
footer{background-color:#585656; min-height:20px; color: #fff; border-radius: 0 0 10px 10px; padding: 3px 0; text-align:center; text-shadow: 1px 1px 1px #000;}
footer a{color:#fff;}
/*menu*/
.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {
	color:#fff;
	text-decoration:none;
	font-weight: bold;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}
/* sublevel menu - in construction */
.rmm li ul {
display:none !important ;
position:absolute;
}
.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}
/*Color menu*/
.rmm.sapphire .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	/*background-color:#585656;*/
	background: -webkit-linear-gradient(#7B7A7B, #585656); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7B7A7B, #585656); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7B7A7B, #585656); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7B7A7B, #585656); /* Standard syntax */
	border-left:1px solid #222;
	
}
.rmm.sapphire .rmm-main-list li a:hover {
	/*background:#7B7A7B;*/
	background: -webkit-linear-gradient(#585656, #7B7A7B); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#585656, #7B7A7B); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#585656, #7B7A7B); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#585656, #7B7A7B); /* Standard syntax */
}
.rmm.sapphire .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rmm.sapphire .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.rmm.sapphire .rmm-toggled {
	width:95%;
	background: -webkit-linear-gradient(#7B7A7B, #585656); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7B7A7B, #585656); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7B7A7B, #585656); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7B7A7B, #585656); /* Standard syntax */
	min-height:36px;
	border-radius:6px;
}
.rmm.sapphire .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	border-radius:5px;
}
.rmm.sapphire .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
}
.rmm.sapphire .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
	width:20px;
	padding:0px 7px 0px 7px;
	border:1px solid #7B7A7B;
	border-radius:3px;
}
.rmm.sapphire .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:white;
	width:20px;
}
.rmm.sapphire .rmm-toggled ul li a {
	display:block;
	width:100%;
	background: -webkit-linear-gradient(#7B7A7B, #585656); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7B7A7B, #585656); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7B7A7B, #585656); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7B7A7B, #585656); /* Standard syntax */
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #585656;
	border-top:1px solid #7B7A7B;
}
.rmm.sapphire .rmm-toggled ul li a:active {
	background-color:#3c5779;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #3c5779;
}
.rmm.sapphire .rmm-toggled ul li:first-child a { 
	border-top:1px solid #7B7A7B !important;
}
div.rmm-toggled ul li.sub ul{
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

div.rmm-toggled ul li.sub ul li a{
	background-color: #C0D8E6 !important;
	color: #0D8E04;
	font-weight: normal;
}
@media (max-width:640px){
	#logo img{width:90%;}
	.tabela_koszty{margin:0px;padding:0px;font-size:11px;}
	.tabela_koszty tr td{padding:1px;margin:0px;}
	.info p.opis_title{font-size:16px;margin-bottom:10px;}
}
@media (max-width:480px){
	.pricelist{font-size:0.7em;}
	.tabela_koszty{margin:0px;padding:0px;font-size:11px;margin-left:-10px;}
	.tabela_koszty tr td{padding:1px;margin:0px;}
	.info p.opis_title{font-size:14px;margin-bottom:10px;}
	.tabela_cennik{font-size:14px;}
}
@media (max-width:340px){
	.tabela_koszty{margin:0px;padding:0px;font-size:9px;margin-left:-19px;}
	.tabela_koszty tr td{padding:1px;margin:0px;}
	.tabela_cennik{font-size:12px;}
	.info p.opis_title{font-size:12px;margin-bottom:10px;}
}
@media (min-width:640px){
	.rmm li:hover ul{
		background:#C0D8E6;
		display:block !important;
		height:auto !important;
		width:150px !important; 
		position:absolute !important;
		left: 95px;
		padding: 0px;
		text-align: left;
	}
	.rmm li ul li a{
		width: 100%;
	}
}
.mshow{
	background:#C0D8E6;
	display:block !important;
	height:auto !important;
	width:192px !important; 
	position:absolute !important;
	left: 370px;
	padding: 0px;
	text-align: left;
}
