/*
Theme Name: Macierzynstwo i Zycie
Theme URI: http://www.macierzynstwoizycie.pl/
*/


*, html, body { margin: 0; padding: 0; }

body { text-align: center; font-family: Arial, Verdana, sans-serif; font-size: 100%; color: #252525; background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/bg-def.png) repeat-x; }
body.home { background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/bg.png) repeat-x; }
a { text-decoration: none; color: #00447a; }
a img { border: none; }
a:hover { text-decoration: underline; }
hr { display: none; }
h1, h2, h3, h4 { font-weight: normal; }

.clear { clear: both; } 

#page { width: 899px; height: 360px; margin: 0 auto; text-align: left; font-size: .75em; overflow: hidden; } 
.home #page { height: 469px; }
h4 { font-size: 1.17em; }

#header { height: 114px; padding: 0 20px 0 0; }
.home #header { height: 100px; padding: 0 20px 0 0; }
#header h1 { float: left; padding-top: 30px; }
.home #header h1 { padding-top: 16px; }
#header #ilnm { float: right; padding-top: 10px; }
#header #language { clear: right; float: right; padding: 22px 0 0 0; color: #c1a05d; }
.home #header #language { padding-top: 7px; }
#header #language a { color: #c1a05d; }
#header #language a.current { color: #8a211c; font-weight: bold; }

#banner-main { height: 326px; }
#banner-main h2.photo-main { float: left; margin: 1px 1px 0 0; }
#banner-main #boxes { width: 277px; float: right; color: #806226; }
#banner-main #boxes .banner-box { background: #ecdfc2; margin: 0 0 1px 0; height: 88px; padding: 20px 30px 0 20px; position: relative; }
#banner-main #boxes .banner-box h3 { color: #806226; font-size: 1.25em; padding: 0 0 1em 0; }
#banner-main #boxes .banner-box p { line-height: 1.17em; }
#banner-main #boxes .banner-box a.button { display: block; height: 23px; width: 23px; background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/arrow1.png) no-repeat; position: absolute; top: 44px; left: 260px; }
#banner-main #boxes .banner-box.two { background: #dfc895; color: #7d5e21; }
#banner-main #boxes .banner-box.two h3 { color: #7d5e21; }
#banner-main #boxes .banner-box.two a.button { background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/arrow2.png) no-repeat; }
#banner-main #boxes .banner-box.three { background: #c9ad6c; color: #6a501e; height: 87px; }
#banner-main #boxes .banner-box.three h3 { padding: 0 0 .7em 0; color: #6a501e; }
#banner-main #boxes .banner-box.three a.button { background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/arrow3.png) no-repeat; }

#menu ul#main li { list-style: none; font-size: 1.25em; font-family: Helvetica, Verdana, sans-serif; display: block; padding: 14px 25px 13px 25px; float: left; background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/menu-li.png) no-repeat center right; }
#menu ul#main li.usg { width: 187px; padding-top: 7px; }
#menu ul#main li.last { background: transparent; }
#menu ul#main li a { color: #e7d6b3;  }
#menu ul#main li a:hover { text-decoration: none; color: #fff; }
#menu ul#main li.current a { color: #fff; }

#col-wrapper { text-align: center; background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/columns-bg.png) repeat-y 50% 0; font-size: .75em; }
#columns {  width: 899px; margin: 0 auto; text-align: left; } 

#left { width: 160px; float: left; padding: 28px 18px 20px 28px; margin: 0 20px 0 0; }
#left h3 { color: #990000; font-size: 1.33em; padding: 0 0 .35em 0; }
#left li { font-size: 1.08em; list-style: none; display: block; border-top: 1px dotted #b2b0b0; background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/nav-li.png) no-repeat 4px 12px; padding: 7px 10px 7px 18px; }
#left li a { color: #333; }
#left li.current { background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/nav-li-current.png) no-repeat 2px 11px; }
#left li.current a { font-weight: bold; }

#content { float: left; width: 650px; }
.home #content { width: 374px; }
#content h2 { margin: 1em 0 0 0; font-size: 1.5em; padding: 1em 0 .75em 0; color: #7e1c17; border-top: 1px dotted #333; }
#content h2 a { color: #7e1c17; }
#content .text { line-height: 1.7em; }
#content .text h3 { margin: 0 0 .75em 0; }
#content .text p { margin: 0 0 1em 0; text-align: justify; }
#content .text li { margin: 0 0 0 1.5em; }

#content .text .wp-caption { margin: 0 7px 1em 0; float: left; }
#content .text .alignright { margin: 0 0 1em 20px; float: right; }
#content .text p.wp-caption-text { background: #e7e7e7; margin: 1px 10px 0 0; color: #5f5f5f;  padding: 9px 12px; }

#right { width: 277px; float: right; margin: 0; position: relative; top: -0px; }
#right-box { background: #f2ede2; padding: 26px 0 0 20px; width: 257px; height: 104px; background: url(http://macierzynstwoizycie.pl/wp-content/themes/spolka/images/photo-right.jpg) no-repeat top left; position: relative; top: -7px; color: #806226; }
#right-box h3 { padding: 0 0 1em 0; }
#right-box li { color: #7c602a; line-height: 1.5em; list-style-position: inside; }
#right-box a { color: #7c602a; }

#right .aktualnosci { padding: 25px 20px 25px 20px; }
#right .aktualnosci h3 { font-size: 1.33em; color: #7e1c17; }
#right .aktualnosci h3 a { color: #7e1c17; }
#right .aktualnosci .data { color: #7e1c17; font-weight: bold; font-size: .92em; margin: 1em 0 0 0; }
#right .aktualnosci h4 { font-size: 1em; }
#right .aktualnosci h4 a { color: #252525; }

#foot { text-align: center; background: #f6efe8; border-top: 3px solid #d6ba82; font-size: .75em; }
#footer { width: 899px; margin: 0 auto; font-size: .92em; text-align: left; padding: 10px 0 30px 0; color: #a48c58; }
#footer .left { float: left; width: 330px; padding: 5px 0 0 0;}
#footer a { color: #c6ac77; }