/*
Theme Name: DobryOrtodonta
Theme URI: http://www.trigo.pl/
Description: Oryginalny template do systemu CMS WordPress.
Version: 1.0
Author: Dariusz Słodkowski
*/

html {
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	background: url('img/foot_bg.gif') repeat-x bottom #fff;
}
body {
	background: url('img/top_bg.gif') top repeat-x;
}
body, h1, h2, h3, h4, form {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #8AA9D5;
}
a:hover {
	color: #BCD0E9;
}
img {
	border: 0;
}


/* -- LAYOUT -- */


#site {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
}
#top {
	background: url('img/top.jpg') no-repeat bottom right;
	height: 251px;
	position: relative;
}
h1 {
	position: absolute;
	top: 41px;
	left: 18px;
	width: 254px;
	height: 24px;
	background: url('img/logo.gif') no-repeat;
}
h1 a {
	display: block;
	height: 24px;
}
#menu {
	background: url('img/menu_bg2.gif') no-repeat top right #FFF;
	position: absolute;
	top: 91px;
	left: 0;
	height: 40px;
	width: 913px;
	padding-right: 7px;
}
#menu div {
	background: url('img/menu_bg1.gif') no-repeat top left;
	padding-left: 7px;
	height: 40px;
}
#menu ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	border-top: solid 1px #E3EBF8;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
}
#menu li a {
	display: block;
	float: left;
	height: 20px;
	padding: 14px 13px 0 25px;
	color: #009D8B;
	font-weight: bold;
	background: url('img/menu_point.gif') no-repeat 0 14px;
}
#menu li a:hover {
	text-decoration: none;
	color: #3FBDB6;
	background: url('img/menu_point_hover.gif') no-repeat 0 14px;
}

#body {
	overflow: hidden;
}
#content {
	float: left;
	width: 560px;
	padding: 20px 20px 0 20px;
	margin: 30px 0 0 0;
	background: url('img/content_top_bg.gif') no-repeat #FFF;
}
#content-foot {
	margin: 0 -20px 0 -20px;
	padding: 10px 20px 0 20px;
	background: url('img/content_bottom_bg.gif') no-repeat bottom;
	clear: both;
	height: 80px;
}
#content-foot ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #E3EBF8;
	overflow: hidden;
}
#content-foot ul li {
	list-style: none;
	float: left;
	height: 22px;
	padding: 11px 30px 0 50px;
	margin: 20px 0 0 0;
}
#content-foot-1 {
	background: url('img/icon_print.gif') no-repeat !important;
}
#content-foot-2 {
	background: url('img/icon_friend.gif') no-repeat !important;
	padding: 11px 30px 0 55px !important;
}
#content-foot-3 {
	background: url('img/icon_fav.gif') no-repeat !important;
}
#sitebar {
	float: right;
	width: 300px;
	margin: 30px 0 0 0;
}
#sitebar-menu {
	background: url('img/sitebar_top_bg.gif') no-repeat top #FFF;
	margin: 0 0 20px 0;
}
#sitebar-menu div {
	background: url('img/sitebar_bottom_bg.gif') no-repeat bottom;
	padding: 20px;
}
#sitebar-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sitebar-menu li {
	margin: 0;
	padding: 0;
	border-top: solid 1px #E9F1FF;
}
#sitebar-menu a {
	display: block;
	height: 22px;
	padding: 11px 13px 0 25px;
	background: url('img/sitebar_point.gif') no-repeat 0 10px;
	font-weight: bold;
}
#sitebar-menu1 a {
	display: block;
	padding: 11px 13px 6px 25px;
	background: url('img/sitebar_point.gif') no-repeat 0 10px red;
	font-weight: bold;
}
#sitebar-menu-1st {
	border: none !important;
}
#sitebar-menu a:hover {
	background: url('img/sitebar_point_hover.gif') no-repeat 0 10px;
}
#slownik {
	height: 177px;
	background: url('img/slownik_bg.gif') no-repeat #6988C6;
	padding: 30px 40px 0 20px;
	margin: 0 0 20px 0;
	color: #E2EDFA;
}
#slownik p {
	margin: 0;
	padding: 20px 0 15px 0;
	height: 85px;
	overflow: hidden;
	line-height: 1.3em;
}
#slownik strong {
	color: #FFF;
}
#slownik-more {
	display: block;
	background: url('img/slownik_more.gif') no-repeat;
	height: 27px;
	width: 162px;
}
#dlaczego {
	height: 210px;
	background: url('img/dlaczego_bg.jpg') no-repeat #4BD3CB;
	padding: 30px 40px 0 20px;
	margin: 0 0 20px 0;
	color: #DEF5F4;
}
#dlaczego p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 1.3em;
}
#dlaczego strong {
	color: #FFF;
}
#dlaczego-more {
	display: block;
	background: url('img/dlaczego_more.gif') no-repeat;
	height: 25px;
	width: 180px;
}
#znajdz-lekarza {
	background: url('img/lekarz_top_bg.gif') no-repeat #FFF;
	padding: 20px 20px 30px 20px;
	height: 50px;
}
#znajdz-lekarza-more {
	display: block;
	background: url('img/znajdz_lekarza_more.gif') no-repeat;
	height: 27px;
	width: 181px;
	margin: 15px 0 0 0;
}
#lekarz-w-miescie {
	background: url('img/lekarz_bottom_bg.gif') no-repeat bottom #FFF;
	padding: 0 20px 0 20px;
	height: 80px;
	overflow: hidden;
}
#lekarz-w-miescie select {
	border: solid 1px #ACF8F4;
	background: #E0FFFE;
	width: 200px;
	height: 30px;
	color: #01B5A2;
	padding: 5px 0 5px 0;
	margin: 15px 0 0 0;
	float: left;
}
#lekarz-w-miescie input {
	float: left;
	background: url('img/submit_search.gif') no-repeat;
	height: 27px;
	width: 27px;
	max-height: 27px;
	font-size: 0;
	border: 0;
	padding-top: 27px;
	display: block;
	margin: 15px 0 0 5px;
	overflow: hidden;
}
#foot {
	height: 82px;
	background: url('img/foot_border.gif') repeat-x top;
	position: relative;
	color: #666;
	clear: both;
	height: 50px;
	margin: 30px 0 0 0;
	color: #BCD0E9;
}
#foot p {
	float: left;
	margin: 16px 0 0 0;
	padding: 0;
}
#foot ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
#foot ul li {
	float: left;
	margin: 0;
	padding: 2px 13px 0 25px;
	background: url('img/foot_point.gif') no-repeat;
	height: 20px;
}
#foot a {
	color: #BCD0E9;
	font-weight: bold;
}
#foot a:hover {
	color: #8AA9D5;
}


/* -- GŁÓWNA -- */


body#index {
	background: url('img/top_index_bg.gif') top repeat-x;
}
#index #top {
	background: url('img/top_index.jpg') no-repeat bottom right;
	height: 473px;
}
#header-content {
	position: absolute;
	top: 133px;
	color: #FFF;
	width: 500px;
	padding: 30px 0 0 20px;
}
#header-content p {
	width: 475px;
}
#header-more {
	display: block;
	background: url('img/header_more.gif') no-repeat;
	height: 27px;
	width: 162px;
	margin: 25px 0 0 0;
}
#h-znajdz {
	position: absolute;
	top: 240px;
	width: 200px;
}
#h-znajdz-more {
	display: block;
	background: url('img/znajdz_more.gif') no-repeat;
	height: 27px;
	width: 180px;
	margin: 0 0 0 0;
}
#h-form {
	position: absolute;
	top: 240px;
	left: 230px;
	width: 320px;
}
#h-form-input {
	float: left;
}
#h-form-input input {
	border: none;
	background: url('img/form_input.gif') no-repeat #BEE0F4;
	padding: 5px 5px 0 5px;
	width: 247px;
	height: 22px;
	color: #778FB5;
	font-weight: 600;
}
#h-form-submit {
	float: left;
}
#h-form-submit input {
	float: left;
	background: url('img/form_submit.gif') no-repeat;
	height: 27px;
	width: 27px;
	max-height: 27px;
	font-size: 0;
	border: 0;
	padding-top: 27px;
	display: block;
	margin: 0;
	overflow: hidden;
}
#leczenie {
	
}
#leczenie ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
#leczenie ul li {
	margin: 0;
	padding: 0;
	float: left;
	height: 215px;
	width: 140px;
	margin: 0 10px 0 0;
	padding: 0;
}
#leczenie ul li a {
	display: block;
	height: 85px;
	padding: 130px 0 0 0;
}
#leczenie ul li span {
	display: block;
	background: url('img/leczenie_bg.gif') no-repeat;
	height: 66px;
	width: 135px;
	padding: 15px 0 0 0;
	margin: 0 0 0 5px;
	text-align: center;
	font-weight: bold;
	color: #BCD0E9;
}
#leczenie ul li span strong {
	display: block;
	font-size: 12pt;
}
#leczenie ul li a:hover span {
	color: #8AA9D5;
	cursor: pointer;
}
#leczenie-1 {
	background: url('img/leczenie_1.gif') no-repeat;
}
#leczenie-2 {
	background: url('img/leczenie_2.gif') no-repeat;
}
#leczenie-3 {
	background: url('img/leczenie_3.gif') no-repeat;
}
#leczenie-4 {
	background: url('img/leczenie_4.gif') no-repeat;
}
#leczenie-5 {
	background: url('img/leczenie_5.gif') no-repeat;
}
#leczenie-6 {
	background: url('img/leczenie_6.gif') no-repeat;
}

/* -- NAGŁÓWKI -- */

h1 span, #slownik h2 span, #slownik-more span, #dlaczego h2 span, #dlaczego-more span, #h-znajdz-more span,
#znajdz-lekarza span, #lekarz-w-miescie span, #leczenie h2 span, #header-more span, #i_dlaczego span, 
#h-znajdz h2 span, #h-form h2 span, .strony-prev a span, .strony-next a span, .przebieg-leczenia-prev a span, .przebieg-leczenia-next a span  {
	position: absolute;
	top: -10000px;
}
#slownik h2 {
	background: url('img/t_slownik.gif') no-repeat;
	height: 14px;
	width: 84px;
}
#dlaczego h2 {
	background: url('img/t_dlaczego.gif') no-repeat;
	height: 14px;
	width: 102px;
	margin: 0 0 20px 0;
}
#znajdz-lekarza h2 {
	background: url('img/t_znajdz_lekarza.gif') no-repeat;
	height: 15px;
	width: 185px;
}
#lekarz-w-miescie h2 {
	background: url('img/t_lekarz_w_miescie.gif') no-repeat;
	height: 15px;
	width: 192px;
}
#leczenie h2 {
	background: url('img/t_leczenie.gif') no-repeat;
	height: 16px;
	width: 170px;
	margin: 25px 0 0 0;
}
#i_dlaczego {
	background: url('img/h_dlaczego.gif') no-repeat;
	height: 14px;
	width: 103px;
	margin: 0 0 25px 0;
}
#h-znajdz h2 {
	background: url('img/h_znajdz.gif') no-repeat;
	height: 14px;
	width: 159px;
	margin: 0 0 15px 0;
}
#h-form h2 {
	background: url('img/h_form.gif') no-repeat;
	height: 14px;
	width: 165px;
	margin: 0 0 15px 0;
}

/* nagłówki na niebieskim zależne od podstrony */

#title-leczenie span, #title-lekarze-spec span {
	position: absolute;
	top: -10000px;
}
#title-leczenie, #title-lekarze-spec {
	position: absolute;
	top: 190px;
	left: 20px;
}
#title-leczenie {
	background: url('img/h_leczenie.gif') no-repeat;
	height: 16px;
	width: 171px;
}
#title-lekarze-spec {
	background: url('img/h_lekarze_spec.gif') no-repeat;
	height: 16px;
	width: 133px;
}


/* -- CONTENT -- */


#content h2 {
	color: #3FBDB6;
	font-size: 14pt;
	padding: 0 0 1.2em 0;
}
#content h2 a{
	color: #3FBDB6;
	text-decoration: none;
}
#content h2 a:hover{
	color: #3FBDB6;
	text-decoration: underline;
}
h3 {
	color: #009D8B;
	font-size: 12pt;
	padding: 0 0 1em 20px;
	text-decoration: none;
}
h3 a{
	color: #009D8B;
	font-size: 12pt;
	text-decoration: none;
}
h3 a:hover{
	color: #009D8B;
	text-decoration: underline;
}
h4 {
	color: #009D8B;
	font-size: 10pt;
	padding: 0 0 0.5em 0;
}
.h-int {
	color: #ACF8F4;
}
.section {
	padding: 0 20px 0 40px;
}
#content p {
	margin: 0;
	padding: 0 0 1.5em 0;
	line-height: 1.5em;
	text-align: justify;
}
hr {
	width: 100%;
	margin: 0 0 1.5em 0;
	color: #FFF;
	border: none;
	border-top: solid 1px #E3EBF8;
}
.photo {
	margin: 0 20px 20px 0;
}
#content ul {
	margin: 0;
	padding: 0 0 1.5em 20px;
}
#content li {
	list-style: none;
	padding: 0 0 0.5em 15px;
	background:  url('img/ul_point.gif') no-repeat 0 4px;
}
.lekarze-specjalisci a {
	color: #3FBDB6;
	text-decoration: none;
}
.lekarze-specjalisci a:hover {
	color: #3FBDB6;
	text-decoration: underline;
}
.lekarz-item {
	border-bottom: solid 1px #E3EBF8;
	padding: 0 20px 15px 20px;
	margin: 0 0 20px 0;
}
.lekarz-item h3 { 
	padding: 0 0 1em 0;
}
.lekarz-item-list {
	padding: 0 !important;
}
.lekarz-item-list li {
	padding: 0 0 1em 0 !important;
	background: none !important;
}
.lekarz-item-list li ul {
	padding: 10px 0 0 50px !important;
}
.lekarz-item-list li li {
	padding: 0 0 0.5em 15px !important;
	background:  url('img/ul_point.gif') no-repeat 0 4px !important;
}
.lekarz-item-list li span {
	color: #3FBDB6;
}
.strony {
	padding: 0 !important;
}
.strony li {
	float: left;
	background: none !important;
}
.strony-prev {
	width: 161px;
}
.strony-next {
	width: 161px;
	
}
.strony-list {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #ACF8F4;
	width: 185px;
	padding: 5px 0 0 0 !important;
}
.strony-list a {
	color: #009D8B;
}
.strony-prev a {
	display: block;
	background: url('img/strony_prev.gif') no-repeat;
	height: 27px;
	width: 161px;
	padding: 0 !important;
}
.strony-next a {
	display: block;
	background: url('img/strony_next.gif') no-repeat;
	height: 27px;
	width: 161px;
	padding: 0 !important;
}

#content div.przebieg-leczenia {
	clear: both;
	margin-top: 125px;
}
.przebieg-leczenia {
	padding: 0 !important;
}
.przebieg-leczenia li {
	float: left;
	background: none !important;
}
.przebieg-leczenia-prev {
	width: 211px;
}
.przebieg-leczenia-next {
	width: 211px;
}
.przebieg-leczenia-list a {
	color: #009D8B;
}
.przebieg-leczenia-prev a {
	display: block;
	background: url('img/strony_prev.gif') no-repeat;
	height: 27px;
	width: 161px;
	padding: 0 !important;
}
.przebieg-leczenia-next a {
	display: block;
	background: url('img/strony_next.gif') no-repeat;
	height: 27px;
	width: 161px;
	padding: 0 !important;
}

.f_input input {
	border: none;
	background: url('img/f_input.gif') no-repeat;
	color: #02B8A6;
	width: 282px;
	height: 22px;
	padding: 5px 10px 0 10px;
	margin: 0 0 4px 0;
}
.f_input_long input {
	border: none;
	background: url('img/f_input_long.gif') no-repeat;
	color: #02B8A6;
	width: 520px;
	height: 22px;
	padding: 5px 10px 0 10px;
	margin: 0 0 4px 0;
}
.f_textarea textarea {
	border: none;
	background: url('img/f_textarea.gif') no-repeat;
	color: #02B8A6;
	width: 520px;
	height: 122px;
	padding: 5px 10px 0 10px;
	margin: 0 0 4px 0;
}
.f_submit input {
	float: left;
	background: url('img/f_send.gif') no-repeat;
	height: 27px;
	width: 101px;
	max-height: 27px;
	font-size: 0;
	border: 0;
	padding-top: 27px;
	display: block;
	margin: 0;
	overflow: hidden;
}