body{
    background: #65aa3a url('img/background.jpg') repeat;
    font-family:arial;
	
}
h1{
    border-bottom:1px solid #688B32;
    color:#2A3F14;
    font-family:arial;
    font-size:36px;
    margin:30px 0 20px;
}
h2{
    color: #182F0C;
    font-family: verdana;
    font-size: 18px;
    margin: 2em 15px 9px ;
    border-bottom:1px solid #587e31;
}

.contentBox h2{
    margin: 3px 15px 9px ;
}

p{
    margin: 10px 35px 5px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-indent: 15px;

}
.glowny{
    color:#192F0C;
    font-size: 140%;
    line-height:23px;
    margin:15px 20px 20px;
    padding:8px 15px;
}
a{
    color: #870606;
    text-decoration: none;
}
a:hover, a:focus{
    color: #b30909;
    text-decoration: underline;
}

dl{
    margin-left: 30px
}
ul, ul.ozdobna{
    margin: 15px 50px 20px 70px;
    font-size:14px;

}
ul.ozdobna li{
    background:url("img/lista.png") no-repeat scroll left -3px transparent;
    font-size:14px;
    line-height:20px;
    list-style:none outside none;
    padding:0 0 4px 25px;
    }
img{
    margin: 5px 10px;
    border: 1px solid #444;
}
#wrapper{
    width: 986px;
    background: url('img/background2a.jpg') no-repeat;
    margin: 0 auto;
    height: 200px;
    min-height: 550px;
}
#col_left{
    width: 307px;
    height: 100%;
    background: url('img/col_right_back.png') repeat-y;
    position: fixed;
}
.logo{
    display: block;
    width: 280px;
    height: 91px;
    background: url('img/studio_avatar.png') no-repeat;
    margin: 10px 12px;
}

.contentBox{
    border: solid 1px #92CA6D;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(img/transparent/black10.png);
    -webkit-box-shadow: 1px 1px 2px #5b9734;
    -moz-box-shadow: 1px 1px 5px #5b9734;
    box-shadow: 1px 1px 5px #5b9734;
}

/******** MENU ********/
#menu{
    width: 301px;
    margin: 10px 0 10px 3px;
}
.hr{
    height: 1px;
    background: url('img/menu_hr.png') no-repeat;
}
#menu ul.menu_1{
    width: 301px;
    margin:0;
    padding: 8px 0;
    background: url('img/menu_back.png') -3px 0 repeat-y;
}
#menu ul.menu_1 li{ list-style: none; border-bottom: 1px solid #344a1d;}
#menu ul.menu_1 a{
    display: block;
    font-size: 18px;
    text-decoration: none;
    line-height: 24px;
    padding: 2px 15px 2px 25px;
    color: #c8e675;
    text-shadow: 1px 1px 2px #010;
}
#menu ul.menu_1 li.last{border-bottom: none;}
#menu ul.menu_1 a:hover, #menu ul.menu_1 li:hover{color: #D0FF4F;}
#menu ul.menu_1 a.active{color: #fff;}
#menu ul.menu_2{
    margin: 0px 10px 9px 48px;
}
#menu  ul.menu_2 li{
    list-style: circle;
    color: #c8e675;
    border-bottom: none;
}
#menu ul.menu_2 a{
    font-size: 15px;
    line-height: 20px;
    padding: 0;
}
#menu ul.menu_2 a.active{text-decoration: underline;}
/*** END MENU ***/

#content{
    width: 640px;
    margin: 0 20px 50px 0;
    float: right;
    padding-top: 25px;
}
#cu3er-container {width:578px; outline:0; margin: 5px 34px 10px;}
ul.imagegallery{
    margin: 10px 5px 5px;
}
ul.imagegallery li{
    display: inline;
    list-style: none;
}
ul.imagegallery img{
    border: 2px solid #92CA6D;
    margin-left: 2px;
}
ul.imagegallery img:hover{
        border: 2px solid #ffffff;

}
/********* oferujemy **********/
.box_container{
    margin: 0 17px 20px;
   height: 224px;	
}
.box{
    width: 178px;
    height: 214px;
    background: #79bd4f;
    border: 1px solid #92ca6d;
    margin: 5px 10px;
    float: left;
}
.box_header{
    background: url('img/box_top.png') no-repeat;
    width: 186px;
    height: 68px;
    position: relative;
    left: -4px;
    top: 15px;
}
.box h2{
    color: #fff;
    font-size: 20px;
    font-family: georgia;
    text-align: center;
    margin: 0;
    line-height:21px;
    padding-top:5px;
    border: none;
}
.box h3{
    color: #fff;
    font-family: verdana;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
    padding: 0 5px;
}
.box h3.poj{
    line-height: 24px;
}
div.www{background: #79bd4f url('img/stronywww.jpg') center bottom no-repeat;}
div.cms{background: #79bd4f url('img/cms.jpg') center bottom no-repeat;}
div.druk{background: #79bd4f url('img/druk.jpg') center bottom no-repeat;}

a:hover div.www{background: #83cc56 url('img/stronywww_h.jpg') center bottom no-repeat;}
a:hover div.cms{background: #83cc56 url('img/cms_h.jpg') center bottom no-repeat;}
a:hover div.druk{background: #83cc56 url('img/druk_h.jpg') center bottom no-repeat;}
.box_container a:hover{text-decoration: none;}

/****** OFERTA *******/
.oferta_box{
    margin: 10px;
}

.oferta_box h2{
    margin: 3px 15px 0;
}

.oferta_box ul.imagegallery {
    margin: 10px 18px 10px;

}
.oferta_box ul.imagegallery img{
    margin: 4px;
}
.druk_text{
    width: 328px;
    float: left;
    margin-bottom: 10px;
}
.druk_text p{
     margin: 15px 25px 5px 35px;
}
.druk_text ul{
    margin: 5px 25px 10px 70px;
}
.druk_img{
    width: 290px;
    float: right;
}
.druk_img img{
}
/******** REALIZACJE **********/
.box_realizacje{
    margin: 5px 10px 15px;
    position: relative;
}
.box_realizacje a{
    bottom:5px;
    font-size:14px;
    position:absolute;
    right:10px;
}
.realizacje_text{
    width: 210px;
    height: 200px;
    margin: 5px 0px 20px 10px;
    float: left;
    position: relative;
}
.realizacje_text p{
    margin: 10px 20px;
    text-indent: 10px;
}
.realizacje_img{
    width: 370px;
    height: 200px;
    margin: 5px 10px 20px 5px;
    float: right;
    position: relative;
}

/******* TAGCLOUD ********/
.tags ul{
	margin:30px 25px;
	text-align:center;
	width: 250px;
	font-size: 12px;
	}
.tags li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	line-height: 20px;
	}
.tags li a{
	text-decoration: none;
	padding: 0 2px;
	text-shadow: 1px 1px 5px #223322;
	}
.tags li a:hover{
	color:#94c96a;
	}

.tag1 a{font-size:100%; color: #5c8f34;}
.tag2 a{font-size:130%; color: #5c8f34;}
.tag3 a{font-size:150%; color: #588a33;}
.tag4 a{font-size:180%; color: #639838;}
.tag5 a{font-size:200%; color: #6fa93f;}


/********** KONTAKT ***********/
#formularz_kontaktowy input, #formularz_kontaktowy textarea {
	padding: 5px;
	width: 271px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #AED45B;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-top: solid 2px #475f2a;
    border-left: solid 2px #82a060;
    border-bottom: solid 2px #cdf594;
    border-right: solid 2px #addc6b;
}

#formularz_kontaktowy input.submit-button{
    border-bottom: solid 2px #475f2a;
    border-left: solid 2px #82a060;
    border-top: solid 2px #cdf594;
    border-right: solid 2px #addc6b;
}

#formularz_kontaktowy textarea {
	height: 90px;
}

#formularz_kontaktowy textarea:focus, #formularz_kontaktowy input:focus {
	border-color: #293D17;
}

#formularz_kontaktowy input.submit-button {
	width: 100px;
	float: right;
    position: relative;
    right: 138px;
}

form {
    margin-top: 15px;
}

label {
	float: left;
    font-size: 120%;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 7px;
}

#dane_teleadresowe, #dane_firmy, #formularz_kontaktowy{
    background: url(img/transparent/black10.png) repeat;
    padding: 2px 0px;
    margin: 0 10px 20px 10px;
}

#dane_teleadresowe{
    width: 295px;
    float: left;
    height: 205px;
}

#dane_firmy{
    width: 295px;
    float: right;
    height: 205px;
}

#formularz_kontaktowy{
    clear: both;
}

/*********** COLORBOX ************/
        /*
            ColorBox Core Style
            The following rules are the styles that are consistant between themes.
            Avoid changing this area to maintain compatability with future versions of ColorBox.
        */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

        /*
            Example user style
            The following rules are ordered and tabbed in a way that represents the
            order/nesting of the generated HTML, so that the structure easier to understand.
        */
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

        /*
            The following fixes png-transparency for IE6.
            It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

            Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
            Colorbox preloads navigation hover classes to account for this.

            !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
            while regular CSS background images are relative to the CSS document.
        */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*********** INNE ***********/

.highlight{
    border-color: yellow;
}
.footer{	margin-top: 60px;
}
.footer p{
	font-size: 12px;
	line-height: 22px;
	text-align: right;
	color: #33551D;
	border-top: 1px solid #5B9335;
	margin: 10px 15px 5px;
}