/* @override http://os.ozptd.pl/style.css */

html, body {
background: #c2c2c2 url('images/body.png') repeat-x left top; 
font-family: arial, verdana, tahoma, helvetica, sans-serif;
margin: 0px; 
padding: 0px; 
}

body{
.behavior: url('csshover.htc')
}

img{
border: 0px;
}

div.article{
margin: 10px 0;
overflow: hidden;
}

div#filter{
display: none;
}

div.pages{
margin: auto;
width: 400px;
text-align: center;
}

div.pages a{
padding: 4px 5px;
background: #D4D4D4;
text-decoration: none;
color: #494949;
}

div.pages a.currentpage{
background: #B43029;
color: white;
}


div.article div.title{
background: #D4D4D4;
clear: both;
overflow: hidden;
padding: 3px 5px;
}

div.article div.content{
padding: 5px;
overflow: hidden;
border: 2px solid #D4D4D4;
}

div.article div.title{
font-size: 13px;
color: #494949;
}

div.article div.title a{
text-decoration: none;
font-size: 13px;
color: #494949;
}

div.article div.title a:hover{
text-decoration: underline;
}

.center{
text-align: center;
}

ul.states{
text-align: center;
width: 560px;
display: block;
}

select.states{
display: none;
}

ul.states li{
list-style: none;
display: inline;
margin: 0 10px;
line-height: 2em;
}

ul.states li a{
text-decoration: none;
color: #404040;
}

ul.states li a:hover{
color: #b12d26; 
}


table{
border-collapse: collapse;
width: 100%;
margin: 15px 0;
}

table.left td{
text-align: left !important;
}

table tr.odd td{
background: #F9F9F9;
}

table td{
padding: 3px 3px 3px 5px;
	text-align: left;
	border-top-style: none;
	border-bottom: 1px solid #E2E2E2;
}

table tbody td:first-child{
text-align: left;
}

table.right td:first-child{
text-align: right;
}

table th{
padding: 3px 3px 3px 5px;
color: white;
border-top:1px solid #E2E2E2;
background-color: #B43029;
	text-align: left;
}

table th.h2{
background-color: #dfdfdf;
color: #3f3f3f;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}


col.name{
	text-align: left;
}

col.address{
}

col.city{
width: 100px;
}

col.phone{
	width: 100px;
}

col.c10{
width: 10%;
}

col.c15{
width: 15%;
}

col.c20{
width: 20%;
}

col.c25{
width: 25%;
}

col.c30{
width: 30%;
}


col.c35{
width: 35%;
}

col.c40{
width: 40%;
}

col.c50{
width: 50%;
}

h1{
font-size: 18px;
color: #bd2921; 
margin: 0;
}

h2{
font-size: 1.2em;
}

h3{
font-size: 1em; 
font-weight: bold;
margin: 0;
}

a{
color: #b12d26; 
}

.left{
float: left;
}

.right{
float: right;
}

div#logo{
margin: 5px;
}

.tooltip {
display:none;
background: #D4D4D4;
border: 1px solid #6a6868;
font-size:12px;
padding:5px;
color:#6a6868;	
}

div#slideshow{ 
height: 343px; 
width: 950px; 
margin: auto;
z-index: 0; 
}

div#slideshow img{
display: none;
}

div#slideshow img:first-child{
display: inline;
}

div#pliki {
	background: #f6f6f6 url(images/przydatne_pliki.jpg) no-repeat;
	border: 1px solid #ccc;
	font-size: 12px;
	padding-top: 42px;
	padding-right: 30px;
	margin-bottom: 8px;
}

div#pliki ul li {
	list-style-image: url(images/pdf.png);
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
}

a.mapka-osrodkow{
display: block;
background: url(images/mapka-osrodkow.jpg) no-repeat right top; 
width: 240px;
height: 180px;
}

a.mapka-osrodkow:hover{
background: url('images/mapka-osrodkow-h.jpg') no-repeat right top; 
}

a.e-learning{
display: block;
background: url('images/e-learning.jpg') no-repeat right top; 
width: 240px;
height: 70px;
}

a.e-learning:hover{
background: url('images/e-learning-h.jpg') no-repeat right top; 
}

a.terminy-szkolen{
display: block;
background: url('images/terminy-szkolen.jpg') no-repeat right top; 
width: 240px;
height: 70px;
margin: 10px 0;
}

a.terminy-szkolen:hover{
background: url('images/terminy-szkolen-h.jpg') no-repeat right top; 
}

div#menu{
height: 50px;
background: url('images/menu.png');
position: absolute;
bottom: 0px;
left: 10px;
text-align: center;
z-index: 10;
	width: 870px;
	padding: 0 40px;
}

div#menu ul,div#bottom_menu ul{
list-style: none;
margin: 0;
padding: 0;
}

div#menu ul li{
display: block;
height: 50px;
line-height: 50px;
float: left;
position:relative;
}

div#menu ul li ul{
display: none;
position:absolute;
top: 50px;
left: 0;
background: url(images/podmenu.png) repeat;
}

div#menu ul li ul li{
display: block;
float: none;
clear: both;
line-height: 28px;
height: 28px;
text-align: left;
width: 200px;
}

div#menu ul li ul li a{
font-size: 14px;
}

#menu ul li:hover ul{
display:block;
}

#menu ul ul:hover{
display:block;
}

#menu ul li ul li:hover ul{
display:block !important;
}

div#menu a{
text-decoration: none;
color: white;
padding: 0 10px;
font-size: 16px;
}

div#menu a.currentpage{
color: #ffff00;
}

div#menu a:hover{
color: #ffab6b;
}


div#bottom_menu{
margin-top: 20px;
background: url('images/bottom_menu.png') no-repeat right top; 
width: 750px;
text-align: right;
}

div#bottom_menu ul li{
display: inline;
line-height: 40px;
}


div#bottom_menu a{
text-decoration: none;
color: black;
padding: 0 5px;
font-size: 12px;
}

div#bottom_menu a:hover{
text-decoration: underline;
}

div#bottom_menu a.currentpage{
text-decoration: none;
	color: #b43029;
}


div#photo{
height: 343px;
}

div#top{
height: 57px;
padding: 0;
}

div#top div#login{
background: #b43029;
height: 40px;
line-height: 40px;
padding: 0 15px;
text-align: center;
position: relative;
	color: white;
}

div#top div#login a{
color: #ffff00;
text-decoration: none;
font-weight: bold;
}

div#top div#login a:hover {
	color: white;
}

div#top div#login form{
border: 1px solid #393939;
background: #f1f1f1;
display: block;
position: absolute;
left: 0;
z-index: 100;
text-align: left;
width: 176px;
padding: 0 5px;
display: none;
}

div#top div#login form label{
margin: 0;
padding: 0;
font-size: 12px;
line-height: 20px;
display: inline;
}

div#top div#login form input{
width: 150px;
margin: 0;
height: 20px;
line-height: 20px;
margin: 5px 0;
}

div#top div#login form input[type="submit"]{
float: left;
width: 60px;
}


div#search{
width: 225px;
padding: 10px 15px 0 0;
}

div#search input.search-input{
padding: 0 5px;
display: block;
float: left;
width: 170px;
height: 28px;
line-height: 28px;
background: #e8e8e8;
border: 1px solid #6a6868;
color: #747474;
font-size: 11px;
}

div#search input.search-button{
display: block;
float: right;
width: 30px;
height: 30px;
border: 1px solid #6a6868;
cursor: pointer;
background: #3d3d3d url('images/search.png') no-repeat center center; 
margin: 0;
}

div#container{
width: 970px;
background: white;
margin: auto;
}

div#main{
overflow: hidden;
border-top: 3px solid #d4d4d4;
margin: 0 10px;
}

div#header{
background: white url('images/header.png') repeat-x left top; 
height: 400px;
padding: 0 10px;
position: relative;
}

div#content{
width: 660px;
float: left;
padding: 10px;
text-align: justify;
font-size: 12px;
line-height: 20px;
}

div#sidebar{
background: white url('images/sidebar.png') repeat-x left top; 
width: 240px;
padding: 10px;
float: right;
min-height: 350px;
}

div#breadcrumb{
width: 660px;
margin: 0 10px;
float: left;
font-size: 11px;
line-height: 25px;
height: 26px;
background: url('images/breadcrumb.png') no-repeat left bottom; 
}

div#breadcrumb a{
text-decoration: none;
}

div#breadcrumb a:hover{
text-decoration: underline;
}

div#bottom{
height: 140px;
width: 950px;
background: url('images/bottom.png') repeat-x left bottom; 
clear: both;
margin-bottom: 10px;
}

div#bottom address{
font-style: normal;
float: left;
padding: 11px 10px 10px;
color: #cccccc;
font-size: 14px;
line-height: 20px;
}

div#bottom address a {
	color: #cccccc;
}

div#bottom address a:hover,div#footer a:hover {
	color: #ffff00;
}

div#footer{
margin: 40px 10px 0 0;
line-height: 15px;
text-align: right;
float: right;
}

div#footer,div#footer a{
color: #cccccc;
font-size: 11px;
}

label{
display: block;
font-weight: bold;
margin: 0.5em 0;
}

input[type="text"],input[type="password"]{
padding: 0 5px;
display: block;
width: 170px;
height: 22px;
line-height: 22px;
background: #e8e8e8;
border: 1px solid #6a6868;
color: #747474;
font-size: 11px;
}

input[type="submit"]{
display: block;
width: 60px;
height: 30px;
border: 1px solid #6a6868;
cursor: pointer;
background: #3d3d3d;
color: #e8e8e8;
margin: 0.5em 0;
}
 
div.formsection{
width: 100%;
}

div#menu_user {
	background: #f6f6f6 none no-repeat;
	border: 2px solid #b43029;
	font-size: 12px;
	margin-bottom: 8px;
	padding: 0;
}

div#menu_user h3 {
	background-color: #b43029;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #ff0;
	padding: 2px 2px 4px;
	margin-bottom: 5px;
}

div#menu_user #zalogowany {
	text-align: center;
	border-top: 1px solid #b43029;
	font-weight: bold;
	margin-top: 5px;
}

div#menu_user #zalogowany a {
text-decoration: none;
background: #b80000;
color: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	display: inline;
}

div#menu_user a {
	display: block;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
}

div#menu_user a:hover {
	color: black;
}

/* @group formularz */

.contactform {
}

fieldset {
	border: 1px solid #ccc;
	color: black;
	text-align: left;
	padding-top: 10px;
}

legend {
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

label {
	font-size: 12px;
	width: 288px;
}

.red {
	color: #e20f20;
}

.error_message {
	color: white;
	font-weight: bold;
	font-size: 14px;
	background-color: #dc1623;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

#send_ok {
	color: #085b29;
	font-weight: bold;
	font-size: 14px;
	background-color: #cefcaf;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.contactform .fb_invalid input[type=text], .contactform .fb_invalid textarea, .contactform .fb_invalid select {
	background-color: #fde6e1;
	border: 1px solid #dc1623;
	margin-bottom: 5px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}

.contactform input[type=text] {
	margin-bottom: 5px;
	background-color: white;
	color: black;
}

.contactform input[type=text], .contactform textarea {
	width: 500px;
	border: 1px solid #b7b0a5;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
	margin-left: 100px;
}

.submit {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 279px;
}

.contactform input[type=submit] {
	background-color: #bd2921;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	border-style: none;
	width: 100px;
}



/* @end */

/* @group Mapka polski */

/* 
Polska, klikalna mapa wojewodztw - 200px
- http://winstonwolf.pl/css,polska.html
- wersja 1.5 (grudzień 2009)

author: Winston_Wolf [ http://winstonwolf.pl ]
contact: http://winstonwolf.pl/contact.html

(cc)2009 Attribution-Share Alike 
http://creativecommons.org/licenses/by-sa/3.0/
*/

#map{
width: 240px;
height: 240px;
padding-top: 34px;
background: url('images/map.jpg');
text-align: center;
display: none;
}

#map select{
width: 180px;
}

#polska{
margin-bottom: 0;
}

#polska,#polska span.bg{background:transparent url('images/polska.png') no-repeat -9999px 0}
#polska{position:relative;top:0;left:0;display:block;background-position:0px -430px;list-style:none}
#polska *{padding:0;margin:0;border:0 none;outline:0 none}
#polska li{cursor:pointer}
#polska li span{position:absolute;display:block;width:0;height:0;z-index:15}
#polska li a .bg{z-index:3}
#polska li .map{top:0;left:0}

#polska.ukryta{width:230px;height:215px}
#polska.ukryta li{width:0;height:0;text-indent:-9999px}
#polska.po_lewej{left:120px;width:230px;min-height:215px}
#polska.po_lewej li{margin-left:-120px;width:120px}
#polska.po_prawej{width:350px;min-height:215px}
#polska.po_prawej li{width:120px;margin-left:230px}
#polska.po_lewej li:first-child,#polska.po_prawej li:first-child{padding-top:2em}
#polska.ponizej{width:230px;padding-top:220px;overflow:hidden}
#polska.ponizej li{width:100%;float:left}
#polska.ponizej.dwie_kolumny li{width:50%;float:left}

#polska1 a:hover .bg{top:115px;left:22px;width:64px;height:57px;background-position:-9px -75px} #polska1 .s1{top:115px;left:20px;width:50px;height:60px} #polska1 .s2{top:121px;left:70px;width:14px;height:17px} #polska1 .s3{top:138px;left:70px;width:4px;height:17px} #polska1 .s4{top:138px;left:74px;width:3px;height:10px} #polska1 .s5{top:138px;left:77px;width:3px;height:4px}
#polska2 a:hover .bg{top:52px;left:74px;width:51px;height:49px;background-position:-193px -216px} #polska2 .s1{top:55px;left:78px;width:45px;height:43px}
#polska3 a:hover .bg{top:97px;left:160px;width:55px;height:68px;background-position:-183px -9px} #polska3 .s1{top:96px;left:161px;width:50px;height:43px} #polska3 .s2{top:139px;left:166px;width:50px;height:8px} #polska3 .s3{top:147px;left:174px;width:45px;height:5px} #polska3 .s4{top:152px;left:180px;width:35px;height:5px} #polska3 .s5{top:157px;left:180px;width:13px;height:5px} #polska3 .s6{top:157px;left:200px;width:15px;height:5px}
#polska4 a:hover .bg{top:72px;left:20px;width:39px;height:58px;background-position:-10px -198px} #polska4 .s1{top:81px;left:27px;width:22px;height:36px} #polska4 .s2{top:77px;left:37px;width:14px;height:4px} #polska4 .s3{top:73px;left:47px;width:4px;height:4px} #polska4 .s4{top:88px;left:15px;width:30px;height:38px} #polska4 .s5{top:109px;left:45px;width:7px;height:9px} #polska4 .s6{top:112px;left:50px;width:7px;height:7px}
#polska5 a:hover .bg{top:96px;left:89px;width:54px;height:52px;background-position:-9px -138px} #polska5 .s1{top:98px;left:95px;width:47px;height:36px} #polska5 .s2{top:129px;left:91px;width:39px;height:9px} #polska5 .s3{top:138px;left:110px;width:19px;height:3px} #polska5 .s4{top:141px;left:118px;width:8px;height:4px}
#polska6 a:hover .bg{top:157px;left:109px;width:52px;height:45px;background-position:-68px -9px} #polska6 .s1{top:159px;left:111px;width:42px;height:45px}#polska6 .s2{top:177px;left:153px;width:4px;height:20px}
#polska7 a:hover .bg{top:61px;left:113px;width:79px;height:82px;background-position:-74px -125px} #polska7 .s1{top:64px;left:130px;width:58px;height:40px} #polska7 .s2{top:80px;left:117px;width:13px;height:21px} #polska7 .s3{top:72px;left:121px;width:10px;height:10px} #polska7 .s4{top:104px;left:133px;width:48px;height:3px} #polska7 .s5{top:107px;left:133px;width:33px;height:5px} #polska7 .s6{top:112px;left:142px;width:23px;height:8px} #polska7 .s7{top:120px;left:138px;width:23px;height:4px} #polska7 .s8{top:124px;left:138px;width:28px;height:10px}#polska7 .s9{top:134px;left:152px;width:14px;height:5px}
#polska8 a:hover .bg{top:135px;left:65px;width:39px;height:42px;background-position:-134px -68px} #polska8 .s1{top:138px;left:80px;width:20px;height:15px} #polska8 .s2{top:142px;left:77px;width:23px;height:16px} #polska8 .s3{top:148px;left:74px;width:22px;height:20px} #polska8 .s4{top:155px;left:70px;width:20px;height:25px}
#polska9 a:hover .bg{top:146px;left:152px;width:52px;height:60px;background-position:-10px -10px} #polska9 .s1{top:147px;left:153px;width:27px;height:30px} #polska9 .s2{top:162px;left:157px;width:50px;height:45px} #polska9 .s3{top:157px;left:193px;width:7px;height:5px}
#polska10 a:hover .bg{top:30px;left:158px;width:49px;height:72px;background-position:-58px -213px} #polska10 .s1{top:30px;left:179px;width:30px;height:66px} #polska10 .s2{top:35px;left:174px;width:5px;height:7px} #polska10 .s3{top:54px;left:171px;width:8px;height:29px} #polska10 .s4{top:59px;left:159px;width:12px;height:10px} #polska10 .s5{top:69px;left:163px;width:8px;height:5px} #polska10 .s6{top:74px;left:166px;width:5px;height:5px}
#polska11 a:hover .bg{top:18px;left:65px;width:57px;height:46px;background-position:-10px -288px} #polska11 .s1{top:15px;left:67px;width:47px;height:40px} #polska11 .s2{top:55px;left:67px;width:16px;height:6px} #polska11 .s3{top:55px;left:105px;width:9px;height:4px} #polska11 .s4{top:48px;left:114px;width:4px;height:6px}
#polska12 a:hover .bg{top:138px;left:88px;width:42px;height:57px;background-position:-83px -59px} #polska12 .s1{top:138px;left:100px;width:10px;height:3px} #polska12 .s2{top:141px;left:100px;width:18px;height:22px} #polska12 .s3{top:145px;left:118px;width:8px;height:15px} #polska12 .s4{top:158px;left:96px;width:20px;height:10px} #polska12 .s5{top:168px;left:90px;width:21px;height:30px}#polska12 .s6{top:181px;left:111px;width:6px;height:20px}
#polska13 a:hover .bg{top:130px;left:122px;width:46px;height:40px;background-position:-128px -9px} #polska13 .s1{top:134px;left:129px;width:23px;height:25px} #polska13 .s2{top:141px;left:126px;width:5px;height:18px} #polska13 .s3{top:138px;left:152px;width:15px;height:15px} #polska13 .s4{top:153px;left:135px;width:20px;height:10px} #polska13 .s5{top:153px;left:155px;width:6px;height:6px} #polska13 .s6{top:163px;left:137px;width:8px;height:4px}
#polska14 a:hover .bg{top:31px;left:110px;width:72px;height:43px;background-position:-112px -218px} #polska14 .s1{top:30px;left:114px;width:60px;height:18px} #polska14 .s2{top:30px;left:174px;width:6px;height:5px} #polska14 .s3{top:42px;left:118px;width:61px;height:12px} #polska14 .s4{top:54px;left:114px;width:57px;height:5px} #polska14 .s5{top:59px;left:114px;width:45px;height:5px} #polska14 .s6{top:64px;left:117px;width:30px;height:3px} #polska14 .s7{top:67px;left:123px;width:17px;height:5px}
#polska15 a:hover .bg{top:55px;left:44px;width:68px;height:85px;background-position:-158px -123px} #polska15 .s1{top:61px;left:51px;width:27px;height:50px} #polska15 .s2{top:81px;left:48px;width:33px;height:31px} #polska15 .s3{top:95px;left:55px;width:48px;height:20px} #polska15 .s4{top:90px;left:81px;width:8px;height:5px} #polska15 .s5{top:98px;left:103px;width:6px;height:8px} #polska15 .s6{top:115px;left:62px;width:35px;height:6px} #polska15 .s7{top:121px;left:66px;width:6px;height:3px} #polska15 .s8{top:121px;left:80px;width:16px;height:8px} #polska15 .s9{top:129px;left:84px;width:7px;height:9px}
#polska16 a:hover .bg{top:26px;left:13px;width:59px;height:63px;background-position:-139px -268px} #polska16 .s1{top:25px;left:10px;width:57px;height:36px} #polska16 .s2{top:61px;left:10px;width:50px;height:12px} #polska16 .s3{top:73px;left:10px;width:17px;height:15px} #polska16 .s4{top:73px;left:27px;width:20px;height:4px} #polska16 .s5{top:77px;left:27px;width:10px;height:4px} #polska16 .s6{top:73px;left:51px;width:6px;height:4px}#polska16 .s7{top:66px;left:60px;width:3px;height:5px}

/* --- koniec mapki --- */

/* @end */