/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 */
html {overflow-y: scroll;}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#C5D9CD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#444444;
	background:#C5D9CD url(../img/body-bg.gif) repeat-y top center;
}

h3 {
	color: #009966;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 19px;
	font-weight: normal;
}

h4 {
    font-size: 13px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.5;
}

h5 {
   font-size: 11px;
}

p {
	line-height:1.5;
	margin:0 0 1em;
}
img {
	border:0;
}

div.html {
	line-height:1.5;
	margin:20px 0 20px 0;
	text-align:justify;
}

a {
	color:#444444;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#FF6600;
	text-decoration:none;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:929px;	/* page width - padding-right+padding-left */
	padding:0 30px 0 30px; /* white space left and right */
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	/*border-right:1px solid #009966;
	border-left:1px solid #009966;*/
}

#header {
	height:auto;
	margin-bottom:6px;
}

.homepage {
    height: 383px !important;
}
.restpages {
    height: 177px !important;
}


	#header-top {
		background:url("../img/header-bg.png") 0 bottom no-repeat;
	/*	background:#F2ECDE url("../img/header-bg-green.png") 0 0 no-repeat;*/
		height:132px; height:122px;
		margin-bottom:6px;
	}

	#header-menu {
		height:49px;
		margin-bottom:6px;
		background-color: #F2ECDE;
                background-image: url("../img/menu-bg.gif");
                background-position: top left;
                background-repeat: no-repeat;
                z-index: 1000;
        }
        .sticky-wide {
            width: 100%;
            left: 0;
            box-shadow: 0px 2px 5px #888888;
            background-image: none !important;
        }
        
	#header-foto {
		width:624px;
		height:200px;
		float:left;
		background-color: #6EA1B2;
/*		background: #6EA1B2 url("../img/animation/f1.jpg") 0 0 no-repeat;*/
		/*background: #6EA1B2 url("../img/animation/f2a.jpg") 0 0 no-repeat;  wielkanoc */
                position: absolute;
	}
	#start-anim-images
	{
		width:624px;
		height:200px;
	}
	#start-anim-text
	{
		position:absolute;
		top:10px;
		left:13px;
		color:white;
		width:288px;
		height:180px;
		font-style: italic;
	}
	#start-anim-text div
	{
		font-size:22px;
		font-family:Verdana, Arial, sans-serif;
	}
	#start-anim-text p
	{
		margin:7px 0 0 0;
                line-height: 1.4;
	}


	#header-address {
		width:299px;
		height:200px;
		float:right;
		text-align:left;
		background: #EDEEDF url("../img/header-address-bg.jpg") 0 0 no-repeat;
	}

#rightcol-top {
	margin:0; padding:0;
	height:9px;
	line-height:1px;
	background: url("../img/rightcol-top-corners.gif") top right no-repeat;
/*	background: url("../img/content-top-corners.png") top right no-repeat;*/

}

#content {
	/*padding-bottom:139px;  bottom padding for footer !! wylaczone przez opere */
	background:url("../img/rightcol-bg.gif") right repeat-y;
	min-height:200px;
}
/* 2 colls content l and r */
#content #content-l { /* text content */
	float:left;
	padding-left:15px;
	padding-right:20px;
	width:595px; /* uwaga, uwzgledniamy padding left i right */
	min-height:400px;
/*	background: url(../img/leftcol-top-bg.png) no-repeat top left;*/
}

#content .content-r { /* text content */
	float: right;
	width:275px; /* minus padding left+right */
	padding:0 12px 0 12px;
}

#footer-wrapper {
	/*position:absolute;
	bottom:0; wylaczone dla jquery do rozszerzania stopki bo w Operze fiksuje */ /* stick to bottom */
	width:929px; /* page width - padding-right of container */
	height:139px; /*footer height + 6px margin-top + 9px rightcol-bottom corners height*/
}
#footer-wrapper	#footer {
	background:#FFF url("../img/footer-bg.png") 0 0 no-repeat;
	height:124px;
	font-size:11px;
	}

#footer-wrapper #rightcol-bottom {
	margin:0; padding:0;
	height:15px;
	line-height:1px;
	background: url("../img/rightcol-bottom-corners.gif") top right no-repeat;

}

/* inside header */
#header #header-top-left { /* logo wco */
	width:239px;
	height: 96px;
	float:left;
	margin-top:20px; margin-left:10px;
}
#header #header-top-right {
	margin:0;
	padding:0;
	float:right;
	text-align:right;
        width: 670px;
}

#header-top-right #topheader-links {
	height:25px;
	margin:12px 10px 0 0;
	text-align:left;
	color:#000;
	font-size:11px;
        float: right;
}
#header-top-right #topheader-links img {
	margin-right:4px;
	vertical-align: middle;
}
#topheader-links ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#topheader-links ul li {
	display: inline;
}
#topheader-links ul li a, #topheader-links ul li a:link, #topheader-links ul li a:active, #topheader-links ul li a:visited {
	margin:0;
	color:#444444;
	text-decoration:none;
	font-weight:normal;
	padding-left:10px;
}
#topheader-links ul li a:hover {
	color:#009966;
	text-decoration:none;
}

#header-top-right #topheader-links a.youtubechannel {
    padding-left: 0;
}

#header-top-right #lang-dropdown {
    float: right;
    margin-left: 10px;
}
/* lang links */
#header-top-right #topheader-lang {
	display:block;
	margin:10px 10px 0 0;
	text-align:right;
	color:#000;
	font-size:11px;
        height:48px;
        float:right;
/*        width:414px;*/
        width:627px;
}

#header-top-right #topheader-lang img {
	margin-right:3px;
	vertical-align:bottom;
}
#topheader-lang ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#topheader-lang ul li {
	display: inline;
}
#topheader-lang ul li a, #topheader-lang ul li a:link, #topheader-lang ul li a:active, #topheader-lang ul li a:visited {
	margin:0;
	color:#444444;
	text-decoration:none;
	padding-left:4px;
	padding-right:5px;
	font-weight:normal;
}
#topheader-lang ul li a:hover {
	color:#009966;
	text-decoration:none;
}

/* wyszukiwarka Google */
#topheader-lang #cse-search-box {
    float:right;
    background-color:#E1ECE6;
    margin-right:20px;
    vertical-align: top;
    padding:5px 8px;
    border: 1px solid #C5D9CD;
    border-radius:8px; /*CSS3 - promień ramki*/
   -moz-border-radius:8px; /*wersja dla Gecko*/
   -webkit-border-radius:8px; /*wersja dla WebKitu */
}

#topheader-lang #cse-search-box label {
   font-weight:bold;
   color:#009966;
   width:100px;
}

#topheader-lang #cse-search-box fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#topheader-lang #cse-search-box input[type=text] {
   border:2px solid #009966;
   font-size:11px;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   padding:1px 2px;
   background-color: #ffffff;
   width:123px;
}

#topheader-lang #cse-search-box input[type=image] {
    vertical-align: top;
}

#topheader-lang #bip {
    float: right;
}

/* na skroty - linki zamowienia publiczne, oferty pracy itp */
#header-top-right #shortcut-menu {
	display:block;
	margin:9px 10px 0 0;
	text-align:right;
	color:#000;
	font-size:11px;
	font-weight:bold;
        clear:both;
}
#header-top-right #shortcut-menu ul {
	list-style-type: none;
	margin:0;
	padding:0;
        display: inline;
}
#header-top-right #shortcut-menu ul li {
	display: inline;
	background: url(../img/llisep.gif) no-repeat left center;
	margin: 0 8px 0 0;
}
#header-top-right #shortcut-menu ul li a,
#header-top-right #shortcut-menu ul li a:link,
#header-top-right #shortcut-menu ul li a:active,
#header-top-right #shortcut-menu ul li a:visited {
	margin:0;
	color:#444444;
	text-decoration:none;
	padding-left:10px;
	padding-right:0;
}
#header-top-right #shortcut-menu ul li a:hover {
	color:#009966;
	text-decoration:none;
}
#header-top-right #shortcut-menu ul li.first{
	background:none;
}
#header-top-right #shortcut-menu ul li a.on:link,
#header-top-right #shortcut-menu ul li a.on:active,
#header-top-right #shortcut-menu ul li a.on:visited,
#header-top-right #shortcut-menu ul li a.on:hover,
#header-top-right #shortcut-menu ul li.first a.on:link,
#header-top-right #shortcut-menu ul li.first a.on:active,
#header-top-right #shortcut-menu ul li.first a.on:visited,
#header-top-right #shortcut-menu ul li.first a.on:hover
{
    color: #FF6600;
}
span.order-name {
    color: #009966;
    font-weight: bold;
}
span.order-name > span.order-code {
    color: red;
}

/*
	WCO - address, tel, email
*/
#header-address #address-cont { /* see more styles upper */
	font-family:Arial, Helvetica, sans-serif;
	margin:10px;
}
#header-address #address-cont img {
	margin:0;
}
#header-address #address-cont p {
	font-size:12px;
	color:#000;
	margin-left:2px;
	margin-bottom:8px;
}
#header-address #address-cont #address {
	font-size:13px;
	color:#333333;
	margin-left:2px;
	float:left;
	line-height:17px;
	font-weight:bold;
}
#header-address #address-cont #phone {
	font-size:13px;
	color:#333333;
	float:right;
	margin-right:5px;
	line-height:17px;
	font-weight:bold;
}
#header-address #address-cont #phone-patient {
	font-size:13px;
	color:#333333;
	float:left;
	margin-left:2px;
	line-height:17px;
	font-weight:bold;
}

#address-cont #phone a,
#address-cont #phone a:link,
#address-cont #phone a:active,
#address-cont #phone a:visited {
	margin:0;
	color:#444444;
	text-decoration:none;
}
#address-cont #phone a:hover {
	color:#009966;
	text-decoration:none;
}


/* right column content styles */
.content-r #kursy-sp { /* sp - start page */
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:25px;
	margin-top:5px;
}
.content-r #kursy-sp h3 {
	color:#009966;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	line-height:24px;
	margin:0 0 12px 0;
	padding-bottom:5px;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
}
#kursy-sp ul {
	margin:0;
	padding:0;
	margin-left:20px;
}
#kursy-sp ul li {
	font-size:12px;
	line-height:18px;
	padding:5px 0 5px 0px;
}
#kursy-sp ul li span { color:#333333;

	font-weight:bold;
}
#kursy-sp ul li a,
#kursy-sp ul li a:link,
#kursy-sp ul li a:active,
#kursy-sp ul li a:visited {
	color:#444444; color:#333333;
	text-decoration:none;
	font-weight:normal;
}
#kursy-sp ul li a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}

/* Menu po prawej */

.content-r .right-menu { /* sp - start page */
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:25px;
	margin-top:5px;
}
.content-r .right-menu h3 {
	color:#009966;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	line-height:24px;
	margin:0 0 12px 0;
	padding-bottom:5px;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
}
.right-menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
	margin-left:5px;
}
.right-menu ul li {
	font-size:12px;
	line-height:18px;
	background-image:url(../img/more-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:5px 0 5px 20px;
}
.right-menu ul li span { color:#333333;
	font-weight:bold;
}
.right-menu ul li a,
.right-menu ul li a:link,
.right-menu ul li a:active,
.right-menu ul li a:visited {
	color:#444444; color:#333333;
	text-decoration:none;
	font-weight:bold;
}
.right-menu ul li a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}

/* newsy pomaranczarni po prawej stronie */
.right-menu ul li.orangenews {
    font-size: 11px;
}
.right-menu ul li.orangenews a,
.right-menu ul li.orangenews a:link,
.right-menu ul li.orangenews a:active,
.right-menu ul li.orangenews a:visited {
    font-size: 12px;
    color:#444444; color:#333333;
    text-decoration:none;
    font-weight:bold;
}
.right-menu ul li.orangenews a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}
.right-menu ul li.zalobnie {
    border: 3px double #000000;
    margin-bottom: 10px;
    padding-left: 30px;
    background-image: url(../img/news-ikona-zaloba.gif);
}
.right-menu ul li.zalobnie a:hover {
    color:#000;
}


.right-menu ul li img {
    width: 80px; 
    float: left; 
    margin: 5px 7px 5px 0;
}

/* submenu dla menu po prawej */
.right-menu ul li ul {
	margin:5px 0 0px 2px;
}
.right-menu ul li ul li {
	font-size:12px;
	line-height:18px;
	background-image:url(../img/thin-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:5px 0 5px 15px;
}
.right-menu ul li ul li span { color:#333333;
	font-weight:bold;
}
.right-menu ul li ul li a,
.right-menu ul li ul li a:link,
.right-menu ul li ul li a:active,
.right-menu ul li ul li a:visited {
	color:#444444; color:#333333;
	text-decoration:none;
	font-weight:normal;
}
.right-menu ul li ul li a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}



/* napisali o nas strona startowa */
#napisali-sp h3 {
	color:#009966;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
	line-height:24px;
	margin:0 0 12px 0;
	padding-bottom:5px;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
}
#napisali-sp ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#napisali-sp ul li {
	margin:0 0 15px 0;
	font-size:11px;
	line-height:18px;
}
#napisali-sp ul li span {
	color:#65C0A0;
	font-weight:bold;
}
#napisali-sp ul li a:link,
#napisali-sp ul li a:active,
#napisali-sp ul li a:visited {
	color:#444444;
	text-decoration:none;
	font-weight:normal;
}
#napisali-sp ul li a:hover {
	color:#009966;
	text-decoration:none;
}

#napisali-sp ul li div.more {
	margin:0; padding:0;
	text-align:right;
	padding-top:8px;
}
#napisali-sp ul li div.more a:link,
#napisali-sp ul li div.more a:visited,
#napisali-sp ul li div.more a:active
 {
 font-family:Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#009966;
 text-decoration:none;
 padding-right:15px;
 background: url(../img/more-arrow.gif) no-repeat right 3px;
}
#napisali-sp ul li div.more a:hover {
	color: #FF6600;
	text-decoration:none;
}




/*
 strona startowa zajawka
*/
#zajawka {
	padding:0;
	font-size:12px;
        margin: 33px 0 0;
}
#content-l h2, #zajawka h2 {
	padding: 0 0 5px 0;
	margin:5px 0 12px 0;
	color:#009966;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:26px;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
	font-weight:normal;
}
#zajawka p {
	margin-bottom:0;
	text-align:justify;
	line-height:150%;
}


/*
 strona startowa aktualnosci
*/
.news-sp {
	width:100%;
	float:left;
	display:inline;
}
.news-sp h3 {
	color:#009966;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal;
	line-height:24px;
	margin:0 0px 12px 0;
	padding-bottom:5px;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
}
.news-sp ul {
	margin:0;
	padding:0;
	list-style: none;
}
.news-sp ul li {
	margin:0 0 15px 0;
	font-size:12px;
	line-height:150%;
	text-align:justify;
	padding-right:0px;
	color:#444444;
	padding-left: 18px;
	padding-bottom: 10px;
	background-image: url(../img/li-news-sp.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
    clear: left;

}
.news-sp ul li.zaloba {
	margin:0 0 15px 0;
	font-size:12px;
	line-height:150%;
	text-align:justify;
	padding-right:0px;
	color:#444444;
	padding-left: 18px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0 4px;
        clear: left;
	border:2px solid black;
        font-style:italic;
        padding:20px;
        background-image: none;
}
.news-sp ul li a,
.news-sp ul li a:link,
.news-sp ul li a:active,
.news-sp ul li a:visited {
	color:#444444;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
.news-sp ul li a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}

.news-sp div.image {
	border: 1px solid #C5D9CD;
	padding: 2px;
	float: left;
	width: 90px;
	margin: 4px 15px 10px 0;
}
.news-sp ul li.zaloba div.image {
	border: 1px solid #000000;
	padding: 2px;
	float: left;
	width: 90px;
	margin: 4px 15px 10px 0;
}

.news-sp div.image img {
    width: 90px;
}

/* strona startowa komunikaty */
.komunikaty-sp {
	width:50%;
	float:right;
	display:inline;
}
.komunikaty-sp h3 {
	margin:0 0 12px 10px;
}
.komunikaty-sp ul {
	margin-left:10px;
}
.komunikaty-sp ul li {
	padding-right: 0;
}

/*
 News - modul news
*/
h3.news-title {
	color: #009966;
	font-size:16px;
	margin-bottom:3px;
	margin-top:3px;
}

h3.news-title a:link,
h3.news-title a:active,
h3.news-title a:visited{
	color: #009966;
	font-size:16px;
	text-decoration:none;
	margin:0px 0 8px 0;
}

h3.news-title a:hover{
	text-decoration:none;
	color: #FF6600;
}

div.news-img {
	border: 1px solid #C5D9CD;
	padding: 10px;
	float: left;
	width: 150px;
	background-color:#F5F8F6;
	margin:0 15px 5px 0;
}

/*
	Galeria news - lista miniatur
*/
div.news-img-gal {
	float:left;
	text-align:center;
	font-size:11px;
	border: 1px solid #C5D9CD;
	padding: 8px;
	width: 150px;
	background-color:#F5F8F6;
	margin-right:30px;
}
div.no-right-margin {
	margin-right:0;
}



/*
 Certyfikaty, nagrody itp
 */
#cert-sp {
	margin:25px 0 20px 0;
}
#cert-sp h3 {
	color:#009966;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal;
	line-height:24px;
	margin:0 10px 12px 0;
	padding-bottom:5px;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
}
#cert-sp ul {
	margin:0;
	padding:0;
	list-style: none;
}
#cert-sp ul li {
	margin:0 0 15px 0;
	font-size:11px;
	line-height:130%;
	text-align:justify;
	padding-right:20px;
	color:#444444;
	background-repeat: no-repeat;
	background-position: 0 .2em;
	display:inline;
}

/*
  Podstrony po lewej stronie
*/
#content-l ul.sublist {
	margin:0;
	margin-left:5px;
	padding:0;
	list-style-type: none;
}
#content-l ul.sublist li {
	font-size:12px;
	line-height:18px;
	background-image:url(../img/thin-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:5px 0 5px 15px;
}
#content-l ul.sublist li span { color:#333333;
	font-weight:bold;
}
#content-l ul.sublist li a,
#content-l ul.sublist li a:link,
#content-l ul.sublist li a:active,
#content-l ul.sublist li a:visited {
	color:#444444; color:#333333;
	text-decoration:none;
	font-weight:normal;
}
#content-l ul.sublist li a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}

/*
  Nowe podstrony po lewej stronie
*/
#content-l div.sublistnew ul {
	margin:0;
	margin-left:5px;
	padding:0;
	list-style-type: none;
}
#content-l div.sublistnew ul li {
	font-size:12px;
	line-height:18px;
	background-image:url(../img/thin-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:5px 0 5px 15px;
}
#content-l div.sublistnew ul li span { color:#333333;
	font-weight:bold;
}
#content-l div.sublistnew ul li a,
#content-l div.sublistnew ul li a:link,
#content-l div.sublistnew ul li a:active,
#content-l div.sublistnew ul li a:visited {
	color:#444444; color:#333333;
	text-decoration:none;
	font-weight:normal;
}
#content-l div.sublistnew ul li a:hover {
	color:#009966; color: #FF6600;
	text-decoration:none;
}



/*
 Footer links
*/

#footer-links {
	padding:12px 15px 3px 15px;
	color:#666666;
	font-size:11px;
	text-align:left;
}
#footer-links ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#footer-links ul li {
	display: inline;
	background: url(../img/llisep.gif) no-repeat left center;
	margin: 0 8px 0 0;
}
#footer-links ul li a,
#footer-links ul li a:link,
#footer-links ul li a:active,
#footer-links ul li a:visited {
	margin:0;
	color:#444444;
	text-decoration:none;
	padding-left:10px;
	padding-right:0;
	font-weight:normal;
}
#footer-links ul li a:hover {
	color:#009966;
	text-decoration:none;
}
#footer-links ul li.first,
#footer-links ul li.first a,
#footer-links ul li.first a:link,
#footer-links ul li.first a:active,
#footer-links ul li.first a:visited,
#footer-links ul li.first a:hover   {
	background:none;
	padding-left:0;
}


#footer-pages {
	padding-left:15px;
}
#footer-pages span {
    color:#009966;
}

#footer-pages a {
	font-weight:normal;
}
#footer-pages a:link span,
#footer-pages a:link,
#footer-pages a:active,
#footer-pages a:visited {
	color:#444444;
	text-decoration:none;
}
#footer-pages a:hover,
#footer-pages a:hover span {
	color:#009966;
	text-decoration:none;
}


#wco-pages {
	padding:0; margin:0;
}
#wco-pages ul {
	margin:0; padding:7px 0 0 15px;
}
#wco-pages ul li {
	margin:0 0 5px 0;
	padding:0;
}
#wco-pages ul li a,
#wco-pages ul li a:link,
#wco-pages ul li a:active,
#wco-pages ul li a:visited{
	margin:0;
	color: #006633;
	text-decoration:none;
}
#wco-pages ul li a:hover {
	color:#009966;
	text-decoration:none;
}

#copyright {
	margin:0; padding:0;
	padding-top:7px;
	padding-bottom:17px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}
div#social-icons {
    text-align: center;
}
ul.social-links {
    margin-top:5px; 
    margin-bottom: 15px;
    padding-left: 0;
}
ul.social-links li {
    display: inline;
}
ul.social-links li a,
ul.social-links li a:link,
ul.social-links li a:active,
ul.social-links li a:visited {
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    margin: 0;
    padding-left: 10px;
    padding-right: 5px;
    text-decoration: none;
}
ul.social-links li a img {
    margin-right: 4px;
    vertical-align: bottom;
}
ul.social-links li a img.social-icon {
    width: 34px;
    height: 34px;
}


/* linia separujaca bloki w stopce */
div.footer-line {
	margin:8px 0 8px 15px;
	width:899px;
	height:1px; text-align:center;
	line-height:1px;
	background: url(../img/dot-underline.gif) repeat-x;
}




/*
	More link
*/
div.more {
	margin:0; padding:0;
	text-align:right;
}
div.more a,
div.more a:link,
div.more a:active,
div.more a:visited
{
 font-family:Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#009966;
 text-decoration:none;
 padding-right:15px;
 background: url(../img/more-arrow.gif) no-repeat right 3px;
}
div.more a:hover {
	color: #FF6600;
	text-decoration:none;
}

/*
	Back link
*/
div.back {
	margin:0; padding:0;
}
div.back a,
div.back a:link,
div.back a:active,
div.back a:visited
{
 font-family:Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#009966;
 text-decoration:none;
 padding-left:15px;
 background: url(../img/back-arrow.gif) no-repeat left 2px;
}
div.back a:hover {
	color: #FF6600;
	text-decoration:none;
}


/* others */
div.clear { clear:both; margin:0; padding:0;}

#content-l p.added {
	color: #659A7A;
	font-size:11px;
	margin:0; padding:0;
}

.news-sp ul li.zaloba p.added {
	color: gray !important;
	font-size:11px;
	margin:0; padding:0;
}

/* GALERIA */
div.small_image {
	width:190px;
	float:left;
	text-align:center;
	font-size: 11px;
}

div.small_image img, img.large, table.image-table img {
	margin:0 auto 2px;
	display:block;
	border: 1px solid #8FBFA4;
	padding: 4px;
}

div.small_image a:hover img {
    background-color: #8FBFA4;
}

p.pagination {
	font-size: 11px;
	text-align: center;
}

p.pagination strong {
	font-weight: 100;
	padding: 2px 5px;
	border: 1px solid #000000;
}

div.new_line {
	float:left;
	margin-top:20px;
}

/* Mapa Strony */
ul.small li {
	padding-bottom: 10px;
}

ul.small li, ul.small li a, ul.small li a:hover,
#structure ul li, #structure ul li a, ol.small li {
	font-weight: normal;
	font-size: 11px;
}

ul.small li ul li {
	padding-top: 3px;
	padding-bottom: 0px;
	line-height: 15px;
}

/* Obrazki w prawej kolumnie na podstronach */
.content-r #right-image {
	border: 1px inset #009966;
	width: 275px;
	height: 200px;
	margin-bottom:15px;
}

/* Pliki do pobrania */
#content-l table {

	border-collapse:separate;
	empty-cells:show;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	line-height:1.5;
	width: 596px;
}

#content-l table tr.row-1 {
	background-color:#f1f9fb;
	vertical-align:top;
}

#content-l table tr.row-2 {
	background-color:#F6F8F7;
	vertical-align:top;
}

#content-l table th {
	background-color:#A7DCCA;
	border:1px solid #009966;
	color: #000;
	height:30px;
	padding: 0 5px;
	text-align:left;
}

#content-l table td {
	border: 1px solid #E4E4E4;
	padding:5px;
}

#content-l table a,
#content-l table a:link,
#content-l table a:active {
	font-weight:normal;
}
#content-l table a:hover {

}

/* tabelka formularza na stronie pracownicy */
#content-l table.emp_search {
	border:0;
	border-collapse: collapse;
	empty-cells:show;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	line-height:1.5;
	width: auto;
}
#content-l table.emp_search td {
	border:0;
	padding-left:5px;
	padding-right:5px;
}
#content-l table.emp_search td.fname {
	border:0;
	padding-left:5px;
	padding-right:5px;
	text-align:right;
	vertical-align:top;
}

#content-l div.emp-foto {
	float:left;
	background-color:#FF0000;
	width:130px;
	border:1px solid #339933;
}

/* Certyfikaty, wyroznienia, osiagniecia */
div.cert-img {
	border: 1px dotted green;
	padding: 10px;
	float: left;
	width: 130px;
}
div.cert-shortcat {
	float:right;
	width:430px;
}
div.cert-shortcat h4 {
	color:#009966; font-size:14px;
	margin:0; padding:0;
}
div.cert-img img {
	margin:0; padding:0; border:0;
}

/* Struktura organizacyjna */
div.structure_menu div {
	margin: 20px 0;
}

div.structure_menu a {
	border: 1px dotted #3A988A;
	padding: 5px;
	margin-right: 10px;
	background-color:#F5F8F6;
}

div.structure_menu a img {
	vertical-align: text-bottom;
}


/* Error */
#content-l #error {
    background-color:#FAFAFA;
    border:1px solid #CF0000;
    color:#CF0000;
    font-size:11px;
    font-weight:bold;
    margin:20px auto;
    padding:15px;
    text-align:center;
}


#content-l #orders_info {
	background-color:#FAFAFA;
	border:1px dotted #DE5B34;
	color:#DE5B34;
	margin:10px auto;
	padding:10px;
	text-align:center;
	width:auto;
}


/*
	Kalendarium wydarzeń
*/

.content-r h3 {
	background:transparent url(../img/dot-underline.gif) repeat-x scroll left bottom;
	color:#009966;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	margin:0 0 12px;
	padding-bottom:5px;
}

.content-r table#events_calendar {
	border: 0px solid #009966;
	margin: 20px auto;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	width:100%;
}

.content-r table#events_calendar td {
	width:  30px;
	height: 25px;
	background-color: transparent;
	border-bottom: 1px dotted #009966;
	border-left: 0px outset #009966;
	border-right: 0px inset #009966;
	color: #000000;
	text-align: center;
	vertical-align:middle;
	padding-bottom:2px;
}

.content-r table#events_calendar th {
	width:  30px;
	height: 25px;
	background-color: transparent;
	border-bottom: 1px dotted #009966;
	border-left: 0px outset #009966;
	border-right: 0px inset #009966;
	color: #000000;
	text-align: center;
	vertical-align:middle;
}

.content-r table#events_calendar th.weekday {
	width:  30px;
	height: 25px;
	background-color: transparent;
	border-bottom: 1px solid #009966;
	border-left: 0px outset #009966;
	border-right: 0px inset #009966;
	color: #000000;
	text-align: center;
	vertical-align:middle;
}



.content-r table#events_calendar td.day-0 {
	color: #ff0000;
}

.content-r table#events_calendar td.day-6 {
	color: #0000ff;
}

.content-r table#events_calendar td.event {
	background-color: #009966; background-color:transparent;
	color: #ffffff; color:#009966;
	font-weight: bold;

	background-image:url(../img/cal-event-bg.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;

}

.content-r table#events_calendar th {
	height: 25px;
}

.content-r table#events_calendar th.events_month{
	border-bottom: 1px solid #009966;
	text-align:center; white-space:nowrap;
	width:auto;
	color:#FB0000;
}

.content-r table#events_calendar th.anchor{
	background-color: #6EA1B2; background-color:transparent;
	border-bottom: 1px solid #009966;
	/*
	background-image:url(../img/cal-event-bg.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	*/
}

.content-r table#events_calendar th.anchor a {
	color:black;
}

.content-r table#events_calendar thead tr {
	border-bottom: 1px dashed #009966;
}

.content-r table#events_calendar td.event a:link,
.content-r table#events_calendar td.event a:active,
.content-r table#events_calendar td.event a:visited {
	color:black;
}
.event_dates {
    color: #009966;
}


/*
	FAQ
*/
#content-l ul#faq {
	padding-left: 0px;
	margin-left: 0px;
}

#content-l ul#faq li {
	margin-top: 20px;
	list-style-type:none;
    padding-left:0px;
    background: url(../img/ico/question.png) no-repeat scroll 0 0;
}

#content-l ul#faq li div.link {
	margin-bottom:10px;
	padding-left: 25px;
}

#content-l ul#faq li div.hidden {
	display:none;
	line-height:1.5;
	text-align: justify;
	margin-left:25px;
	margin-right:10px;
}

#content-l ul#faq li div.hidden ol li {
    background:none;
    list-style-type:decimal;
}
#content-l ul#faq li div.hidden ul li {
    background:none;
    list-style-type:disc;
}


/* Bibliometria */
#content-l fieldset {
	border: 1px solid #BFD5C9;
	padding:0px 15px 15px 15px;
}

#content-l fieldset legend {
	border:1px solid #BFD5C9;
	background-color:#F5F8F6;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	margin-left:-10px;
}
.fieldset-iefix { padding:15px 0 0 0; }


#content-l fieldset ul {
  list-style-type: none;
}

#content-l fieldset ul#years li {
	display:inline;
	margin-right: 120px;
	font-size: 11px;
}

#content-l fieldset.form {
    padding-top: 15px;
}

#content-l fieldset.form table {
    width: 559px;
}

#content-l div.generator {
	text-align:center;
	margin: 15px;
}

/* back button */
#content-l div.c_options {
	margin:20px 0 10px 0px;
	padding:0;
}
#content-l div.c_options a,
#content-l div.c_options a:link,
#content-l div.c_options a:active,
#content-l div.c_options a:visited
{
 font-family:Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#009966;
 text-decoration:none;
 padding-left:15px;
 background: url(../img/back-arrow.gif) no-repeat left 3px;
}
#content-l div.c_options a:hover {
	color: #FF6600;
	text-decoration:none;
}

#content-l div.c_options div.c_options_left{
	margin:0;
	padding:0;
	width:33%;
	float:left;
	display:inline;
}
#content-l div.c_options div.c_options_center{
	margin:0;
	padding:0;
	width:33%;
	text-align:center;
	float:left;
	display:inline;
}
#content-l div.c_options div.c_options_right{
	margin:0;
	padding:0;
	width:33%;
	text-align:right;
	float:left;
	display:inline;
}

#content-l div.c_options a.gototop,
#content-l div.c_options a.gototop:link,
#content-l div.c_options a.gototop:active,
#content-l div.c_options a.gototop:visited
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#009966;
 text-decoration:none;
 padding-right:15px;
 background: url(../img/top-arrow.gif) no-repeat right 3px;
}
#content-l div.c_options a.gototop:hover {
	color: #FF6600;
	text-decoration:none;
}

/* Napisz do nas */
span.error {
	color: red;
}

.medium {width: 300px}
textarea.medium {height: 120px}
#content-l table.clean {border: none}
#content-l table.clean td {border: none}
#content-l table.clean td.first {text-align:right; width:180px}
#content-l table.clean td.center {text-align:center}

div.line {
	background: transparent url(../img/dot-underline.gif) repeat-x scroll left bottom; height:1px;
}

#content-l table.image-table,
#content-l table.image-table td,
#content-l table.poll,
#content-l table.poll td { border: 0px none; }

#content-l .center { text-align:center; }

#content-l div#poll {
    font-size: 11px;
    line-height: 1.5;
}

#content-l table.poll { width: 570px; }
#content-l table.poll td.long { width: 400px; }
#content-l div#poll div.light { padding: 5px; }

#content-l textarea,
#content-l input[type=text],
#content-l input[type=password] {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 3px;
    background-color:#F5F8F6;
    border:1px solid #BFD5C9;
}

#content-l textarea.active,
#content-l input.active {
    background-color: #ffffff;
}

#content-l div#poll textarea {
    width: 560px;
}

#content-l div#poll .hover { background-color: #E1ECE6; }

#content-l select {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border:1px solid #BFD5C9;
    padding: 3px;
}

#ie6sux {
    display: none;
}

.info {
    margin: 30px 0;
    padding:15px;
    border:2px solid #BFD5C9;
    font-weight: bold;
    text-align:justify;
    font-size:11px
}

div#visits-counter {
    text-align: center;
    display: none;
}


h3#ulotka-skkm {
    background:transparent url(../img/dot-underline.gif) repeat-x scroll left bottom;
    color:#009966;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:normal;
    line-height:22px;
    margin:20px 0 12px;
    padding-bottom:5px;
}
div#ulotka-skkm-foto{
}


/* Oferty pracy */
ul.jobs {
    margin:0;
    padding:0;
    list-style: none;
}
ul.jobs li {
    padding:0 0 10px 18px;
    background: transparent url(../img/li-news-sp.gif) scroll no-repeat 0 2px;
}


/* lista i karta news zaloba */
#content-l div.news-list-zaloba-box {
    border: 3px double #000000;
    margin-bottom: 15px;
    padding: 34px;
}
#content-l div.news-list-zaloba-box div.more {
    color: black;
}
#content-l div.news-list-zaloba-box div.more a,
#content-l div.news-list-zaloba-box div.more a:hover,
#content-l div.news-list-zaloba-box div.more a:link,
#content-l div.news-list-zaloba-box div.more a:visited
{
    color: black;
    background: none;
}

#content-l div.news-list-zaloba-box div.line {
    background: none;
    border-bottom: 1px dotted black;
}

#content-l div.news-list-zaloba-box h2,
#content-l div.news-list-zaloba-box p.added,
#content-l div.news-list-zaloba-box div.html
{
    color: black;
}
#content-l div.news-list-zaloba-box div.html div.news-img {
    background-color:#ECECEC;
    border:1px solid #000000;
}

#content-l div.news-list-zaloba-box h3.news-title,
#content-l div.news-list-zaloba-box h3.news-title a,
#content-l div.news-list-zaloba-box p.added
{
    color: black;
}
#content-l div.news-list-zaloba-box h3.news-title {
    background-image: url("../img/news-ikona-zaloba.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#content-l div.news-list-zaloba-box h2 {
    background-image: url("../img/news-ikona-zaloba.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 30px;
    border-bottom: 1px dotted #000;
}



/* Formularz - rejestracja pacjenta */
#content-l input.two {
    width: 16px;
}

#content-l input.three {
    width: 22px;
}

#content-l input.postoffice {
    width: 215px;
}

#content-l div.form_submit {
    text-align: center;
    font-size: 11px;
    margin: 20px auto;
    color: red;
}

/* fundusze europejskie */
#content div.content-r img#fundusze_europejskie {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 4px solid #ffffff;
	margin: 15px 17px;
	padding: 5px;
}

/* Ankieta - link */
#content div.content-r #poll-link {
	background: url('../img/ankieta.png') scroll no-repeat 5px 15px; 
	font-size:11px; 
	padding:34px 20px 34px 65px; 
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	border: 4px solid #ffffff;
	width: 146px; 
	margin-left: 17px;
}

#content div.content-r #poll-link a {
	color: red;
}

#content div.content-r #poll-link a:hover {
	color: #ff6600;
}

#content #content-l #working_hours {
    font-weight: bold;
}

#content #content-l div.small {
    font-size: 11px;
}

/*facebook, twitter*/
.content-r .social_baners {
    margin-left: 20px;
    margin-bottom: 50px;
}

#content div.content-r div.right-menu a.social_baner {
	display: block;
        margin-bottom: 10px;
}

/* co i jak leczymy? */
#container #content-l table.boxes {
    width: 500px;
    margin: 0 auto;
}

#container #content-l table.boxes td {
    height: 78px;
    width: 250px;
    border: 0;
    padding: 0;
    vertical-align: top;
}

#container #content-l table.boxes td.color1 {
    background: url("../img/co-i-jak-leczymy_f1.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color2 {
    background: url("../img/co-i-jak-leczymy_f2.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color3 {
    background: url("../img/co-i-jak-leczymy_f3.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color4 {
    background: url("../img/co-i-jak-leczymy_f4.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color5 {
    background: url("../img/co-i-jak-leczymy_f5.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color6 {
    background: url("../img/co-i-jak-leczymy_f6.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color7 {
    background: url("../img/co-i-jak-leczymy_f7.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color8 {
    background: url("../img/co-i-jak-leczymy_f8.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color9 {
    background: url("../img/co-i-jak-leczymy_f9.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color10 {
    background: url("../img/co-i-jak-leczymy_f10.jpg") no-repeat scroll 0 0 transparent;
}
#container #content-l table.boxes td.color11 {
    background: url("../img/co-i-jak-leczymy_f11.jpg") no-repeat scroll 0 0 transparent;
}

#container #content-l table.boxes td h3 {
    margin: 0;
    padding: 22px 9px 22px 0;
    font-size: 18px;
    text-align: center;
    text-shadow: 1px 1px #666;
    line-height: 1.3;
}

#container #content-l table.boxes td h3.multi {
    padding-top: 6px;
}

#container #content-l table.boxes td h3 span.small {
    font-size: 13px;
    line-height: 1.2;
    text-shadow: none;
}

#container #content-l table.boxes td h3 a {
    color: #444444;
}

#container #content-l table.boxes td h3 a:hover {
    color: #ff6600;
}

/* Banery w sekcji szpital */
div.home-baner { 
    margin: 20px 0 20px 0px; 
    text-align: center;
}



/* Co i jak leczymy */
div.boxrow {
    margin-bottom: 30px;
    height: 120px;
}
div.one_half {
    width: 49%;
    float: left;
}
div.homebox {
    border-bottom: 1px solid #C1E1D2;
    width: 280px;
}
div.homebox_second {
    margin-left: 17px;
}

div.homebox a img {
    display: block;
    padding: 5px;
    background-color: #C5D9CD;
}
div.homebox a:hover img {
    background-color: #8FBFA4;
}
div.homebox h3, div.homebox h3 a {
    color: #009966;
    font-size: 20px;
    font-weight: normal;
    margin: 3px;
}
div.homebox h3 a {
    background: url('../img/boxes-arrow.png') scroll no-repeat right 6px;
    padding-right: 15px;
}
div.homebox h3 a:hover {
    color: #FF6E33;
}

/* style dla baneru onkologia2013 */
div#onkologia2013_foto {
    height: 227px;
    width: 900px; 
}

/*
 Okno popup z zaproszeniem do wypelnienia ankiety
*/
#patientpoll-invitation {
    background-color: white; 
    width: 420px; 
    padding: 15px; 
    text-align: justify; 
    border: 3px solid #009966;
    border-radius: 5px 5px 5px 5px;
    display: none;
}
.b-close {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 8px 1px;
    position: absolute;
    right: -7px;
    top: -7px;
    background-color: #009966;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
p.b-popup-header, p.b-popup-content {
    font-weight: bold; 
    color: #009966; 
    text-align: center; 
    font-size: 20px;
}
p.b-popup-content {
    font-size: 12px;
    color: #000;
    text-align: justify;
}
a.b-popup-abutton {
    color: #ffffff;  
    border-radius: 5px 5px 5px 5px; 
    border:1px solid gray; 
    background-color: #009966; 
    padding:0.5em;
}


/* 
 * Lang dropdown 
 */
dl.dropdown {
    margin:10px 0 0 0; 
    padding:0 10px 0 0;
}
.dropdown dd, .dropdown dt, .dropdown ul { 
    margin:0px; padding:0px; 
}
.dropdown dd { 
    position:relative; 
}
.dropdown a, .dropdown a:visited { 
    color:#444444; 
    text-decoration:none; 
    outline:none;
    font-weight: bold;
}
.dropdown a:hover {
    color:#009966;
}
.dropdown dt a:hover { 
    color:#009966; 
    border: 1px dotted #009966;
    border: 1px solid #E7DAC0;
}
.dropdown dt a {
    background: url(../img/arrow.png) no-repeat scroll right center; 
    display:block; 
    padding-right:20px;
    border: 1px solid #E7DAC0;
    border-radius: 5px;
    width:55px;
    font-size: 11px;
}
.dropdown dt a span {
    cursor:pointer; 
    display:block; 
    padding:5px;
}
.dropdown dd ul { 
    background:#F2ECDE none repeat scroll 0 0; 
    border: 1px solid #E7DAC0;
    border-radius: 5px;
    color: #C5C0B0; 
    display:none;
    left:0px; 
    padding:0px 0px; 
    position:absolute; 
    top:2px; 
    width:auto; 
    min-width:75px; 
    list-style:none;
}
.dropdown span.value { display:none;}
.dropdown dd ul li a { 
    padding:5px; 
    display:block;
    font-size: 11px;
    text-align: left;
    padding-left: 14px;
}
.dropdown dd ul li a:hover { 
    background-color:#fff;
    border-radius: 5px;
}
.dropdown img.flag { 
    border:none; 
    margin-left:8px;
    vertical-align:middle;
}


/** skip to links on top of the page **/
.hide {
    height: 1px;
    left: -10000em;
    position: absolute;
    top: 0;
    width: 1px;
}
.skipto {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
.skipto a {
    display: inline;
    font-size: 1.27em;
    left: -9999em;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 150px;
/*    z-index: 2;*/
}
.skipto a:hover, .skipto a:focus, .skipto a:active {
    background: none repeat scroll 0 0 #000000;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 0;
}
a:focus, a img:focus, input:focus {
    outline-color: red;
    outline-style: solid;
    outline-width: 2px;
}

#font_settings ul li a:focus, #contrast_settings ul li a:focus, a:focus {
    outline-color: red;
    outline-style: solid;
    outline-width: 2px;
}

.clearfix {
    clear: both;
}

/* settings font and contrast */
#contrast_settings {
    width: 210px;
    height: 28px;
    margin: 5px 10px 0 0;
    position: absolute;
    left:   0px;
}
#contrast_settings p {
  margin: 7px 0 0 0;
  float: left;
  clear: both;
}
#contrast_settings ul{
  display: block;
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0 0 0 5px;
}
#contrast_settings li {
    display: inline;
}
#contrast_settings li a {
  display: block;
  width: 27px;
  height: 27px;
  margin: 0;
  border: none;
  outline: none;
  float: left;
}

#contrast_settings li a.contrast_default {
  background: url(../img/sitecontrast_ico.png) no-repeat;
  margin-right: 5px;
}
#contrast_settings li a.contrast_wonb {
  background: url(../img/sitecontrast_ico.png) no-repeat scroll 0 -27px;
  margin-right: 5px;
}
#contrast_settings li a.contrast_bony {
  background: url(../img/sitecontrast_ico.png) no-repeat  scroll 0 -54px;
  margin-right: 5px;
}
#contrast_settings li a.contrast_yonb {
  background: url(../img/sitecontrast_ico.png) no-repeat  scroll 0 -81px;
}

#settings_holder {
    position: relative;
}

#font_settings {
    width: 210px;
    height: 28px;
    margin: 5px 10px 0 0;
    position: absolute;
    left: 0px;
    top: 45px;
}
#font_settings p {
  margin: 5px 0 0 0;
  float: left;
  clear: both;
}
#font_settings ul {
  display: block;
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 5px 0 0 5px;
}
#font_settings li {
    display: inline;
}
#font_settings  li a {
  display: block;
  margin: 0;
  text-indent: -9999em;
  border: none;
  outline: none;
  width: 24px;
  height: 16px;
  float: left;
}

#font_settings li a.font_default {
  background: url(../img/fontsize_ico_black.png) no-repeat;
  margin-right: 5px;
}
#font_settings li a.font_larger {
  background: url(../img/fontsize_ico_black.png) no-repeat scroll 0 -16px;
  margin-right: 5px;
}
#font_settings li a.font_large {
  background: url(../img/fontsize_ico_black.png) no-repeat scroll 0 -32px;
}