body
{
	font: 12px Arial;
	color: #07484d;
        margin: 0;
}

fieldset
{
 	border: 0; 
}

.small-font
{
	font-size: 10px;  
}

.head
{
	font-weight: bold;
	color: #0195B4;  
}

img
{
 	border: 0; 
}


h1
{
	font: bold 16px Arial;
	margin: 0;
	padding: 0;  
}

h2
{
	font: bold 12px Arial;
	margin: 0;
	padding: 0;  
}

h4
{
	font: bold 12px Arial;
	color: #20a57e;
	margin: 0;
	padding: 0;  
}

h5
{
	font: bold 12px Arial;
	margin: 0;
	padding: 0;  
}

a
{
	font: 12px Arial;
	text-decoration: none;  
}

.grey
{
 	color: #07484d; 
}

div#header
{
  	float: left;
  	width: 95%;
        margin-top: 55px;
        padding: 0 30px;
}

div#header a#logo
{
	display: block;
	float: left;
	width: 245px;
	height: 56px;
	background: url(images/logo.jpg) no-repeat;  
}

div#header form#loginbox
{
	float: right;	 
}

input[type="text"], input[type="password"]
{
	width: 197px;
	height: 27px;
	line-height: 27px;
	padding: 0 7px;
	background: url(images/input-back.jpg) no-repeat; 
	border: 0;
}

input[type="text"]:focus, input[type="password"]:focus
{
	background: url(images/input-back-h.jpg) no-repeat; 
}

input[type="submit"]
{
	width: 81px;
	height: 30px;
	background: url(images/btn.jpg) no-repeat; 
	border: 0;
	cursor: pointer;
	font-size: 10px;
	color: #565656;
}
input[type="submit"]:hover
{
	background: url(images/btn-h.jpg) no-repeat; 
	color: #fff;
}

div#header form#loginbox div#login
{
	background: url(images/login.jpg) no-repeat top left; 
	padding-top: 30px; 
	float: left;	  
}

div#header form#loginbox div#haslo
{
	background: url(images/haslo.jpg) no-repeat top left; 
	padding-top: 30px;
	float: left;	  
}

div#header form#loginbox div#btn
{
	padding-top: 30px; 
	float: left;	  
}

div.container-wide
{
    float: left;
    width: 100%;
}

div.container-wide-back
{
    background: url(images/vertical-back.jpg) repeat-x top;
}

div.container
{
	float: none;
	width: 930px;
	margin: 0 auto;
}

div#content
{
	width: 900px;
	height: 360px;
	float: left;
	background: url(images/content-back.jpg) no-repeat; 
	color: #575143;
	font: 12px Arial;
	  
}

div#content h1
{
	  font: bold 12px Arial;
	  margin: 0;
	  padding: 0;
}

div#content ul, div#content li
{
	  margin: 3px 0;
	  padding: 0;
	  list-style-type: none;
	  font-size: 12px;
}

div#content div#laptopy
{
	width: 355px;
	height: 156px;
	position: relative;
	cursor: pointer;
	text-align: left;
	background: url(images/opt1.png) no-repeat;
	padding: 13px 0 0 25px;	  
}
div#content div#laptopy:hover
{
	background: url(images/opt1-h.png) no-repeat;	  
}

div#content div#stronyinternetowe
{
	width: 268px;
	height: 109px;
	position: relative;
	cursor: pointer;
	text-align: left;
	background: url(images/opt2.png) no-repeat;
	padding: 48px 0 0 35px;	  
}
div#content div#stronyinternetowe:hover
{
	background: url(images/opt2-h.png) no-repeat;	  
}

div#content div#obslugainformatyczna
{
	width: 283px;
	height: 113px;
	position: relative;
	cursor: pointer;
	text-align: left;	 
	background: url(images/opt3.png) no-repeat; 
	left: 580px;
	top: -200px;
	padding: 87px 0 0 40px;
}
div#content div#obslugainformatyczna:hover
{
	background: url(images/opt3-h.png) no-repeat;	  
}

div#content div#obslugainformatyczna:hover, div#content div#stronyinternetowe:hover, div#content div#laptopy:hover
{
 	color: #fff;
}

div#btm
{
  	width: 900px;
	min-height: 350px;
	/* background: url(images/btm-back.jpg) repeat-x top;  */
	float: left;
}

div#btm div.box-container
{
  	width: 267px;
	height: auto;
	float: left;
	margin-left: 30px;
}

div#btm div.box
{
  	width: 267px;
	min-height: 200px;
	text-align: center;
	background: url(images/opt-box-middle.jpg) repeat-y top; 
}

div#btm div.box-top
{
  	width: 267px;
	height: 21px;
	background: url(images/opt-box-top.jpg) repeat-y top; 
}

div#btm div.box-bottom
{
  	width: 267px;
	height: 21px;
	background: url(images/opt-box-bottom.jpg) repeat-y top; 
}

div#btm div.box h2
{
  	font: 12px Arial;
  	padding: 0;
  	margin: 5px auto;
}

div#btm div.box h2 a
{
  	font: normal 12px Arial;
  	color: #1c498d;
  	text-decoration: none;
  	margin: 5px auto;
}

div#btm div.box a.btn
{
  	display: block;
  	width: 246px;
  	height: 27px;
  	background: url(images/btm-btn.jpg); 
  	font: 12px Arial;
  	color: #000;
  	text-decoration: none;
  	line-height: 27px;
  	margin-left: 10px;
  	margin-top: 3px;
}

div#btm div.box a.btn:hover
{
  	background: url(images/btm-btn-h.jpg); 
  	color: #fff;
}

div.cont
{
	width: 930px;
	float: left; 
	margin-top: 30px;
	font: 12px Arial;
	color: #4198b5;
}

div.cont table
{	
	border-collapse: collapse;
	border-spacing: 0px;	
	margin: 0 auto;
}

div.cont table tr
{
	padding: 0 10px;
}

div.cont table td
{
	vertical-align: top;
	padding: 10px;
	background: #f5fafa;
	margin: 10px;
	border-top: 1px solid #75a69e;
}

div.cont a
{
	color: #4198b5;
	text-decoration: none;
}
div.cont a:hover
{
	color: #df1f00;
}

div.cont h2
{
	color: #524c40;
	font: normal 13px Arial;
}

div.cont h3
{
	color: #7e786f;
	font: normal 12px Arial;
}

div#mapa
{
	width: 205px;
  	height: 189px;
  	background: url(images/mapa.jpg) no-repeat bottom;  
  	float: left;
  	padding-top: 30px;
}

div#city
{
	float: left;
	width: 640px; 
	margin-left: 50px;
}

div#cityl
{
	float: left;
	width: 100%; 
}

div#city div, div#cityl div
{
	float: left;
	color: #07484d;
	font: 11px Arial;
	width: 140px;
	padding: 2px 5px;  
	margin: 2px;
	background: url(images/city-back.jpg) repeat-x;
}
div#cityl div.l
{
	float: left;
	color: #07484d;
	font: 11px Arial;
	width: 100%;
	padding: 8px 5px;  
	margin: 2px;
	background: url(images/city-back.jpg) repeat-x top;
}

div#footer
{
	width: 100%;
	height: auto;
	background: #fff; 
	float: left;
	padding: 10px 0;
	font: bold 11px Arial;
	color: #9eb9bb;
	border-bottom: 10px solid #39147B;
}

div#footer a
{
	font: normal 10px Arial;
	color: #9eb9bb;
	text-decoration: none;
	border-right: 1px solid #9eb9bb;
	padding-right: 5px;
	background-repeat: no-repeat;
}
div#footer a:hover
{
	color: #df1f00;
}

div#footer p
{
	margin: 5px 40px;
}

div#footer h2
{
	color: #fff;
	font: bold 12px Arial;
	margin: 10px 30px;
}

fieldset.search input[type="text"]
{
	color: #000;
	background: #340F75 url(images/footer-input.jpg); 
	font: 12px Arial;
	width: 169px;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
}

fieldset.search fieldset
{
	color: #fff;
	font-family: Arial;
}

table#matrix
{
	height: auto;
	max-height: 200px;  
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}

table#matrix tr
{
	height: auto;
	display: block;  
	float: left;
}

table#matrix td
{
	height: auto;  
	display: block;
	float: left;	
  	display: block;
	color: #fff;
	font: 11px Arial;
	text-decoration: none;
	padding: 1px 3px;
	width: 140px;
}

table#matrix a:hover
{
	color: #340F75;
	background: #dad6e2;
}

.showme
{  
	display: block;	
}

/* BANNERY START */

a#bhfs
{
	display: block; 
	width: 852px;
	height: 127px;
	background: #fff url(images/bhfs-banner.jpg); 
	margin: 0 auto;
}

a#serwis
{
	display: block; 
	width: 851px;
	height: 246px;
	background: #fff url(images/serwis-banner.jpg); 
	float: none;
	margin: 0 auto;
}

a#outsourcing
{
	display: block; 
	width: 310px;
	height: 149px;
	background: #fff url(images/outsourcing-banner.jpg); 
	float: left;
	margin-top: 2px;
}

a#monitoring
{
	display: block; 
	width: 852px;
	height: 127px;
	background: #fff url(images/banner-monitoring.jpg); 
	float: none;
	margin: 0 auto;
}

a#ochrona
{
	display: block; 
	width: 200px;
	height: 35px;
	background: #fff url(images/banner-ochrona.jpg) no-repeat left;
	float: right;
}

/* BANNERY END */


a#mail
{
  	display: block;
	float: right;
	width: 31px;
	height: 27px;
	background: #fff url(images/mail-btn.jpg);
	margin-top: 30px;
	margin-left: 10px;
}

a#stats
{
  	display: block;
	float: right;
	width: 31px;
	height: 27px;
	background: #fff url(images/stat-btn.jpg);
	margin-top: 30px;
	margin-left: 10px;
}

div#top-btn-box
{
	width: 216px;
	float: left;  
}

a.top-btn
{
	display: block;
	width: 216px;
	height: 16px; 
	background: #fff url(images/top-btn.jpg) no-repeat; 
	font: 10px Arial;
	color: #494950;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 3px;
}

a.top-btn
{
	display: block;
	width: 216px;
	height: 16px; 
	background: #fff url(images/top-btn.jpg) no-repeat left; 
	font: 10px Arial;
	color: #494950;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 3px;
}
a.top-btn:hover
{
	background: #fff url(images/top-btn-h.jpg) no-repeat left; 
}


div#button-bottom-box
{
	margin-bottom: 20px;
	float:left;
	width: 100%;  
}

div#button-bottom-box a
{
  	display: block;
  	float: left;
  	width: 170px;
  	height: 22px;
	background: #fff url(images/btn-bottom.jpg) no-repeat left; 
	margin-right: 10px;
	color: #fff;
	padding: 4px 0 0 10px;
}
div#button-bottom-box a:hover
{
	background: #fff url(images/btn-bottom-h.jpg) no-repeat left;   
}

div.citylist
{
	height: 200px; 
	overflow-y: scroll;
	margin: 20px auto;
	width: auto;
	background-color: #0f0225; 
	padding: 20px;
	border-top: 4px solid #342058;
	border-bottom: 4px solid #342058;
}

div#top-menu
{
	float: left;
  	width: 100%;  
}

div#top-menu div
{
	padding: 10px 10px; 
	color: #75d3c9;
	margin-left: 10px;
	float: left;
}

div.kontakt-box
{
	width: 261px;
	padding-top: 86px;
	height: auto;  
	float: left;
	color: #4198b5;
	margin-left: 30px;
}

div.it
{
	background: url(images/enkomp-it.jpg) no-repeat top;
}

div.tech
{
	background: url(images/enkomp-tech.jpg) no-repeat top;
}

div.soft
{
	background: url(images/enkomp-soft.jpg) no-repeat top;
}

div.kontakt-box p, div.kontakt-box h2
{
  	margin: 0;
	margin-left: 40px;
	margin-bottom: 5px;
	padding: 0;
}

div.col
{
	float: left;
	width: 30%;
	text-align: justify;
	margin-right: 10px; 
	font-size: 11px; 
}

div.tile
{
    width: 270px;
    height: 96px;
    float: left;
    background: url(images/tile.jpg) no-repeat;
    text-align: center;
    padding: 5px 20px;
    margin-left: 0px;
}

div.tile h1
{
    color: #130A87;
    font: bold 12px Arial;
    margin: 0 auto;
}

div.tile h2
{
    font: bold 12px Arial;
    margin: 0 auto;
}

div.tile p
{
    font: bold 12px Arial;
    margin: 0 auto;
}

div.tile a
{
    float: right;
    font-size: 10px;
    color: #95937c;
    position: absolute;
    margin-top: -15px;
    margin-left: 247px;
    font-weight: bold;
}

div#superheader
{
  	width: 100%;
  	position: absolute;
  	text-align: center;
  	padding: 4px 0;
        background: url(images/superheader.jpg) repeat-x top;

}

div#superheader h1, div#superheader a
{
  	color: #fff;
  	margin: 0;
  	padding: 0;
  	font: 12px Arial;
}

div#tabsbox
{
    width: 836px;
    height: 211px;
    background: url(images/czego-szukasz.jpg) no-repeat; 
    margin: 0 auto;
}

/* TABSY */

#tabs {
	position:relative;
	width:800px;
	height:200px;
	overflow:hidden;
}

.tabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
        margin-left: 250px;
        margin-top: 13px;
}

.tabs_title li {
	float: left;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	color: #201daa;
	font-family: "Trebuchet MS";
	font-size: 13px;
	height: 24px;
	line-height: 24px;
        font-weight: bold;
}

.tabs_title a {
	text-decoration:none;
	color: #201daa;
}

.tabs_title li.over {
	font-weight: bold;
}

.tabs_title li.active {
	background-color: #49A8EC;
        color: #fff;
}

.tabs_panelwrap {
	position: absolute;
	top:28px;
	overflow: hidden;
	width:800px;
	height:170px;
        margin-top: 20px;
}

.tabs_panel {
	/*position:absolute;
	top:28px;*/
	width:800px;
	height:170px;
	display:none;
	overflow: auto;
	color: #000;
	clear: both; 
        margin-left: 50px;
}

.tabs_panel.active {
	display: block;
}

.tabs_panel p {
	margin-left:5px;
        color: #07484d;
        float: left;
        margin-right: 10px;
}

.tabs_panel h1
{
        color: #053d41;
        font-size: 12px;
}

.tabs_panel a
{
        display: block;
        padding: 1px 0;
}