/* Projekt i wykonanie dla Studio3design - Catdesign.pl. Wszelkie prawa zastrzezone
Frontend Developer - Kot Przemyslaw
System Cateo4 */

body {
margin:0px;
padding:0px;
background-color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#646464;
background-image:url(gfx/background.gif);
background-repeat:repeat-x;
text-align: center;
}

.content_right_footer a {
color:#806464;
text-decoration:none;
}

#wrapper {
width:995px;
margin: 0px auto 0px auto;
}

#wraper {
width:995px;
float:left;
background-repeat:repeat;
background-image:url(gfx/bg.gif);
background-position: top;

	background-position: top left;
	background-attachment: scroll;
	border: none;

}

#header {
height:60px;
float:left;
margin-top:12px;
}

#header .logo {
border:0px solid;
}

#header .menu {
border:0px solid;
}

.duze {
color:#4b4b4b;
font-size:22px;
}

.male {
color:#4b4b4b;
font-size:14px;
}

#leftside {
width:585px;
height:auto;
float:left;
}

#leftside_footer {
width:585px;
height:auto;
float:left;
}

#rightside {
width:285px;
height:auto;
float:left;
margin-left:17px;
}

.content_right {
width:285px;
height:auto;
border:1px solid #c8c8c8;
border-top:0px solid;
float:left;
margin-left:50px;
background-color:#fafafa;
}

.content_right_blog {
width:285px;
height:auto;
border:1px solid #c8c8c8;
border-top:0px solid;
border-bottom:0px solid;
float:left;
margin-left:50px;
background-color:#fafafa;
}

.content_right_blog_a {
width:285px;
height:auto;
border:1px solid #c8c8c8;
border-top:0px solid;
border-bottom:0px solid;
float:left;
margin-left:50px;
background-color:#fafafa;
}

.content_right_blog_a a {
text-decoration:none;
color:#646464;
}

.content_right_nb {
width:285px;
height:auto;
border:1px solid #c8c8c8;
border-bottom:0px solid;
border-top:0px solid;
float:left;
margin-left:50px;
background-color:#fafafa;
}

.content_right_footer {
width:285px;
height:160px;
border:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
border-top:1px solid #c8c8c8;
float:left;
margin-left:67px;
background-color:#fafafa;
}

.content_right_footer .title p {
font-size:13px;
color:#000000;
text-align:left;
padding-bottom:6px;
}

.content_right_footer .title  {
font-size:11px;
text-align:left;
padding:10px;
}


.content_right .data {
color:#c2c2c2;
font-size:10px;
}

.blog_tekst {
padding:0px 0px 11px 0px;
border-bottom:1px solid #c2c2c2;
margin:10px;
font-size:11px;
text-align:left;
}

.blog_tekst_end {
padding:0px 0px 9px 0px;
margin:10px;
font-size:11px;
text-align:left;
}

.blog_tekst a,
.blog_tekst_end a {
color:#c2c2c2;
font-size:11px;
}

.content_right .article p {
float:left;
font-size:11px;
padding:15px;
text-align:left;
}

.content_right .klienci {
font-size:12px;
color:#646464;
padding:18px 10px;
text-align:center;
font-style:italic;
font-weight:bold;
}


#rightside .title {
width:285px;
height:30px;
border:1px solid #c8c8c8;
float:left;
background-color:#fafafa;
margin-left:50px;
}

#rightside .titlenb {
width:285px;
height:30px;
border:1px solid #c8c8c8;
border-bottom:0px solid;
float:left;
background-color:#fafafa;
margin-left:50px;
}

#rightside .titleblog {
width:285px;
height:30px;
border:1px solid #c8c8c8;
border-top:0px solid;
border-bottom:0px solid;
float:left;
background-color:#fafafa;
margin-left:50px;
}

#rightside .title p{
font-size:13px;
margin-top:8px;
margin-left:8px;
text-align:left;
color:#000000;
}

#rightside .titlenb p{
font-size:13px;
margin-top:8px;
margin-left:8px;
text-align:left;
color:#000000;
}

#rightside .titleblog p{
font-size:13px;
margin-top:8px;
margin-left:8px;
text-align:left;
color:#000000;
}

#leftside .title {
width:585px;
height:30px;
border:1px solid #c8c8c8;
float:left;
background-color:#fafafa;
margin-left:50px;
}

#leftside_footer .titlenb {
width:585px;
height:auto;
border:1px solid #c8c8c8;
float:left;
background-color:#fafafa;
margin-left:50px;
padding:0px 12px;
text-align:justify;
font-size:11px;
}

.left_foot {
width:270px;
height:auto;
float:left;
text-align:justify;
padding:10px;
font-size:11px;
margin-bottom:1px;
}

#leftside_footer .titlenb p {
font-size:13px;
margin-top:8px;
margin-left:0px;
text-align:left;
color:#000000;
}

#leftside .title p{
font-size:13px;
margin-top:8px;
margin-left:8px;
text-align:left;
color:#000000;
}

.content {
width:585px;
height:auto;
border:1px solid #c8c8c8;
border-top:0px solid;
border-bottom:0px solid;
float:left;
background-color:#fafafa;
margin-left:50px;
}

.content_footer {
width:585px;
height:160px;
border:1px solid #c8c8c8;
float:left;
background-color:#fafafa;
margin-left:50px;
}

.left_foot .title {
font-size:13px;
padding-bottom:6px;
color:#000000;
}

.content .photo {
float:left;
padding:0px;
border:1px solid #dedede;
margin:10px;
}


.content .photo_pf {
float:left;
padding:0px;
border:1px solid #dedede;
margin:10px;

}

#smallScroller .photo_rp {
float:left;
padding:0px;
border:1px solid #dedede;
margin:10px;

}

.content .article {
width:550px; 
float:left;
margin-top:4px;
padding-top:10px; 
margin-bottom:15px; 
border-bottom:1px solid #d9d9d9; 
margin-left:15px;
}

.content .article_site {
width:576px; 
float:left;
margin-top:4px;
padding-top:10px; 
margin-bottom:15px;  
margin-left:2px;
}

.content .text {
float:left; 
width:315px; 
text-align:left;
}

.content .text. titles {
text-decoration:underline;
color:#363636;
}

.text_article {
padding:0px;
font-size:11px;
}

.content .button {
border:0px solid;
float: right;
padding-bottom:10px;
margin-right:0px;
}

.content .text. strong{
text-decoration:underline;
color:#363636;
}

.content a{
text-decoration:underline;
color:#363636;
}

.content small{
font-size:11px;
color:#6e6e6e;
}

.content .text p{
font-size:11px;
color:#6e6e6e;
margin-left:-10px;
}

.content .img {
width:245px; 
float:left;
margin-left:-10px;
margin-top:-8px;
}


.photo .border,
.photo_pf .border,
.photo_rp .border {
float:left;
padding:1px;
border:6px solid #ececec;
margin:0px;
}

.content img {
float:left;
padding:1px;
border:8px solid #ececec;
margin:0px;
margin-bottom:10px;
}

#panel {
width:287px;
height:77px;
float:left;
margin:0px 0px;
margin-bottom:0px;
background-image:none;
text-align:left;
margin-left:50px;
font-size:13px;
color:#000000;
background-image:url(gfx/bg_panel.gif);
background-repeat:repeat;
}

#panelnews {
width:287px;
height:45px;
float:left;
margin:0px 0px;
margin-bottom:0px;
background-image:none;
text-align:left;
margin-left:50px;
font-size:13px;
color:#000000;
}

#panel .logowanie {
border:1px solid #d3d3d3;
margin-left:9px;
margin-top:0px;
height:21px;
width:185px;
float:left;
font-size:11px;
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
padding-left:4px;
}

#panelnews .logowanie {
border:1px solid #d3d3d3;
margin-left:9px;
margin-top:0px;
height:21px;
width:185px;
float:left;
font-size:11px;
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
padding-left:4px;
}

.panel_title {
margin-top:10px;
margin-left:8px;
margin-bottom:4px
}

.content p {
font-size:12px;
color:#646464;
padding:8px 10px 10px 10px;
text-align:justify;
}

.green {
color:#6fbb11;
}

.black {
color:#000000;
}

.light {
color:#c6c6c6;
float:right;
font-size:12px;
padding-right:10px;
}

.noborder {
text-align-center;
}

#footer {
float:left; 
width:100%; 
height:79px; 
margin:0; 
margin-top:10px; 
background-image:url(gfx/footer.gif); 
background-repeat:repeat-x;
}

.side{
margin-right:30px;
color:#737373;
text-decoration:none;
}

.side:hover{
margin-right:30px;
color:#737373;
text-decoration:underline;
}

.side_cat{
color:#676767;
text-decoration:none;
}

.side_cat:hover{
color:#676767;
text-decoration:underline;
}


/* Najnowsze prace slider */

#smallScroller
	{
		width:285px;
		height: 90px;
		position: relative;
	}
	
	#smallScroller div.scrollableArea *
	{
		display: block;
		position: relative;
		float: left;
		padding: 0;
		margin: 0px 10px 0px 10px;
	}
	
	div.scrollingHotSpotLeft, div.scrollingHotSpotRight
	{
		min-width: 35px;
	}

.form_contact {
width:550px; 
margin-top:8px; 
margin-bottom:10px;
height:22px; 
border:1px solid #d3d3d3;
font-family:Verdana, Arial, Helvetica, sans-serif; 
padding-top:6px; 
padding-left:6px; 
padding-right:6px;
}

.form_contact_ta {
width:548px; height:120px; border:1px solid #d3d3d3; padding:6px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

.form_contact_s {
width:563px; 
margin-top:8px; 
margin-bottom:10px;
height:22px; 
border:1px solid #d3d3d3;
font-family:Verdana, Arial, Helvetica, sans-serif; 
padding-top:1px; 
padding-left:6px; 
padding-right:0px;
}


.js-disabled img { width:100px; height:114px; display:block; float:left; margin:30px 0 0; }
#outerContainer { width:285px; height:114px; margin:auto; position:relative; margin-top:-8px; }
#imageScroller { width:285px; height:114px; position:relative; }
#viewer { width:285px; height:100px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#imageScroller .border { border:1; }
#controls { width:285px; height:47px;  no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }