/*
 * autor: StudioFabryka.pl
 * theme: as
 *
 * cd: 17.02.2010
 *
 */



body {

	background: #1d1d1d url(../images/totalbg.jpg) top repeat-x;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}


#content {

	margin:0 auto;
	width:960px;
	height:auto;
}

.red, em {color:#d80000;}
em {font-style:normal; font-weight:bold;}
p a {color:#F4A514; text-decoration:none;}
p a:hover {background:#111;}
p {font-size:12px; line-height:17px; color:#fff; margin:2em 0 0 0;}
#main ul {font-size:12px; line-height:17px; color:#fff; margin:2em 0 0 0;}
h1 {color:#D80000; text-transform:uppercase; font-size:17px;}
#main ul li:before {
	content: "- ";
	color:#D80000;
}






/*
 * HEADER -- logo, flash, menu, grafika
 */


/* logotyp */

a#logo {

	float:left;
	width:276px; height:136px;
	display:block;
	background:url(../images/as-matryca.jpg) 0 -360px no-repeat;
}


/* rozwijane menu */

ul.tMenu {

	float:left; clear:left;
	width:290px; height:250px;
	margin:3px 0 0 0;
	padding-top:10px;
	background:url(../images/as-matryca.jpg) 0 -495px no-repeat;
	}
	.tMenu li {float:left; width:290px;}
	.tMenu li a {

		color:#a3a3a3;
		font-size:12px;
		text-decoration:none;
		margin:0 0 0 7px;
		padding:5px 0 0 20px;
		height:15px;
		display:block;
		background: #fff url(../images/as-matryca.jpg) 0 -755px no-repeat;
		}
		.tMenu li a:hover, .hit  {

			color:#fff;
			background: url(../images/as-matryca.jpg) 0 -778px no-repeat;
		}
		.menu_body {display:none;}
		.menu_head {cursor:pointer;}

		.menu_body li a {

			padding:5px 0 0 40px;
			color:#fff;
			background: url(../images/as-matryca.jpg) 0 -820px no-repeat;
			}
			.menu_body li a:hover {

				color:#D80000;
				background: url(../images/as-matryca.jpg) 0 -800px no-repeat;
			}


/* flash jquery */

#flash {

	width:370px;
	height:398px;
	float:left;
	margin:-135px 0 0 0;
}


/* grafika - studio */

#studio {

	float:left;
	width:295px; height:399px;
	margin:-136px 0 0 0;
	background: url(../images/as-matryca.jpg) -320px -356px no-repeat;
}




/*
 * TREŚĆ - main i kolumna
 */

#main {

	float:left;
	clear:left;
	margin:30px 0 20px 10px;
	width:543px;
	}

	.dividerBig {

		width:543px;
		height:2px;
		background: url(../images/as-matryca.jpg) 0 -189px no-repeat;
		margin:1em 0 0 0;
	}

/* podział na kolumny tekstu */

.insideMainCol {
	float:left;
	width:210px;
	margin:0 30px;
}
.insideMainCol p {

	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px dashed #fff;
}
p.noborder {border:0;}


/* kolumna */

#col {

	float:right;
	width:350px;
	margin:15px 25px 0 25px;
	}
	#titleImg {

		float:left;
		width:350px;
		height:78px;
		background: url(../images/as-matryca.jpg) -529px 0 no-repeat;
	}
	#sobczakBaner {

		float:left;
		display:block;
		width:360px;
		height:111px;
		opacity:0.8;
		filter:alpha(opacity=80);
		background: url(../images/as-matryca.jpg) 0 0 no-repeat;
		}
		#sobczakBaner:hover {opacity:1; filter:alpha(opacity=100);}

	.dividerCol {

		float:left;
		height:2px; width:350px;
		margin:0.5em 0;
		background: url(../images/as-matryca.jpg) 0 -191px no-repeat;
	}

	#medalicho {

		float:left;
		display: block;
		margin:10px 0 0 30px;
	}

	#najWpl {

		float:left;
		display:block;
		margin:10px 0 0 20px;
		width:75px; height:81px;
		background: url(../images/as-matryca.jpg) -361px 0 no-repeat;
		}
		#najWpl:hover {

			opacity:0.8;
			filter:alpha(opacity=80);
		}
	#wlkpJak {

		float:left;
		display:block;
		width:93px; height:81px;
		margin:10px 0 0 30px;
		background: url(../images/as-matryca.jpg) -436px 0 no-repeat;
		}
		#wlkpJak:hover {

			opacity:0.8;
			filter:alpha(opacity=80);
		}


/*
 * STOPKA - anchor do góry, bottom menu, inne
 */

#footer {

	float:left;
	width:958px; height:163px;
	background: url(../images/as-matryca.jpg) 0 -193px no-repeat;
	}
	.anchorLink {

		float:left;
		font-size:11px;
		color:#555;
		text-decoration:none;
		margin:5px 0 0 50px;
		}
		.anchorLink:hover {color:#888;}

	.bMenu {
		float:left;
		width:auto;
		margin:25px 0 0 -28px;
		}
		.bMenu li {
			float:left;
			width:auto;
			height:39px;
			}
			.bMenu li a {

				color:#1D1D1D;
				font-size:12px;
				text-transform:uppercase;
				text-decoration:none;
				height:39px;
				display:block;
				line-height:40px;
				margin:0 16px;
			}
			.bMenu li a:hover {
				background:#1d1d1d url(../images/bmenu-r.jpg) top right no-repeat;
				color:#fff; padding:0 16px 0 0;
				margin:0 0 0 0px;
				}

			.bMenu li a span { display:none; }

			.bMenu li a:hover span {

				display:block;
				margin:0 0 0 0;
				height:39px; width:16px;
				float:left;
				background: url(../images/as-matryca.jpg) 0 -111px no-repeat;
			}


	#footerBottom {

		float:left;
		width:960px;
		margin:45px 0 40px 0;
		}
		a#wspolpraca {

			float:left;
			font-size:10px;
			text-decoration:none;
			width:242px; display:block;
			padding:5px 0 0 0;
			margin:0 0 0 515px;
			}
			a#wspolpraca span {

				background: url(../images/as-matryca.jpg) -361px -81px no-repeat;
				width:22px; height:23px;
				margin:-3px 0 0 0;
				display:block; float:right;
			}

	a#realizacja {

		float:right;
		font-size:10px;
		color:#1D1D1D;
		text-decoration:none;
		margin:6px 20px 0 0;
		}
		a#realizacja strong {text-transform:uppercase;}
		a#realizacja:hover {color:#333333;}






/*
 *  GALERIA ZDJĘĆ
 */

#gallery, #gallery2 {float:left; margin:20px 0 0 0;}

#gallery .row {
	float:left; clear:left;
	width:100%;
}

#gallery .row a {

	float:left;
	margin:9px;
	border:0;
	}
	#gallery .row a img {

		padding:0;
		border:2px solid #111;
		border-top:0;
		border-left:0;
	}



/*
 *  GALERIA filmów
 */


#gallery2 .row a span {

	position:relative;
	float:left;
	width: 204px;
	height: 150px;
	display:block;
	z-index:20;
	background: url(../images/play.png) 0 0 no-repeat;

}
#gallery2 .row a img {

	position:relative;
	float:left;
	z-index:10;
	margin:0 0 0 -204px;
}

#gallery2 {

	margin:20px 0 0 15px;
}

#gallery2 .row a {

	float:left;
	margin:20px;
	border:0;
	text-decoration:none;
	background:#0F0F0F;
}
#gallery2 .row a:hover {

	opacity:0.8;
}


#gallery2 .row a strong {

	width:185px;
	font-size:12px;
	color:#fff;
	padding:10px;
	float:left;
	clear:left;
	font-weight:normal;
	border-bottom:0 !important;
}

.fancybox-title-inside {text-align:left !important;}






/*
* FORMULARZ kontaktowy
*/

#kontaktowy {
	float:left;
	clear:left;
}

#formularz {

	float:left;
	width:545px;
	padding-bottom:2em;
	}

	#formularz img {float:right; margin:0 130px 0 0;}

	#formularz fieldset {

		border:0;
		padding:2em 1em 1em 1em;
		}

		#formularz legend {

			color:#016928;
			padding:0 10px;
			font-size:14px;
			background:#fff;
			margin-bottom:10px;
		}





	#formularz label {

		width:100%;
		float:left;
		margin:5px 0;
	}



	#formularz label span {

		float:left;
		width:25%;
		display:block;
		text-align:right;
		font-size:12px;
		margin:0 10px 0 0;
		color:#fff;
	}



	#formularz input {

		width:35%;
		border: 1px solid #adadad;
		color:#333;
		font-size:12px;

		-moz-border-radius: 0 4px 4px 4px;
		-webkit-border-radius: 0 4px 4px 4px;
		-khtml-border-radius: 0 4px 4px 4px;
		border-radius: 0 4px 4px 4px;
		border:0;
	}

	#formularz input.long { width:65%;}

	#formularz textarea {

		width:65%;
		height:10em;
		border: 1px solid #adadad;
		color:#333;
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;

		-moz-border-radius: 0 4px 4px 4px;
		-webkit-border-radius: 0 4px 4px 4px;
		-khtml-border-radius: 0 4px 4px 4px;
		border-radius: 0 4px 4px 4px;
		border:0;
	}

	#formularz p.specjalP {

		width:98%;
		float:left;
		margin:10px 0;
		text-align:justify;
	}


	label#requiredInfo,
	label#requiredInfo span {

		float:left;
		width:140px;
		color:#e60000;
	}


#formularz .button {

		width:60px !important;
		height:3em;
		float:right;
		margin:0 3.5em 0 0;
		padding-bottom:0.5em;
		line-height:1em;
		border:none !important;
		font-size:12px;
		color:#ffffff !important;
		background:#333;
		cursor:pointer;

		-moz-border-radius: 0 4px 4px 4px;
		-webkit-border-radius: 0 4px 4px 4px;
		-khtml-border-radius: 0 4px 4px 4px;
		border-radius: 0 4px 4px 4px;
	}



/*
 * WALIDACJA jquery
 */

.error {
	float:left;
	width:245px;
	color:#fff;
	background:#c00000;
	height:2em;
	margin:0 0 0 140px;
	display:none;
	font-size:13px;
	font-weight:bold;
	padding:10px 0 0 10px;
	text-align:center;

	-moz-border-radius: 4px 0 4px 4px;
	-webkit-border-radius: 4px 0 4px 4px;
	-khtml-border-radius: 4px 0 4px 4px;
	border-radius: 4px 0 4px 4px;
}


.error-input, .error-both, .error-same, .error-email, .error-string { background-color:#FFEFEF; }




/*
 * dodatkowe dane kontaktowe
 */

#mapagoogle {float:right; margin:20px 0 0 0;}
#mapagoogle iframe {border:0; padding:0;}
#mapagoogle small {font-size:10px; color:#fff;}
#mapagoogle small a {color:#e60000;}
p#kontaktowedane {width:220px; float:left;}