a ta@charset "UTF-8";
/*strona główna*/
.top{ margin-top:10px}
.top p>a{ float:right; padding-top:10px}
 h1 a img{ margin: 0px 0 0px 0; float:left}
.bg-pattern{background:url(../img/pattern2.png) }



.stripe-top { height:10px; background-color:#444444}
ul.menu{ display:block; margin:0 0 0 0; padding:0.7em 0.3em;overflow:hidden; float:right; background:url(../img/bg_gradient.png) repeat-x;}
ul.menu li{ display:inline; padding:0; margin: 0; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:1.2em; font-weight:normal;  line-height:1em;  }
ul.menu li a{padding:0.5em 6px 0.6em 13px; margin:0; color:#000; text-decoration:none; }
ul.menu li a:hover{ text-decoration:none; color:#06F;}
ul.menu li a:link, ul.menu li a:active{ text-decoration:none;}

ul.menu-yellow{ display:block; margin:0 0 0 0; padding:0.5em 0.3em;overflow:hidden; float:right; }
ul.menu-yellow li{ display:inline; padding:0; margin: 0; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-size:1.5em; font-weight:normal;  line-height:1.2em; }
ul.menu-yellow li a{padding:0.5em 14px 1em 13px; margin:0; color:#000; text-decoration:none}
ul.menu-yellow li a:hover{ text-decoration:none; color:#444; background-color:#FFFF33; text-shadow: 1px 1px #fff}
ul.menu-yellow li a:link, ul.menu li a:active{ text-decoration:none;}

.bbottom{border-bottom:1px dotted #ccc; margin:10px 0}
.btop{border-top:1px dotted #ccc; z-index:2}
.slogan-box{  width:950px; height:320px;margin:20px 0 0px 0; background:url(../img/bg_greenfield.jpg) no-repeat }

h2.slogan{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:5em; font-weight:normal; color:#444;  margin:0px 0 0 110px; line-height:1em; display:inline; letter-spacing:-1px; text-shadow: 1px 1px #ccc; float:right}
h2.slogan2{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:5em; font-weight:normal; color:#444;  margin:0px 0 0 0; line-height:1em; display:inline; letter-spacing:-1px; text-shadow: 1px 1px #ccc; float:right}
.main-middle-box{ background:#f2f2f2 ; padding:10px; color:#333; margin-bottom:10px; height:204px; border-bottom:1px solid #ccc }
.main-middle-box-blue{ background:#dce6ef; padding:0; color:#333; margin-bottom:10px; border-bottom:1px solid #6CF; height:204px }
.main-middle-box-research{ background:#e5ffe4; padding:0; color:#333; margin-bottom:10px; border-bottom:1px solid #a4d7a2; height:204px }
 .main-middle-box-grupa-mlife{ background:#f2f2f2; padding:0; color:#333; margin-bottom:10px; border-bottom:1px solid #ccc; height:170px }
 .main-middle-box-kontakt{ background:#f2f2f2; padding:0; color:#333; margin-left:10px; margin-bottom:10px; border-bottom:1px solid #ccc; height:120px}
 .main-middle-box-kontakt2{ background:#f2f2f2; padding:0; color:#333; margin-bottom:10px; border-bottom:1px solid #ccc; height:140px}
.blue-bg img.blue-cube{ margin:-72px 0 0px 40px;}
.blue-bg img.slogan-middle{ margin:90px 0 0px 20px;}
.middle-col{ padding:10px 10px 10px 20px; color:#444; margin:10px 0; font-size:0.9em; }
.middle-col a{ color:#06F; text-decoration:none}
.middle-col a:hover{ text-decoration:underline}
.middle-col p{margin:0}
.middle-col h3{ color:#444; margin-bottom:10px; font-size:1.5em;}
.middle-col img{ margin:-10px 0 10px -10px}
.middle-col-kontakt{ padding:10px 10px 10px 10px; color:#444; margin:10px 0; font-size:0.9em; }
.middle-col-kontakt a{ color:#06F; text-decoration:none}
.middle-col-kontakt a:hover{ text-decoration:underline}
.middle-col-kontakt p{margin:0}
.middle-col-kontakt h3{ color:#444; margin-bottom:10px; font-size:1.5em;}
.middle-col-kontakt img{ margin:-10px 0 10px -10px}


.path{ font-size:0.9em; margin:20px 0}
a.left-box{ padding:10px; background-color:#f2f2f2; margin-bottom:10px; display:block; text-decoration:none; border-bottom:1px solid #ddd}
a.left-box h3{ margin-bottom:0px; font-size:2em; color:#444 !important; text-decoration:none;}
a.left-box span{ color:#555; font-size:0.9em; text-align:justify}
a:hover.left-box h3{ color:#06F !important}
a:hover.left-box span{ color:#06F}
a.product-box{ padding:10px; background-color:#303030; margin-bottom:10px; display:block; text-decoration:none; height:140px; width:210px}
a.product-box-blank{ padding:10px; background-color:#f2f2f2; margin-bottom:10px; display:block; text-decoration:none; height:140px; width:210px}
a.product-box h3{ margin-bottom:5px; font-size:2.2em; color:#FFF; text-decoration:none; text-shadow: 1px 1px #000; display:inline}
a.product-box p{ color:#ccc; font-size:1em;}
a:hover.product-box h3, a:hover.product-box a{ color:#555}
a:hover.product-box { background-color:#f6a513}

ul.product-list{ float:left; list-style:none; margin:0; padding:0; width:100%;}
ul.product-list li a { padding:10px; float:left; height:140px; width:210px; margin:0 10px 10px 0; text-decoration:none;  background-color:#303030; opacity: .95;}
ul.product-list li a h3  {margin-bottom:5px; font-size:2.5em; color:#FFF; text-decoration:none; text-shadow: 1px 1px #000; display:block}
ul.product-list li.last-product a { padding:10px; float:left; height:140px; width:210px; margin:0 0px 10px 0; display:block; text-decoration:none;  background-color:#303030;}
ul.product-list li a:hover{ background-color:#444;}
ul.product-list  li.product-box-blank{ padding:10px; background-color:#f2f2f2; margin-bottom:10px; display:block; text-decoration:none; height:140px; width:210px}

.content-box-products{ padding:20px 0 0 0}
.content-box{ padding:10px; background-color:#dce6ef; margin:0 20px 0 10px; border-bottom:2px solid #fff; border-bottom:0px solid #ccc; width:610px}
.content-box h4{ font-size:1.3em; color:#444; margin-bottom:0px;}
.content-box h2{ margin:-10px 0 0 0 ; font-size:4em; padding:0; color:#444; letter-spacing:-1px}
.content-box p{ margin-bottom:10px; color:#333}
.content-box-rest{ padding:10px}
a.right-box{ background-color:#f6a513; padding:10px; width:160px; display:block}

a.yellow{ background-color:#FFFF33; }
a.yellow h2{ color:#000000}
a.yellow-bg{ background-color:#FFFF33; }
a.yellow-bg h2{ color:#000000}
a.green{ background-color:#a5ff5b}
a.green h2{ color:#000000}
a.blue{ background-color:#69b8e6}
a.blue h2{ color:#000000}
a.purple{ background-color:#f0c0f7}
a.purple h2{ color:#000000}
a.blue2{ background-color:#a7a4d6}
a.blue2 h2{ color:#000000}
a.orange{ background-color:#ffdf87}
a.orange h2{ color:#000000}

.footer{ margin:10px 0}

.services-box-products{ padding:10px; background-color:#777; margin-bottom:10px; display:block; text-decoration:none; color:#fff}
a.services-box-products h3{ margin-bottom:0px; font-size:1.5em; color:#fff; text-decoration:none; }
a.services-box-products span{ color:#444; font-size:0.9em;}
a.services-box-products p{ color:#444; font-size:1em; font-weight:bold}
a:hover.services-box-products h3{ color:#222}

.finance-box-products{ padding:10px; background-color:#bbb; margin-bottom:10px; display:block; text-decoration:none; color:#444}
a.finance-box-products h3{ margin-bottom:0px; font-size:1.5em; color:#fff; text-decoration:none; }
a.finance-box-products span{ color:#666; font-size:0.9em;}
a.finance-box-products p{ color:#444; font-size:1em; font-weight:bold}
a:hover.finance-box-products h3{ color:#222}

ul.products_menu{ list-style:none; margin:0; }
ul.products_menu li { font-size:1.2em; font-weight:bold;}

h3.product-sub-header{ margin-top:20px; padding:0}

#slide_box, #slide_box2 {
    display: none;background-color:#39F;padding:10px;border-bottom:5px solid #333;color:#fff; margin-bottom:10px
}
#slide_box a h4{ padding:10px}

#slide_box a.services-box-products{ background-color:#36F}
#slide_box2 a.services-box-products{ background-color:#36F}

.icons_bg{ background:url(../img/icons_bg.png) no-repeat; margin:200px 0px 0 0; position:fixed; right:0; width:50px; height:210px}

.partnerzy a{ display:block; float:left}
.partnerzy h3{ margin:0}
.partnerzy a span{ display:none}
a:hover.partner_centernet, a:hover.partner_play,  a:hover.partner_orange, a:hover.partner_plus, a:hover.partner_sun, a:hover.partner_cityscreen, a:hover.partner_opencloud, a:hover.partner_cisco, a:hover.partner_horus{ background-position: center -79px}
a.partner_centernet{ background:url(../img/partnerzy_centernet.png) no-repeat center top; width:153px; height:79px}
a.partner_play{ background:url(../img/partnerzy_play.png) no-repeat center top; width:150px; height:79px}
a.partner_orange{ background:url(../img/partnerzy_orange.png) no-repeat center top; width:69px; height:79px}
a.partner_plus{ background:url(../img/partnerzy_plus.png) no-repeat center top; width:98px; height:79px}
a.partner_sun{ background:url(../img/partnerzy_sun.png) no-repeat center top; width:170px; height:79px}
a.partner_cisco{ background:url(../img/partnerzy_cisco.png) no-repeat center top; width:91px; height:79px}
a.partner_cityscreen{ background:url(../img/partnerzy_cityscreen.png) no-repeat center top; width:131px; height:79px}
a.partner_opencloud{ background:url(../img/partnerzy_opencloud.png) no-repeat center top; width:234px; height:79px}
a.partner_horus{ background:url(../img/partnerzy_horus.png) no-repeat center top; width:120px; height:79px}

ul.top_menu { float:right; list-style:none; width:220px; display:block;  margin:8px 0 0 0; padding:0; }
ul.top_menu li a{ float:left; padding:2px 5px; font-size:0.9em; background-color:#f2f2f2; margin-right:5px; text-decoration:none;}
ul.top_menu li a:hover{ color:#666}

.slider_slogan_1{ float:right}


    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
         
            text-indent:-8000px;
            }
    /* // image replacement */
			
/* Easy Slider */

	#slider{ margin-top:20px; background:url(../img/bg_greenfield.jpg) no-repeat; text-decoration:none }	
	#slider ul li a{ text-decoration:none}
	#slider ul li a h2{ font-size:4em; text-decoration:none; color:#fff; font-family:Helvetica Neue, "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 #444; letter-spacing:-1px; float:right; padding:30px 70px 0 0; line-height:1em}
	#slider ul li a h3{ font-size:2.5em; text-decoration:none; color:#fff; font-family:Helvetica Neue, "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 #444; letter-spacing:-1px; float:right; padding:45px 70px 0 0; line-height:1em}
	
	#slider ul, #slider li{
		
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:320px;
		overflow:hidden;
		}	
	/*#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:relative;
		}	
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/jquery.fancybox/fancy_left.png) no-repeat 0 0;	
		}	
	#prevBtn a{ position:absolute; top:110px; left:20px}
	#nextBtn a{ 
		background:url(../img/jquery.fancybox/fancy_right.png) no-repeat 0 0; position:absolute; top:30px; left:900px
		}												*/

/* // Easy Slider */


/* scrollable */

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 170px;
	height:120px;

	/* custom decorations */
	border:1px solid #fff;
	margin: 0 0 0 30px;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:170px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	
	width:150px;
	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
.header-box-podstrona-kontakt{ background:#dce6ef; padding:0; color:#333; border-bottom:1px solid #ccc; padding:10px; width:290px; height:429px}
.header-box-podstrona-kontakt h1{ letter-spacing:-1px; font-size:2.8em; color:#333}
.header-box-podstrona{ background:#dce6ef; padding:0; color:#333; border-bottom:1px solid #ccc; padding:10px; width:290px; height:280px}
.header-box-podstrona h1{ letter-spacing:-1px; font-size:2.8em; color:#333}
.box_kariera{ padding:10px 10px 10px 20px; background-color:#dce6ef; border-bottom:1px solid #8ea6bb; margin-bottom:20px}
.box_kariera p{ margin:0; padding:0}

.social_media_icons{ width:180px; height:70px; position:static; position:absolute; margin:230px 0 0 813px}
.social_media_icons a img{ float:left}