/*----------------------------------------------------------------------
[Master Stylesheet]

Projekt:	Labsta.com Laboratorium Designu
Wersja:	1
Ostatnia aktualizacja:	

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

/*----------------------------------------------------------------------
[Kolory]

#00abc6 (niebieski)
#2e172b (bordo)


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

/*----------------------------------------------------------------------
[Elementy]
extrabg
	top
	feat
	content
		mainmenu
		main
		sidebar
			call-order
		contentbottom
		actions
		geo
	foot


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


/* --- Reset CSS (YUI)--- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a {text-decoration: none;}
/* --- KONIEC Reset CSS --- */


html, body  {
	background: #ffffff url(img/bg.png); 
	color: #959595;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0px; 
	padding: 0px;
}

a:focus { 
	outline:none; /*usuwanie niebieskiej obwódki w FF*/
	border: none;
}


img {
	border: 0px;
}
h1 {
	font-size: 1.4em; 
	font-weight: bold;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em; 
	font-weight: bold;
}

strong {
	font-weight: bold;	
}

a:hover {
	text-decoration: underline;
}

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

----------------------------------------------------------------------*/
#extrabg {
	background: url(img/extrabg.jpg) repeat-x;
	height: 100%;
	width: 100%;
}

	#top {
		background: url(img/topbg.jpg) no-repeat 50% 0%;
		height: 100px;
		width: 100%;
	}
		
		#brand {
			overflow: hidden;
		}
			
			#brand h1{
				float: left;
			}
				
				#brand h1 a{
					background: url(img/logo.jpg) no-repeat;
					display: block;
					height: 60px;
					margin: 20px 0px 0px 10px;
					width: 160px;
				}
					
					#brand h1 a:hover {
						background-position: 0px -60px;
					}
					
					#brand h1 span{
						display: block;
						text-indent: -9999px;
					}
					
			#brand h2 {
				color: #00abc6;
				font-size: 13px;
				font-weight: bold;
				float: left;
				padding: 25px 0px 0px 20px;
				width: 200px;
			}
			
		#call {}	
			
			#call p {
				display: block;
				text-indent: -9999px;
			}
	
	
	#feat {
		background: url(img/featbg.jpg) no-repeat 50% 0%;
		height: 260px;
	}
		
		#feat h1 {
			color: #2e172b;
			font-size: 32px;
			line-height: 40px;
			padding: 40px 0px 20px 30px;
		}
		
		#feat p {
			font-weight: bold;
			padding: 0px 0px 20px 30px;
			width: 560px;
		}
		
		#feat a {
			background: url(img/feataction.png) no-repeat;
			display: block;
			height: 48px;
			margin-left: 330px;
			width: 230px;
		}
		
		#feat a:hover {
			background-position: 0px -48px;
		}
			
			#feat a span{
				display: block;
				text-indent: -9999px;
			}
	
	
	#content {}
		
		#content .wrap {
			background: url(img/contentbg.png) repeat-y;
			border-bottom: 1px solid #e4f7f7;
		}
		
		#mainmenu {
			background: url(img/mainmenubg.jpg) no-repeat;
			height: 40px;
			width: 960px;
			padding-bottom: 30px;
			position: relative;
		}
			
			#blog_button {
				position: absolute;
				right: 5px;
			}
				
				#blog_button a {
					background: url(img/blog_button.jpg) no-repeat;
					display: block;
					height: 40px;
					text-indent: -9999px;
					width: 151px;
				}
				
				#blog_button a:hover {
					background-position: 0px -40px;
				}
			
			#mainmenu ul {}
				
				#mainmenu li {
					float: left;
				}
					
					#mainmenu li a {
						background: url(img/mainmenu.jpg) no-repeat;
						display: block;
						text-indent: -9999px;
					}
						
						#mainmenu li#mmi a {
							background-position: 0px 0px;
							height: 40px;
							width: 60px;
						}
						
						#mainmenu li#mmo a {
							background-position: -60px 0px;
							height: 40px;
							width: 100px;
						}
						
						#mainmenu li#mmc a {
							background-position: -160px 0px;
							height: 40px;
							width: 100px;
						}
						
						#mainmenu li#mmf a {
							background-position: -260px 0px;
							height: 40px;
							width: 100px;
						}
						
						#mainmenu li#mmk a {
							background-position: -360px 0px;
							height: 40px;
							width: 100px;
						}
						
						
						#mainmenu li#mmi a:hover {
							background-position: 0px -40px;
						}
						
						#mainmenu li#mmo a:hover {
							background-position: -60px -40px;
						}
						
						#mainmenu li#mmc a:hover {
							background-position: -160px -40px;
						}
						
						#mainmenu li#mmf a:hover {
							background-position: -260px -40px;
						}
						
						#mainmenu li#mmk a:hover {
							background-position: -360px -40px;
						}	
						
						
						#mainmenu li.active {
							background: url(img/mainmenu.jpg) no-repeat;
						}
						
						#mainmenu li#mmi.active {
							background-position: 0px -80px;
							height: 40px;
							width: 60px;
						}
						
						#mainmenu li#mmo.active {
							background-position: -60px -80px;
							height: 40px;
							width: 100px;
						}
						
						#mainmenu li#mmc.active {
							background-position: -160px -80px;
							height: 40px;
							width: 100px;
						}
						
						#mainmenu li#mmf.active {
							background-position: -260px -80px;
							height: 40px;
							width: 100px;
						}
						
						#mainmenu li#mmk.active {
							background-position: -360px -80px;
							height: 40px;
							width: 100px;
						}
						
		
		#main {
			float: left;
			width: 710px;
		}
			
			#main h2 {
				background: url(img/h2bg.png) no-repeat 1px 50%;
				color: #00abc6;
				font-size: 18px;
				font-weight: bold;
				line-height: 60px;
				padding: 0px 30px;
			}
			
			#main h3 {
				color: #00abc6;
				padding: 0px 30px 20px 30px;
			}
			
			#main h3 a{
				color: #00abc6;
			}
			
			#main h3 a:hover {
				color: #00d6eb;
			}
			
			#main a{
				color: #00abc6;
			}
			
			
			#main ul {
				border-top: 1px solid #e4f7f7;
				margin: 10px 30px 30px 30px;
			}
				#main ul li {
					background: url(img/li.png) no-repeat 16px 16px;
					border-bottom: 1px solid #e4f7f7;
					padding: 10px 10px 10px 40px;
				}
				
				#main ul ul {
					border-top: none;
					margin: 10px 30px -5px 30px;
				}
					
					#main ul ul li{
						border-top: 1px solid #e4f7f7;
						border-bottom: none;
					}
			
			#main ol>li{
				list-style-position: inside;
				list-style-type: decimal;
				margin: 0px 10px 20px 30px;
			}
			
			#main p {
				margin: 0px 10px 20px 30px;
			}
			
			#main  a.more {
				background: url(img/more.png) no-repeat;
				display: block;
				height: 20px;
				text-indent: -9999px;
				width: 60px;
			}
				
			#main a.more:hover {
				background-position: 0px -20px;
			}
			
			
			#main #acord div {
				margin: 0px 10px 20px 30px;
			}
			
			
			/* cennik - tabela */
			#cennik-table {
				color: #00abc6;
				margin: 0px 20px 10px 30px;
			}
				
				#cennik-table tr {
					background: #f2fbfc;
				}
					
					#cennik-table tr.odd {
						background: #e7f8f9;
					}
					
						#cennik-table tr td{
							border-bottom: 1px solid #ffffff;
							padding: 20px 20px;
						}
					
				#cennik-table thead tr th{
					background: #d2f1f4 url(img/thead-left.png) no-repeat 0px 0px;
					color: #2e172b;
					font-weight: bold;
					padding: 10px 20px;
					text-align: center;
				}
				
				#cennik-table thead tr th.price{
					background: #d2f1f4 url(img/thead-right.png) no-repeat 100% 0px;
					border-left: 1px solid #ffffff;
				}
				
				
				#cennik-table td.price {
					background: #e7f8f9;
					border-left: 1px solid #ffffff;
					text-align: center;
					width: 130px;
				}
				
				#cennik-table .odd .price {
					background: #ddf4f6;
				}
			
			/* contact */
			
			#contact {
				overflow: hidden;
			}
				
				#contact #left {
					float: left;
					width: 390px;
				}
					
					#contact-form {}
						
						#contact-form label {
							display: block;
							margin: 0px 20px 0px 30px;
						}
						
						#contact-form label.error {
							background: #948993;
							border: 1px dashed #645362;
							color:  #ffffff;
							margin: 0px 20px 10px 30px;
							padding: 5px;
							width: 268px;
						}
						
						#contact-form input {
							background: url(img/contact-inputbg.png) no-repeat;
							border: none;
							color: #00abc6;
							margin: 0px 20px 20px 30px;
							padding: 7px 10px 8px 10px;
							width: 260px;
						}
						
						#contact-form #msg-bg {
							background: url(img/contact-msgbg.png) no-repeat;
							/*height: 200px;*/
							margin: 0px 20px 0px 30px;
							padding: 10px;
							/*width: 260px;*/
						}
							
							#contact-form textarea {
								background: none;
								border: none;
								color: #00abc6;
								height: 200px;
								max-height:200px;
								width: 260px;
								max-width:260px;
							}
						
						input#contact-form-submit {
							background: url(img/contact-submit.jpg) no-repeat;
							border: none;
							cursor: pointer;
							display: block;
							height: 35px;
							margin: -2px 0px 0px 220px;
							text-indent: -9999px;;
							width: 65px;
						}
						
						input#contact-form-submit:hover {
							background-position: 0px -35px;
						}
						
						#contact-form .required {
							color: red;
						}
				
				#contact #right {
					float: right;
					width: 300px;
				}
					
					#contact #right ul li{
						background: none;
						padding-left: 20px;
					}
					
					#contact #right p{
						color: #2e172b;
						font-weight: bold;
					}
		
		#sidebar {
			float: right;
			width: 230px;
		}
			#sidebar h3{
				margin: 0px 30px 20px 0px;
			}
				
				#sidebar h3 a{
					color: #2e172b;
					font-weight: bold;
				}
				
			#sidebar #blog-news {
				background: #2e172b url(img/blog-sidebar-h3.jpg) no-repeat;
				color: #ffffff;
				height: 33px;
				margin: 40px -5px 0px 0px;
				padding: 10px 10px 10px 10px;
				width: 215px;
			}
			
			#sidebar #blog-news-ul {
				border-top: none;
				font-size: 12px;
				margin: -13px 10px 20px 10px;
				
			}
			
				#sidebar #blog-news-ul li {
					border-bottom: 1px solid #e4f7f7;
					padding: 10px 10px 10px 10px;
				}
			
			#sidebar #blog-news-ul a {
				color: #00abc6;
			}
				
			#sidebar p {
				font-size: 12px;
				margin: 0px 30px 0px 0px;
			}	
				
			#sidebar a.more {
				color: #2e172b;
				display: block;
				font-size: 12px;
				font-weight: bold;
				margin: 0px 30px 20px 0px;
				text-align: right;
			}
			
			#call-order {
				background: #2e172b url(img/call-orderbg.jpg) no-repeat;
				color: #ffffff;
				font-size: 12px;
				height: 226px;
				margin: 0px -5px 80px 0px;
				position: relative;
				width: 235px;
				
			}
				
				#call-order h3 {
					color: #ffd50a;
					font-size: 14px;
					padding: 13px 35px 0px 20px;
					margin: 0px;
				}
				
				#call-order p {
					margin: 0px 35px 0px 20px;
				}
				
				#call-order label {
					display: block;
					margin: 0px 35px 0px 20px;
				}
				
				#call-order #phone {
					background: url(img/phonebg.png) no-repeat;
					border: 0px;
					color: #00abc6;
					margin: 13px 0px 14px 20px;
					padding: 7px 10px 8px 10px;
					vertical-align:middle;
					width: 190px;
				}
				
				#call-order #hours{
					margin: 0px 35px 0px 20px;
					width: 192px;
				}
				
				/*--- podmiana select #hours ---*/
					/*#call-order .selectbox {
						background: url(img/hoursbg.png) no-repeat;
						border: none;
						color: #00abc6;
						cursor: pointer;
						height: 14px;
						margin: 6px 0px 0px 20px;
						padding: 9px 10px 9px 10px;
						
						width: 190px;
					}
					
						.selectbox-wrapper {
							background: #ffffff;
							border:1px solid #ccc;
							color: #00abc6;
							//margin: 34px 0px 0px 20px;
							left: 20px;
							position: absolute;
							width: 160px !important;
							z-index: 2;
						}
						*/
						
					.newListSelected {
						background: url(img/hoursbg.png) no-repeat;
						color: #00abc6;
						cursor: pointer;
						margin: 7px 0px 0px 20px;
						padding: 5px 10px 5px 10px;
						position: relative;
						width: 190px;
						z-index: 3;
					}
					
					.newListSelected:hover {
						background-position: 0px -30px;
					}
					
					ul.newList {
						background: #ffffff;
						border:1px solid #ccc;
						border-top: none;
						padding: 0px;
						position: absolute;
						margin: 30px 0px 0px 5px;
						width: 153px;
						z-index: 2;
					}
						
						ul.newList a {
							color: #00abc6; 
							display:block;
							padding: 5px 10px;
							text-decoration:none;
						}
						
						ul.newList a:hover {
							background: #f4f4f4;
						}
						
						.hiLite {
							font-weight: bold;
						}
					
				
				#call-order-submit {
					background: url(img/call-order-submit.jpg) no-repeat;
					border: none;
					cursor: pointer;
					display: block;
					height: 32px;
					left: 150px;
					position: absolute;
					text-indent: -9999px;
					top: 213px;
					width: 65px;
					z-index: 1;
				}
				
				#call-order-submit:hover {
					background-position: 0px -32px;
				}
		
		
		#contentbottom {
			background: url(img/contentbottom.jpg) no-repeat 1px 0px;
			clear: both;
			height: 165px;
			width: 960px;
		}
		
		
		#actions {
			background: url(img/actionsbg.png) repeat-x;
			clear: both;
			margin: 0px 1px 0px 1px;
			overflow: hidden;
		}
			
			.actions-item {
				float: left;
				height: 210px;
				width: 300px;
			}
				
				.actions-item h2 {
					color: #2e172b;
					font-size: 18px;
					text-indent: -9999px;
				}
				
				.actions-item p {
					color: #313131;
					font-size: 12px;
					padding: 0px 20px 20px 20px;
				}
				
				.actions-item div {
					border-top: 1px solid #bceaef;
					padding: 10px 20px 0px 20px;
				}
					
					.actions-item div a {
						background: url(img/actionsmore.png) no-repeat;
						display: block;
						height: 19px;
						text-indent: -9999px;
						width: 60px;
					}
					
					.actions-item div a:hover {
						background-position: 0px -19px;
					}
				
				#actions1 {
					margin: 10px 10px 10px 9px;
				}
					
					#actions1 h2{
						background: url(img/actions1.jpg) no-repeat;
						height: 41px;
						margin-bottom: 10px;
						width: 300px;
					}
				
				#actions2 {
					margin: 10px 10px 10px 10px;
				}
					
					#actions2 h2{
						background: url(img/actions2.jpg) no-repeat;
						height: 41px;
						margin-bottom: 10px;
						width: 300px;
					}
				
				#actions3 {
					margin: 10px 9px 10px 10px;
				}
					
					#actions3 h2{
						background: url(img/actions3.jpg) no-repeat;
						height: 41px;
						margin-bottom: 10px;
						width: 300px;
					}
		
		#geo {
			background: url(img/geobg.png) repeat-x;
			margin: 0px 1px 0px 1px;
		}
			
			#geo h2 {
				color: #00abc6;
				font-size: 18px;
				font-weight: bold;
				padding: 9px 30px 11px 30px;
			}
			
			#geo ul {
				background: url(img/geoulbg.png) no-repeat 650px 100%;
				margin: 0px -1px 0px -1px;
				overflow: hidden;
				padding-bottom: 50px;
			}
				
				#geo ul li{
					border-bottom: 1px solid #e0f5f7;
					float: left;
					margin: 0px 10px;
					padding: 10px 21px;
					width: 258px;
				}
				
			
		
	#foot {
		color: #00abc6;
		font-size: 11px;
	}
		
		#foot a {
			color: #00abc6;
			font-weight: bold;
		}
		
		#foot .wrap {
			background: url(img/footbg.jpg) no-repeat 50% 0%;
			padding: 20px 0px;
			overflow: hidden;
		}
			
			#foot-l {
				float: left;
				margin-left: 10px;
			}
				
				#foot-l a span{
					background: url(img/footlogo.jpg) no-repeat;
					display: inline-block;
					height: 20px;
					margin-left: 10px;
					text-indent: -9999px;
					width: 51px;
				}
			
			#foot-r {
				float: right;
				margin-right: 10px;
			}
				
				#foot-r a span{
					background: url(img/labsta.jpg) no-repeat;
					display: inline-block;
					height: 20px;
					margin-left: 10px;
					text-indent: -9999px;
					width: 121px;
				}

/*----------------------------------------------------------------------
[pomocnicze]
----------------------------------------------------------------------*/

.wrap {
	width: 960px;
	margin: 0px auto;
}

.clear {
	clear: both;	
}