/*
Theme Name: Dietetyk
Version: 1.0
Author: Przemysław Kuliga
Author URI: http://www.pkuliga.pl
*/

body {background-color:#EFDBC3;margin:0;padding:0;font-family:"Trebuchet MS";font-size:12px;color:#222}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto}
.alignleft {float: left}
.alignright {float: right}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
a {text-decoration:none;outline:none;color:#099}
a:hover {text-decoration:none}
a img {border:none}
.left {float:left}
.right {float:right}
.hidden {display:none}
.more-link {display:none}

.btn {width:168px;height:32px;background:transparent url(i/b.gif) no-repeat -9px 0}
.btn a {display:block;line-height:32px;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:transparent url(i/b.gif) no-repeat 159px 0;cursor:pointer}

.container {width:1107px;margin:0 auto}

.header {height:315px;background:transparent url(i/hp.jpg) no-repeat}
.header .name {width:506px;height:207px;float:right;border-bottom:1px solid #F0F2F4;border-right:1px solid #000;border-left:1px solid #000;background:#C6AB81 url(i/hn.jpg) repeat-x;text-align:center;padding:12px 0 0 0}
.header .contact {clear:both;width:506px;height:94px;background-color:#0C0A0B;position:relative;float:right;border-right:1px solid #000;border-left:1px solid #000;border-top:1px solid #1C211D}
.header .contact h1, .header .contact address, .header .contact span {display:block;color:#C0A16E;font-weight:bold;font-size:17px;font-style:normal;margin:0;padding:0;width:339px;text-align:center}
.header .contact h1 {padding-top:16px}
.header .contact address, .header .contact span {font-size:16px}
.header .contact .right {color:#009999;position:absolute;right:0;top:0;width:120px;font-weight:bold;background:transparent url(i/hc.gif) no-repeat 0 15px;height:85px;padding:10px 0 0 41px;line-height:17px}
.header .contact .right a {color:#009999;position:relative;top:17px;display:block}
.header em {line-height:16px;display:block;width:560px;padding:227px 0 0 25px;font-weight:bold;text-align:justify;font-size:12px}

.menu {list-style-type:none;margin:0;padding:0;font-size:18px;overflow:hidden}
.menu li {margin:0;padding:0;float:left}
.menu li a {color:#2B2B2B;display:block;text-align:center;background:#E6ECAB url(i/mi.jpg) repeat-x;padding:2px 0;position:relative}
.menu li a:hover, .menu li.active a {background:#E6ECAB url(i/mia.jpg) repeat-x;color:#fff}
.menu li a img {position:absolute;left:50%;margin-left:-10px;bottom:0;display:none}
.menu li a:hover img, .menu li.active a img {display:block}
.menu li a b {display:block;line-height:58px;border-left:1px solid #BDC28D;background:transparent url(i/mib.gif) no-repeat 100% 0}
.menu li a:hover b, .menu li.active a b {background:transparent url(i/miba.gif) no-repeat 100% 0}
.menu li a.i5:hover b {background:none}
.menu li .i1 b {border-left:none}
.menu li .i5 b {background:none}
.menu li .i1 {width:209px}
.menu li .i2 {width:190px}
.menu li .i3 {width:201px}
.menu li .i4 {width:230px}
.menu li .i5 {width:277px}

.content {background:#fff url(i/c.gif) repeat-y 100% 0;overflow:hidden;padding:0 0 50px 0;width:100%}

.content .left {width:600px;overflow:hidden}
.content .left .qst {width:528px;height:67px;background:#000 url(i/qst.jpg) no-repeat;color:#E7EDAF;padding:12px 0 0 72px;line-height:45px;font-size:18px;position:relative}
.content .left .qst a {color:#E7EDAF;font-size:11px;font-weight:bold;display:block;position:absolute;left:0;top:0;width:245px;height:67px;padding:13px 0 0 355px;z-index:5}
.content .left .top {width:600px;background-color:#0F0D0E}
.content .left .top h2 {line-height:53px;margin:0;padding:0;color:#E4EBA6;padding:0 0 0 23px;font-size:18px}

.content .left .body {padding:0 15px;text-align:justify}

.content .right {background:transparent url(i/sbg.gif) no-repeat 50% 175px}
.content .right .top {height:122px;background-color:#0C0A0B;width:435px;border-left:1px solid #000;border-right:1px solid #000;color:#fff;padding:10px 35px 0 35px;text-align:justify;font-size:12px;line-height:16px}
.content .right .top b {display:block;padding:0 0 5px 0;font-size:14px}
.content .right .top a {color:#fff}

.content .right .steps {height:37px;background:#242628 url(i/sbg.jpg) repeat-x;margin:1px 0 0 0;padding:0 0 0 55px}
	* html .content .right .steps {padding-left:50px}
.content .right .steps ul {margin:0;padding:0;list-style-type:none;font-size:14px;font-weight:bold}
.content .right .steps li {float:left}
.content .right .steps li a {display:block;color:#fff;line-height:37px;background:transparent url(i/s.gif) no-repeat 0 6px;padding:0 10px 0 30px}
.content .right .steps .active a, .content .right .steps li a:hover {color:#E4EBA6}

.content .right .stepsContainer {overflow:hidden;width:435px;height:440px;padding:0;margin:0 35px;text-align:justify}
.content .right .stepsWrapper {width:2375px;overflow:hidden}
.content .right .step {float:left;width:435px;margin:0 40px 0 0}
.content .right .step a {color:#009999}

.content .right .footer {border-top:1px solid #333;border-bottom:1px solid #333;line-height:34px;height:34px;margin:0 14px;padding:0 0 0 46px;font-size:11px;position:relative}
.content .right .footer img {position:absolute;top:4px;left:205px}
.content .right .footer span {position:relative;left:180px}

.content .right .friends {padding:86px 0 14px 10px;text-align:center;position:relative}
.content .right .friends b {text-align:left;display:block;padding:0 0 17px 0}
.content .right .friends .slideshow {height:250px}
.content .right .friends .slideshow a {position:absolute;top:120px;right:0;margin-right:125px;z-index:8;opacity:0.0}
.content .right .friends .slideshow a.active {z-index:10;opacity:1.0}
.content .right .friends .slideshow a.last-active {z-index:9}

.layerBg {width:100%;height:100%;background-color:#000;z-index:19;position:fixed;top:0;opacity:0.5;filter:alpha(opacity=50);}
.layer {width:1085px;height:750px;margin-left:-542px;background-color:#000;z-index:20;position:absolute;top:15px;left:50%;opacity:1.0;filter:alpha(opacity=100);-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden}
.layer .x {float:right;margin:10px 10px 0 0;cursor:pointer}
.layer h3 {color:#D1CFCD;margin:0;padding:0;font-size:30px;clear:both;}

#map h3 {padding:15px 0 25px 15px}
#map iframe {margin-left:15px}
#map .info {text-align:center;color:#D1CFCD;line-height:33px;font-size:24px;font-weight:bold;padding-top:65px}

#form h3 {position:relative;left:20px;top:-20px;float:left}
#form .form {clear:both;width:1083px;margin:0 0 0 1px;height:650px;background-color:#fff;position:relative;top:-7px}
#form .form .items {overflow:hidden}
#form .form .item {float:left;width:515px;height:145px}
#form .form h3 {color:#D1CFCD;font-size:17px;line-height:40px;padding:10px 0 0 0;display:block;float:none;clear:both;top:0}
#form .form .err h3 {color:red} 
#form .form h3 em {font-size:40px;float:left;padding:0 25px 0 20px}
#form .form .long h3 {line-height:22px}
#form .form .long h3 em {line-height:38px}
#form .form b {clear:both;float:left;margin:0 3px 0 0}
#form .form input {float:left}
#form .form label {float:left;margin:0 0 0 3px;width:380px}
#form .form .options {padding:5px 0 0 80px;font-size:15px}
#form .form .options input {position:relative;top:1px}
#form .form .long .options {position:relative;top:-3px}
#form .form .buttons {clear:both;padding-top:15px}
#form .form .buttons .btn {margin:5px auto 0 auto}
#form .form .score {padding:130px 200px 0 200px;font-size:22px;color:#222;text-align:justify}
#form .form .score .buttons {padding:10px 0 0 0}
#form .form .score .buttons .btn {width:300px}
#form .form .score .buttons .btn a {background-position:291px 0}

.article {overflow:hidden;margin:0 0 40px 0}
.article .photo {padding:0 15px 0 0;background-color:#fff;float:left;overflow:hidden}
.article .photo img {border:1px solid #000;display:block}
.article .head {padding:20px 15px 25px 15px;overflow:hidden;position:relative;clear:both}
.article .head h3 {line-height:50px;height:50px;margin:0;padding:0 0 0 25px;border-top:1px solid #000;border-bottom:1px solid #000;font-weight:bold;font-size:20px}
.article .head h3 a {color:#009999}
.article .head .tags {padding:15px 0 0 0;line-height:18px}
.article .head .tags em {color:#009999;font-weight:bold;font-style:normal;font-size:17px;float:left;height:30px;margin:-2px 10px 0 0}
.article .head .tags a {color:#000}
.article .body {clear:both}
.article .body a {color:#009999}
.article .foot {padding:50px 15px 0 15px;clear:both}
.article .foot .info {height:25px;width:352px;border-bottom:1px solid #000;line-height:25px;padding:0 0 0 27px;background:transparent url(i/cl.gif) no-repeat 3px 50%;float:left}
.article .foot .info em {font-style:normal;color:#009999}
.article .foot .more {width:168px;height:32px;float:left;background:transparent url(i/b.gif) no-repeat -9px 0;margin:10px 0 0 21px}
.article .foot .more a {display:block;line-height:32px;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:transparent url(i/b.gif) no-repeat 159px 0}
.short .foot .more {display:none}
.short .foot .info {width:545px}

.contactForm {padding:15px}
.contactForm .line {clear:both;line-height:64px}
.contactForm label {font-size:17px;color:#883615;font-weight:bold;width:115px;float:left;text-align:right;padding:0 50px 0 0}
.contactForm label.err {color:red}
.contactForm input.text {width:365px;height:64px;border:none;background:transparent url(i/i.gif) no-repeat;font-size:16px;padding:0 0 0 20px}
.contactForm textarea {width:490px;height:246px;font-size:16px;padding:20px 20px 0 20px;border:none;background:transparent url(i/t.gif) no-repeat;font-family:"Trebuchet MS";position:relative;top:-15px;left:20px}
.contactForm .btn {margin:20px auto 0 auto}
.contactForm .captcha label {width:190px;padding-right:50px}
.contactForm .captcha img {float:left;position:relative;top:10px;margin:0 10px 0 0;cursor:pointer}
.contactForm .captcha input {width:180px;background-image:url(i/ip.gif)}

.confirm {font-weight:bold;text-align:center;background:transparent url(i/cf.gif) no-repeat;width:469px;height:360px;margin:10px auto 0 auto;padding:70px 0 0 0;line-height:22px}
.confirm em, .confirm b {font-size:18px;color:#772302;font-style:normal}
.confirm em {display:block;text-align:left;padding:150px 0 0 95px}
.confirm  span {position:relative;top:60px}

.wp-pagenavi {float:right;margin:0 10px 0 0;font-size:14px}
.wp-pagenavi span.pages {border-color:#0F0D0E;background-color:#0F0D0E;color:#fff;font-weight:normal}
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:hover {border-color:#0F0D0E;color:#000}
.wp-pagenavi span.current {border-color:#fff;background-color:#0F0D0E;color:#fff}
.wp-pagenavi a, .wp-pagenavi span.current {padding:2px 7px !important}