/* 
Theme Name:lightForms v2
Description:Theme for the Webdesign Agency
Author:Tomek Sułkowski
Author URI:http://lightforms.pl
Version:0.1
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,
q:before,q:after { content:'';content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

body {background: #4b3e30 url(images/content_bg.png);}

#header_wrapper {background: url(images/header_bg.png) repeat-x;}
#header {height: 282px; width: 960px; margin: 0 auto; background: url(images/header_img.png) no-repeat;}

#menu {position: absolute; top: 237px; padding-left: 60px; margin: 0;}
#menu li {display: block; float: left;}
#menu li a {text-transform: uppercase; text-decoration: none; color: #4b3e30; padding: 0 19px; text-shadow: 1px 1px #f0f0f0; font-family: Tahoma; border: none;}
#menu li.current_page_item a, #menu li a:hover {color: #fff; text-shadow: 1px 1px #555;}
#menu li.current_page_item a {text-decoration: underline;}

/*#menu li.page-item-20 a {position: relative; left: 70px;}*/
#menu li.page-item-16 a {display: none;}
/*#menu li.page-item-18 a {display: none;}*/

#content, #footer {font-family: Geneva, Tahoma, Verdana; font-size: 12px; line-height: 22px;}
#content {width: 920px; margin: 0 auto; color: #f6f2e7; text-shadow: 1px 1px #3b3126; padding: 20px 20px 60px 20px;}
h2 {font-family: Trebuchet MS, Tahoma; font-size: 26px; line-height: 50px;}
h3 {font-family: Trebuchet MS, Tahoma; font-size: 17px; line-height: 32px;}
p {position: relative; text-indent: 0px; margin-bottom: 10px;}
a {color: #f6f2e7; border-bottom: dotted 1px #f6f2e7; text-decoration: none;}
a:hover {color: #fff; border-bottom: solid 1px #fff;}
ul, ol {margin-left: 20px; margin-top: -10px;}
ul li, li ul li {list-style: disc;}
ol li {list-style: decimal;}
.intro {font-size: 16px; line-height: 26px; padding: 10px 20px;}
.intro, .box {background: #46392C; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 10px 15px;}

.content.left {width: 390px;}
.content.right {width: 530px;}

#footer_wrapper {margin: 0 auto; clear: both; background: #8a6;}
#footer {width: 920px; padding: 20px; margin: 0 auto; color: #1C1700;}
#footer .content.left {width: 360px; padding-right: 30px; text-align: right;}
#footer .content.left p {margin: 0;}
#footer .input {width: 280px;}
#footer .textarea {width: 440px;}
#footer .wpcf7-not-valid-tip-no-ajax {display: block; font-size: 11px; color: #600;}
#footer .wpcf7-response-output {text-align: center; clear: both;}
#footer .wpcf7-mail-sent-ok {color: #300;}
#footer .wpcf7-validation-errors {color: #600;}


.start .content.left p {margin: 20px 10px 40px 100px;}
.start .content.left .speciality {height: 365px;}
.start .content.left .speciality p {background: url(images/ilu_3.jpg) no-repeat left center; margin-left: 0; padding-left: 100px;}
.start .content.left .speciality p.item-1 {background-image: url(images/ilu_4.jpg);}
.start .content.left .technology p {margin: 0;}
.start .content.left .technology ul {background: url(images/technology_logos_mono_center.png) no-repeat 0 2px; padding-left: 100px; margin-left: 0; list-style: none; margin-top: 0; display: block; width: 230px;}
.start .content.left .technology li {list-style: none; line-height: 32px;}
.start .portfolio a {border: none;}
.start .portfolio li {list-style: none;}
.start .blog h4 {border-bottom: solid 1px #3C3024; padding-bottom: 5px;}
.start .blog h4 a {border-bottom: none;}
.start .blog div {float: left; width: 213px; margin: 5px 15px 20px 0; background: #46392C; padding: 5px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.start .blog p {margin-bottom: 10px; padding-top: 5px; border-top: solid 1px #534333; border-bottom: solid 1px #3C3024;}
.start .blog.content.right .more {text-align: right; margin-top: -10px; border-top: solid 1px #534333; border-bottom: none; padding-top:0; margin-bottom: 0;}

.portfolio .item {/*border-bottom: 1px solid #3C3024; border-top: 1px solid #534333;*/ padding: 50px 0 45px; float: left;}
.portfolio .item-0 {border-top: none; padding-top: 25px;}
.portfolio .item .description {float: left; width: 390px;}
.portfolio #content h3 {text-align: right; padding-right: 20px; border-bottom: solid 1px; margin-bottom: 15px;}
.portfolio p {margin-right: 10px;}
.portfolio .item img {border: solid 1px;}
.portfolio .item .link {text-align: right; margin: 10px 10px 0 0;}

.o-nas .signature {text-align: right; margin-bottom: 40px;}
.o-nas .intro {margin-bottom: 25px;}

.blog h1 {font-size: 16px; margin-bottom: 10px;}
.blog p {text-indent: 20px;}
.blog p.intro {text-indent: 0;}
.blog ul, .blog ol {margin-bottom: 15px;}
.blog .content.left h2 {width: 355px; text-align: right; font-size: 18px;}
.blog .content.left h2 a {border: none;}
.blog .content.left h2 a:hover {border-bottom: 1px solid;}
.blog .content.right {margin-top: 18px;}
.blog.post .content.right {margin-top: 0; padding-bottom: 60px;}
.blog.post #content h3 {clear: both; padding-top: 25px; margin-bottom: 10px; border-bottom: 2px solid;}
.blog .meta {text-align: right; margin-right: 35px; font-size: 10px; position: relative; top: -5px;}

/*.proces ol {margin-left: 390px;}
.proces ol li {clear: both; margin-bottom: 10px;}
.proces ol li li {margin-bottom: 0;}
.proces ol img {position: relative; float: left; margin: 35px 0 10px -185px; width: 175px; height: 117px;}
.proces ol ul {float: left;}
*/

.proces ol li {margin-bottom: 10px; width: 275px; height: 250px; float: left; padding: 0 25px 0 0; list-style: decimal;}
.proces ol li li {margin-bottom: 0; height: auto; width: 200px;}
.proces ol li h3 {line-height: 20px; margin: 15px 0;}
.proces ol img {display: none;}
.proces ol ul {float: left; margin-left: 0; padding-left: 20px;}

.uslugi .intro {margin-bottom: 25px;}
.uslugi #content ul li {margin-bottom: 10px; width: 275px; height: 260px; float: left; padding: 0 25px 0 0;}
.uslugi #content ul li li {margin-bottom: 0; height: auto; width: 200px;}
.uslugi #content ul li h3 {line-height: 20px; margin: 15px 0;}
.uslugi #content ul img {display: none;}
.uslugi #content ul ul {float: left; margin-left: 0; padding-left: 20px;}

.kontakt .content.right, .kontakt .content.left {padding-bottom: 60px;}

.start .portfolio a.more {float: right; position: relative; right: 35px; z-index: 2; top: 20px;}

#loopedSlider {position: relative; padding-top: 1px;}
#loopedSlider .container { width:500px; height:300px; overflow:hidden; position:relative; cursor:pointer; padding-top: 25px;}
#loopedSlider .slides { position:absolute; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:500px; display:none; }
#loopedSlider 
#loopedSlider, #newsSlider { margin:0 auto; width:500px; position:relative; clear:both; }
#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; position: relative; top: -25px;}
#loopedSlider ul.pagination li  { float:left; }
#loopedSlider ul.pagination li a { padding:2px 4px; }
#loopedSlider ul.pagination li.active a { background: #433527; color:white; }

.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

img.alignleft {float: left; margin: 0 10px 10px 0;}
img.alignright {float: right; margin: 0 0 10px 10px;}
img.aligncenter {margin: 0 auto;}