@import url("controls/reset.css");
@import url("controls/nav.css");
@import url("controls/typo.css");
@import url("controls/jpaginate.css");
@import url("controls/v.css");


/*-

	css theme name: superokazje.net
	author: cutme.pl

	created: may 06, 2011

*/




/*------      Basic Structure      ------*/

.rShare, .vc {display:none !important;}

body {
	min-height: 1200px;
	background: url(../i/bgt.jpg) no-repeat center 0; }

body#bc { background: url(../i/bgt2.jpg) no-repeat center 0; }

body, html { width: 100%; height: 100%; }

html {
	background: url(../i/bgc.gif);
	overflow: auto; }

input {
	float: left;
	border: 0 none; }


/*------      Page Elements      ------*/

article {
	width: 1000px; min-height: 1020px;
	margin: 0 auto; }

aside#left {
	float: left;
	width: 228px; }

aside#right {
	float: right;
	width: 758px; }

footer {
	float: left;
	width: 100%; height: 120px;
	background: url(../i/footer.jpg) no-repeat center 0; }

	#bc footer {
		height: 175px;
		background: url(../i/footer2.jpg) no-repeat center 0; }

	footer .content {
		position: relative;
		width: 1000px;
		margin: 0 auto; }

		footer .author,
		footer .copy {
			position: absolute; top: 55px; z-index: 5;
			font-size: 12px; }

		footer .copy {left: 15px; }

			footer .copy a { font-weight: bold; }

			footer .copy small {
				display: block;
				color: #777; }

		footer .links { /* left: 455px; */ float:right; }

			footer .links ul {
				list-style: none;
				margin: 0; }

				footer .links li {
					float: left;
					border-right: 1px solid #ccc;
					padding: 0 10px; }

				footer .links li:last-child { border: 0 none; }

					footer .links a { color: #777; }

		footer .author {
			right: 15px;
			color: #777; }



header {
	position: relative;
	width: 1000px; height: 130px;
	margin: 0 auto; }




#address {
	float: left;
	width: 100%;
	margin: 5px 0 15px 0;
	list-style: none;
	margin: 0; }

	#address li {
		float: left;
		width: 330px; }

		#address li h4,
		#address li p { margin-bottom: 2px !important; }

		#address li span { display: block; }












#company-desc {
	float: left;
	width: 100%;
	margin: 0 0 15px 0; }



#contact-form {
	float: left;
	position: relative;
	width: 708px; height: 228px;
	/* background: url(../i/bgcontact.jpg); */ }

	#contact-form fieldset {
		right: 25px; top: 60px;
		width: 260px; }

		#contact-form fieldset button {
			right: 5px; bottom: -32px;
			width: 61px; height: 31px;
			background: url(../i/page-sprites.png) no-repeat 0 -1389px;
			text-indent: -10000px; }

		#contact-form fieldset button:hover { background-position: -61px -1389px; }

		#contact-form fieldset p {
			float: left;
			width: 100%;
			margin-bottom: 5px; }

			#contact-form fieldset span {
				float: left;
				width: 90px;
				line-height: 26px;
				padding-right: 10px;
				font-size: 12px;
				text-align: right; }


	#contact-form button,
	#contact-form fieldset,
	#contact-form h3,
	#contact-form textarea { position: absolute; z-index: 5; }

	#contact-form h3 { left: 25px; top: 20px; }

	#contact-form textarea {
		left: 25px; top: 60px;
		width: 352px; height: 76px;
		/* background: url(../i/textarea.gif); */
		padding: 10px;

		border: 1px solid #CACACA;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;

		color: #606060;
		font: 12px/1.5 Arial,sans-serif;
	}

	.i152 {
		width: 132px; height: 26px;
		/* background: url(../i/page-sprites.png) 0 -1348px; */
		line-height: 26px;
		padding: 0 10px;

		border: 1px solid #CACACA;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;

		color: #606060;
		font: 12px/1.5 Arial,sans-serif;
	}








#gallery {
	float: left;
	width: 100%; }

	#gallery a {
		float: left;
		margin-right: 15px; }

		#gallery img {
			float: left;
			width: 340px; height: 235px; }

	#gallery .row { margin-bottom: 20px; }

		#gallery .row a:last-child {
			float: right;
			margin: 0; }





#intro {
	width: 728px; height: 247px;
	background: url(../i/header.jpg);
	margin-bottom: 8px;
	padding: 15px 0 0 30px; }

	#intro p { width: 360px; }



#invite {
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #ccc;
	margin: 5px 0 0 0;
	padding-top: 10px;
	font-family: 'MyriadProSemibold', 'Arial'; }

	#invite li { display: block; }

	#invite a { font-family: 'MyriadProSemibold', 'Arial'; }




#login-form { }

	#login-form button {
		float: right;
		width: 61px; height: 31px;
		background: url(../i/page-sprites.png) 0 -264px;
		margin-right: -2px; }

	#login-form button:hover { background-position: 0 -308px; }

	#login-form p {
		float: left;
		width: 100%;
		margin-bottom: 5px; }

	#login-form a small {
		float: left;
		margin: 0 0 0 43px;
		color: #6e6e6e; }

	#login-form span {
		float: left;
		width: 40px;
		padding-right: 5px;
		text-align: right;
		font-size: 12px;
		line-height: 26px; }



#path {
	float: left;
	width: 100%; }

	#path .start,
	#path a,
	#path span {
		float: left;
		height: 22px;
		line-height: 22px; }

	#path .start {
		width: 80px;
		background: url(../i/page-sprites.png) 0 -1080px;
		font-size: 12px;
		padding: 0 0 0 15px;
		color: white; }

	#path a {
		background: url(../i/page-sprites.png) 0 -1117px;
		padding-left: 30px;
		font-size: 12px;
		color: white; }

		#path a span {
			background: url(../i/page-sprites.png) right -1117px;
			padding-right: 20px; }




#promo { float: left; }





#promo-other { float: left; }

	#promo-other h3 { margin-top: -5px; }

	#promo-other .item {
		float: left;
		width: 100%;
		margin-bottom: 15px; }

	#promo-other .item:last-child { margin: 0; }

		#promo-other .title {
			display: block;
			line-height: 16px;
			font-size: 13px;
			font-weight: bold;
			margin-bottom: 2px; }

		#promo-other .item p {
			margin: 0;
			font-size: 12px; }



#search-form {
	float: left;
	position: relative;
	width: 208px; height: 28px;
	background: url(../i/page-sprites.png) 0 -1296px;
	margin-bottom: 10px;
	padding: 9px 0 0 20px; }

	#search-form button {
		position: absolute; right: 5px; top: 0;
		width: 66px; height: 37px;
		background: url(../i/page-sprites.png) 0 -160px;  }

	#search-form button:hover { background-position: 0 -212px; }

	#search-form input {
		width: 150px;
		background: none;
		border: 0 none;
		font-family: "MyriadProSemibold", "Arial";
		font-size: 12px;
		color: #9c9c9c; }



#vc {
	float: left;
	width: 100%;
	list-style: none;
	margin: 25px 0 5px 0; }

	#vc li { float: left; }

		#vc li.ib img { width: 307px; height: 212px; }
		#vc li.google {
			float: right;
			width: 375px; }

			#vc li.google a.big {
				float: right;
				font-size: 12px;
				font-weight: bold; }



/*------      Boxes      ------*/

.bxMain {
	position: relative; z-index: 10;
	width: 800px;
	background: url(../i/bxM-sprites.png) no-repeat -1630px 0;
	padding-top: 100px;
	margin-bottom: -140px; }

	.bxMain,
	.bxMain-f,
	.bxMain-c { float: left; }

	.bxMain-f {
		background: url(../i/bxM-sprites.png) no-repeat -815px bottom;
		padding-bottom: 45px; }

		.bxMain-c {
			width: 800px;
			background: url(../i/bxM-sprites.png) repeat-y 0 0; }


.bx705 {
	position: relative; z-index: 10;
	width: 705px;
	background: url(../i/bx705-sprites.png) no-repeat -1440px 0;
	margin: 0 0 0 45px;
	padding-top: 10px; }

	.bx705,
	.bx705-f,
	.bx705-c { float: left; }

	.bx705-f {
		background: url(../i/bx705-sprites.png) no-repeat -720px bottom;
		padding-bottom: 10px; }

		.bx705-c {
			width: 685px;
			background: url(../i/bx705-sprites.png) repeat-y 0 0;
			padding: 0 0 0 20px; }

.bx758 {
	width: 758px;
	background: url(../i/bx-sprites.png) no-repeat -2272px 0;
	padding-top: 10px; }

	.bx758,
	.bx758-f,
	.bx758-c { float: left; }

	.bx758-f {
		background: url(../i/bx-sprites.png) no-repeat -1499px bottom;
		padding-bottom: 10px; }

		.bx758-c {
			width: 702px;
			background: url(../i/bx-sprites.png) repeat-y -726px 0;
			padding: 15px 28px; }



.bx742 {
	width: 742px;
	background: url(../i/bx742-sprites.png) no-repeat -1516px 0;
	padding-top: 10px; }

	.bx742,
	.bx742-f,
	.bx742-c { float: left; }

	.bx742-f {
		background: url(../i/bx742-sprites.png) no-repeat -758px bottom;
		padding-bottom: 10px; }

		.bx742-c {
			width: 717px;
			background: url(../i/bx742-sprites.png) repeat-y 0 0;
			padding: 10px 0 10px 25px; }



.bx227 {
	width: 227px;
	background: url(../i/bx-sprites.png) no-repeat -484px 0;
	margin-bottom: 5px;
	padding-top: 10px; }

	.bx227,
	.bx227-f,
	.bx227-c { float: left; }

	.bx227-f {
		background: url(../i/bx-sprites.png) no-repeat -242px bottom;
		padding-bottom: 10px; }

		.bx227-c {
			width: 197px;
			position: relative;
			background: url(../i/bx-sprites.png) repeat-y 0 0;
			padding: 15px; }







/*------      Image align      ------*/

.fleft { float: left; }
.fright { float: right; }

img.fleft { margin: 0 15px 0 0; }
img.fright { margin: 0 0 0 15px; }



/*------      General Classes      ------*/

.add-offer {
	float: left;
	width: 228px; height: 65px;
	background: url(../i/page-sprites.png) no-repeat 0 0;
	margin: 15px 0 5px 0;
	text-indent: -10000px; }

.add-offer:hover { background-position: 0 -80px; }


.bb {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc; }




.logo {
	position: absolute; left: 0; top: 35px; z-index: 5;
	width: 227px; height: 46px;
	background: url(../i/page-sprites.png) 0 -392px;
	text-indent: -10000px; }

.rib {
	position: absolute; right: -4px; top: -2px; z-index: 10;
	display: block;
	background: url(../i/page-sprites.png) no-repeat;
	width: 59px; height: 56px; }

	.rPromo { background-position: 0 -1154px; }
	.rShare { background-position: 0 -1225px; }


.row {
	float: left;
	width: 100%; }


.share .item {
	float: left;
	position: relative;
	width: 162px;
	margin-right: 15px; }

	.share .item h5 { margin-top: 4px; }

	.share .row { margin-bottom: 15px; }

	.share .row .item:last-child { margin-right: 0; }

	.share .item img { width: 164px; height: 100px; }

	.share .item .price { font-weight: bold; }

		.share .item strike { font-size: 12px; }


.vc {
	position: absolute; left: 10px; top: 65px; z-index: 10;
	display: block;
	width: 31px; height: 25px;
	background: url(../i/page-sprites.png) no-repeat 0 -352px; }






/*
		studiofabryka.pl
		mc, update: 16 may 2011
*/

#st_form {
	float:left;
	width:100%;
	margin:15px 0;
}

.st_form {
	float:left;
	width:100%;
}

.st_form fieldset {
	float:left;
	width:50%;
}

.st_form label {
	float:left;
	width:100%;
	margin:5px 0;
}

.st_form input, .st_form textarea {
	width:90%;
	float:left;
	clear:left;
	padding:5px;
	font: normal 12px/1.5 Arial, sans-serif;
	border:1px solid #cacaca;
	color: #606060;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.st_form textarea {height:185px; width:96%;}

.st_form span {
	float:left;
	clear:left;
}

.st_form button {
    background: url("../i/page-sprites.png") no-repeat scroll 0 -1389px transparent;
    bottom: -32px;
    height: 31px;
    right: 5px;
    text-indent: -10000px;
    width: 61px;
}

.st_form button:hover {
	background-position: -61px -1389px;
}

.error-input {
	background: #ffc1c1;
	border:1px solid #cc0000 !important;
}

#error {
	display:none;
	background: #cc0000;
	padding:5px 10px;
	margin-top:10px;
	color: #fff;
	font-size:14px;
	font-weight:bold;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#ok, #wyslany {
	display:none;
	background: #39b405;
	padding:5px 10px;
	margin-top:10px;
	color: #fff;
	font-size:14px;
	font-weight:bold;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.st_form2 #error,
.st_form2 #ok,
.st_form2 #wyslany {
	position: absolute;
	bottom:25px;
	left:25px;
}

.st_form2 .error-input {

}

.subject {display:none;}

input:disabled, textarea:disabled {
	color: #9f9f9f;
	background: none !important;
	border:1px solid #fff;

}

#promo > h2 {margin-bottom:20px;}

#mapa {float:right;}

.marker {
	position: absolute;
	top:74px;
	left:46%;
	z-index:100;
}




.hoveropis {
	display:none;
	position: absolute;
	z-index:100;
	top:20%;
	left:60%;
	width:auto;
	background: #fff;
	border:1px solid #d8d8d8;
	padding:10px;
	font:11px/1.2 arial, sans-serif;
	color: #999;
}

#fancybox-title-over h5,
#fancybox-title-over h6,
.tooltip h5, .tooltip h6 {text-shadow: 0 0 0 transparent !important;}
#fancybox-title-over .red, .tooltip .red {color: #ff0000 !important;}

.tooltip {
	display:none;
	background: url('../i/p70b.png');
	border:1px solid #2d2d2d;
	font-size:11px;
	height:auto;
	width:160px;
	padding:25px;
	padding:10px;
	border-radius:5px;
}

.google small a {
	color: #cc0000 !important;
}

.currentTextHolder {
	color: #666;
	font-size:11px;
	margin: 0 6px 0 3px !important;
}

.pp_description {float:left;}

.google {position: relative;}

.gmask1 {
	bottom:0; left:0;
	width:375px;
	height:127px;
}

.gmask2 {
	top:0; right:0;
	width:346px;
	height:87px;
}

.gmask3 {
	top:0;
	left:0;
	width:30px;
	height:10px;
}

.gmask4 {
	top:0;
	left:0;
	width:12px;
	height:88px;
}



.gmask1,
.gmask2,
.gmask3,
.gmask4 {
	position:absolute;
	z-index:100;
}


/*
		--- graficzny nagłówek
*/

.customHeader {
	float:left;
	margin: 10px 0 20px 45px;
	height:auto;
}

.customHeader img {
	width:705px;
}

.bx758-c .customHeader {
	float:left;
	margin: 10px 0 20px 0px;
	height:auto;
}

.outside #company-desc h5 {
	float: left;
	width: 755px; height: 45px;
	background: url(../../i/hPanel.png);
	padding: 12px 0 0 45px;
	margin:20px 0 0 -45px;

	font-size: 22px;
}


.bx758-c {position: relative;}

#adres2 {
	position: absolute;
	bottom:-3px;
	left:5px;
	padding:10px;
	background: #cc0000;
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	width:96%;
	border-radius:0 0 5px 5px;
	box-shadow: 0 0 20px #b00000 inset;
}

#adres2 a {
	color: #F4C93D;
}

#company-desc h5 {
	color: #fff;
	background: #cc0000;
	padding:5px 10px;
	border-radius:5px;
	display:block;
	text-transform: uppercase;
	font-weight:bold;
	text-shadow: 0 0 0 #fff;
	float:left;
	width:685px;
}

.bx758-c {
    padding: 15px 28px 40px 28px !important;
}







/* update: 12 sty 2012 */

.naszawww {
	float:left;
	width:90%;
	margin:5px 5%;
	padding:10px 0;
	text-align: center;

	background: #D85C4C;
	box-shadow:0 0 10px #e46714 inset, 0 0 4px #a01616 inset;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

	font-weight:bold;
	font-size:15px;
	color:#fff;
	text-shadow: 0 1px 2px #5f0707;
}

.naszawww a {
	color: #fbe446;
	font-size:24px;
}




/* update: mc, 19/07/2012 */

header {
	background: url(../i/lokalnyhit/header_bg.png) top no-repeat;
	height: 123px;
}

.outside header {background: none;}

.logo {
	left: 21px; top: 17px;
	width: 223px; height: 74px;
	background: url(../i/lokalnyhit/logo.png) 0 0 no-repeat;
}

#horiz {
	top:38px;
	left: 283px;
}

#horiz a {
	width: 129px !important;
	height: 35px !important;
	margin-right:10px;
}

#horiz a:hover {
	opacity:.7;
	filter:alpha(opacity=70);
}

#horiz .home {
	background: url(../i/lokalnyhit/m-home.png) 0 0 no-repeat !important;
}

#horiz .howto {
	background: url(../i/lokalnyhit/m-jaktodziala.png) 0 0 no-repeat !important;
}

#horiz .create {
	background: url(../i/lokalnyhit/m-wizytowka.png) 0 0 no-repeat !important;
}

#horiz .contact {
	background: url(../i/lokalnyhit/m-kontakt.png) 0 0 no-repeat !important;
}


.regionFilter select {
	border: 1px solid #CC0000;
    border-radius: 5px;
    color: white;
    margin: 0 0 10px;
    padding: 5px;
    text-shadow: 0 1px 1px #7C0000;
    width: 228px;


    background-image: url(../i/region-bg.jpg);
    background-repeat: repeat-x;
    background-color: rgba(0,0,0,0);
    -webkit-appearance: none;

}

.regionFilter option {
	background: transparent;
	text-shadow: none;
	color: #222;
}

.regionFilter option[selected="selected"] {
	color: #fff;
}




.txt table {margin:0 auto;}




.share .kupon {
    width: 343px;
    margin-right: 8px;
    margin-left: 0;
    margin-bottom: 20px;
}

.share .kupon > a {
    width: 100%;
}

.share .kupon > a img {
    width: 335px;
}

.ib .kupon b {
    color: #BF4534;
    font-size: 18px;
}


.share .row .item:last-child {
    margin-right: 8px;
}


.kuponpromo {
	margin: 15px 0 15px 50px;
    max-width: 100%;
    float: none;
    display: inline-block;
}


.share h3.bb {width: 94%;}