@import 'css/global.css';
@import 'css/typography.css';
@import 'css/form.css';
@import 'css/menuleft.css';
body          {  background:#fff url(img/bcgr.png) repeat-x;  }
.wrap         {  width:960px;  }
/* =============== header ================= */
div#header    { height:126px;border-bottom:1px solid #cfcfcf;}
a#logo        { width:214px; height:38px; display:block; background:url(img/logo.png) no-repeat; font-size:0; color:#fff;position:absolute;top:52px;left:16px }
div.search   { width:251px; height:54px; position:absolute; top:0; right:0; background:#0287ec url(img/search.png) 12px 22px no-repeat; }

div#register  { width:250px; height:20px; position:absolute; top:20px; right:255px; background:url(img/beh.png) no-repeat 54% 46%;}
div#register  a { line-height:18px;margin-left:20px; background:url(img/arrow.png) 100% 0% no-repeat; padding:0px 20px 4px 0px;font-weight: bold;text-decoration: none;}
div#register  a:hover {text-decoration: underline;}
div#nav       { width:583px; height:34px; position:absolute; bottom:3px; right:0;   }

div#mapa_strony ul,li {margin:0px;padding:0px; margin-left:30px;}

div#nav div#index a{float: left;width:143px; height:34px; background:url('img/menu_str.png') no-repeat; display:block;  }
div#nav div#index a:hover{background:url('img/menu_str_a.png') no-repeat; }
div#nav div#index_active a{float: left;width:143px; height:34px;  background:url('img/menu_str_a.png') no-repeat; display:block;}

div#nav div#ofirmie a{float: left;width:87px; height:34px; background:url('img/menu_ofi.png') no-repeat; display:block; }
div#nav div#ofirmie a:hover{background:url('img/menu_ofi_a.png') no-repeat; }
div#nav div#ofirmie_active a{float: left;width:87px; height:34px;  background:url('img/menu_ofi_a.png') no-repeat; display:block;}

div#nav div#oferta a{float: left;width:82px; height:34px; background:url('img/menu_ofe.png') no-repeat; display:block; }
div#nav div#oferta a:hover{background:url('img/menu_ofe_a.png') no-repeat; }
div#nav div#oferta_active a{float: left;width:82px; height:34px;  background:url('img/menu_ofe_a.png') no-repeat; display:block;}

div#nav div#oddzialy a{float: left;width:96px; height:34px; background:url('img/menu_odd.png') no-repeat; display:block; }
div#nav div#oddzialy a:hover{background:url('img/menu_odd_a.png') no-repeat; }
div#nav div#oddzialy_active a{float: left;width:96px; height:34px;  background:url('img/menu_odd_a.png') no-repeat; display:block;}

div#nav div#kariera a{float: left;width:86px; height:34px; background:url('img/menu_kar.png') no-repeat; display:block; }
div#nav div#kariera a:hover{background:url('img/menu_kar_a.png') no-repeat; }
div#nav div#kariera_active a{float: left;width:86px; height:34px;  background:url('img/menu_kar_a.png') no-repeat; display:block;}

div#nav div#kontakt a{float: left;width:89px; height:34px; background:url('img/menu_kon.png') no-repeat; display:block; }
div#nav div#kontakt a:hover{background:url('img/menu_kon_a.png') no-repeat; }
div#nav div#kontakt_active a{float: left;width:89px; height:34px;  background:url('img/menu_kon_a.png') no-repeat; display:block;}

/* =============== center - punkty =================== */

div#punkty p{margin:0px; padding:0px; line-height:18px;}
div#punkty .punkty_odstep {margin-left:20px;}
.punkty_lewa {float:left; width:332px; border-bottom: 1px solid #cecece; font-weight:bold; color:#737373;}
.punkty_prawa {float:right; width:340px; border-bottom: 1px solid #cecece;font-weight:bold; color:#737373;}
.punkty_lewa_txt {float:left; width:320px; border-right: 1px solid #cecece; margin-top:5px; padding-left:25px; padding-top:10px;} 
.punkty_prawa_txt {float:right; width:320px; margin-top:5px;  padding-left:25px; padding-top:10px;} 


div#baner     { width:100%;  height:253px; margin:2px 0;background:url(img/baner.png) no-repeat; }
div#baner_sm  { width:100%;  height:143px; margin:2px 0;background:url(img/baner_sm.jpg) no-repeat; }
div#baner_sm .baner_sm_txt  { width:600px;  height:75px;  font-weight: bold; padding-top:68px; padding-left:24px; }
/* =============== middle ================= */
div#middle    { width:100%;border-top:1px solid #cfcfcf;line-height: 22px; }
/* =============== main =================== */
div#main      {width:630px;float:left; padding: 20px 5px 0px 5px ; margin:4px 0px; border-right:1px solid #cfcfcf;}
div#main2     {width:742px;float:left; padding: 0px 0px 0px 5px ; margin:4px 0px 4px 3px; margin-right:-3px; border-left:1px solid #cfcfcf;}
div#pathway	  {width:727px; padding-left:15px; ;height:30px;  background:#f2f2f2; }
div#pathway	a {display:block; float: left;background:url(img/arrow_blue.png) 100% 13px no-repeat; padding-right:10px; height:30px; line-height:30px;margin:0px 4px; text-decoration: none; }
div#pathway	a:hover {text-decoration: underline;}
div#pathway	span {display:block;float:left; height:30px; line-height:30px;margin:0px 4px;}
div#main2 div#content {width:700px; margin:0px 10px 20px 20px;padding-top:20px;}
div#content   { width:600px;}
div.modules   { float: left;width: 100%; margin:15px 0px 0px 0px; position:relative;height:auto!important; height:140px; min-height:140px;line-height: 22px; }
div#contact   { width:202px; float: left; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf;padding:13px 0px 15px 5px ;color:#605f5f ;position: absolute;bottom:0;left:0;}
div.box		  {width:330px;float:left;border-right:1px solid #cfcfcf;padding:0px 20px 10px 0px}
div.contact_form { width:315px; float:left;margin:0px 0px 0px 23px; }
div.result { width:100%; float:left;margin:10px 0px;padding:0px 0px 20px; border-bottom:1px solid #cfcfcf;}
div.renct     { width:5px;height:5px;display:block; position: absolute;top:-1px;right:-2px; background: #fff;font-size:0px;}
div#about     { width:380px;float: right;padding:0px 5px 5px;margin:0px 10px 4px 0px;}
a.more		  {clear:both;display: block;float:left; margin:7px 0px;  height:18px; background:url(img/arrow.png) 100% 3px no-repeat; padding-right:20px;font-weight: bold;text-decoration: none;font-size:10px;}
a:hover.more  {color:#000;}	
div.icons     {width:100%;height:15px;position: relative; right:-24px;}
div.icons  a  { display:block; color:#7d7d7e; float:right; height:13px; padding:2px 5px; background:#f2f2f2; text-decoration:none;line-height:13px;margin:5px 3px;}
h3 , h4       { font-family: Arial,sans-serif; }
h3.title      { font: italic  bold  21px  Arial ,sans-serif;margin:7px 0px 10px 0px; }
h4.title      { font: italic  bold  18px  Arial ,sans-serif;margin:10px 0px 10px 0px; }
ul			  { font-weight: bold; color:#0764a9;padding-left:30px; } 	
/* =============== left =================== */
div#left      {width:209px;float:left; }

div.modul_shop  {width: 108px; height:43px; padding:57px 0px 0px 100px; background: url(img/modul_shop.png) no-repeat; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin:20px 0;}
div.modul_shop_orange  {width: 108px; height:43px; padding:57px 0px 0px 100px; background: url(img/modul_shop_orange.png) no-repeat; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin:20px 0;}
/* =============== footer ================= */
div#right     {width:315px;float:right; }
div.modul     {width:95%;padding:20px 0px; margin:auto;}
div#left  div.modul  {width:100%;} 
		
div.modul_shop a { padding:57px 0px 0px 20px;  font-weight:bold;color:#b5b6b6;text-decoration:none;font-size: 12px;}		
div.modul_shop_orange a { padding:57px 0px 0px 20px;  font-weight:bold;color:#b5b6b6;text-decoration:none;font-size: 12px;}		
			
div#btn_sklep a, div#btn_xtell a, div#btn_lp a, div#btn_orange a, div#btn_clientservis  a { padding:50px 0px 0px 200px; display:block;height:38px; width:115px;  font-weight:bold;color:#b5b6b6;text-decoration:none;font-size: 12px;}			
div#btn_sklep a:hover, div#btn_xtell a:hover, div#btn_lp a:hover , div#btn_orange a:hover, div#btn_clientservis  a:hover , div.modul_shop_orange a:hover ,div.modul_shop a:hover {text-decoration: underline;color:#0764a9}			

div#btn_sklep  	{ height:80px; width:315px; background: url(img/btn_sklep.png) no-repeat;  border-bottom:1px solid #cfcfcf; }
div#btn_orange 	{ height:80px; width:315px;  background: url(img/btn_orange.png) no-repeat;  border-bottom:1px solid #cfcfcf; }
div#btn_dell 	{ height:80px; width:315px;  background: url(img/btn_dell.png) no-repeat;  border-bottom:1px solid #cfcfcf; }
div#btn_xtell  { height:80px; width:315px;  background: url(img/btn_xtell.png) no-repeat;  border-bottom:1px solid #cfcfcf; }
div#btn_clientservis2  { height:148px; background: url(img/btn_clientservis.png) no-repeat; border-bottom:1px solid #cfcfcf; }
div#btn_clientservis  { height:80px; width:315px; background: url(img/btn_dell.png) no-repeat;  border-bottom:1px solid #cfcfcf; }
div#btn_lp  { height:80px; width:315px; background: url(img/btn_lp.png) no-repeat;  border-bottom:1px solid #cfcfcf; }

/* =============== footer ================= */
div#footer    { height:38px;border-top:1px solid #cfcfcf;  }
div#footer_nav{ float:left;margin-top:2px; margin-left:2px; }
div#footer_nav a   { border-right:1px solid #cfcfcf;line-height:38px;padding:8px 11px;color:#4d4d4d }
span#studio		   { color:#868686;}
span#studio a	   { font-weight: bold;}	
div#copyright { float:right;line-height:38px }

/* ===============  pagination  ================= */
div.pagination{width:100%;float:left;margin:5px 0px;}
.pagination a, .pagination span {display: block; float: left; padding: 1.2px 0.2px; margin-right: 4px; font-weight: bold;}
.pagination span.current { color: #000; }
.pagination a { text-decoration: none; font-size: 11px; color: #0764A9;}
.pagination a:hover , a:hover.nextprev { color:  #0764A9; text-decoration: underline;}
.pagination a.nextprev { font-weight: bold; padding:1.2px 1px;}
.pagination span.nextprev {color: #000;padding:1.2px 1px;}


/* ===============  other  ================= */
.text_3	ul{ margin:0px; margin-left:10px; padding:0px; list-style:none;}	


.img_center {display: block; margin: 20px auto; }

.error_message{color: red; padding: 5px;}
.txt_form {padding:0px; margin: 15px 0 0 0; font-weight:bold; font-size:10px;}
.form_required {vertical-align: top;color: #FF0000; font-weight: bold}

#gallery img{border: 1px solid #d1d1d1; padding: 6px;}
#img_center {padding-left:80px;}

.margright {margin-right:20px;}