/*** common styles ***/
html {
    margin: 0;
    padding: 0;
}

body {
  background-color: #fff;
  color: #003ca9;
  font-family: verdana, arial, sans-serif;
  font-size:12px;
}

img {
  border: 0;
}

a:link {
    color: #0857e6;
    text-decoration: none;
}

a:hover, a:active {
    color: #0857e6;
}

/*
MENU
*/
a.red { color: red; text-decoration: none; }
a.red:hover { color: red; text-decoration: underline; }
a.red:active { color: red; text-decoration: underline; }



/* various styles */
.red {
    color: #ff0000;
}

.px9 {
    font-size: 9px;
}

.px11 {
    font-size: 11px;
}

.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

.margin10 {
    margin: 10px;
}

.margin14 {
    margin: 14px;
}

.center {
    text-align: center;
}

.lmargined {
    margin: 10px auto auto 10px;
}
.rmargined {
    margin: 10px 10px auto auto;
}

.frmargined {
    float: right;
    margin: 10px 10px auto auto;
}

.flmargined {
    float: left;
    margin: 10px auto auto 10px;
}

.halfleft {
    width: 50%;
    float: left;
}

.halfright {
    width: 50%;
    float: right;
}

.doNotDisplay {
  display: none !important;
}


/*** top menu ***/
#topmenu {
    width: 100%;
    float: left;
    margin: 0 0 12px 0;
}

#topmenu .topmenu {
    height: 51px;
    width: 100%;
    float: left;
    background: url(../images/menu/menu_background.gif);
}

#topmenu .topmenu a {
    float: left;
    height: 51px;
}

#topmenu .right {
    width: 5px;
    height: 51px;
    float: right;
    background: url(../images/menu/menu_right.gif);
}

/* top menu elements styling */
.m_start {
    width: 74px;
    background: url(../images/menu/start.gif);
}

.m_start:hover, .m_start_active {
    width: 74px;
    background: url(../images/menu/start_over.gif);
}

.m_przed {
    width: 114px;
    background: url(../images/menu/przedciaza.gif);
}

.m_przed:hover, .m_przed_active {
    width: 114px;
    background: url(../images/menu/przedciaza_over.gif);
}

.m_ciaza {
    width: 65px;
    background: url(../images/menu/ciaza.gif);
}

.m_ciaza:hover, .m_ciaza_active {
    width: 65px;
    background: url(../images/menu/ciaza_over.gif);
}

.m_porod {
    width: 71px;
    background: url(../images/menu/porod.gif);
}

.m_porod:hover, .m_porod_active {
    width: 71px;
    background: url(../images/menu/porod_over.gif);
}

.m_kalendarz {
    width: 148px;
    background: url(../images/menu/kalendarz.gif);
}

.m_kalendarz:hover, .m_kalendarz_active {
    width: 148px;
    background: url(../images/menu/kalendarz_over.gif);
}

.m_czytelnia {
    width: 96px;
    background: url(../images/menu/czytelnia.gif);
}

.m_czytelnia:hover, .m_czytelnia_active {
    width: 96px;
    background: url(../images/menu/czytelnia_over.gif);
}

.m_bede {
    width: 103px;
    background: url(../images/menu/bedetata.gif);
}

.m_bede:hover, .m_bede_active {
    width: 103px;
    background: url(../images/menu/bedetata_over.gif);
}

.m_galeria {
    width: 82px;
    background: url(../images/menu/galeria.gif);
}

.m_galeria:hover, .m_galeria_active {
    width: 82px;
    background: url(../images/menu/galeria_over.gif);
}

/* subenu styling */
#sub {
    width: 100%;
    height: 29px;
    float: left;
    background: url(../images/menu/submenu_back.gif) top left repeat-x;
}

#sub p {
    float: left;
    margin: 0 auto auto 16px;
    line-height: 29px;
    font-size: 11px;
}

#sub .left {
    width: 6px;
    height: 29px;
    float: left;
    background: url(../images/menu/submenu_left.gif) top left no-repeat;
}

#sub .right {
    width: 6px;
    height: 29px;
    float: right;
    background: url(../images/menu/submenu_right.gif) top right no-repeat;
}


/*** calendar styling ***/
#kal_top {
    float: left;
    width: 651px;
    height: 6px;
    background: url(../images/calendar/kal_top.gif) bottom left no-repeat;
}

#kal_content {
    float: left;
    width: 651px;
    background: #dfeeff;
}

#kal_bottom {
    float: left;
    width: 651px;
    height: 6px;
    background: url(../images/calendar/kal_bottom.gif) top left no-repeat;
}

ul.kal_content {
    margin: 0 auto 0 auto;
    padding: 0;
    font-size: 10px;
    text-align: center;
}

ul.kal_content li {
    display: inline;
    width: 68px;
    height: 31px;
}

ul.kal_content li a {
    display: inline-block;
    width: 68px;
    height: 31px;
    padding-top: 6px;
}

ul.kal_content li a:hover, ul.kal_content a.active {
    color: #fff;
    text-decoration: none;
    background: url(../images/calendar/kalendarz.gif) top left no-repeat;
}

ul.ktabs {
    margin: 10px 0 -1px 14px;
    padding: 0;
    list-style: none;
}

ul.ktabs li {
    position: relative;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    text-align: center;
    margin-right: -5px;
    background: url(../images/calendar/t_mid.gif) top left repeat-x;
}

ul.ktabs a {
    display: inline-block;
    height: 31px;
    background: url(../images/calendar/t_left.gif) top left no-repeat;
}

ul.ktabs span {
    display: inline-block;
    height: 31px;
    background: url(../images/calendar/t_right.gif) top right no-repeat;
}

ul.ktabs em {
    font-style: normal;
    margin: 0 10px 0 10px;
}

ul.ktabs li:hover, ul.ktabs li.active {
    background: url(../images/calendar/t_mid-hov.gif) top left repeat-x;
}

ul.ktabs a:hover, ul.ktabs a.active {
    background: url(../images/calendar/t_left-hov.gif) top left no-repeat;
}

ul.ktabs span:hover, ul.ktabs span.active {
    background: url(../images/calendar/t_right-hov.gif) top right no-repeat;
}

/* calendar content */
#kcont_top {
    float: left;
    width: 623px;
    height: 6px;
    margin: 0 auto 0 14px;
    background: url(../images/calendar/kcont_top.gif) bottom left no-repeat;
}

#kcont {
    float: left;
    overflow: auto;
    width: 623px;
    margin: 0 auto 0 14px;
    background: url(../images/calendar/kcont.gif) top left repeat-y;
}

#kcont div {
    margin: 10px;
}

#kcont div.rel {
    margin: 10px;
    margin-top: 20px;
}

#kcont div.rel span {
    color: #c63c8f;
}

#kcont div.rel ul {
    margin: 10px auto auto 4px;
    padding: 0;
    list-style: inside disc;
    color: #c63c8f;
}

#kcont_bottom {
    float: left;
    width: 623px;
    height: 6px;
    margin: 0 auto 10px 14px;
    background: url(../images/calendar/kcont_bottom.gif) top left no-repeat;
}

/*** right sidebar ***/

#rightSideBar {
  float: right;
  width: 300px;
  margin-bottom: 30px;
}

#searchbox {
    width: 300px;
    float: right;
    margin-bottom: 20px;
}

#searchbox .input {
    width: 80px;
    height: 20px;
    border: 1px solid #a0aebe;
    float: left;
}

#searchbox img {
    margin: 4px 6px auto auto;
    float: left;
}

#searchbox select {
    width: 140px;
    height: 22px;
    float: left;
    margin:  0 6px 0 6px;
    font-size: 11px;
    border: 1px solid #666;
    background: #fff;
}

#searchbox .submit {
    width: 42px;
    height: 22px;
    float: right;
    border: 0;
}

#toprated {
    width: 300px;
    display: block;
    margin: 10px auto auto auto;
}

#calc {
    clear: both;
    width: 300px;
    display: block;
    margin: 10px auto auto auto;
}

#toprated ul, #calc ul  {
    margin: 10px;
    padding-left: 12px;
    list-style: outside disc;
    color: #c63c8f;
}

#toprated a, #calc a {
    color: #0857e6;
}

#toprated a:hover, #calc a:hover {
    color: #0857e6;
}

#toprated a.current, #calc a.current {
    color: #C63C8F;
}

#toprated div.top, #calc div.top {
    clear: both;
    width: 100%;
    display: block;
    height: 4px;
    background: url(../images/popularne_tematy/top.gif) bottom left no-repeat;
}

#toprated div.content, #calc div.content {
    width: 100%;
    overflow: auto;
    background: url(../images/popularne_tematy/content.gif) top left repeat-y;
}

#toprated div.bottom, #calc div.bottom {
    width: 100%;
    display: block;
    height: 5px;
    background: url(../images/popularne_tematy/bottom.gif) top left no-repeat;
}

#calc p {
    margin: 10px;
}

/* calculators tabs */
.cf1, .cf2
{
    position: relative;
    bottom: -1px;
    width: 148px;
    height: 31px;
    float: left;
    text-align: center;
    background: url(../images/sidebar/148off.gif);
    line-height: 31px;
    color: #003ca9;
    font-size: 11px;
    font-weight: bold;
}

.cf1 {
    margin-right: 4px;
}

.cf1.active, .cf2.active
{
    background: url(../images/sidebar/148on.gif);
}

/* tagcloud block */
#tag {
    width: 300px;
    display: block;
    margin-top: 30px;
}

#tag div.content {
    width: 100%;
    overflow: auto;
    background: url(../images/popularne_tematy/content.gif) top left repeat-y;
}

#tag div.content p {
    margin: 0 10px 10px 10px;
}

#tag div.content img {
    margin: 6px auto 10px 10px;
}

#tag div.top {
    width: 100%;
    height: 4px;
    display: block;
    background: url(../images/popularne_tematy/top.gif) bottom left no-repeat;
}

#tag div.bottom {
    width: 100%;
    height: 20px;
    display: block;
    background: url(../images/popularne_tematy/tag_bottom.gif) top left no-repeat;
}

/* tagcloud */

.t1 {
    font-size: 9px;
}

.t2 {
    font-size: 10px;
}

.t3 {
    font-size: 12px;
}

.t4 {
    font-size: 14px;
}

.t5 {
    font-size: 16px;
}

.t6 {
    font-size: 18px;
}

#expert_block {
    width: 300px;
    height: 153px;
    clear: both;
    display: block;
    margin-top: 20px;
    background: url(../images/porady.jpg);
}

#forumlinks {
    float: left;
    margin-top: 20px;
    font-size: 11px;
    line-height: 18px;
}

.forumlinks {
    margin-top: 0;
    list-style: outside;
    list-style-image: url(../images/forum.gif);
    font-weight: bold;
}

.forumlinks a {
    font-weight: normal;
}


/*** errors and messages ***/
#error {
    width: 100%;
    float: left;
    background: #ffaea4;
    color: #000;
    margin: -7px auto 5px auto;
    padding: 15px 0 15px 0;
}

#error ul {
    list-style: none;
    margin: 0;
}

#message {
    width: 100%;
    float: left;
    background: #c8f3c8;
    color: #000;
    margin: -7px auto 5px auto;
    padding: 15px 0 15px 0;
}

#message ul {
    list-style: none;
    margin: 0;
}


/*** footer ***/
#footer {
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
    font-size: 10px;
}

/* partners */
#partners_top {
    width: 625px;
    height: 10px;
    display: block;
    clear: both;
    margin: 0 auto 0 auto;
    background: url(../images/footer/partnerzy_top.gif) top left no-repeat;
}

#partners {
    width: 625px;
    display: block;
    clear: both;
    margin: 0 auto 0 auto;
    background: url(../images/footer/partnerzy_content.gif) top left repeat-y;
}

#partners p {
    color: #666;
    font-size: 11px;
    margin: 0 20px 0 10px;
    text-align: left;
}

#partners_bottom {
    width: 625px;
    height: 10px;
    display: block;
    clear: both;
    margin: 0 auto 20px auto;
    background: url(../images/footer/partnerzy_bottom.gif) top left no-repeat;
}

/* footer links */
#footer a:link {
  color: #73a3f2;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: none;
}

/* lightblue footer menu box */
#footer .left {
    width: 4px;
    height: 36px;
    clear: left;
    float: left;
    background: url(../images/footer/footer_left.gif)top left no-repeat;
}

#footer .right {
    width: 4px;
    height: 36px;
    clear: right;
    float: left;
    background: url(../images/footer/footer_right.gif)top left no-repeat;
}

#footermenu {
    width: 962px;
    height: 36px;
    float: left;
    background: url(../images/footer/footer_background.gif) top left repeat-x;
}

#footermenu p {
    float: left;
    color: #73a3f2;
    margin: 0 auto 0 10px;
    line-height: 36px;
}

/* unsorted link list */
#footermenu ul {
    list-style: none;
    float: right;
    text-align: right;
    line-height: 36px;
    margin-top: 0;
    margin-right: 6px;
}

#footermenu li {
    height: 11px;
    display: inline;
    padding-left: 4px;
    padding-right: 4px;
    color: #73a3f2;
    border-left: 1px solid #a0aebe;
}
/* removing border from first li element */
#footermenu li:first-child {
    border: 0;
}

/* gray footer text */
.footertext {
    width: 962px;
    /*position: relative;*/
    margin-top: 10px;
    color: #a0aebe;
    text-align: center;
}


/*** rocommended articles block ***/
#recommended {
    float: left;
    width: 650px;
    margin-bottom: 30px;
}

#recommended #content {
    width: 650px;
    float: left;
    background: url(../images/content/content.gif) top left repeat-y;
}

#category #content {
    width: 650px;
    float: left;
    background: url(../images/content/content.gif) top left repeat-y;
}

#category .content {
    width: 650px;
    float: left;
    background: url(../images/content/content.gif) top left repeat-y;
}

#recommended .top {
    width: 650px;
    height: 40px;
    float: left;
    background: url(../images/polecamy.gif) bottom left no-repeat;
}

#recommended .top_clear {
    width: 650px;
    height: 4px;
    float: left;
    background: url(../images/content/top.gif) bottom left no-repeat;
}

#recommended .bottom {
    width: 650px;
    height: 4px;
    float: left;
    background: url(../images/content/bottom.gif) top left no-repeat;
}

#cat_recommended_top {
    width: 650px;
    height: 28px;
    float: left;
}

#cat_recommended_top.cat_6 {
    background: url(../images/headers/przed-ciaza_28.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_7 {
    background: url(../images/headers/ciaza_28.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_8 {
    background: url(../images/headers/porod_28.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_10 {
    background: url(../images/headers/bede-tata_28.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_12 {
    background: url(../images/headers/zdrowie_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_13 {
    background: url(../images/headers/odzywianie_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_14 {
    background: url(../images/headers/badania_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_15 {
    background: url(../images/headers/psycholog_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_11 {
    background: url(../images/headers/sport_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_16 {
    background: url(../images/headers/zdrowie_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_17 {
    background: url(../images/headers/odzywianie_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_18 {
    background: url(../images/headers/badania_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_19 {
    background: url(../images/headers/prawo_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_20 {
    background: url(../images/headers/tuz-przed-porodem_20.gif) bottom left no-repeat;
}

#cat_recommended_top.cat_27 {
    background: url(../images/headers/twoje-cialo_20.gif) bottom left no-repeat;
}

#recommended .content div {
    width: 630px;
    float: left;
    clear: left;
    margin: 10px 0 10px 10px;
}

#recommended img.heading {
    display: inline;
    float: left;
    clear: both;
    margin: 0 0 6px 0;
    border: 0;
}

#recommended img.img {
    width: 178px;
    height: 122px;
    clear: left;
    float: left;
}

#recommended .content p {
    width: 432px;
    float: left;
    margin: 0 0 0 10px;
}

#recommended .content h3 {
    margin: 0 auto 10px 10px;
    float: left;
    font-size: 16px;
}

#recommended .content ul {
    width: 432px;
    float: left;
    margin: 10px 0 0 10px;
    padding: 0;
    font-size: 11px;
    list-style: inside url(../images/kropka.gif);
}

.vertical_box {
    width: 215px;
    float: left;
    border-left: 1px dotted #a0aebe;
    margin: 20px 0 20px 0;
}

.vertical_box:first-child {
    border: 0;
}

.vertical_box p {
    margin: 0 10px 0 10px;
}

.vertical_box img {
    margin: 5px auto 8px 10px;
}

#recommended a.title {
    font-weight: bold;
    font-size: 14px;
}

#recommended a.col_title {
    height: 38px;

    font-weight: bold;
    font-size: 14px;

    display: block;
}


#recommended p.tag {
    margin: 6px auto 14px auto;
}

#recommended .list {
    display: block;
    height: 122px;
    margin-bottom: 12px;
}

#recommended .list img {
    float: left;
    margin-right: 10px;
}

/*** other ***/
span.results {
    color: #a0aebe;
    font-size: 11px;
    float: left;
}

span.date {
    color: #a0aebe;
    font-size: 11px;
}

p.date {
    color: #a0aebe;
    font-size: 11px;
    margin: 2px auto 8px auto;
}

/* reading room order_by links */
span.rr {
    margin: 10px auto 20px auto;
    display: block;
}

span.rr a {
    font-size: 11px;
    text-decoration: underline;
}

h1 em {
    font-style: normal;
    font-weight: bold;
    color: #a0aebe;
}

p.tag {
    margin: 6px auto 14px auto;
}

a.order_link {
    text-decoration: underline;
}

a.order_link:hover {
    text-decoration: none;
}

.search_result {
    text-align: justify;
}

.lighted {
    font-weight: bold;
    color: #c63c8f;
}


/*** styles for article displaying ***/
h1 {
    margin-bottom: 5px;
    color: #C63C8F;
    font-weight: normal;
    letter-spacing: -0.5px;
}

div.lead span {
    font-weight: bold;
}

/*div.lead img,*/
div.art-box {
  padding: 10px;
  margin: 0 10px 10px 0;
  background-color: #f9f5eb;
  float: left;
}

div.art-box-item {
    width: 210px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed silver;
    font-size: 10px;
    text-align: left;
}

div.art-box {
    margin-top: 17px;
}

div.lead div.art-box {
    margin-top: 0;
}

p.autor {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: smaller;
}

p.footnote {
  font-size: smaller;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.inl {
    display: inline;
}

/** paragraph - BEGIN **/

div.par {
    margin: 15px 0 0 0;
    padding: 0;
}

div.par p {
    margin-top: 0;
}

/** paragraph - END **/

/** BOX **/

.box {
    margin: 1px 10px 1px;
    width: 200px;
    border: 1px solid #f0ede8;
    text-align: left;
}

/** BOX alignment **/

.box.box-left {
  margin-right: 15px;
  margin-left: 0;
  float: left;
}

.box.box-right {
  margin-right: 0;
  margin-left: 15px;
  float: right;
}

/** BOX types **/

.box.box-text {
  padding: 20px;
  background-color: #f9f5eb;
  font-style: italic;
}

.box.box-img {
  padding: 0px;
  background-color: #f9f5eb;
}

.box.box-link {
  padding: 10px;
}

/** BOX type - image **/

.box.box-img img {
    display: block;
}

.box.box-img .title {
    padding: 3px 5px;
    font-size: 9px;
    /*border-color: #f0ede8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;*/

}

.box.box-img .source {
    padding: 3px 5px;
    font-size: 9px;
    color: #808080;
    /*border-color: #f0ede8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;*/
}

.box.box-img.box-img-top,
.box.box-img.box-img-bottom {
    /*border: none;*/
}



/** BOX type - image - title on the top **/

.box.box-img.box-img-top .title {
    /*border-top-width: 1px;*/
}

.box.box-img.box-img-top .source {

}

/** BOX type - image - title on  the bottom **/

.box.box-img.box-img-bottom .title {
    padding-bottom: 0px;
}

.box.box-img.box-img-bottom .source {

}

/** BOX type - link **/

.box.box-link a {
    text-decoration: none;
  color: #003CA9;
}

.box.box-link .title {
    font-size: 11px;
    font-weight: bold;
}

.box.box-link .intro {
    text-align: left;
    font-size: 10px;
    color: #003CA9;
}

.box.box-link img {
    float: left;
    margin: 5px 10px 0 0;
    border: none;
}

.box.box-link a.more {
    color: #0857E6;
}

.box.box-link a.more .raquo {
    color: #C63C8F;
    font-size: 12px;
}

/*** various div's ***/
#centering {
    width: 970px;
    margin: 5px auto 40px auto;
}

#header {
    height: 146px;
    width: 100%;
    float: left;
    background: url(../images/header.jpg) top left no-repeat;
}

#mainCopy {
    width: 650px;
    clear: left;
    float: left;
    text-align: justify;
}


/* top frame */
#topframe {
    width: 650px;
    float: left;
    margin-bottom: 30px;
}

#topframe_content {
    width: 650px;
    float: left;
    clear: both;
    background: #fdf6e3;
}

#topframe_content h3 {
    margin: 0 auto 4px 10px;
}

#topframe_content p {
    margin: 0 10px 6px 10px;
}

#topframe_top {
    width: 650px;
    height: 4px;
    margin: 0;
    float: left;
    background: url(../images/przed_ciaza/top.gif)  bottom left no-repeat;
}

#topframe_bottom {
    width: 650px;
    height: 4px;
    margin: 0;
    float: left;
    background: url(../images/przed_ciaza/bottom.gif) top left no-repeat;
}

#top_hide {
    width: 25px;
    height: 20px;
    float: right;
    margin: 3px 7px;
    border: 0;
    padding: 0;
    background: url(../images/przed_ciaza/close.gif) top left no-repeat;
}

/* calendar */
#calendar {
    clear: both;
    margin: 0 auto 30px auto;
}

#calendar img {
    margin: 0 2px 0 3px;
}

/* tabframe block */
#tabframe {
    width: 650px;
    float: left;
    margin-bottom: 10px;
}

#tabcontent {
    width: 650px;
    height: 215px;
    float: left;
    clear: left;
    background: url(../images/supertemat/super_temat.gif) top left no-repeat;
}

#tabcontent p a {
    display: inline;
    font-weight: normal;
    line-height: normal;
}

#tabcontent a.tabtitle {
    width: 316px;
    height: 100%;
    float: left;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    margin: 10px;
    margin-top: 6px;
}

#tabcontent p {
    width: 316px;
    float: left;
    margin: 0 10px 0 10px;
}

#tabcontent img {
    width: 312px;
    height: 210px;
    float: left;
    margin: 1px 0 0 1px;
}

#tabframe ul {
    float: right;
    margin: 0;
    position: relative;
    bottom: -1px;
    list-style: none;
}

.stemat {
    float: left;
}

#tabframe li
{
    width: 110px;
    height: 31px;
    float: right;
    text-align: center;
    margin-left: 4px;
    background: url(../images/supertemat/tab_off.gif);
}

#tabframe li.active
{
    background: url(../images/supertemat/tab.gif);
}

#tabframe a
{
    width: 110px;
    height: 31px;
    display: block;
    line-height: 31px;
    color: #003ca9;
    font-size: 11px;
    font-weight: bold;
}

#tab1, #tab2, #tab3
{
    display: none;
}

#tabmenu ul {
    margin: 0;
    list-style: none;
}

#tabmenu li {
    display: inline-block;
}

/* rating box */
#rateme {
    float: left;
    width: 650px;
    margin-bottom: 20px;
    background: url(../images/footer/ocena_content.gif) top left repeat-y;
}

#rateme_top {
    height: 3px;
    width: 650px;
    float: left;
    background: url(../images/footer/ocena_top.gif) top left no-repeat;
}

#rateme_bottom {
    float: left;
    height: 3px;
    width: 650px;
    background: url(../images/footer/ocena_bottom.gif) bottom left no-repeat;
}

.rated_top {
    font-size: 10px;
}

.rate_actual {
    font-size: 18px;
    color: #ffad00;
}

.rateme {
    margin: 10px;
    float: left;
}

.rateme_gray {
    font-size: 10px;
    color: #666;
}

.rate_meta {
    font-size: 11px;
    margin-left: 150px;
    line-height: 180%;
}

.photo_description{
    width:300px;
    padding:5px;
    outline:none;
}
.focusField{
    border:solid 2px #73A6FF;
    background:#EFF5FF;
    color:#000;
}
.idleField{
    background:#EEE;
    color: #6F6F6F;
    border: solid 2px #DFDFDF;
}