body {
margin: 0px;
font: 100% tahoma, verdana, arial, helvetica, sans-serif;
background-image: url(../obrazki/bg_spring.png);
background-repeat: repeat;
}

.container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
width: 780px;
}

.flash {
height: 152px;
width: 780px;
}

/* Nawigacja */

.navcontainer
{
height: 47px;
width: 778px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-image: url(../obrazki/menu.gif);
background-repeat: repeat;
}

.navcontainer ul { padding: 0; }
.navcontainer ul li { display: inline; }

.navcontainer ul
{
padding-top: 17px;
color: #000000;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: .80em;
font-weight: bold;
}

.navcontainer ul li a
{
padding: 27px;
color: #000000;
text-decoration: none;
background: url(../obrazki/kulka.gif);
background-position: 10px 10px;
background-repeat: no-repeat;
}

.navcontainer ul li a:hover
{
padding: 27px;
color: #FF0000;
background: url(../obrazki/kulka.gif);
background-position: 10px 10px;
background-repeat: no-repeat;
}

.navlist li a:hover, #navlist li a:active
{
color: #FF0000;
text-decoration: none;
text-align: left;
text-transform: uppercase;
}

.topcontent {
height: 26px;
width: 778px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-image: url(../obrazki/top_content.gif);
background-repeat: no-repeat;
}

/* Zawartosc strony */

.contentmain {
width: 778px;
display: table-cell;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-image: url(../obrazki/content.gif);
background-repeat: repeat-y;
}

/* lewa czesc strony */

.contentmainleft {
padding-left: 25px;
width: 520px;
text-align: left;
float: left; 
}

h1 {
font-size: 16px;
font-weight: bold;
margin: 10px 0px 0px 0px;
}

h2 {
font-size: 16px;
font-weight: bold;
text-align: right;
line-height: 35px;
padding-top: 109px;
padding-right: 30px;
margin: 0px 0px 30px 0px;
background-image: url(../obrazki/logo.gif);
background-position: 55px 5px; 
background-repeat: no-repeat;
}

.opis {
font-size: 15px;
text-indent: 1cm;
text-align: left;
}

.opis a {
font-weight:bold;
color:#337A0D;
text-decoration: none;
}

.flash_footer {
margin: 10px 0px 30px 10px;
}

/* prawa czesc strony */

.contentmainright {
color: #FFFFFF;
width: 200px;
float: right;
text-align: left;
}

.banner {
margin: 0px 0px 0px 22px;
}

.przyciskdlaczegomy {
font-size: .70em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-weight: bold;
height: 39px;
margin: 5px 0px 0px 7px;
padding: 13px 0px 0px 60px;
background-image: url(../obrazki/przycisk_spring.gif);
background-repeat: no-repeat;
}

.dlaczegomy {
color: #000000;
font-size: .75em;
font-weight: bold;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
line-height: 14pt;
}

.przyciskakt {
font-size: .70em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-weight: bold;
margin: 15px 0px 0px 7px;
padding: 13px 0px 0px 63px;
height: 39px;
background-image: url(../obrazki/przycisk_spring.gif);
background-repeat: no-repeat;
}


/*****wlasciwosci aktualnosci******/

.rss {
color: #000;
margin: 0px 0px 15px 13px;
width: 170px;
font-size: 11px;
}

.rsslink {
background-color: #DFDFDF;
}

.rssinfo {
padding: 4px 0 10px 0;
}

.rsslink a {
color:#337A0D;
font-weight: bold;
text-decoration:none;
}

.rsslink a:hover {
color: #FE0000;
}
/*********************************/

/*****sonda******/

.przycisksonda {
font-size: .70em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-weight: bold;
margin: 15px 0px 0px 7px;
padding: 13px 0px 0px 80px;
height: 39px;
background-image: url(../obrazki/przycisk_spring.gif);
background-repeat: no-repeat;
}

.sonda {
color: #000000;
margin: -5px 0px 0px 6px;
}

.validate {
color: #000000;
margin: 0px 0px 25px 55px;
}

/********************/

/*****DO OFERTY******/

h3 {
font-size: 14px;
font-weight: bold;
padding-top: 25px;
padding-left: 27px;
}

.contentmainleft li {
margin-bottom: .60em;
text-indent: 0px;
}

.contentmainleft p {
font-size: .70em;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

.oferta_hardware {
font-size: .90em;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
line-height: 150%;
width: 530px;
height: 279px;
margin-top: 30px;
margin-left: -25px;
padding-left: 30px;
background-image: url(../obrazki/oferta_hardware.gif);
background-repeat: no-repeat;
}

.oferta_systemy {
font-size: .90em;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
line-height: 150%;
width: 530px;
height: 539px;
margin-top: 25px;
margin-left: -25px;
padding-left: 30px;
background-image: url(../obrazki/oferta_systemy.gif);
background-repeat: no-repeat;
}

.oferta_www {
font-size: .90em;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
line-height: 150%;
width: 530px;
height: 397px;
margin-top: 15px;
margin-left: -25px;
padding-left: 30px;
background-image: url(../obrazki/oferta_seo.gif);
background-repeat: no-repeat;
}

.www_pic {
margin: 0px 0px 20px 20px;
float: left;
line-height: 0px;
}

.oferta_img {
margin-bottom: 5px;
border-color: #dedede;
border-style: solid;
border-width: 1px;
}

.oferta_prez {
font-size: .90em;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
line-height: 150%;
width: 530px;
height: 283px;
margin-top: 15px;
margin-left: -25px;
padding-left: 30px;
background-image: url(../obrazki/oferta_prez.gif);
background-repeat: no-repeat;
}

.oferta_sieci {
font-size: .90em;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
line-height: 150%;
width: 530px;
height: 298px;
margin-top: 15px;
margin-left: -25px;
padding-left: 30px;
background-image: url(../obrazki/oferta_sieci.gif);
background-repeat: no-repeat;
}

.uslugi {
float: right;
margin: -48px 40px 0px 0px;
width: 226px;
height: 76px;
}

.uslugi img{
text-decoration: none;
border: none;
}

/*****POLECAMY******/

.dimg {
width: 505px;
height: 86px;
margin: 5px 0px 0px 10px;
overflow: hidden;
cursor: pointer;
}

.dimgshow {
width: 505px;
height: 86px;
margin-left:10px;
visibility: hidden;
height: 0px;
overflow: hidden;
position: relative;
}

.dimgshow_content {	
padding: 5px 0px 10px 0px;

font-size: 9pt;
text-align: justify;
position: relative;
}

.heading {
font-weight: bold;
font-size: 10pt;
}

/*****PORADY******/

.wstep {
padding-top: 25px;
font-size: .95em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
text-indent: 35px;
line-height: 140%;
width: 515px;
}

.porady {
margin-left: -26px;
font-size: .95em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
line-height: 140%;
width: 515px;
}

.important {
font-size: .95em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-weight: bold;
margin-top: -10px;
margin-left: 95px;
padding-left: 55px;
padding-top: 9px;
height: 45px;
width: 470px;
background-image: url(../obrazki/uwaga.gif);
background-repeat: no-repeat;
}

.important2 {
font-size: .95em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-weight: bold;
margin-left: 95px;
padding-left: 55px;
padding-top: 9px;
margin-bottom: 10px;
height: 45px;
width: 470px;
background-image: url(../obrazki/uwaga.gif);
background-repeat: no-repeat;
}

/*****LINKI******/

.linki {
margin-top: 25px;
font-size: .95em;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.linki a {
font-size: 14px;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #337A0D;
}

/*****KONTAKT******/
.kontakt_top {
margin-top: 30px;
margin-left: 100px;
height: 95px;
background-image: url(../obrazki/logo_male.gif);
background-repeat: no-repeat;
}

.kontakt_bottom {
margin-top: 25px;
margin-left: 140px;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
padding-top: 3px;
padding-left: 55px;
height: 141px;
line-height: 145%;
background-image: url(../obrazki/kontakt_ikonki.gif);
background-repeat: no-repeat;
}

h4 {
font-size: 18px;
font-weight: lighter;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
padding-top: 43px;
margin-left: 118px;
}

/*****STOPKA******/

.footer_links {
margin-top: -5px;
font-size: 10px;
font-family: arial, tahoma, verdana, helvetica, sans-serif;
color: #3F3E3E;
}

.footer_links a {
color: #3F3E3E;
text-decoration: none;
}

.footer {
padding: 11px 0 0 198px;
margin-bottom: 48px;
text-align: left;
color: #D6EECA;
font-size: .70em;
height: 52px;
width: 793px;
background-image: url(../obrazki/footer_spring.png);
background-repeat: no-repeat;
clear: both;
}

.footer_grass {
height: 100px;
background-image: url(../obrazki/spring_grass.png);
background-repeat: repeat-x;
z-index:-1;
position: relative;
}