/* style reset */

img.middle, img.center {	float: none !important;	clear: both;	display: block;	margin: 0px auto 10px !important;}
img.left{	float: left !important;	margin: 0 10px 10px 0 !important;}
img.right{	float: right !important; margin: 0 0 10px 10px !important;}
*{
    margin:0;
    padding:0;
	border:none;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img, border {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
 

/* global styles */
body {
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    background: #6bcef2 url(../img/bg.jpg) repeat-x;
	color:#404040;
}

a, a:visited {text-decoration: none; color: #00aae1; outline:none;}
a:hover {text-decoration: underline;}
a:visited {color: #00aae1;}
a.more, a.more:visited, a.more:hover{
	display:block;
	text-align:right;
	background:url(../img/czytaj_wiecej.jpg) no-repeat right;
	height:29px;
	line-height:26px;
	color: #FFFFFF;
	padding-right:16px;
	}
a.mapaLink{
	display:block;
	text-align:center;
	background: url(../img/zobacz_mape_dojazdu_button.jpg) no-repeat;
	height:29px;
	line-height:26px;
	color: #fff;
	width:134px;
	padding-left:4px;
	}
	
div.clearfix {clear: both;}

#container {
	width:966px;
	margin:0 auto;
	}
#sub {
	float:left;
	width:200px;
	}
#sub #logo{
	position: relative;
	height:144px;
	width:200px;
	background:url(../img/logo_bg.jpg) no-repeat right bottom;
	}
#sub #logo img{
	position: absolute;
	left: 21px;
	top: 18px;
}
#sub #menu{
	padding:0;
	height:450px;
	background:url(../img/under_menu_bg.jpg) no-repeat bottom;
	padding-bottom:139px;
	position:relative;
}
#sub #menu span{
	display:none;
	}
#sub #menu li {
	float:left;
	clear:both;
 }
#sub #menu li a{
	display:block;
	width:200px;
	height:39px;
}
 
	#m_stronaglowna a{
		background:url(../img/menu.jpg) no-repeat;
		}
	#m_ortodoncja a{
		background:url(../img/menu.jpg) no-repeat left -39px;
		}
	#m_aparatystale a{
		background:url(../img/menu.jpg) no-repeat left -78px;
	}
	#m_stomatologia a{
		background:url(../img/menu.jpg) no-repeat left -117px;
	}
	#m_dlapacjenta a{
		background:url(../img/menu.jpg) no-repeat left -156px;
	}
	#m_naszeceny a{
		background:url(../img/menu.jpg) no-repeat left -195px;
	}
	#m_galeria a{
		background:url(../img/menu.jpg) no-repeat left -234px;
	}
	#m_promocje a{
		background:url(../img/menu.jpg) no-repeat left -273px;
	}
	#m_kontakt a{
		background:url(../img/menu.jpg) no-repeat left -312px;
	}
	
	#m_stronaglowna a:hover, #m_stronaglowna a.active{
		background:url(../img/menu_over.jpg) no-repeat;
		}
	#m_ortodoncja a:hover, #m_ortodoncja a.active{
		background:url(../img/menu_over.jpg) no-repeat left -39px;
		}
	#m_aparatystale a:hover, #m_aparatystale a.active{
		background:url(../img/menu_over.jpg) no-repeat left -78px;
	}
	#m_stomatologia a:hover, #m_stomatologia a.active{
		background:url(../img/menu_over.jpg) no-repeat left -117px;
	}
	#m_dlapacjenta a:hover, #m_dlapacjenta a.active{
		background:url(../img/menu_over.jpg) no-repeat left -156px;
	}
	#m_naszeceny a:hover, #m_naszeceny a.active{
		background:url(../img/menu_over.jpg) no-repeat left -195px;
	}
	#m_galeria a:hover, #m_galeria a.active{
		background:url(../img/menu_over.jpg) no-repeat left -234px;
	}
	#m_promocje a:hover, #m_promocje a.active{
		background:url(../img/menu_over.jpg) no-repeat left -273px;
	}
	#m_kontakt a:hover, #m_kontakt a.active{
		background:url(../img/menu_over.jpg) no-repeat left -312px;
	}
	#menulekarze{
		position:absolute;
		left:44px;
		top:351px;
		width:180px;
		height:39px;
	}
	#menulekarze span{
		display:none;
	}
	span.underline{
		text-decoration:underline;
	}
	#menulekarze a{
		display:block;
		width:180px;
		height:38px;
		background:url(../img/lekarze.png) no-repeat;
	}
	#menulekarze a:hover, #menulekarze a.active{
		background:url(../img/lekarze.png) no-repeat left -38px;
	}
	#menukontakt{
		position:absolute;
		top:390px;
		left:65px;
		width:180px;
		height:39px;
	}
	#menukontakt span{
		display:none;
	}
	#menukontakt a{
		display:block;
		width:180px;
		height:38px;
		background:url(../img/kontakt.png) no-repeat;
	}
	#menukontakt a:hover, #menukontakt a.active{
		background:url(../img/kontakt.png) no-repeat left -38px;
	}
	
	#menupraca{
		position:absolute;
		top:429px;
		left:87px;
		width:190px;
		height:39px;
	}
	#menupraca span{
		display:none;
	}
	#menupraca a{
		display:block;
		width:190px;
		height:38px;
		background:url(../img/praca.png) no-repeat;
	}
	#menupraca a:hover, #menupraca a.active{
		background:url(../img/praca.png) no-repeat left -38px;
	}
	
	
	#nasi-klienci ul{
		width:100px;
		margin:0 auto;
	}
	#nasi-klienci ul li{
		float:left;
		width:20px;
		height:20px;
		margin-left:10px;
		background: #00BAEF;
		text-align: center;
		line-height:20px;
		color: #fff;
	}
	#nasi-klienci li a{
		color: #fff;
		display:block;
		width:20px;
		height:20px;
	}
	#nasi-klienci li a:hover, #nasi-klienci li a.active{
	text-decoration:none;
		color: #fff;
		display:block;
		background: #0CAC4A;
		width:20px;
		height:20px;	
	}
	
#top {
	float:left;
	width:700px;
	height:204px;
	background:url(../img/top.jpg) no-repeat;
} 
     

#content {
	float:left;
	width:700px;
	
} 
#content h1 span{
	display:none;
	}
#content h2 span{
	display:none;
}
#content p {
		text-align: justify; 
		line-height:16px;
		padding-bottom:10px;
		padding-right:10px;
	} 
	

.lista {
		margin-left:15px;
		list-style-image: url('../img/list-img.png');
		
}

.lista-bottom {
		margin-left:60px;
		list-style-image: url('../img/list-img.png');
		
}
	

#content p.content-title {
	text-align: center;
	font-size: 14px;
	color: #00aae1;
	font-weight:	bold;
}

a.more-text {
	float:right;
	padding-right: 10px;
	text-align: right;	
	color: #00aae1;
}
.download-pdf{
	font-weight: bold;
	padding-left: 10px;
	text-align: left;	
	color: #00aae1;
	font-size: 12px;
	clear: both;
	display: block;
	margin-bottom: 10px;
}
.download-pdf img{
	vertical-align: middle;
}

p.blue-text {
	text-align: justify;
	color: #00aae1;
	text-decoration: underline;
}

strong.blue {
	color: #00aae1;
}
	
    #main {
		float:left;
		width:429px;
		padding: 0 2px 0 53px;
		height:529px;
		overflow:hidden;
		background:url(../img/content_bg.jpg) no-repeat;
		} 

	#main p.bottom{
		padding-left:60px;
	}
		#lokalizator{
			font-size:10px;
			line-height:25px;
			padding-bottom:6px;
		}
	#sub2{
		width:216px;
		background:url(../img/zapisz_sie_na_wizyte_bg_1px.jpg) repeat-y;
		float:right;

	}
	#sub2 a.more{	
	  text-align: center;
		
		background-position: center center;
		padding:0 0 0 12px;
	}
		#kontakt_box{
			width: 165px;
			background: url(../img/zapisz_sie_na_wizyte_bg.jpg) no-repeat;
			padding:0 42px 0 0;
			height: 169px;
			overflow: hidden;
			text-align:right;
			font-weight: bold;
		}
		#kontakt_box p{
			padding-left:25px;
			line-height: 15px;
		}
		#kontakt_box h2{
			padding-left:25px;
			padding-bottom: 2px;
		}
		#info_box{
			width: 176px;
			padding:0px 20px 0 2px;
			height: 223px;
			overflow: hidden;
			
		}
		#info_box p{
			line-height: 14px;
		}
		
		#promocje{
			background: url(../img/promocja.jpg) no-repeat;
			height:157px;
			width:170px;
		}
   
  
#footer {
	position:relative;
	width:959px;
	padding-top:14px;
	padding-bottom:50px;
	clear:both;
} 
#footer p.mamezi{
	margin-top:-5px;
	float:left;
}

#footer .footer-desc {
	position: absolute;
	right: 100px;
	top: 30px;
	color: #dcf3ff;
}

#footer ul{
	position: absolute;
	right: 100px;
}
#footer li{
	font-size:10px;
	padding: 0 6px;
	border-right: 1px solid #dcf3ff;
	float:left;
	}
#footer li a{
	color:#dcf3ff;
	}
#footer .last{
	border:none;
}

/* ==== messageForm ===== */

#messageForm{
	padding:20px 0 0 20px;
}
#messageForm li{
	clear:both;
	float:none;
}
#messageForm input, #messageForm textarea{
	border: 1px solid #00aae1;
	width:200px;
	margin-bottom:20px;
	padding: 2px;
	font-size:11px;
	font-family:Tahoma, sans-serif;
	}
#messageForm textarea{
	height: 100px;
}
#messageForm .button{
	border: none;
	display:block;
 
	background:url(../img/wyslij_button.jpg) no-repeat;
	height:29px;
	line-height:26px;
	color: #fff;
	margin-left:125px;
	width:79px;
	text-align:center;
	cursor:pointer;
}
#messageForm .day{
	width:20px;
	}
#messageForm .year{
	width:40px;
}
#messageForm label{
	text-align:right;	
	clear:both;
	display:block;
	float:left;
	padding: 0 10px 20px 0;
	width: 110px;
	font-weight:bold;
}
#messageForm label.error{
 	text-align:left;
	width:200px;
	margin-top: -10px;
	display: block;
 	margin-left: 125px;
	color:#990000;
}
#messageForm .note{
	display:block;
	margin-left:125px;
	padding-bottom:6px;
}
 
 
#galeria {
	margin-left: 35px;
} 

#galeria img{
	padding: 4px;

}

#galeria img:hover{
	border: 2px;
	background-color:#00aae1;

}

table.cennik {
  width: 95%;
	margin-bottom: 25px;
	padding-right: 10px;

}

td.tab-header {
	background-color: #00aae1;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	border:1px solid #00aae1;
}

td.left-col {
	text-align: left;
	border:1px solid #00aae1;
	padding: 2px;
}

td.right-col {
	text-align: right;
	border:1px solid #00aae1;
	padding: 2px;
}

/* --- */

hr.line {
	width: 100%;
	border-top: 1px solid #00aae1; 
	margin: 10px 0 15px 0;
}

#w_prawo {
	width: 300px;
	float: right;
}

#wybielanie_cennik {
	width: 350px;
	margin: 10px 15px 0 0;
	float: right;
}


/* banner */

#rek_w{
	display: none;
    position: fixed;
	z-index: 1000;
	margin: auto;
	left: 50%;
	top: 50px;
}
#rek_w #wrap{
	width: 650px;
	margin-left:-325px;
}
#rek_w #wrap #x{
	position: absolute;
	right: 30px;
	top: 30px;
}