body{
margin:0;
padding:0;
height:100%;
background:#f1f0eb url('obrazki/bg.gif') top left;
font-family: Tahoma;
color: #464540;
font-size: 13px;
}

a:link, a:visited {font-weight: normal; color: #64afb7; font-size: 13px; text-decoration: none; }

a:hover {color: #cdd252;}

h2, h1 {font-weight: normal; color: #64afb7; font-size: 22px; text-decoration: none; }

#lang {position: absolute; top: 15px; left: 50%; margin-left: 430px; width: 80px;}
.mod_zslm_displaymenu .langitem {float: left;}
.mod_zslm_displaymenu .langitem  img{border: none; margin-right: 6px;}

#logo {
float: left;
width: 360px;
height: 193px;
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto 0 auto; /*Center container on page*/
}


#topsection{
background: url('obrazki/bg_green.png') top left;
height: 197px; /*Height of top section*/
width: 730px;
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#navbar {float: right; background: url(obrazki/navbar_bg.png) center center no-repeat; margin: 0 0 0 0; padding: 0 0 0 0;}

#contentwrapper{
float: left;
width: 100%;
height: 100%;
}

#contentcolumn{
margin: 10px 230px 0 165px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 165px; /*Width of left column in pixel*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
margin-top: 10px;
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
margin-left: -230px; /*Set left margin to -(RightColumnWidth)*/
background: url('obrazki/bg_blue.png') top left;
min-height: 100%;
color: #f5f4ef;
padding-top: 10px;
}

#footer{
clear: both;
width: 100%;
padding: 4px 0;
font-size: 11px;
}

.banner_image img {border: none;}

#leftcolumn .innertube{
margin: 0 0 0 0;
}

.innertube{
margin: 8px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#rightcolumn .innertube{
min-height: 800px;
}

/* nawigacja */

#navbar .innertube{
margin: 0 0 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

#sddm ul
{
list-style: none;
padding: 0;
margin: 0 12px;
}

#sddm li
{
display: block;
float: left;
margin: -10px 0;
height: 193px;
width: 39px;
}

#sddm li a
{
display: block;
margin: 0 0;
height: 193px;
width: 39px;
}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0 8px;
	padding: 0;
	background: transparent url(obrazki/bg_blue.png);
	}

	#sddm div a
	{	position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0px 0px;
		width: 39px;
		height: 90px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		
		color: #2875DE;
		font: 11px arial}

	#sddm div:hover
	{background: url(obrazki/bg_green.png);}



#navbar #menu_news {background: url(obrazki/menu_news.png) center center no-repeat;}
#navbar #menu_news:hover {background: url(obrazki/menu_news_hover.png) center center no-repeat;}

#navbar #menu_onas {background: url(obrazki/menu_onas.png) center center no-repeat;}
#navbar #menu_onas:hover {background: url(obrazki/menu_onas_hover.png) center center no-repeat;}

#navbar #menu_cooferujemy {background: url(obrazki/menu_cooferujemy.png) center center no-repeat;}
#navbar #menu_cooferujemy:hover {background: url(obrazki/menu_cooferujemy_hover.png) center center no-repeat;}

#navbar #menu_realizacje {background: url(obrazki/menu_realizacje.png) center center no-repeat;}
#navbar #menu_realizacje:hover {background: url(obrazki/menu_realizacje_hover.png) center center no-repeat;}

#navbar #menu_sklep {background: url(obrazki/menu_sklep.png) center center no-repeat;}
#navbar #menu_sklep:hover {background: url(obrazki/menu_sklep_hover.png) center center no-repeat;}

#navbar #menu_promocje {background: url(obrazki/menu_promocje.png) center center no-repeat;}
#navbar #menu_promocje:hover {background: url(obrazki/menu_promocje_hover.png) center center no-repeat;}


#navbar #menu_kontakt {background: url(obrazki/menu_kontakt.png) center center no-repeat;}
#navbar #menu_kontakt:hover {background: url(obrazki/menu_kontakt_hover.png) center center no-repeat;}

#navbar #menu_inputnews {background: url(obrazki/submenu_inputnews.png) center center no-repeat;}
#navbar #menu_inputnews:hover {background: url(obrazki/submenu_inputnews_hover.png) center center no-repeat;}

#navbar #menu_polonianews {background: url(obrazki/submenu_polonianews.png) center center no-repeat;}
#navbar #menu_polonianews:hover {background: url(obrazki/submenu_polonianews_hover.png) center center no-repeat;}

#navbar #menu_poligrafia {background: url(obrazki/submenu_poligrafia.png) center center no-repeat;}
#navbar #menu_poligrafia:hover {background: url(obrazki/submenu_poligrafia_hover.png) center center no-repeat;}

#navbar #menu_web {background: url(obrazki/submenu_web.png) center center no-repeat;}
#navbar #menu_web:hover {background: url(obrazki/submenu_web_hover.png) center center no-repeat;}

#navbar #menu_foto {background: url(obrazki/submenu_foto.png) center center no-repeat;}
#navbar #menu_foto:hover {background: url(obrazki/submenu_foto_hover.png) center center no-repeat;}

#navbar #menu_grafika {background: url(obrazki/submenu_grafika.png) center center no-repeat;}
#navbar #menu_grafika:hover {background: url(obrazki/submenu_grafika_hover.png) center center no-repeat;}

#navbar #menu_fotografia {background: url(obrazki/submenu_fotografia.png) center center no-repeat;}
#navbar #menu_fotografia:hover {background: url(obrazki/submenu_fotografia_hover.png) center center no-repeat;}


.mod_breadcrumb {
padding: 3px 0 3px 0;
border-bottom: 1px solid #cdd252;
margin-top: 10px;
}


/*newsy*/



.mod_newslist h2 a:link, h2 a:visited {font-weight: normal; color: #64afb7; font-size: 18px; text-decoration: none; }

.mod_newslist h2 a:hover {color: #cdd252;}


.mod_newslist h2{
margin-top: 0px; padding-top: 0px;}


.mod_newslist .layout_short {
clear: both;
border-top: 2px solid #cdd252;
}

.mod_newslist img {
float: left; margin-right: 5px;
}

.mod_newslist .more a:link, .mod_newslist .more a:visited {
display: block;
height: 26px;
overflow: hidden;
text-indent: -1999px;
width: 58px;
float: right;
margin-top: 0px;
margin-bottom: 15px;
background: url(obrazki/wiecej.png) center center no-repeat;
}

.mod_newslist .more a:hover {
display: block;
height: 26px;
overflow: hidden;
text-indent: -1999px;
width: 58px;
float: right;
margin-top: 0px;
background: url(obrazki/wiecej_hover.png) center center no-repeat;
}


/*newsletter*/

.mod_subscribe .text {
background: #3f9099;
border: none;
width: 210px;
color: #f5f4ef;
font-size: 18px;
}

.mod_subscribe .submit {
display: block;
height: 22px;
overflow: hidden;
text-indent: -1999px;
width: 80px;
float: right;
margin-top: 3px;
background: url(obrazki/zapisz.png) center center no-repeat;
border: none;
}

.mod_subscribe .submit:hover {
background: url(obrazki/zapisz_hover.png) center center no-repeat;

}

#rightcolumn .ce_text {
padding-top: 5px;
clear: both;
}

.flashsresz {z-index: -1; position: relative;}


/*loga social*/
.logo_image {display: block; text-align: right; margin-top: 0px;}
.logo_image  img {border: none; visibility: hidden}

#logo_nkhover a{display: block; width: 98px; height: 30px; background: url('obrazki/logo_nk.png') left top no-repeat;} 
#logo_nkhover a:hover {display: block; width: 98px; height: 30px; background: url('obrazki/logo_nk_hover.png') left top no-repeat;} 

#logo_facebookhover a{display: block; width: 98px; height: 30px; background: url('obrazki/logo_facebook.png') left top no-repeat;} 
#logo_facebookhover a:hover {display: block; width: 98px; height: 30px; background: url('obrazki/logo_facebook_hover.png') left top no-repeat;} 

#logo_myspacehover a{display: block; width: 110px; height: 34px; background: url('obrazki/logo_ms.png') left top no-repeat;} 
#logo_myspacehover a:hover {display: block; width: 110px; height: 34px; background: url('obrazki/logo_ms_hover.png') left top no-repeat;} 

#logo_digarthover a{display: block; width: 110px; height: 34px; background: url('obrazki/logo_digart.png') left top no-repeat;} 
#logo_digarthover a:hover {display: block; width: 110px; height: 34px; background: url('obrazki/logo_digart_hover.png') left top no-repeat;} 

#contentcolumn .image_container {position: relative;}
#contentcolumn .caption {
font-family: Tahoma; font-size: 16px; font-weight: bold; color: #ffffff; padding: 8px 20px 10px 20px;
position: absolute;
bottom: 10px;
left: 0px;
background: url(obrazki/bg_green.png) top left;
}

.label_www {padding-left: 65px; padding-top: 5px; padding-bottom: 5px; background: url(obrazki/label_www.png) center left no-repeat;}
.label_realizacje {padding-left: 65px; padding-top: 5px; padding-bottom: 5px; background: url(obrazki/label_realizacja.png) center left no-repeat;}

.invisible {
display: none;
visibility: hidden;
}

#rightcolumn .mod_navigation {text-align: left;}

.menu_portfolio a {color: #ffffff; font-weight: bold;}
.menu_portfolio a:hover {color: #cdd252; font-weight: bold;}
 
#rightcolumn .mod_navigation ul {margin: 0 0 0 0; padding: 0 0 0 0;}
 
#rightcolumn .mod_navigation li {
width: 220px;
font-family: Tahoma;
font-size: 12px;
margin: 1px 0px 0px 0px;
padding: 5px 5px 5px 5px;
display: block;
list-style: none; 
}


#rightcolumn .mod_navigation li:hover {
font-family: Tahoma;
font-size: 12px;
}

#contentcolumn .galeria .caption {position: relative; color: #464540; padding: 0 0 0 0; background: none; font-size: 12px; font-weight: normal; bottom: 0;}
.rotacjaobrazow .image_container {z-index: -1;}