body { font-size: 11px; font-family: Century Gothic, Verdana, Arial, Sans; color: #333; margin: 0; padding: 0; text-align: center; }
html,body { margin: 0; padding: 0; height:100%; }
body { paddng-bottom: 20px; }
a { color: #bb000b; text-decoration: none; }
a:hover { text-decoration: underline; color: #333; }
a.colorBlack { color: #333; }
a.colorBlack:Hover { color: #bb000b; }
form { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { color: #bb000b; } 
img{ display:block; border:0; }
hr { background: transparent; color: transparent; border: 0; clear: both; padding-top: 6px; display: block; }

.padding10 { padding: 10px; }
.padding0 { padding-left: 0 !important; padding-right: 0 !important; }

#araneo { width: 20%; float: right; text-align: right;  padding-right: 15px; }
#ue-info { width: 70%; float: left;}
#about-us { line-height: 1.25em !important; padding: 10px 20px; }

img#bg { position:fixed; top:0; left:0; width:100%; }

.clear { clear: both; height: 0; line-height: 0; padding: 0; margin: 0; font-size: 1; display: block; }
.alphaBg { background: transparent url(../images/content-bg.png) repeat; }

#bg div { position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index: -70; }
#bg td { vertical-align:middle; text-align:center; }
#bg img { min-height:50%; min-width:50%; margin:0 auto; }

#wrapper { text-align: left; margin: 0 auto; width: 920px; z-index: 70; position:relative; margin-top: 120px; zoom: 1; }
#wrapper #wrapper-in { background: transparent url(../images/content-bg.png) repeat; zoom: 1; }

#logo { background: #FFF; width: 180px; height: 180px; float: left; margin-left: -15px; margin-top: -15px; margin-bottom: 20px;text-indent: -9999px;}
#logo a { width: 180px; height: 180px; display: block; font-size: 13px; background: url(../images/logo.jpg) top left no-repeat; outline: none;}

#mainmenu { width: 555px; float: right; background-color: #bb000b; margin-top: 15px; margin-right: -15px; height: 135px; }
#mainmenu ul { list-style-type: none; margin: 11px 0 0 0; padding: 0 15px; }
#mainmenu ul li { height: auto; display: inline; float: left; }
#mainmenu ul li a { display: block; outline: none; color: #FFF; font-size: 22px; line-height: 30px; text-transform: lowercase; padding: 80px 15px 14px 15px; }
#mainmenu ul li a:hover, #mainmenu ul li a.selected { background: #5d0005; text-decoration: none; }
#mainmenu ul li a strong { font-weight: normal;}
#mainmenu ul ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 200; visibility: hidden; }
#mainmenu ul ul li { display: block; float: none; background: transparent url(../images/menu-bg.png) repeat; padding: 4px 0;}
#mainmenu ul ul li a { padding: 0px 15px; padding-bottom: 2px; margin: 0; line-height: 20px; font-size: 14px; }
#mainmenu ul ul li a:hover { background: #bb000b; }
#mainmenu li:hover ul, #mainmenu li.sf ul { visibility:visible; }
#mainmenu li:hover ul ul, #mainmenu li.sf ul ul { visibility:hidden; }
#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li.sf ul, #mainmenu li li.sf ul { visibility:visible; }

#header { margin-bottom: -15px; }

#content { padding-bottom: 15px;  zoom: 1; display: inline; }
#content #content-in { padding: 15px; zoom: 1; min-height:280px; }

#main ul { line-height: 120% !important; }

#main { margin-bottom: 15px; width: 676px; float: right; margin-top: -15px; }
#main #main-in { min-height: 200px; }
#main ul { color: #D00;  line-height: 10px; margin-left: 10px;  padding-left: 15px; }
#main ul li { color: #333; margin: 0; padding: 0;  }

#main #left-content { float: left; width: 330px;}
#main #left-content #left-content-in { background: transparent url(../images/content-bg.png) repeat; }
#main #right-content { float: right; width: 330px;}
#main #right-content #right-content-in { background: transparent url(../images/content-bg.png) repeat; }
#main #layout-content { float: right; width: 670px; margin-bottom: 10px; }
#main #layout-content #layout-content-in { padding: 10px; background: transparent url(../images/content-bg.png) repeat; }

#main .frontOffer { padding: 1px 10px; padding-bottom: 110px; background-image: url(../images/img-systemymodulowe.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontOthers { padding: 1px 10px;  background-image: url(../images/img-inne.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontPromo { padding: 1px 10px;  background-image: url(../images/img-produktypromocyjne.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontExtra { padding: 1px 10px;  background-image: url(../images/img-extraprogram.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontAbonent { padding: 1px 10px; background-image: url(../images/img-systemabonentowy.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontModul { padding: 1px 10px; background-image: url(../images/img-systemymodulowe.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontProjects { padding: 1px 10px; background-image: url(../images/img-projektyindywidualne.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontFolio { padding: 1px 10px; padding-top: 110px; background-image: url(../images/img-systemabonentowy.jpg); background-position: top center; background-repeat: no-repeat; }

#main .frontGazeta { padding: 1px 10px; background-image: url(../images/img-gazeta.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontRocaklub { padding: 1px 10px;  background-image: url(../images/img-rocaklub.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontRocamadalena { padding: 1px 10px;  background-image: url(../images/img-rocamadalena.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontReduta { padding: 1px 10px;  background-image: url(../images/img-reduta.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontTp { padding: 1px 10px;  background-image: url(../images/img-tp.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontIsover { padding: 1px 10px; background-image: url(../images/img-isover.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontProficlub { padding: 1px 10px; background-image: url(../images/img-proficlub.jpg); background-position: bottom center; background-repeat: no-repeat; }
#main .frontTopex { padding: 1px 10px; background-image: url(../images/img-topex.jpg); background-position: bottom center; background-repeat: no-repeat; }

#main .padding10 { padding: 1px 10px; }

.bgTop { background-position: top center !important; background-repeat: no-repeat; padding-top: 110px !important;  }
.bgBottom { background-position: bottom center !important; background-repeat: no-repeat; padding-bottom: 110px !important; }

.centerInsideLink { text-align: center;  margin-top: 15px;  margin-bottom: 10px; }
.centerInsideLink a { margin: 0 auto; text-align: center; }
.centerInsideLink a img { margin: 0 auto; }

#main h1 { font-size: 24px; font-weight: normal; padding: 0; margin: 10px 0; }
#main h2 { font-size: 24px; font-weight: normal; padding: 0; margin: 10px 0; }
#main p { margin: 10px 0;}
#main .more { text-align: right; }
#main .more a { font-size: 11px; }
#main .more a:hover {}

#side { zoom: 1; position: absolute; float: left; width: 198px; background: transparent url(../images/content-bg.png) repeat; }
#side #side-in { padding: 0 10px; }

#side .h2 { font-size: 22px; font-weight: normal; padding: 0; margin: 10px 0; }
#side .h2 strong { font-weight: normal; }
#side p { margin: 10px 0;}
#side .more { text-align: right; }
#side .more a { font-size: 11px; }
#side .more a:hover {}

	.surv ul, .surv ol { zoom: 1; padding-left: 18px; margin-left: 0; }
	.surv ul { zoom: 1;  list-style-type: none; }
	.surv ol li, .surv ul li { zoom: 1; margin-top: 20px; }
	.surv ol li li, .surv ul li li { zoom: 1; margin-top: 0; }
	.surv ol li ul, .surv ul li ul { zoom: 1; margin-left: 0; padding-left: 18px; list-style-type: none; }
	.surv ol li ul li, .surv ul li ul li { zoom: 1; line-height: 170%; margin-left: -25px !important; }
	.surv ol li input, .surv ul li input { zoom: 1; border: 0; border-bottom: 1px dotted #333; background: transparent; }
	.surv ul li textarea { zoom: 1; border: 1px dotted #333; background: transparent; }

#footer { padding-bottom: 30px; font-size: 9px; }
#footer #copyright { float: left; width: 35%; font-size: 9px;}
#footer #footmenu { float: right; width: 65%; }
#footer #footmenu ul { list-style-type: none; float: right; padding: 0; margin: 0; margin-top: 6px; }
#footer #footmenu ul li { float: left; }
#footer #footmenu ul li a { padding: 0 4px; text-transform: lowercase; font-size: 11px;}
#footer #footmenu ul li a:hover {}
#footer #footmenu ul li a strong {font-weight: normal;}
#footer #normal-footer { float: right; background: transparent url(../images/content-bg.png) repeat; width: 691px; margin-top: 15px; }
#footer #normal-footer #normal-footer-in { padding: 10px; }
#footer #ue-footer { padding-top: 15px; margin-bottom: 35px; }
#footer #ue-footer #ue-footer-in { background: transparent url(../images/content-bg.png) repeat; }
#footer #ue-footer #ue-footer-logo { background: url(../images/zporr-logo.jpg) top left no-repeat; padding-left: 215px; padding-top: 3px; padding-bottom: 3px; line-height: 14px; }
#footer #ue-footer #ue-footer-logo-2 { background: url(../images/zporr-logo-2.jpg) top left no-repeat; padding-left: 145px; margin-top: 10px;  padding-top: 3px; padding-bottom: 3px; line-height: 24px; }

#rotator { height: 100px;  }
#rotator img { display: block; }


#imgmap {
	position: relative;
	_zoom: 1;
        margin-bottom: -8px;
}

#imgmap li {
	position: absolute;
	display: block;
	list-style: none;
	overflow: hidden;
}

#imgmap li a {
	display: block;
	width: 100%;
	height: 100%;
	_background: url(space.gif);
	text-indent: -1000em;
}

#area1 {
	left: 102px;
	top: 94px;
	width: 98px;
	height: 94px;
}

#area2 {
	left: 185px;
	top: 20px;
	width: 95px;
	height: 93px;
}

#area3 {
	left: 221px;
	top: 15px;
	width: 57px;
	height: 64px;
}

#area4 {
	left: 312px;
	top: 12px;
	width: 82px;
	height: 87px;
}

#area5 {
	left: 441px;
	top: 34px;
	width: 84px;
	height: 82px;
}

#area6 {
	left: 536px;
	top: 90px;
	width: 83px;
	height: 84px;
}

#area7 {
	left: 478px;
	top: 166px;
	width: 108px;
	height: 102px;
}

#area8 {
	left: 464px;
	top: 266px;
	width: 96px;
	height: 84px;
}

#area9 {
	left: 340px;
	top: 259px;
	width: 106px;
	height: 102px;
}

#area10 {
	left: 117px;
	top: 206px;
	width: 79px;
	height: 86px;
}

#area11 {
	left: 196px;
	top: 246px;
	width: 105px;
	height: 109px;
}

#area12 {
	left: 264px;
	top: 96px;
	width: 169px;
	height: 161px;
}