/* CSS Document */

*{
margin:0px;
padding:0px;
}

img{
border:0px;
}

.floatl{
float:left;
}

.floatr{
float:left;
}

.clear{
clear:both;
}

body{
background:#fff url(../images/body-bg.gif) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#container{
width:1020px;
margin:auto;
}

/*css for header starts here*/

.header{
height:93px;
}

.logo{
padding-top:16px;
}

.header-right-col{
width:780px;
padding-top:25px;
}

.top-links ul{
list-style:none;
padding-top:15px;
}

.top-links li{
color:#000;
float:left;
padding-left:20px;
}

.top-links li a{
text-decoration:none;
color:#000;
background:url(../images/logo_menuc.jpg) no-repeat ; padding-left:22px; height:40px;

}

/*portfolio*/

#portfolio  { padding-left:420px;}
.portfolio {border:#CCC solid 1px; padding:5px;}






.top-links li a:hover{
color:#713e12;
background:url(../images/logo_menu.jpg) no-repeat ; padding-left:22px; height:40px;
}


.top-links li a.active{
color:#713e12;
}



.content-box{
padding:30px 0px;
}
/*css for left col starts here*/

.left-col{
width:194px;
}

.category-section h2{
font-size:20px;
font-weight:normal;
color:#000;
padding-bottom:20px;
}

.category-section ul{
list-style:none;
}

.category-section li{
line-height:28px;
background:url(../images/category-list-dotted-bg.gif) bottom left repeat-x;
color:#919c9f;
}

.category-section li a{
text-decoration:none;

background:url(../images/arrow.png.) left  no-repeat;
padding-left:20px;
color:#ababab; }

.category-section li a:hover{
color:#778e3b;
background:url(../images/ico-twitter.png) left 4px no-repeat;
}

.category-section li a.active{
color:#4ab4f2;  background:url(../images/ico-twitter.png) left 4px no-repeat;
}

.login-section{
padding-top:10px;
background:#e9edee;
border:1px solid #c1c9cb;
 
width:190px;
margin:35px 0px; padding-left:5px;
}

.login-section h3{
font-size:13px;
color:#284c82;
padding-bottom:10px;
}

.login-section ul{
list-style:none;
}

.login-section li{
color:#5a6061;
font-size:11px;
margin-bottom:5px;
}

.login-section li label{
width:52px;
display:inline-block;
}

.login-section li input{
width:115px;
background:#fff;
border:1px solid #d8dfe1;
margin-left:5px;
}

.login-section a{
color:#9f312f;
font-weight:bold;
font-size:10px;
text-decoration:none;
display:block;
padding-top:2px;
}



/*Contact*/





/* Contact Form */
.response { font:normal 12px Tahoma, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:400px; padding:0; margin:0;}
#contactform { margin:0; padding:5px; width:350px; }
#contactform * { font-family: Tahoma, Helvetica, sans-serif;; font-size:11px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none; list-style:none;}
#contactform li.buttons { margin:0; overflow:hidden; list-style:none; }
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:normal 12px Tahoma, Helvetica, sans-serif; color:#242424;}
#contactform label span { font:normal 10px Tahoma, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff; }
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 0px; background:#78a307; border:1px solid #67900b; color:#FFF; float:left; list-style:none;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:normal 12px   Tahoma, Helvetica, sans-serif; color:#242424; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}



/*css for right starts here*/

.right-col{
width:780px;
}

.padding7px{
padding:7px;
}

.image-section{
border:1px solid #cad3d5;
}

.image-list ul{
list-style:none;
padding-top:15px;

}

.image-list li{
float:left;
padding-right:10px;
}

.pagination{
background:url(../images/pagination-bg.gif) top left repeat-x;
color:#fff;
height:32px;
padding:10px 0px 0px 0px;
}

.pagination ul{
list-style:none;
}

.pagination li{
float:left;
text-align:center;
margin-left:3px;
background:#b7c4c7;
}

.pagination li a{
text-decoration:none;
color:#fff;
padding:3px 9px;
display:block;
}

.pagination li a:hover{
background:#80959a;
color:#fff;
}

.pagination li a.active{
background:#80959a;
}

.main-content{
background:url(../images/dotted-bg.gif) bottom left repeat-x;

padding:30px 0px 20px 0px;
color:#919c9f;
line-height:22px;
width:780px;
}

.main-content_w{
background:url(../images/dotted-bg.gif) bottom left repeat-x;
background:url(../images/wizytowki.jpg) top right no-repeat;
padding:30px 0px 20px 0px;
color:#919c9f;
line-height:22px;
width:780px;
}



.main-content_b {
background:url(../images/dotted-bg.gif) bottom left repeat-x;
background:url(../images/tlo_baner.jpg) top right no-repeat;
padding:30px 0px 20px 0px;
color:#919c9f;
line-height:22px;
width:780px;
}




.main-content_kontakt{

padding:30px 0px 20px 0px;
color:#919c9f;
line-height:22px;
width:780px;
}

h1, h2, h3, h4{line-height:normal;}

.tagi h3{color:#dedcdc;  margin:0; padding:0; font-size:1.1em; }


a{color:#919c9f;
text-decoration:underline;}
a:hover{text-decoration:none;}

.main-content h1{
font-weight:normal;
color:#050505;
font-size:25px;
padding-bottom:10px;
}

.main-content span{
color:#727272;
font-weight:bold;
display:block;
padding-bottom:20px;
}

.main-content p{
padding-bottom:20px;
line-height:22px;
}
/* dla banerow */
.main-content_b span{
color:#727272;
font-weight:bold;
display:block;
padding-bottom:20px;
}

.main-content_b p{
padding-bottom:20px;
line-height:22px;
}

.main-content_b h1{
font-weight:normal;
color:#050505;
font-size:25px;
padding-bottom:10px;
}

.main-content_b span{
color:#727272;
font-weight:bold;
display:block;
padding-bottom:20px;
}
/* dla wizytówek */

.main-content_w span{
color:#727272;
font-weight:bold;
display:block;
padding-bottom:20px;
}

.main-content_w p{
padding-bottom:20px;
line-height:22px;
}

.main-content_w h1{
font-weight:normal;
color:#050505;
font-size:25px;
padding-bottom:10px;
}

.main-content_w span{
color:#727272;
font-weight:bold;
display:block;
padding-bottom:20px;
}



/*css for footer starts here*/

#footer{
background:url(../images/footer-bg.gif) top left repeat-x;
}

.footer-links{
color:#fff;
line-height:92px;
width:900px;
margin:auto;
}

.footer-links ul{
list-style:none;
}

.footer-links li{
float:left;
margin-right:12px;
color:#000;
}

.footer-links li a{
text-decoration:none;
color:#000;
}

.footer-links p{
color:#335a41;
}

/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #fff;	margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #fff; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */