/*

Designed and Coded By: Krzysztof Surma @ LANsys
Date: 25/10/2009


*/

body {font-family: helvetica, georgia;line-height: 1.2em;text-align: center;color: #6c6c6c;background: url(../images/bg02.png);}
ul, li, img, body, html {margin: 0; padding: 0;}
a {text-decoration: none;color: #0088cc;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover {color: #0088cc;  text-decoration: underline;}
a img {border: none;}


/* container */

#container
{
text-align: left;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
width: 800px;
background-color: #ffffff;
height: 600px;
border-bottom: solid 3px black;
border-right: solid 3px black;
padding: 0px;
}

/* header */

#header{position: relative;height: 230px; }
#left_header {  width: 400px; height: 230px;float: left; }
#right_header {  float: left;width: 400px; height: 230px; }
#header_top img#logo {position: absolute;left: -100px;top:20px;}


#header_top {
border-bottom: solid 1px black;
height: 40px;
padding-top: 20px;
padding-left: 100px;
padding-bottom: 0px;
padding-right: 0px;
margin: 0px;
}

#header_top span { font-size: 20px; font-family: serif; font-weight: normal; letter-spacing: 2px;}
#header_top span.systemy  { color: #ff6622; }
#header_top span.it  { color: #ff6622; font-variant: small-caps; font-size: 24px;  }
#header_top span.to  { color: black; }
#header_top span.nasza  { color: black; }
#header_top span.pasja { font-variant: small-caps; color: #ff6622; font-weight: bold; letter-spacing: 1px; }

#left_header p {
margin-left: 90px;
margin-right: 20px;
font-size: 11px;
margin-top: 20px;
line-height: 1.6em;
text-align: justify; 
text-indent: 20px;
font-family: cursive;
}

#right_header img {
border: solid 1px black;
padding: 2px;
margin-left: 67px;
margin-top: 17px;
}



/* main */

#mainContent {
clear: both;
border-top: solid 1px black;
border-bottom: solid 1px black;
padding-top: 20px;
margin-left: 60px;
margin-right: 60px;
padding-left: 0px;
padding-right: 0px;
height: 300px;
}

#row1, #row2, #row3, #row4 {
margin-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
font-size: 11px;
text-indent: 20px;
text-align: justify; 
}

#row1  b { color: #ff6622; font-weight: normal; }
#row2  b { color: #ff6622; font-weight: normal; }
#row3  b { color: #ff6622; font-weight: normal; }
#row4  b { color: #ff6622; font-weight: normal; }

#mainContent h3 { font-variant:small-caps; font-size: 16px; padding-left: 30px;}
span.big { font-size: 14px; vertical-align: -1px; padding: 1px;  }
span.tel {  font-size: 12px; padding-left: 20px; padding-right: 29px; vertical-align: -1px; border-right: 1px dotted #d0d0d0; margin-right: 10px;}
span.email { font-size: 12px; padding-left: 20px; padding-right: 10px; vertical-align: -1px; border-right: 1px dotted #d0d0d0; margin-right: 10px;}

/* footer */

#footer {clear: both;margin: 0px;padding: 0px;}
#footer p {font-size: 11px; float: left; padding-left: 70px; padding-right: 20px; margin-top: 10px;}
#footer a {font-size: 11px;}
#footer ul.menu { padding-top: 10px; }
#footer ul.menu a { padding: 0 0 0 1.1em; margin-left: 1.1em; border-left: 1px dotted #d0d0d0; }
#footer ul.menu li{padding:0; margin:0; list-style:none; display:inline;}