@import url("reset.css");
@font-face { font-family: MyriadPro; src: url('MyriadPro-Cond.otf'); } 




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

	css theme name: mediger.net


	author: bartosz mediger (http://mediger.net)
	created: mar 07, 2010


*/





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



body {
	background: white url(../images/backt.jpg) no-repeat center top;
	font: 100%/1.35 Helvetica, Arial; }



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



html {
	overflow: auto;
	overflow-x: hidden;
	color: #222; }



img { border: none; }




input[type="text"] {
	width: 202px; height: 27px;
	background: url(../images/input.png);
	margin: 0 0 4px 0;
	line-height: 25px;
	padding: 4px 15px 0 15px;
	color: #333; }

	input[type="text"],
	textarea { font-size: 14px; }



p { padding-bottom: 15px; }



textarea {
	width: 301px; height: 87px;
	font-family: Arial, Helvetica;
	background: url(../images/textarea.png);
	padding: 15px;
	overflow: hidden;
	resize: none;
	color: #333; }



ul { list-style: none;}









/********************************      Elements styling      ********************************/

h1, h2, h3, h6 {
	font-weight: normal;
	color: #121212; }
	
h1, h2 { font-family: MyriadPro, Helvetica, Arial; }


h1 {
	line-height: 1.1em;
	padding: 0 0 15px 0;
	font-size: 38px; }


h2 { font-size: 30px; }


h3 {
	padding: 0 0 30px 0;
	font-size: 18px; }
	
h4 {
	padding: 0 0 5px 0;
	font-size: 18px; }

h6 { font-size: 13px; }



a {
	text-decoration: none;
	color: #bc3227; }
	
	a:hover { color: #bc3227 !important; }







article {
	float: left;
	width: 935px;
	padding: 0 0 50px 55px; }
	
	article dt { font-size: 30px; }

	article h2 {
		background-position: left top !important;
		background-repeat: no-repeat !important;
		height: 46px;
		line-height: 46px;
		padding: 0 0 0 45px; }
		
		article p { padding: 0 0 30px 0; }
		
		article section {
			float: left;
			width: 530px; }
	
		article h2.dlaczego { background: url(../images/i-ludek.gif); }
		article h2.jak { background: url(../images/i-monitor.gif); }
		article h2.ile { background: url(../images/i-time.gif); }





aside {
		float: right;
		width: 331px;
		padding: 0 23px 0 0; }

	/*aside .more {
		float: right;
		background: url(../images/arrow.gif) no-repeat 0 4px;
		padding: 0 0 0 10px;
		font-size: 12px; }*/
		







footer {
	float: left;
	width: 100%; height: 170px;
	background: url(../images/foot.jpg) center top;
	padding: 60px 0 0 0; }

	footer a { color: #121212; }
	
	footer nav {
		position: absolute; left: 840px; top: 30px;
		padding: 5px 0 0 0;
		font-family: Tahoma;
		font-size: 11px;
		color: #888; }

		footer nav a { color: #888; }

	footer section {
		position: relative;
		width: 935px;
		padding: 0 0 0 55px;
		margin: 0 auto; }
		
		footer section address {
			float: left;
			padding: 0 0 0 60px; }
			
			footer section address p { font-size: 14px; }

		footer section .facebook {
			position: absolute; top: -33px; left: 630px; z-index: 10;
			background: url(../images/i-facebook2.png);
			float: left;
			width: 126px; height: 50px; overflow: hidden; }
	
			footer .facebook:hover { background-position: 0 -50px !important; }
	
		footer section small { 
			float: right;
			width: 150px;
			font-size: 12px; line-height: 16px; }
	
		footer section dl {
			float: left;
			width: 200px; }

			footer section dt {
				margin: 0 0 10px 0;
				font-size: 14px; }

			footer section dd { float: left; }

			footer section dd span {
				width: 42px; height: 40px;
				overflow: hidden;
				display: block; }

			footer section dd a { display: block; }
	
			footer section dd a.thumb {
				width: 42px; height: 40px;
				cursor: pointer; }

			footer section dt { font-weight: bold; }






header {
	float: left;
	position: relative;
	width: 990px; height: 465px;
	background: url(../images/header.jpg); 
	outline: 0; }

	header embed { width: 960px; height: 387px; }









#center {
	position: relative;
	width: 990px;
	margin: 0 auto; }







#cube, embed { position: absolute; top: 0; left: 15px; }







#dane {
	position: absolute; top: 34px; left: 728px; z-index: 20;
	width: 205px; height: 46px; }

	#dane * {
		float: left;
		width: 205px; height: 23px; }

	#dane .phone { display: block; background: url(../images/i-phone2.gif); }

	#dane .email { background: url(../images/i-email2.gif) !important; text-indent: -10000px; }
	#dane .email:hover {
		background-position: 0 -23px !important;
		cursor: pointer; }










#kontakt,
#thanks {
	float: right;
	width: 331px;
	padding: 15px 0 0 2px; }

	.sub #kontakt,
	.sub #thanks {
		float: left;
		padding: 0 0 120px 292px; }

	
	#kontakt h2,
	aside h2 {
		height: auto !important;
		background: url(../images/dot.gif) repeat-x 0 bottom !important;
		margin: 0 0 15px 0;
		padding: 0 0 5px 0; }

	#thanks { display: none; }

		#thanks p { padding: 0; }
	
	#kontakt .formError {
		float: left;
		width: 316px;
		padding: 0 0 5px 15px;
		font-size: 12px;
		color: #bc3227; }

	#kontakt #submit {
		float: right;
		width: 76px; height: 34px;
		cursor: pointer; }
		
		#kontakt #submit span {
			width: 76px; height: 34px;
			overflow: hidden;
			display: block; }







#links {
	width: 506px; height: 66px;
	position: absolute; top: 24px; right: 0; }

	#links a, #links div {
		float: left;
		height: 66px; }

	#links .phone {
		width: 163px;
		background:  url(../images/i-phone.gif)}

	#links .skype {
		width: 128px;
		background: url(../images/i-skype.gif); }

	#links .email {
		width: 215px;
		background: url(../images/i-mail.gif); }





#logo {
	position: absolute; top: 24px; left: 50px;
	width: 231px; height: 66px;
	background: url(../images/logo-mediger.gif);
	text-indent: -10000px; }








#portfolio {
	float: left;
	width: 100%;
	padding: 20px 0 50px 0; }

	#portfolio section {
		width: 860px; 
		margin: 0 auto; }

		#portfolio section a:hover { text-decoration: underline; }

		#portfolio section h2 { padding: 0 0 10px 225px; }

		#portfolio section p {
			width: 440px;
			font-size: 90%;
			padding: 0 0 60px 225px; }




#top {
	float: left;
	position: relative;
	width: 990px; height: 110px; }









#zobacz-portfolio {
	float: right;
	width: 144px; height: 34px; }
		
	#zobacz-portfolio span {
		overflow: hidden;
		width: 144px; height: 34px;
		display: block; }






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