/* KlimKrak Stylesheet */
/* Copyright Likelink s.c. 2010 */
/* Coded by Adam Kopeć <a.kopec@indexo.pl> <adam.kopec@gmail.com> */


* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-image: url('../images/background/repeater-top.png');
	background-repeat: repeat-x;
	background-color: #FFF;
	width: 100%;
	color: #333;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}

a, a:hover  {
	color: #0861c5;
}
#strona2 { height:1373px; }
#content-wrapper {
	width: 940px;
	margin: 0 auto;
	background:url("../images/main/top-line.png") no-repeat scroll 6px 194px transparent;
	min-height: 475px;
}

#top-panel {
	height: 130px;
	width: 960px;
	padding-top: 5px;
	overflow: hidden;

}

	#logo {
		float: left;
	}
	
	ul#upper-menu {
		float: left;
		list-style: none;
		margin: 10px 0 0 8px;
	}
	
		ul#upper-menu li {
			font-size: 1em;
			font-weight: bold;
			display: inline;
			background: url('../images/upper-menu-arrow.gif');
			background-repeat: no-repeat;
			background-position: 0 5px;
			padding-left: 15px;
			padding-right: 37px;
		}
			ul#upper-menu li a {
				color: #333;
				text-decoration: none;
			}
			ul#upper-menu li a:hover {
				color: #e92f13;
			}
			
#flash-menu {
	width: 960px;
	height: 65px;
	overflow: hidden;
	position: absolute;
}
#flash-menu embed, #flash-menu object {
	z-index: 10;
	position: absolute;
}

#content {
	background:url("../images/duze-logo.png") no-repeat scroll 138px 0 transparent;
	width: 940px;
	overflow: auto;
	margin-top:60px;
	min-height: 330px;
	padding-left: 20px;
}

	#main-left {
		float: left;
		margin-top: 65px;
		width: 420px;
	}
		#main-left p {
			margin-top: 20px;
			width: 365px;
			line-height: 18px;
		}
		
	#main-right {
		float: left;
		padding-left: 50px;
		width: 400px;
	}
	
	#contact-left {
		float: left;
		margin-top: 20px;
		width: 450px;
	}
	
	#contact-left dl {
		overflow: auto;
	}
	
	#contact-left dl dt {
		width: 120px;
		float: left;
		padding: 12px 0 8px;
		clear: left;
	}
	#contact-left dd {
		float: left;
		overflow: auto;
		margin: 8px 0;
	}
	
	#contact-left dd label {
		float: left;
		clear: left;
	}
	
	#contact-left input.text {
		background-color: #fff;
		float: left;
		height: 25px;
		width: 295px;
		border-width: 1px;
		border-style: solid;
		border-top-color: #989797;
		border-bottom-color: #c6c5c5;
		border-left-color: #908e8e;
		border-right-color: #b2b1b1;
		background-image: none;
	}
	
	textarea.valid, input.valid {
		background-image: url('../images/main/input-correct.png')!important;
		background-repeat: no-repeat;
		background-position: 275px 5px;
		padding-right: 25px;
		width: 270px!important;
	}
	
	textarea.error, input.error {
		background-image: url('../images/main/input-incorrect.png')!important;
		background-repeat: no-repeat;
		background-position: 275px 5px;
		padding-right: 25px;
		width: 270px!important;
	}
	
	#contact-left textarea {
		height: 120px;
		width: 295px;
		border-width: 1px;
		border-style: solid;
		border-top-color: #989797;
		border-bottom-color: #c6c5c5;
		border-left-color: #908e8e;
		border-right-color: #b2b1b1;
		float: left;
	}
	#contact-left input.submit {
		width: 140px;
		height: 35px;
		background: url('../images/main/contact-submit.png') no-repeat;
		cursor: pointer;
	}

	#contact-left div.error {
		color: #DB2B1A; 
		margin-top: 7px;
		display: none;
		font-weight: bold;
	}
	#contact-right {
		float: left;
		width: 460px;
		margin-top: 20px;
	}
	
	#contact-right .info-box {
		margin-top: 25px;
		margin-bottom: 50px;
	}
	
	span.asterisk {
		font-weight: bold;
		color: #0364c5;
		padding-left: 3px;
	}
	
	.pager {
		float: right;
		margin-bottom:10px;
		margin-right:10px;
		margin-top:25px;
	}
	.pager a {
		padding: 0 2px;
		text-decoration: underline;
		color: #0861c5;
	}
	.pager a.activeSlide {
		text-decoration: none;
		color: black;
	}
	
	p.static {
		width: 90%;
		margin-top: 30px;
		font-size:12px; 
		line-height:18px;
	}
	
	#ajax-indicators {
		width: 280px;
		clear: left;
		margin: 0 auto;
		overflow: auto;
	}
	
		#ajax-indicators .indicator {
			float: left;
			margin: 0 20px;
			cursor: pointer;
			width: 29px;
			height: 29px;
			background-image: url('../images/main/ajax-inactive.png');
			background-repeat: no-repeat;
			background-position: center center;
		}
		#ajax-indicators .activeSlide {
			background-image: url('../images/main/ajax-active.png')!important;
		}
		
.content-header {
	margin: 20px 0 10px 0;
	z-index: 0;
}
table.full {
	width: 100%;
}
table.styled-cells {
	border-bottom: 1px dashed #d0d6e1;
	border-collapse:collapse;
	margin-top: 10px;
}
table.styled-cells td, table.styled-cells th {
	padding: 10px 10px 10px 30px;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #d0d6e1;
}
table.styled-cells td.last, table.styled-cells th.last {
	border-right-style: none;
}
table.styled-cells td.bold {
	font-weight: bold;
	color: #0364c5;
}
table.styled-cells th.name {
	width: 140px;
}
table.styled-cells th.description, table.styled-cells td.description {
	width: 400px;
}
table.styled-cells img {
	/*border: 1px solid #cecece;*/
}
table.styled-cells ul {
	margin: 10px 0 10px 0;
}
table.styled-cells ul li {
	margin-left: 15px;
}
table.even-5 { 
	width: auto; 
}
table.even-5 th {
	width: 190px;
}
table.even-5 td.last {
	padding-left: 15px;
}

table.styled-cells thead tr {
	background-image: url('../images/background/th.png');
	background-repeat: repeat-y;
	height: 50px;
	border-width: 1px;
	border-style: dashed none dashed none;
	border-color: #d0d6e1;
	text-align: left;
}

table.styled-cells tbody tr.alternate {
	border-width: 1px;
	border-style: dashed none dashed none;
	border-color: #d0d6e1;
	background-image: url('../images/background/th.png');
	background-repeat: repeat-y;
}

.more-box .maxi {
	display: none;
}
td .hidden {
	display: none;
}
.more-box .control {
	width: 95%;
	text-align: right;
}
.more-box .control a {
	color: #e92f13;
	font-weight: bold;
}
		
#footer {
	margin-top:10px;
	width:960px;
}
	#contact-box {
		float:left;
		height:75px;
		padding:25px 10px 10px;
		width:240px;
		background-image: url('../images/footer/contact.jpg');
		background-repeat: no-repeat;
		/*background-position: right center;*/
		background-position:196px center;
	}

	#footer-menu {
		list-style: none;
		/*margin: 50px 0 45px;*/
		float: left;
		overflow:hidden;
		border-right:1px dashed #d0d6e1;
		margin-top:8px; 
	}
	#oferujemy {float:left; margin:27px; }
	#loga {float:left; margin:7px 68px 0 0 ; }
	
		ul#footer-menu li {
			/*display: inline;*/
			display:block;
			float:left;
			background-image: url('../images/footer/button-background.png');
			background-repeat: no-repeat;
			background-position: right top;
			/*padding: 45px 70px 45px 32px;*/
			/*padding:45px 11px 33px 12px;*/
			height: 109px;
		}
			ul#footer-menu li a {
				display: block;
				width: 100%;
				height: 100%;
			}
		ul#footer-menu li.last {
			background-image: url('../images/footer/button-background-last.png');
		}
		
		ul#footer-menu li.oferta {
			background-image: url('../images/footer/Nasza-oferta.png');
			width: 197px;
		}
		ul#footer-menu li.pytanie {
			background-image: url('../images/footer/Zadaj-pytanie.png');
			width: 240px;
		}
		ul#footer-menu li.oprogramowanie {
			background-image: url('../images/footer/Oprogramowanie.png');
			width: 240px;
		}
		
		ul#footer-menu li.oferta:hover {
			background-image: url('../images/footer/Nasza-oferta-hover.png');
		}
		
		ul#footer-menu li.pytanie:hover {
			background-image: url('../images/footer/Zadaj-pytanie-hover.png');
		}
		
		ul#footer-menu li.oprogramowanie:hover {
			background-image: url('../images/footer/Oprogramowanie-hover.png');
		}
	
	#bottom-footer {
		margin: 20px 0 30px;
		overflow: auto;
	}
		#bottom-footer .left {
			float: left;
			width: 950px;
			height: 45px;
			margin-top: 10px;
			overflow: auto;
		}
			
			#bottom-footer .left img {
				padding-right: 10px;
				vertical-align: bottom;
				float: left;
				display: block;
			}
		
	#bottom-footer .mapa-left a{color: #666!important; text-decoration:none;}
	
	#bottom-footer .mapa-left {
			float: left;
			color: #666;
			
			margin-top: 20px;
			
			margin-left: 0px;
			text-align: right;
			font-weight: bold;
			line-height: 18px;
		}		
		#bottom-footer .right {
			float: left;
			color: #666;
			
			margin-top: 20px;
			
			margin-left: 80px;
			text-align: right;
			font-weight: bold;
			line-height: 18px;
		}
			#bottom-footer img.indexo {
				vertical-align: text-bottom;
			}
		
	
.dashed-line {
	border-color: #d0d6e1;
	border-style: none none dashed none;
	border-width: 1px;
	width: 940px;
	height: 1px;
}
.clear {
	clear: both;
}
.lista {margin:10px 0 10px 20px; font-size:12px; line-height:18px; }
#klimkrak-napis {margin: 20px; float:left; }


.zew {margin:10px 0 0 60px; line-height:18px;}
.wew {margin:0 0 0 20px; line-height:18px;}

.referencje a {
    display: inline;
    margin: 15px;
    width: 300px;}
.referencje {text-align:center; }

ul.text {
    font-size: 12px; 
    margin-left: 36px;
    list-style-type: disc;
    margin-top: 20px;
}