@import url("reset.css");
@import url("contact.css");



/*--------------------------------------------------------

	css theme name: breloki
	author: cutme.pl

	created: mar 05, 2011


*/

/*
@font-face {
	font-family: 'MyriadProSemiboldCondensed';
	src: url('fonts/myriadpro-semiboldcond-webfont.eot');
	src: local(':'), url('fonts/myriadpro-semiboldcond-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; }

@font-face {

	font-family: 'MyriadPro-LightSemiExt';
	src: url('fonts/MyriadPro-LightSemiExt.eot');
	src: url('fonts/MyriadPro-LightSemiExt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; }
*/

@font-family: 'MyriadPro-LightSemiExt';
	src: url('fonts/MyriadPro-LightSemiExt.eot');
	src: url('fonts/MyriadPro-LightSemiExt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; }

@font-face {
    font-family: 'MyriadPro-LightSemiExt';
    src: url('fonts/MyriadPro-LightSemiExt.eot');
    src: url('fonts/MyriadPro-LightSemiExt.eot?iefix') format('eot'),
         url('fonts/MyriadPro-LightSemiExt.woff') format('woff'),
         url('fonts/MyriadPro-LightSemiExt.ttf') format('truetype'),
         url('fonts/MyriadPro-LightSemiExt#webfontBAISPYBf') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MyriadProSemiboldCondensed';
    src: url('fonts/myriadpro-semiboldcond-webfont.eot');
    src: url('fonts/myriadpro-semiboldcond-webfont.eot?iefix') format('eot'),
         url('fonts/MyriadPro-SemiboldCond.woff') format('woff'),
         url('fonts/myriadpro-semiboldcond-webfont.ttf') format('truetype'),
         url('fonts/MyriadPro-SemiboldCond.svg#webfontBAISPYBf') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

address {
	float: right;
	width: 350px; }

	address p { line-height: 20px; }

	address h2 { margin-bottom: 5px;}

body {
	background: url(../images/backt.jpg) no-repeat center top;
	font: 14px/1.3em 'Arial', 'Helvetica', 'sans-serif'; }

	body, input, textarea { color: white; }


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

.logoprint {display:none;}

html {
	overflow: auto;
	background: url(../images/backc.jpg) repeat-y center; }


p {
	padding-bottom: 1.5em; }


textarea {
	color: #333;
	overflow: auto;
	resize: none;
	behavior: url(css/PIE.htc); }


ul, ol  {
	clear: both;
	margin: 0 0 25px 20px; }

ul { list-style: disc; }

ol { list-style: decimal; }




/*------------------------------------------------      Typography      ------------------------------------------------*/

	a { color: #fff600; }
	a:hover { text-decoration: underline; }


	h1, h2, h3, h4, h5, h6 {
		font-family: 'MyriadProSemiboldCondensed', 'Arial';
		text-shadow: 1px 1px 1px #aebf25;
		-webkit-font-smoothing: antialiased; }

	h1 {
		letter-spacing: -2px !important;
		font-family: 'MyriadPro-LightSemiExt', "Tahoma";
		font-size: 52px;
		line-height: 52px;
		margin: 0 0 15px -5px; }

	h1.ff { font-family: 'MyriadProSemiboldCondensed', "Tahoma"; letter-spacing: 0 !important; }

	h1.iefont {
		letter-spacing: 0 !important;
		font-family: 'MyriadProSemiboldCondensed', "Tahoma";
		margin-top: -20px;
		line-height: 44px !important;
		font-size: 48px !important; }

		.home h1 {
			margin: 0 0 15px 0;
			letter-spacing: normal !important;
			font-family: 'MyriadProSemiboldCondensed', "Tahoma";
			font-size: 48px;
			color: #fff600; }

		.home h1.iefont { font-size: 38px !important; }

		.home h1 span {
			letter-spacing: -2px !important;
			font-family: 'MyriadPro-LightSemiExt', "Tahoma";
			font-size: 52px;
			color: white; }

		.home h1.iefont span {
			font-family: 'MyriadProSemiboldCondensed', "Tahoma";
			font-size: 46px !important; }



	h2 { font-size: 36px; line-height: 30px; }

	h2.iefont {
		font-size: 26px !important; }

	h3 { font-size: 30px; line-height: 26px; }

	h4 { font-size: 26px; line-height: 24px; }

	h5 {
		line-height: 26px;
		font-size: 24px; }

	h5.iefont {
		font-size: 18px;
		font-weight: bold; }

	h6 { font-size: 24px; }

	h6.iefont { font-size: 20px; font-weight: bold; }



	/*------    Text decoration   ------*/

	.brdr {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px  solid #d5e095; }


/*------------------------------------------------       Navigate      ------------------------------------------------*/


	/*---------------      Horizontal menu      ---------------*/

	#horiz { position: absolute; top: 138px; left: 0; z-index: 10; }

		#horiz ul {
			list-style: none;
			margin: 0; }

			#horiz ul li {
				float: left; }

				#horiz ul li a {
					float: left;
					height: 68px;
					text-indent: -10000px; }

				#horiz ul li a.witamy {
					width: 110px;
					background: url(../images/m-witamy.png); }

				#horiz ul li a.breloki {
					width: 198px;
					background: url(../images/m-breloki.png); }

				#horiz ul li a.realizacje {
					width: 125px;
					background: url(../images/m-realizacje.png); }

				#horiz ul li a.kontakt {
					width: 102px;
					background: url(../images/m-kontakt.png); }


				#horiz ul li a:hover { background-position: 0 -68px; }
				#horiz ul li.hit a { background-position: 0 -136px; }



	/*---------------      Vertical menu      ---------------*/

	.iefont { font-family: "Arial Narrow", "sans-serif"; }

	#vert {
		float: left;
		width: 245px; }

		#vert ul {
			float: left;
			list-style: none;
			margin: 0; }

			#vert ul li { float: left; }

				#vert ul li a {
					float: left;
					width: 230px; height: 33px;
					background: url(../images/menu-vert.png);
					padding: 12px 0 0 15px;
					font-family: 'MyriadProSemiboldCondensed', 'Arial';
					font-size: 20px;
					color: #5e7227;
					-webkit-font-smoothing: antialiased; }

				#vert ul li a.iefont {
					font-weight: bold;
					font-size: 20px !important; }

				#vert ul li a:hover {
					background-position: 0 -45px;
					text-decoration: none; }

				#vert ul li.hit a {
					background-position: 0 -90px;
					color: white; }


	/*---------------      Actions      ---------------*/

	#actions {
		position: relative;
		float: left;
		width: 440px; height: 81px;
		background: url(../images/line.png);
		margin: 20px 0 0 120px; }

		#actions a {
			position: absolute; z-index: 10;
			float: left;
			text-indent: -10000px; }

		#actions .back,
		#actions .print { height: 52px; top: 4px; }

		#actions .back {
			left: 38px;
			width: 75px; height: 52px;
			background: url(../images/btn-powrot.png); }

		#actions .print {
			right: 30px;
			width: 77px;
			background: url(../images/btn-drukuj.png); }

		#actions .print:hover,
		#actions .back:hover { background-position: 0 -52px; }

		#actions .ask {
			left: 140px; top: 9px;
			width: 165px; height: 66px;
			background: url(../images/btn-zadaj.png); }

		#actions .ask:hover { background-position: 0 -66px; }




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


	aside {
		float: left;
		width: 245px;
		margin-top: 275px; }

		aside h2 { margin-bottom: 29px; }


	article {
		float: right;
		width: 656px;
		min-height: 450px;
		margin-top: 230px; }

		.home article {
			float: left;
			width: 690px; min-height: 380px !important; }

		#intro { width: 550px; }



	footer {
		float: left;
		position: relative; z-index: 50;
		background: url(../images/footer.jpg) no-repeat center top;
		width: 100%; height: /* 297 */180px;
		margin-top:15px;
	}

		footer .content {
			border-top: 1px solid #d8fa98;
			clear: both;
			position: relative;
			width: 980px;
			margin: 0 auto; }

			footer .content .ban {
				position: absolute; right: 0; top: 50px; z-index: 10;
				width: 200px; }

			footer .content .banfoot h6 { margin-bottom: 10px; color: #fff;}

			.banfoot {
				float:left;
				width:548px;
				text-align: left;
			}

			#info {width:100%;}



	#anim {
		position: absolute; right: 0; top: 109px; z-index: 100;
		width: 380px; height: 570px; }


	#center {
		position: relative; z-index: 100;
		width: 980px; min-height: 624px;
		margin: 0 auto; }



	#logo {
		position: absolute; left: 15px; top: 35px; z-index: 10;
		background: url(../images/logo-breloki.png);
		width: 415px; height: 52px;
		text-indent: -10000px; }




	#path {
		float: left;
		width: 100%;
		font-size: 12px;
		 /*text-shadow: 1px 1px 1px #a9be25;*/
		margin-bottom: 5px; }

		#path a { color: white; }

		/*#path a { color: #b2b125; background: white; padding: 0 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }*/


	/*---------------      Info      ---------------*/

	#info {
		float:left;
		font-size: 12px;
		line-height: 14px; color: #cfe7bb;
		text-align: right;
		margin:15px 0;
		}

		#info p { padding: 2px; }

			#info .blank { font-size: 11px; }



	/*---------------      News      ---------------*/

	#news {
		float: left;
		width: 690px;
		position: relative; z-index: 100;
		margin-top: 1px;
		margin-bottom: -200px; }

		#news h5 { margin-bottom: 5px; }

		#news img {
			float: left;
			margin: 0 10px 0 0; }

		#news p { padding: 0; }

		#news .news { float: left; }

		#news .date {
			display: block;
			line-height: 12px;
			font-size: 11px; }

		#news .more { font-weight: bold; }

		#news .news { width: 330px; }

		#news .news:last-child { float: right; }




	/*---------------      Search form      ---------------*/

	#search-form {
		top: 0; right: 220px; z-index: 100;
		width: 220px; height: 187px;
		background: url(../images/search-panel.png); }

		#search-form,
		#search-form input[type="text"],
		#search-form button { position: absolute; }

		#search-form button {
			top: 86px; right: 37px;
			width: 67px; height: 42px;
			background: url(../images/btn-szukaj.png); }

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

		#search-form input[type="text"] {
			left: 50px; top: 72px;
			width: 50px;
			background: none;
			border: 0 none;
			line-height: 10px;
			color: #3a2d1a; }

		#search-form #do { top: 101px; }




	/*---------------      Details      ---------------*/

	#details { }

		#details .desc {
			float: right;
			width: 295px; }

		#details .photo {
			float: left;
			margin-bottom: 30px; }

			#details .photo img { border: 2px solid #f3ec6c; }





	/*---------------      Gallery      ---------------*/

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

		#gallery a {
			float: left;
			margin: 0 5px 5px 0; }

			.home #gallery a { margin: 0 2px 5px 0; }

			#gallery a:hover img { border: 2px solid #f3ec6c; }

			#gallery a img {
				float: left;
				border: 2px solid #bac100; }

		.home #gallery img { width: 132px;  }





	#bxContact {
		float: left;
		padding-top: 45px; height: 310px;
		background: url(../images/backt.jpg) no-repeat center bottom; }

	#thanks h6 { margin-bottom: 10px; }
	#thanks .fancyclose { font-weight: bold; }





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

	.btn-zobacz {
		float: right !important;
		width: 158px; height: 52px;
		background: url(../images/btn-zobacz.png); }

	.btn-zobacz:hover { background-position: 0 -52px; }


	.hidden { display: none; }

	.results {
		margin-top: 15px;
	}



#ilikeit {
	float:right;
	margin-top:-8px;
	width:310px;
}


#error, #ok {float:left; padding:10px 0; margin-left:140px;}
#error {color: #ff0000;}
#ok {color:#fff;}