/*PODSTAWOWE USTAWIENIA*/
body {
	font-family: tahoma;
	background-color: #e5e9f0;
	margin-top: 0px;
	}

#header {
	background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 166px;
    width: 985px;
    margin-right: auto;
    margin-left: auto;
	}

.center {
    height: 628px;
    width: 100%;
    background-repeat: repeat-x;
    background-position: center top;
}
.home {background-image: url('../images/bg_home.jpg');}
.clear {background-image: url('../images/bg_clear.jpg');}
.dpaciorek {background-image: url('../images/bg_dpaciorek.jpg');}
.gabinet {background-image: url('../images/bg_gabinet.jpg');}
.chirurgia {background-image: url('../images/bg_chirurgia.jpg');}
.form {background-image: url('../images/bg_form.jpg');}
.protetyka{background-image: url('../images/bg_protetyka.jpg');}
.profilaktyka{background-image: url('../images/bg_profilaktyka.jpg');}
.endodoncja{background-image: url('../images/bg_endodoncja.jpg');}

#center_cont {
	height: 540px;
    width: 985px;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    line-height: 24px;
	}

#center_text {
	height: 530px;
	width: 490px;
	}
	
	.naglowek {
	margin: 8px 10px 10px 0px;
	width: 300px;
	height: 50px;
	background-image:url('../images/nag_bg.png');
	background-repeat:no-repeat;
	color: #fff;
	font-size: 26px;
	font-family: verdana;
	}
	
	.nag_text {
	position: relative;
	top: 10px;
	left: 10px;
	}

	.tresc {
	margin: 10px 10px 10px 0px;
	width: 470px;
	color: #365fa5;
	font-size: 15px;
	line-height: 24px;
	font-family: verdana;
	text-align: justify;
	
	}
	
	.tresc_map {
	margin: 10px 10px 10px 0px;
	width: 965px;
	color: #365fa5;
	font-size: 15px;
	line-height: 24px;
	font-family: verdana;
	text-align: justify;
	}

#footer {	
    background-image: url('../images/footer.png');
    background-repeat: repeat-x;
    background-position: center top;
    height: 370px;
    width: 100%;
	margin-top: -180px;
	}

#fo_container{
	position: relative;
	top: 180px;
	width: 985px;
	margin-right: auto;
    margin-left: auto;
	}
	
#fo_phone{
	margin-top: 10px;
	float: left;
	height: 40px;
	width: 280px;
	color: #fff;
	font-size: 24px;	 
	}

#fo_facebook{

	margin-top: -100px;
	float: right;
	left:300px;
	height: 162px;
	overflow: hidden;
	width: 600px;
	}
	
#fo_text{
	height: 40px;
	width: 100%;
	text-align: left;
	color: #fff;
	font-size: 10px;
	float: left;
	margin-top: 20px;
	}
	

img	{ border: 0px;
	outline: none;
	}
	
.p_10 {
	padding: 10px;
	}
.fl {
	float: left;
	}
.fr {
	float: right;
	}
.ml_30
	{
	margin-left: 30px;
	}
.ml_20
	{
	margin-left: 20px;
	}
.mt_10
	{
	margin-top: 10px;
	}
.col{
	color: #365fa5;
	}	
	

/*MENU*/
#menu_flag {
	position: relative;
	text-align: right;
	right: 40px;
	bottom: 30px;
	}
	
#menu_cont {
	width: 995px;
	position: relative;
	top:89px;
	left:-5px;
	
	}
	
#menu {display: table; padding: 0px 0px 0px !important; margin: 0 auto; overflow: hidden; font-size: 20px; background: none; }
#menu li {list-style-type: none; margin: 0 auto; float: left; padding: 1px 3px 0px; width: 159px; }

#menu li:hover {background: #none;}
#menu li a {display: block; color: #fff; text-decoration: none; padding: 3px 10px 3px; background:#3898cf; text-align: center; }
#menu li a:hover {background: #365fa5; color: white;}
#menu li li a {width: 160px;}
/*menu wysunięte*/
#menu li ul {overflow: hidden; display: none; background: #e5e9f0;}
#menu li:hover ul {position: absolute; padding: 0px; display: block; width: 180px;}

/*ANIMACJA - tylko CSS3*/
*:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}

/*ZAOKRĄGLONE ROGI - tylko CSS3*/
#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}