* {
margin: 0em;
padding: 0em; }

body {
background-color: #999999;
/*color: #585858;*/
color:black;
font-size: 9pt;
font-family: "trebuchet ms", helvetica, verdana, arial, sans-serif;
font-family:Arial,Helvetica,sans-serif;}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
letter-spacing: -1px;
text-align:center;}

h3,h4,h5,h6 {
color: #66000F; }

h2 {
margin-top:30px;
}

h1 span, h3 span, h4 span {
font-weight: bold; }

br.clear {
clear: both; }

img {
padding: 3px;
border: solid 1px #e1e1e1;
}

img.odstepyobraz_lewa {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em; }

a {
text-decoration: underline;
color: #D90003;
}

a:hover {
text-decoration: none; }

ul.links {
list-style: none;
padding-left:1em; }

ul.links li {
line-height: 1.6em;
list-style-type: circle; }

p {
line-height: 1.85em; }

option {
padding-left:3px;
padding-right:20px;
}

input {

margin:5px 10px;

}

input:hover, input:active, input:focus, select:hover, select:active, select:hover {

}

select {
margin-left:10px;
margin-bottom:10px;
}

hr {
color:#AD2539;
margin-top:0px;
border: #AD2539 solid 1px;
}

fieldset {

	border:1px dotted #AD2539; 
}

legend {
	color:#AD2539;
	font-weight:bold;
	font-size:1.1em;
	margin-left:30px;
}
/* Nagłówek */

#naglowek {
width:980px;
height:220px;
border: 0px 5px 0px 5px;
padding:0px;
border-style:solid;
border-color:#AD2539;
background-color:#AD2539;
margin: 0 auto;
position:relative;
color:pink;
}

#lewywstep {
display:inline;
text-align:left;
float:left;
padding: 1px 0px 20px 1px;
position:static;
}

#prawywstep {
display:inline;
text-align:right;
padding: 1px 20px 20px 20px;
position:absolute;
right:0px;
letter-spacing:1px;
font-size:1.1em;
font-weight:bold;}

#naglowek a {
color:white; 
text-decoration:none}

#naglowek a:hover {
text-decoration:underline;}

#naglowek_wejscie {
margin:0px;
margin-top:22px;
padding:0px;
position: relative;
width:980px;
height:200px;
background: white url('images/webpcdemo.jpg') no-repeat right;
text-align:left;}

#naglowek_wejscie img {
border: 0px;
margin-left:-380px;
}

/* Menu rozwijane */

#menu-gora1 {
	position:absolute;
	z-index:105;}

#menu-gora2 {
	position:absolute;
	z-index:104;
	top:26px; }

#menu-gora3 {
	position:absolute;
	z-index:103;
	top:0px; }

#menu-gora4 {
	position:absolute;
	z-index:102;
	top:26px; }

#web-gora {
	position:relative; }

#web-gora2 {
	position:relative;}

#pc-gora {
	position:relative;}

#pc-gora2 {
	position:relative; }
#web1 {
	position:relative;	
	height:52px;
	padding-left:70px; }

#web2 {
	position:relative;
	height:25px;
	padding-left:70px; }

.menu {
width: 140px; 
border-left: 1px solid #E1E1E1; 
height: 25px;
overflow: hidden;
background:#AD2539;
color:white;
float:left;
font-size:9pt;}

.menu:hover {
width: 140px;
height: 100%;
border: 1px solid #AD2539;
background:white;
color: #AD2539; }

.menu ul {
margin: 0px;
padding: 0px; }

.menu li {
list-style-type: none; 
width: 140px; }

.menu .tematyka {
text-decoration: none; 
display: block; 
width: 140px;
padding: 5px;
color:#585858;
text-align:center;
font-weight:bold;/* kolor linka */
border-top: 1px dotted #E1E1E1; 
margin-top:15px; }

.menu .wiecej {
text-align:center; }

.firsty {
border-left:1px solid black; }

.menu li a { 
text-decoration: none;
display: block;
width: 140px; 
padding: 5px; 
color: #3B3B3B;  }

.menu li a:hover { 
text-decoration: underline; 
color: #D90003; 
width: 140px; 
padding: 5px; 
background-color: #E1E1E1 } 

.wieksze li a:hover {
width:180px; }

.menu p { 
text-align: center; 
padding-top:4px;
padding-bottom:10px;}

.menu p:hover {
text-decoration:underline;
font-weight:bold; }



/* Srodkowa */

#srodkowa {
background: #fff url('images/meenu.jpg') no-repeat;
border-left: 3px;
border-right:3px;
border-top:0px;
border-bottom:3px;
padding:-1px, 0px, 0px, 0px;
border-style:solid;
border-color:#AD2539;
width:980px;
margin: 0 auto;
position:relative;
margin-top:-2px; }

#srodkowa_zawartosc {
position: relative;
width: 980px;
margin-left: 15px;
padding-top: 40px; }

#srodkowa_zawartosc p {
text-align: justify; }

#srodkowa_zawartosc ul {
margin-bottom: 1.0em; }

#srodkowa_zawartosc h3 {
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
position: relative; }

#srodkowa_zawartosc h4 {
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
position: relative; }

#srodkowa_zawartosc .podzial {
position: relative; }

#srodkowa_zawartosc .podzial h3 {
position: relative;
font-size: 1.7em;
padding-bottom: 0.2em; }

#gdziejestes {
padding-right:50px;
padding-bottom:10px;}

.witaj {
background:#AD2539;
color:white;
padding:2px 10px;}

.witaj a {
color:white;
}

#tytul h3 {
margin-top:10px;
}

#reszta li {
margin-left:5px;
}
/* Nad srodkowa trescia */
#kolumny_lewa {
position: relative;
margin-right: 395px; 
}

/* Srodkowa kolumna */
#kolumna_tresc {
position: relative;
float: left;
width: 100%;
margin-right: -395px;
padding-right: 2em; }

#kolumna_tresc p {
margin-bottom:2.2em; }


/* kolumny blokow */
#kolumny_prawa {
float: right;
text-transform: none;
margin-left:10px;
margin-right:5px;
width:380px;
border-left: dotted 1px #E1E1E1;
display:block;}


#kolumny_prawa li {
/*list-style-image: url('./images/styl.gif');*/
list-style-type:circle;
margin-left:12px;
}
.kontener {
border:0px solid black;
display:block;
float: left;
}
#kolumny_prawa h3 {
text-transform: uppercase;
font-size:1.4em;
color:#585858;
margin-bottom: 0.8em; }

#kolumny_prawa h4 {
margin-bottom: 0.8em;
margin-top: 0.95em;
border-top: dotted 1px #E1E1E1;
border-bottom:0px;
padding-top:0.35em; }

#kolumny_prawa h3 span {
/*color: #66000F;*/
color:#AD2539;
font-size:1.7em;
font-weight:900; }


/* Lewe bloki */
.kol_lewa {
width: 170px;
float: left;
padding: 0em 0.5em 0.5em 0.5em;
display:block;}

/* Prawe bloki */
.kol_prawa {
width: 170px;
float: left;
padding: 0em 15px 0.5em 0.5em; 
display:block;}

li span {
font-weight:bold; }

#reklama1 {
width: 100%;
bottom: 0;
position: fixed;
margin: 0 auto;
padding:0;
border-top:1px solid black;
border-bottom:0px;
text-align:center;
background: black url('http://webpc.pl/tloreklama1-728x90.JPG') no-repeat;
background-position:center center; }


/* Bloki */

.blok {
width:170px;
border:1px dotted #c1c1c1;
-moz-border-radius: 5px;
border-radius: 5px; 
margin-bottom:10px; }

.blok .tytulbloku {
height:1.8em;
vertical-align:middle;
padding: 0px 5px;
font-weight:bold;
-moz-border-radius: 5px;
border-radius: 5px; 
color:white; }

.blok-bordo {background-color:#AD2539; }
.blok-niebieski {background-color:blue; }
.blok-szary {background-color:gray; }
.blok-zielony  {background-color:green; }
.blok-pomaranczowy {background-color:#ffa500; }
.blok-kasztanowy {background-color:maroon; }
.blok-czerwony {background-color:red; }
.blok-purpurowy {background-color:purple; }
.blok-fuzia {background-color:fuchsia; }
.blok-oliwkowy {background-color:olive; }
.blok-morski {background-color:teal; }
.blok-zolty {background-color:#FECD06;}
.blok .tytulbloku p {
}

.blok .trescbloku {
padding:5px;
text-align:justify;
background-color:#EFEFEF;color:black;}

.blok .trescbloku p {
margin-bottom: 0.2em; }

.blok .trescbloku a {
text-decoration:none; }

.blok .trescbloku a:hover {
text-decoration:underline; }

/* Stopka */

#stopka {
width: 960px;
margin: 0 auto;
text-align: center;
clear: both;
margin-top: 0.5em;
/*margin-bottom: 110px;*/
color:black;
margin-bottom: 10px;
padding-top: 0.5em;}

#stopka a {
color:white;
text-decoration:none;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ccc}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; 
	width:500px;height:183px;
    border:0px solid #dddddd;
    background:url('images/ajaxload.gif') no-repeat center #fff; color:#000;
    text-align: center}
#wyborbok table {border:1px solid gray;background:#eeeeee;}
#wyborbok td td {border:0px solid gray;color:black;text-align:center;}

#podgladszablonow  {margin-top:30px;}
#podgladszablonow td {border:1px solid gray;color:black;text-align:center;padding-bottom:40px;}
#podgladszablonow img {border:0px;margin:0px 10px 0px 10px;}
#podgladszablonow .podglad {font-weight:bold;margin-bottom:40px;font-size:14px; }

div#change_ok { width:550; color:#222222; font-weight:normal; background:#CCFF99; border:1px solid #009900; margin: 5px 0px 0px 0px; padding-top:7px; padding-bottom:10px; -moz-border-radius: 5px; text-align:center;}
div#change_error { width: 550; color: #222222; font-weight: normal; background:#FFD5E5 /*url('images/error.gif') center no-repeat*/; border: 1px solid #FB5F5F; margin: 5px 0px 0px 0px; padding-top:7px; padding-bottom:10px; -moz-border-radius: 5px; text-align:center; }
div#change_pyt { width:550; color:#222222; font-weight:normal; background:#c8e2e3; border:1px solid #84cccf; margin: 5px 0px 0px 0px; padding-top:7px; padding-bottom:10px; -moz-border-radius: 5px; text-align:center;}

.booczne {display:inline}