body
{
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: url(../images/body.jpg) repeat-x #348de6;
}

.noCSS
{
display: none;
}

.clickLogo
{
position: absolute;
display: block;
width: 180px;
height: 55px;
left: 16px;
top: 20px;
}

.ok 
{
background: url(../images/ok.png) no-repeat left;
border-bottom: 1px solid #37597c;
padding-left: 20px;
margin-top: 2px;
margin-right: 20px;
line-height: 190%;
}


.imgRight
{
float: right;
padding: 1px;
margin-left: 5px;
border: 3px solid #fff;
}

.imgLeft
{
float: left;
padding: 1px;
margin-right: 5px;
border: 3px solid #fff;
}

h1
{
display: none;
color: #000;
}

h2
{
margin: 0px 0px 0px 0px;
font-size: 21px;
color: #192530;
font-weight: bold;
}

h3
{
margin: 0 0 8px 0;

font-size: 18px;
color: #c4121f;
font-weight: bold;
}

.center
{
text-align: center;
}

.imgLeft
{
float: left;
padding-right: 5px;
border: none;
}

.imgRight
{
float: right;
padding-left: 5px;
border: none;
}

.photo
{
padding: 1px;
border: 3px solid #c6e6ff;
}

.clearer
{
clear: both;
height: 1px;
}

#page 
{
position: relative;
margin: 0px auto; 
width: 840px;
text-align: left;
}

#headerMenu
{
position: absolute;
right: 30px;
top: 22px; 
text-align: right;
color: #ffffff;
}

#headerMenu a:link, #headerMenu a:visited
{
font-size: 11px;
Text-Transform: uppercase;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#headerMenu a:hover
{
color: #c9e4ff;
text-decoration: underline;
}

#header
{
position: relative;
width: 840px;
height: 139px;
margin: 0px;
padding: 0px;
background: url(../images/header.jpg) no-repeat; 
}

#header a img
{
position: absolute;
top: 38px;
left: 43px; 
border: none; 
}

#signpost
{      
position: relative;
width: 840px;
height: 269px;
margin: 0px;
padding: 0px;
background: url(../images/signpost.jpg) no-repeat;
font-family: calibri;
font-size: 14px;
color: #fff;
text-decoration: none;
}

#signpost h2
{      
font-size: 23px;
font-weight: bold;
line-height: 100%;
height: 50px;
}

.signpost1
{      
position: relative;
float: left;
width: 176px;
_width: 206px;
height: 225px;
_height: 255px;
margin: 0px 5px 0px 0px;
padding: 15px;
background: url(../images/signpost1.jpg) no-repeat;
}


.signpostA a:link, .signpostA a:visited 
{     
position: absolute;
width: 41px;
height: 40px;
bottom: 0px;
right: 0px;
}

.signpostA a:hover 
{     
background: url(../images/signpostHover.jpg);
}

.signpost1 h2 a:link, .signpost1 h2 a:visited
{      
position: relative;
color: #224161;
text-decoration: none;
}

.signpost1 h2 a:hover
{      
position: relative;
color: #224161;
text-decoration: underline;
}

.signpost2
{      
position: relative;
float: left;
width: 176px;
_width: 206px;
height: 225px;
_height: 255px;
margin: 0px 6px 0px 0px;
padding: 15px;
background: url(../images/signpost2.jpg) no-repeat;
}

.signpost2 h2
{      
color: #062b57;
}

.signpost2 h2 a:link, .signpost2 h2 a:visited
{      
position: relative;
color: #062b57;
text-decoration: none;
}

.signpost2 h2 a:hover
{      
position: relative;
color: #062b57;
text-decoration: underline;
}

.signpost3
{      
position: relative;
float: left;
width: 176px;
_width: 206px;
height: 225px;
_height: 255px;
margin: 0px 5px 0px 0px;
padding: 15px;
background: url(../images/signpost3.jpg) no-repeat;
}

.signpost3 h2
{      
color: #224161;
}

.signpost3 h2 a:link, .signpost3 h2 a:visited
{      
position: relative;
color: #224161;
text-decoration: none;
}

.signpost3 h2 a:hover
{      
position: relative;
color: #224161;
text-decoration: underline;
}

.signpost4
{      
position: relative;
float: left;
width: 176px;
_width: 206px;
height: 225px;
_height: 255px;
margin: 0px;
padding: 15px;
background: url(../images/signpost4.jpg) no-repeat;
color: #314400;
}

.signpost4 h2
{      
color: #2b4b07;
}

.signpost4 h2 a:link, .signpost4 h2 a:visited
{      
position: relative;
color: #2b4b07;
text-decoration: none;
}

.signpost4 h2 a:hover
{      
position: relative;
color: #2b4b07;
text-decoration: underline;
}

#content
{
position: relative;
width: 840px;
margin: 0px;
padding: 0px;
background: #f2f2f2;
box-shadow: 0px 0px 2px #000;
}

.block
{
position: relative;
float: left;
width: auto;
padding: 22px;
font-family: Arial;
color: #000;
line-height: 145%;
}

.block a:link, .block a:visited 
{     
color: #000;
text-decoration: underline;
}

.block a:hover 
{     
text-decoration: none;
}

.block ul 
{     
padding-left: 25px;
}

.block li 
{     
list-style-type: square;
line-height: 170%;
}

.block li strong 
{     
color: #fff;
}

.block .p 
{     
border-left: 2px solid #3e6085;
border-bottom: 2px solid #3e6085;
padding-left: 10px;
padding-bottom: 10px;
}

.block .g 
{     
margin-top: 20px;
padding-top: 5px;
border-left: 2px solid #a9eb39;
border-bottom: 2px solid #a9eb39;
padding-left: 10px;
padding-bottom: 10px;
}

.block .g a
{     
color: #a9eb39;
font-weight: bold;
}

.block h3
{
font-size: 14px;
font-weight: bold;
color: #000;
}

.blockLeft
{
position: relative;
float: left;
width: 479px;
_width: 523px;
padding: 22px;
font-family: Arial;
font-size: 11pt;
color: #000;
line-height: 150%;
}

.blockLeft a:link, .blockLeft a:visited 
{     
color: #0073e2;
text-decoration: underline;
}

.blockLeft a:hover 
{     
text-decoration: none;
}

.blockLeft table 
{     
font-size: 10pt;
font-family: Arial;
color: #000;
line-height: 145%;
border-collapse: collapse;
border: 1px solid #ccc;
box-shadow: 0px 0px 2px #dcdcdc;
}

.blockLeft table th
{     
background: #f2f2f2;
color: #000;
border: 1px solid #e2e2e2;
padding: 5px;
}

.blockLeft table td
{     
background: #fff;
color: #000;
border: 1px solid #e2e2e2;
padding: 5px;
}

.blockLeft .p 
{
/*     
border-left: 2px solid #3e6085;
border-bottom: 2px solid #3e6085;
*/
margin-top: 7px;
padding: 0px 0 10px 0;
}

.blockLeft .g 
{     
border-left: 4px solid #dde6f0;
padding-left: 8px;
font-size: 10pt;
}

.blockLeft .g a
{     
color: #0c355d;
font-weight: bold;
}

.blockLeft h3
{
font-size: 16px;
font-weight: bold;
color: #000;
}

.blockRight
{
position: relative;
float: right;
width: 317px;
padding: 0px;
font-family: Calibri;
color: #000;
}

.blockRight h3
{
font-size: 14px;
font-weight: bold;
color: #000;
}

.blockReference
{
position: relative;
width: 317px;
height: 168px;
box-shadow: -1px 1px 2px #ccc;
background: #dde6f0;
}

.blockReference h4
{
font-size: 18px;
font-weight: bold;
margin: 20px 0 5px 0;
color: #000;
}

.blockReferenceA a
{
font-weight: bold;
text-decoration: none;
color: #093058;
font-size: 13px;
}

.blockReferenceImg
{
position: absolute;
left: 0px;
top: 20px;
width: 164px;
height: 110px;
_height: 114px;
padding-top: 4px;
text-align: center;
}

.blockReferenceImg img
{
border: 2px solid #fff;
padding: 1px;
}

.blockReferenceText
{
position: absolute;
left: 170px;
width: 130px;
top: 5px;
color: #242424;
line-height: 130%;
}

.blockReferenceA
{
position: absolute;
bottom: 20px;
left: 6px;
color: #093058;
line-height: 130%;
}

.iconPhone
{
position: relative;
width: 207px;
_width: 272px;
height: 48px;
_height: 57px;
padding: 9px 0 0 65px;
margin-top: 25px;
background: url(../images/phone.jpg) no-repeat left;
margin-left: 0px;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 38px;
}

.iconPhone span
{
color: #8abbf0;
font-size: 16px;
font-weight: bold;
}

.iconEmail
{
position: relative;
width: 207px;
_width: 272px;
height: 48px;
_height: 57px;
padding: 9px 0 0 65px;
margin-top: 10px;
background: url(../images/email.jpg) no-repeat left;
margin-left: 0px;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 38px;
}

.iconEmail span a
{
color: #8abbf0;
font-size: 16px;
font-weight: bold;
}

.iconCenik
{
position: relative;
width: 267px;
_width: 332px;
height: 41px;
_height: 57px;
padding: 16px 0 0 65px;
margin-top: 10px;
background: url(../images/cenik.jpg) no-repeat right;
margin-left: 30px;
color: #fff;
font-weight: bold;
font-size: 18px;
}

.iconCenik a
{
color: #8abbf0;
font-size: 18px;
font-weight: bold;
}

.iconAnalyza
{
position: relative;
width: 267px;
_width: 332px;
height: 41px;
_height: 57px;
padding: 16px 0 0 65px;
margin-top: 10px;
background: url(../images/analyza.jpg) no-repeat right;
margin-left: 30px;
color: #fff;
font-weight: bold;
font-size: 18px;
}

.iconAnalyza a
{
color: #8abbf0;
font-size: 18px;
font-weight: bold;
}

.referenceCatalog
{
display: block;
float: left;
width: 173px;
_width: 189px;
height: 260px;
padding: 15px 5px 5px 5px;
margin: 5px;
border: 3px solid #c6e6ff;  
text-align: center;
background: #e9f2fb;
color: #243647;
}

.referenceCatalog img
{
border: 1px solid #c6e6ff;
padding: 2px;
margin-bottom: 5px;
}

.blockPartners
{
position: relative;
width: auto;
padding: 10px 22px 10px 22px;
font-family: Arial;
color: #788999;
line-height: 145%;
}

.blockPartners
{
position: relative;
width: auto;
padding: 10px 22px 10px 22px;
font-family: Arial;
color: #788999;
line-height: 145%;
}

.partner1 a:link, .partner1 a:visited
{
display: block;
float: left;
margin-right: 15px;
width: 200px;
height: 95px;
background: url(../images/partnerDcomp.png) no-repeat;
}

.partner1 a:hover
{
display: block;
background: url(../images/partnerDcompHover.png) no-repeat;
}

.partner2 a:link, .partner2 a:visited
{
display: block;
float: left;
margin-right: 15px;
width: 200px;
height: 95px;
background: url(../images/partnerOnebit.png) no-repeat;
}

.partner2 a:hover
{
display: block;
background: url(../images/partnerOnebitHover.png) no-repeat;
}

.blockPartners img
{
border: none;
float: left;
margin-right: 15px;
}

#footer
{
position: relative;
width: 840px;
padding: 15px; 
color: #fff;
text-align: center;
margin: 0px auto;
font-size: 11px;
}

#footer a:link, #footer a:visited
{
color: #fff;
text-decoration: underline;
}

#footer a:hover
{
text-decoration: none;
}

/* jsquery efekt:  */

#tooltip	{
	background-color: #5f93ca;
	border: 1px solid #75abe4;
	color: #fff;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	opacity: 0.85;
	padding: 0 5px;
	position: absolute;
	text-align: left;
	z-index: 3000;
	}
#tooltip h6, #tooltip div	{
	font-family: Arial;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	}