/* CSS Document */
body{padding:0;margin:0;color:#787878;font:11px tahoma,arial;background:#ffffff url('images/bg.jpg') no-repeat 50% 0;line-height:16px;text-align:justify;}

img {border:0;}

a {color:#00acec;text-decoration:underline;}
a:hover {color:#00acec;text-decoration:none;}

.spacer{clear:both;font-size:0px;line-height:0px;}

#wrapper{width:1000px;padding:0;margin:0 auto;}

#content {float:left;width:100%;height:100%;min-height:500px;margin-bottom:20px;padding-bottom:20px\9;}
#content_portfolio {float:left;width:1040px;height:100%;min-height:550px;}
#content .home_left {float:left;background:url('images/bg_home_left.gif') no-repeat top right;width:500px;height:270px;}
#content .home_right {float:right;background:url('images/bg_home_right.gif') no-repeat bottom right;width:480px;height:270px;margin-left:20px;}
#content .home_bottom {float:left;background:url('images/bg_home_bottom.gif') no-repeat 0 0;width:1000px;height:260px;padding-top:20px;}

#content .home_right h2 {padding:0;margin:15px 0 8px 0;font-family:arial;font-size:14px;}
#content .home_right h2.christmas {padding:0;margin:15px 0 8px 0;font-family:arial;font-size:14px;color:#f15b24;}
#content .home_right a.h2 {color:#787878;text-decoration:none;}
#content .home_right a.h2:hover {color:#f15b24;text-decoration:none;}
#content .home_right a {color:#00acec;text-decoration:underline;}
#content .home_right a:hover {color:#00acec;text-decoration:none;}
#content .home_right span.date {color:#999999;font-size:10px;padding-left:10px;}
#content .home_right div.txt {width:355px;}

#content .home_bottom h2 {padding:0;margin:0 0 10px 0;font-family:arial;font-size:14px;}
#content .home_bottom a {color:#787878;text-decoration:none;}
#content .home_bottom a:hover {color:#f15b24;text-decoration:none;}

#content .home_bottom .bottom_logo {float:left;width:240px;}
#content .home_bottom .bottom_strony {float:left;width:240px;margin-left:20px;}
#content .home_bottom .bottom_materialy {float:left;width:240px;margin-left:20px;}
#content .home_bottom .bottom_nadruki {float:left;width:220px;margin-left:20px;}

#content .portfolio_left {float:left;clear:left;background:url('images/bg_portfolio_left.gif') no-repeat top right;width:500px;min-height:550px;height:100%;}
#content .portfolio_right {float:right;clear:right;width:480px;height:100%;margin-left:20px;}

#content .portfolio_left h2.refname {padding:0;margin:0 0 5px 0;font-family:arial;font-size:14px;font-weight:bold;}
#content .portfolio_left h2 {padding:0;margin:0 0 1px 0;font-family:tahoma;font-size:11px;font-weight:normal;}
#content .portfolio_left a {color:#00acec;text-decoration:none;}
#content .portfolio_left a:hover {color:#f15b24;text-decoration:none;}

#content .portfolio_right span.icon_referencje_details {float:right;clear:right;margin-top:5px;}
#content .portfolio_right span.icon_referencje_details a {background:none;}

#content .portfolio_right a {background:url('images/arrow_blue_right.gif') no-repeat 7px 4px;color:#00acec;text-decoration:underline;padding-left:23px;}
#content .portfolio_right a:hover {background:url('images/arrow_blue_right.gif') no-repeat 7px 4px;color:#00acec;text-decoration:none;padding-left:23px;}

#content .portfolio_left a.portfolio_details_back{background:url('images/arrow_orange_left.gif') no-repeat 0 4px;color:#f15b24;font-weight:bold;margin:12px 0 0 100px;text-decoration:none;font-size:11px;position:absolute;padding-left:12px;}
#content .portfolio_left a.portfolio_details_back:hover{background:url('images/arrow_orange_left.gif') no-repeat 0 4px;color:#f15b24;font-weight:bold;margin:12px 0 0 100px;text-decoration:underline;font-size:11px;padding-left:12px;}

#content .portfolio_right ul {margin:0 0 0 20px;padding:0;}
#content .portfolio_right li {list-style:none;list-style-image:url('images/arrow_orange_right.gif');margin:0;padding:0;}

#content ul {margin:0 0 0 20px;padding:0;}
#content li {list-style:none;list-style-image:url('images/arrow_orange_right.gif');margin:0;padding:0;}

#content h1 {padding:0;margin:0 0 20px 0;}

#content_portfolio h1 {padding:0;margin:0 0 20px 0;}

#foot {background:#fff url('images/bg_foot.jpg') no-repeat;width:1000px;height:85px;text-align:center;border-top:2px solid #f15b24;color:#9a9a9a;padding-top:8px;line-height:16px;margin:0 auto;}
#foot a {color:#f15b24;text-decoration:none;margin:0 10px;}
#foot a:hover {color:#f15b24;text-decoration:underline;}
#foot .break {color:#f15b24;}
#foot .copy {padding-top:5px;}

/******************** MENU ********************/

#head {background:url('images/bg_head.jpg') no-repeat;width:1000px;height:160px;}
#logo {float:left;width:300px;margin-top:39px;}

#rate {float:right;width:500px;height:15px;margin-top:0px;}
#menu {float:right;width:500px;margin-top:65px;}
* html #menu {float:right;width:500px;margin-top:60px;}

#head a.rate {margin-left:410px;text-align:right;color:#f15b24;font-weight:bold;padding-right:12px;text-decoration:none;background:url('images/arrow_orange_right.gif') no-repeat right;}
#head a.rate:hover {margin-left:410px;text-align:right;color:#f15b24;font-weight:bold;padding-right:12px;text-decoration:underline;background:url('images/arrow_orange_right.gif') no-repeat right;}

ul.topnav {list-style:none;padding-left:20px;margin:0;float:left;width:550px;font-size:11px;z-index:1;}  
ul.topnav li {float:left;margin:0;padding:0 25px 0 0;position: relative; /*--Declare X and Y axis base for sub navigation--*/}  

ul.topnav li a{padding-bottom:5px;color:#000;display:block;text-decoration:none;float:left;}  
ul.topnav li a:hover {background-position:left top;}
ul.topnav li a:hover span.mh {display:block;text-indent:-9000%;}

ul.topnav li span {width:35px;height:11px;left:60px;top:2px;position:absolute;float:left;background:url('images/arrow_orange_down_big.gif') no-repeat center top;}
ul.topnav li span.mh {display:none;position:absolute;}
ul.topnav li span.subhover {background-position: center bottom;cursor:pointer;} /*--Hover effect for trigger--*/  

ul.topnav li ul.subnav {list-style: none;position:absolute;/*--Important--*/left:0;top:20px;margin:0;padding:0;display:none;float:left;width:160px;padding:0 20px 70px 0;}  
ul.topnav li ul.subnav li{margin:0;padding:0;clear:both;width:180px;color:#000;}  
ul.topnav li ul.subnav span {display:none;position:absolute;}

html ul.topnav li ul.subnav li a {float:left;width:180px;padding:1px;display:block;}  
html ul.topnav li ul.subnav li a:hover {background-position:left top;}
html ul.topnav li ul.subnav li a:hover span.msh {display:block;text-indent:-900%;}

.strona_glowna {width:120px;height:19px;background:url('images/menu/strona-glowna.gif') no-repeat;left:0px;top:0px;}
.strona_glowna span.mh {width:120px;height:19px;background:url('images/menu/strona-glowna_h.gif') no-repeat;left:0;top:0;}
.infom {width:31px;height:15px;background:url('images/menu/info.gif') no-repeat;left:0px;top:0px;}
.infom span.mh {width:31px;height:15px;background:url('images/menu/info_h.gif') no-repeat;left:0;top:0;}
.portfolio {width:69px;height:15px;background:url('images/menu/portfolio.gif') no-repeat;left:0px;top:0px;}
.portfolio span.mh {width:69px;height:15px;background:url('images/menu/portfolio_h.gif') no-repeat;left:0;top:0;}
.referencje {width:86px;height:19px;background:url('images/menu/referencje.gif') no-repeat;left:0px;top:0px;}
.referencje span.mh {width:86px;height:19px;background:url('images/menu/referencje_h.gif') no-repeat;left:0;top:0;}
.kontakt {width:63px;height:15px;background:url('images/menu/kontakt.gif') no-repeat;left:0px;top:0px;}
.kontakt span.mh {width:63px;height:15px;background:url('images/menu/kontakt_h.gif') no-repeat;left:0;top:0;}

.logo {width:31px;height:14px;background:url('images/menu/logo.gif') no-repeat;left:0px;top:0px;}
.logo span.msh {width:31px;height:14px;background:url('images/menu/logo_h.gif') no-repeat;left:0px;top:0px;}
.internet {width:50px;height:12px;background:url('images/menu/internet.gif') no-repeat;left:0px;top:0px;}
.internet span.msh {width:50px;height:12px;background:url('images/menu/internet_h.gif') no-repeat;left:0px;top:0px;}
.strony_internetowe {width:122px;height:16px;background:url('images/menu/strony-internetowe.gif') no-repeat;left:0px;top:0px;}
.strony_internetowe span.msh {width:122px;height:16px;background:url('images/menu/strony-internetowe_h.gif') no-repeat;left:0px;top:0px;}
.e_commerce {width:84px;height:11px;background:url('images/menu/e-commerce.gif') no-repeat;left:0px;top:0px;}
.e_commerce span.msh {width:84px;height:11px;background:url('images/menu/e-commerce_h.gif') no-repeat;left:0px;top:0px;}
.materialy_reklamowe {width:132px;height:18px;background:url('images/menu/materialy-reklamowe.gif') no-repeat;left:0px;top:0px;}
.materialy_reklamowe span.msh {width:132px;height:18px;background:url('images/menu/materialy-reklamowe_h.gif') no-repeat;left:0px;top:0px;}
.nadruki_na_odziez {width:113px;height:12px;background:url('images/menu/nadruki-na-odziez.gif') no-repeat;left:0px;top:0px;}
.nadruki_na_odziez span.msh {width:113px;height:12px;background:url('images/menu/nadruki-na-odziez_h.gif') no-repeat;left:0px;top:0px;}

span.blue {color:#00acec;font-weight:bold;}
span.orange {color:#f15b24;font-weight:bold;}

/******************** SLIDER HOME ********************/

#slider {
    width: 481px; /* important to be same as image width */
    height: 199px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:url('images/slider_frame.gif') no-repeat;
}
#sliderContent {
    width: 475px; /* important to be same as image width or wider */
	height:193px;
    position: absolute;
	top: 0;
	margin-left: 0;
	/*background:url('images/loading.gif') center center no-repeat;*/
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	margin:0;
	padding:0;
}

.sliderImage a.more {color:#ffffff;font-weight:bold;padding-right:12px;text-decoration:none;background:url('images/arrow_white_right.gif') no-repeat right;position:absolute;right:10px;}
.sliderImage a.more:hover {color:#ffffff;font-weight:bold;padding-right:12px;text-decoration:underline;background:url('images/arrow_white_right.gif') no-repeat right;}

.sliderImage span { /* all browsers */
    position: absolute;
	font: 11px Arial, Helvetica, sans-serif;
    padding:10px 10px 10px 10px;
    width: 455px;
    background-color: #00acec;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	margin-bottom:0px;
	line-height:16px;
}
.sliderImage span:nth-of-type(1) { /* for Chrome */
    position: absolute;
	font: 11px Arial, Helvetica, sans-serif;
    padding:10px 10px 10px 10px;
    width: 455px;
    background-color: #00acec;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	margin-bottom:4px;
	margin-bottom:0px !important;
	line-height:16px;
}

*>.sliderImage span { /* for FF & Gecko */
    position: absolute;
	font: 11px Arial, Helvetica, sans-serif;
    padding:10px 10px 10px 10px;
    width: 455px;
    background-color: #00acec;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	margin-bottom:4px;
	margin-bottom:0px !important;
	line-height:16px;
}

.clear {clear:both;}
.sliderImage span strong {font-size:14px;}
.top {top:0;left:0;}
.bottom {bottom:0;left:0;}
#slider ul {list-style-type:none;padding:0;margin:3px;}


/******************** PORTFOLIO BOXES ********************/
#portfolio_container_box{	
	padding:10px 0 20px 0; 	
	margin-bottom:20px;
}

#portfolio_container_box .portfolio_div_container_box .portfolio_div_box img{
	width:484px;
	height:226px;	
	background:url('images/loading.gif') center center no-repeat;
}
#portfolio_container_box .portfolio_div_container_box{	
	height:226px; 
	width:484px;	
	margin:0 18px 20px 0;
	margin:0 18px 10px 0\9;
	float:left;
	padding:3px;
	overflow:hidden;	
	position:relative;
	background:url('images/portfolio_box_item_frame.gif');	
}
#portfolio_container_box .portfolio_div_container_box .portfolio_div_box{
	height:226px;
	width:484px;			
	overflow:hidden;	
	position:relative;
}
#portfolio_container_box .portfolio_div_box .info_container_box{	
	width:484px;
	height:226px;		
	top:226px;		
	z-index:0;
	position:relative;	
}
#portfolio_container_box .portfolio_div_box div.info_box{
	position:relative;	
	width:474px;
	height:216px;
	*height:224px\9;
	+height:224px;
	top:-226px;
	z-index:100;
	color:#00acec;
	font:11px tahoma,arial;
	padding:0px;
	line-height:16px;
	text-align:left;
}

#portfolio_container_box .portfolio_div_box div.info_box h2{
	font:14px Arial, Helvetica, sans-serif;
	color:#787878;
	font-weight:bold;
	margin:10px 10px 110px 10px;
	margin:5px 7px 0px 8px\9;
	padding:0;
	text-align:center;
}

#portfolio_container_box .portfolio_div_box div.info_box p{
	font:11px tahoma,arial;
	padding-left:10px;
	margin-top:11px\9;
}

#portfolio_container_box .portfolio_div_box div.info_box a.portfolio_box_more{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#00acec;font-weight:bold;padding-right:12px;text-decoration:none;background:url('images/arrow_blue_right.gif') no-repeat right;margin-left:170px;}
#portfolio_container_box .portfolio_div_box div.info_box a.portfolio_box_more:hover{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#00acec;font-weight:bold;padding-right:12px;text-decoration:underline;background:url('images/arrow_blue_right.gif') no-repeat right;margin-left:170px;}

#portfolio_container_box .portfolio_div_box div.info_bg_box{	
	position:relative;	
	background-color:#fff;
	width:484px;	
	z-index:50;
	top:-452px;
	height:226px;		
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}


/******************** PORTFOLIO MAIN ********************/
#portfolio_container{	
	padding:10px 0 20px 0; 	
	margin-bottom:20px;
}

span.arrow_orange_right {padding:0 10px 5px 10px;}

#portfolio_container .portfolio_div_container .portfolio_div img{
	width:230px;
	height:100px;	
	background:url('images/loading.gif') center center no-repeat;
}
#portfolio_container .portfolio_div_container{	
	height:100px; 
	width:230px;	
	margin:0 18px 20px 0;
	margin:0 18px 10px 0\9;
	float:left;
	padding:3px;
	overflow:hidden;	
	position:relative;
	background:url('images/portfolio_main_item_frame.gif');	
}
#portfolio_container .portfolio_div_container .portfolio_div{
	height:100px;
	width:230px;			
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div .info_container{	
	width:230px;
	height:100px;		
	top:100px;		
	z-index:0;
	position:relative;	
}
#portfolio_container .portfolio_div div.info{
	position:relative;	
	width:220px;
	height:90px;
	*height:98px\9;
	+height:98px;
	top:-100px;
	z-index:100;
	color:#FFF;
	font:11px tahoma,arial;
	padding:0px;
	line-height:16px;
	text-align:left;
}

#portfolio_container .portfolio_div div.info h2{
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	margin:10px;
	margin:5px 7px 0px 8px\9;
	padding:0;
}

#portfolio_container .portfolio_div div.info p{
	font:11px tahoma,arial;
	padding-left:10px;
	margin-top:11px\9;
}

#portfolio_container .portfolio_div div.info a.portfolio_main_more{float:right;color:#ffffff;font-weight:bold;padding-right:12px;text-decoration:none;background:url('images/arrow_white_right.gif') no-repeat right;}
#portfolio_container .portfolio_div div.info a.portfolio_main_more:hover{float:right;color:#ffffff;font-weight:bold;padding-right:12px;text-decoration:underline;background:url('images/arrow_white_right.gif') no-repeat right;}

#portfolio_container .portfolio_div div.info_bg{	
	position:relative;	
	background-color:#00acec;
	width:230px;	
	z-index:50;
	top:-200px;
	height:100px;		
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
}

#portfolio_container .portfolio_div_container_navi{	
	height:100px; 
	width:230px;	
	margin:0 18px 20px 0;
	float:left;
	padding:3px;
	overflow:hidden;	
	position:relative;
	background:#ffffff;	
}
#portfolio_container .portfolio_div_container_navi .portfolio_div_navi{
	height:100px;
	width:230px;			
	overflow:hidden;	
	position:relative;
	text-align:center;
	padding-top:30px;
}

/******************** PORTFOLIO DETAILS ********************/

#portfolio_details_container{	
	padding:10px 0 20px 0; 	
}

#portfolio_details_container .portfolio_div_container .portfolio_div img{
	width:475px;
	height:100px;	
	background:url('images/loading.gif') center center no-repeat;
}
#portfolio_details_container .portfolio_div_container{	
	height:100px; 
	width:475px;	
	margin:0 18px 20px 0;
	margin:0 18px 10px 0\9;
	float:left;
	padding:3px;
	overflow:hidden;	
	position:relative;
	background:url('images/portfolio_details_item_frame.gif');	
}
#portfolio_details_container .portfolio_div_container .portfolio_div{
	height:100px;
	width:475px;			
	overflow:hidden;	
	position:relative;
}
#portfolio_details_container .portfolio_div .info_container{	
	width:475px;
	height:100px;		
	top:100px;		
	z-index:0;
	position:relative;	
}
#portfolio_details_container .portfolio_div div.info{
	position:relative;	
	width:475px;
	top:-100px;
	z-index:100;
	height:90px;
	color:#FFF;
	font:11px tahoma,arial;
	padding:0px;	
	line-height:16px;
}

#portfolio_details_container .portfolio_div div.info h2{
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	margin:10px;
	padding-top:67px;
}

#portfolio_details_container .portfolio_div div.info p{
	font:11px tahoma,arial;
	padding-left:10px;
}

#portfolio_details_container .portfolio_div div.info_bg{	
	position:relative;	
	background-color:#00acec;
	width:475px;	
	z-index:50;
	top:-130px;
	*top:-120px;
	+top:-120px;
	height:100px;		
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
}

* html #portfolio_details_container .portfolio_div div.info_bg{	
	position:relative;	
	background-color:#00acec;
	width:475px;	
	z-index:50;
	top:-130px;
	height:100px;		
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
}

#portfolio_details_container .portfolio_div div.info a.portfolio_details_more{color:#ffffff;font-weight:bold;padding-right:22px;text-decoration:none;background:url('images/zoom2.gif') no-repeat 5px 0;background-position:top right;position:absolute;right:10px;}
#portfolio_details_container .portfolio_div div.info a.portfolio_details_more:hover{color:#ffffff;font-weight:bold;padding-right:22px;text-decoration:underline;background:url('images/zoom2.gif') no-repeat 5px 0;background-position:top right;position:absolute;right:10px;}

/******************** PORTFOLIO NAVI ********************/

.navi a, .navi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #00acec;
	color: #FFF;
	background-color: #00acec;
	font-weight:bold;
}
.navi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #00acec;
	color: #FFF;
	background-color: #00acec;
	font-weight:bold;	
}
.navi a:hover {	
	border: 1px solid #f15b24;
	color: #FFF;
	background-color: #f15b24;
	font-weight:bold;
}
.navi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #00acec;
	color: #FFF;
	background-color: #00acec;
	font-weight:bold;
}
.navi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #FFF;
	border: 0;
	background-color: #00acec;
	font-weight:bold;
}
.navi span.current {
	padding: 2px 4px 2px 4px; 
	padding: 2px 4px 0px 4px\9; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #00acec;
	color: #00acec;
	background-color: #FFFFFF;
	font-weight:bold;
}
.navi span.where {
	padding: 0; 
	margin:0 0 5px 0;
	font-weight: bold;
	border: 0;
	color: #00acec;
	background-color: #FFFFFF;
	font-weight:bold;
	display:inherit;
}
.navi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0;
	color: #787878;
	background-color: #FFFFFF;
	font-weight:bold;
}

input.normal {background:#fff;width:295px;height:20px;border:1px solid #c1c1c1;color:#393939;font-size:11px;margin-bottom:5px;}
input.button {background:#00acec;width:60px;height:20px;border:0;color:#fff;font-size:11px;font-weight:bold;}
input.button_reset {background:#c1c1c1;width:60px;height:20px;border:0;color:#fff;font-size:11px;font-weight:bold;}
textarea {background:#fff;width:291px;height:100px;border:1px solid #c1c1c1;color:#393939;font-size:11px;font-family:Tahoma, Arial, Helvetica, sans-serif;}