@import url('reset.css');
@import url('floater.css');

body {
	text-align: center;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background: #fff url(images/background.gif) repeat-x 0 0;
	color: #242424;
}
div {
	text-align: left;
}
p {
	padding: 0;
	margin: 0 0 15px;
	line-height: 140%;
}
a {
	color: #00449d;
	text-decoration: underline;
}

a:hover {
	color: #005ed9;
}
/*----[ dodatkowe klasy ]-----------------------------------------------------------------------*/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.img_right {
	float: right;
	margin: 0 0 10px 20px;
}
.blue {
	color: #16488a;
}
.red {
	color: #c61f01;
}
/*----[ kontener ]-----------------------------------------------------------------------*/
#wrapper {
	width: 970px;
	margin: 0 auto;
}
/*----[ menu ]-----------------------------------------------------------------------*/
#menu {
	width: 970px;
	height: 140px;
	margin: 13px 0 20px;
	background: transparent url(images/menu.jpg) no-repeat 0 0;
}
#menu li {
	width: 162px;
	height: 140px;
	float: left;
}
#menu li a {
	width: 100%;
	height: 140px;
	float: left;
	background: transparent url(images/menu.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#menu li.windows, #menu li.multimedia { width: 161px; }

#menu li.windows a { background-position: 0 0; }
#menu li.oprogramowanie a { background-position: -161px 0; }
#menu li.sprzet a { background-position: -323px 0; }
#menu li.bezpieczenstwo a { background-position: -485px 0; }
#menu li.internet a { background-position: -647px 0; }
#menu li.multimedia a { background-position: -809px 0; }

#menu li.windows a:hover,
#menu li.windows a.selected { background-position: 0 -140px; }
#menu li.oprogramowanie a:hover,
#menu li.oprogramowanie a.selected { background-position: -161px -140px; }
#menu li.sprzet a:hover,
#menu li.sprzet a.selected { background-position: -323px -140px; }
#menu li.bezpieczenstwo a:hover,
#menu li.bezpieczenstwo a.selected { background-position: -485px -140px; }
#menu li.internet a:hover,
#menu li.internet a.selected { background-position: -647px -140px; }
#menu li.multimedia a:hover,
#menu li.multimedia a.selected { background-position: -809px -140px; }

/*----[ box menu ]-----------------------------------------------------------------------*/
#left h2, #right h2 {
	background: transparent url(images/background_h2.jpg) no-repeat 0 0;
	height: 24px;
	padding: 9px 0 0 18px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
}
.box_menu {
	background: transparent url(images/background_box_menu.gif) no-repeat center bottom;
	padding: 0 0 8px;
	margin: 0 0 15px;
}
.box_menu ul {
	border-right: 1px solid #16488a;
	border-left: 1px solid #16488a;
	padding: 0 10px;
}
.box_menu ul li {
	border-bottom: 1px solid #e6e6e6;
}
.box_menu ul li.multimedia, .box_menu ul li.kontakt {
	border-bottom: 0 none;
}
.box_menu ul li a {
	display: block;
	color: #283d5a;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 20px 7px 7px;
	background: #fff url(images/icon_arrow_menu.gif) no-repeat 170px center;
}
.box_menu ul li a:hover, .box_menu ul li a.selected {
	padding: 7px 7px 7px 20px;
	background-position: 10px center;
}
/*----[ left ]-----------------------------------------------------------------------*/
#left {
	width: 207px;
	float: left;
	padding: 0 0 15px;
}
#left a.link_prezent {
	display: block;
	width: 207px;
	height: 67px;
	text-indent: -9999px;
	background: transparent url(images/b_prezent.jpg) no-repeat 0 0;
	margin: 0 0 15px;
}
#left a.link_prezent:hover {
	background-position: 0 -67px;
}
#left a.link_okres_testowy {
	display: block;
	width: 207px;
	height: 67px;
	text-indent: -9999px;
	background: transparent url(images/b_okres_testowy.jpg) no-repeat 0 0;
	margin: 0 0 15px;
}
#left a.link_okres_testowy:hover {
	background-position: 0 -67px;
}
/*----[ center ]-----------------------------------------------------------------------*/
#center {
	width: 520px;
	padding: 4px 18px 15px;
	float: left;
}
#center h1 {
	color: #2a3112;
	font-size: 23px;
	font-weight: bold;
	border-bottom: 1px solid #b9c8dc;
	padding: 0px 0px 3px;
	margin: 0px 0px 15px;
}
#center h2 {
	font-size: 15px;
	font-weight: bold;
	line-height:20px;
	margin: 0 0 7px;
}
#center ul {
	margin: 0 0 10px 10px;
}
#center ul li {
	background: transparent url(images/li.gif) no-repeat 0 6px;
	margin: 0 0 4px;
	line-height: 140%;
	padding: 0 0 0 10px;
}

#center .ramka {
background-color:#F8F8F8;
border:1px strong #CFCFCF;
font-style:italic;
margin-bottom:18px;
padding:10px;
}

#center a.link-h2 {
	font-size: 15px;
	font-weight: bold;
	line-height:20px;
	margin: 0 0 7px;
	text-align:center;
	display:block;
}

#center p.wiecej {
	text-align:right;
}

#center p.wiecej a {
	background:url("../images/icon_wiecej.gif") no-repeat scroll right center transparent;
	padding:0 21px 0 0;
	color:#0E345E;
	text-decoration:none;
}

#center p.wiecej a:hover {
	text-decoration:underline;
}


table.teksty td { vertical-align:top; border:1px solid #164587; padding:10px 5px;}
/*----[ right ]-----------------------------------------------------------------------*/
#right {
	width: 207px;
	float: right;
	padding: 0 0 15px;
}
#right .wypowiedz {
	background: #fafbff url(images/background_wypowiedz.gif) no-repeat 0 0;
	padding: 4px 0 0;
	margin: 0 0 15px;
}
#right .wypowiedz q {
	quotes: none;
	display: block;
	padding: 8px 14px;
	background-color: #fafbff;
	border-right: 1px solid #56739a;
	border-left: 1px solid #56739a;
}
#right .wypowiedz q img {
	margin: 0 5px 0 0;
}
#right .wypowiedz cite {
	background: transparent url(images/background_cite.gif) no-repeat 0 0;
	display: block;
	padding: 15px 0 0;
}
#right .wypowiedz cite b {
	font-weight: normal;
	font-style: normal;
}
/*----[ stopka ]-----------------------------------------------------------------------*/
#stopka {
	padding: 10px 0;
	background: transparent url(images/background_stopka.gif) repeat-x 0 0;
	font-size: 10px;
	color: #54585b;
	text-align: center;
	clear: both;
}
#stopka a {
	color: #54585b;
	text-decoration: none;
}
#stopka a:hover {
	text-decoration: underline;
}

div#wipcss div.formularzV1 h2.gform-v1-title {
	background:green url('http://gfx.media.wip.pl/form/title-bg-blue.png') repeat scroll 0 0 !important;
}

div#wipcss div.info {background:transparent url('http://gfx.media.wip.pl/form/icon_how.gif') no-repeat scroll center center!important;
}

div#wipcss div.formularzV1 label {
	color:#4b597c!important;
}

div#wipcss div.formularzV1 div.hint {
	border:1px solid #4b597c!important;
	background:#ebebeb none repeat scroll 0 0!important;
}

div#wipcss div.regulaminContent {
	background:#ebebeb none repeat scroll 0 0!important;
	border:1px solid #4b597c!important;
}

div#wipcss div.formularzV1 div.regulamin h3 {
	background:#4b597c none repeat scroll 0 0!important;
}