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;}

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; }
#logo a { width: 180px; height: 180px; display: block; font-size: 13px; background: url(../images/logo.jpg) top left no-repeat; outline: none; text-indent: -9999px;}

#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 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 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 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 #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; }