/*****************************************************************************/
/* Global  */
/*****************************************************************************/
* { margin: 0 ; padding: 0; }

body {
  background: white;
  font: 11px Tahoma, Arial, Verdana, sans-serif;
  color: #555555;
  line-height: 1.35;
}

a { 
  text-decoration: none;
  color: #db2119;
  font-weight: bold;
}
a img {
  border: 0; 
}
a:hover { color: #666; }
.clear { clear: both; }

h2 { 
	font-size: 15px; 
	font-weight: normal;
}

/*****************************************************************************/
/* global dla biznesu  */
/*****************************************************************************/
#business a { color: #1e86bd; }
#business a:hover { color: #666; }

/*****************************************************************************/
/* Container (holding header, menu, and content)  */
/*****************************************************************************/
#container {
  width: 950px; 
  margin: 5px auto;
}

/*****************************************************************************/
/* HEADER  */
/*****************************************************************************/
#header a {
  display: block;
	background: transparent url("/images/citynet/header.jpg") no-repeat;
  width: 950px;
  height: 251px;
  text-indent: -9999px;
}
/*****************************************************************************/
/* HEADER for business  */
/*****************************************************************************/
#business #header a { background: transparent url("/images/citynet/business/header.jpg") no-repeat; }

/*****************************************************************************/
/* MENU  */
/*****************************************************************************/
#menu {
	width: 950px;
	height: 51px;
	background: transparent url("/images/citynet/menu.gif") no-repeat left top;
}
#menu li { 
	list-style-type: none;
	display: block;
	float: left;
}
#menu li a {
	display: block;
	text-indent: -9999px;
	height: 51px;
}
#menu li a:hover { 
	background-image: url("/images/citynet/menu.gif");
	background-repeat: no-repeat;
}
#menu li.home a { width: 115px; }
#menu li.business a { width: 123px; }
#menu li.tv a { width: 123px; }
#menu li.internet a { width: 107px; }
#menu li.phone a { width: 103px; }
#menu li.promotions a { width: 118px; }
#menu li.network a { width: 78px; }
#menu li.help a { width: 98px; }
#menu li.company a { width: 85px; }

#menu li.home a:hover { background-position: 0px -51px; }
#menu li.business a:hover { background-position: -115px -51px; }
#menu li.tv a:hover { background-position: -238px -51px; }
#menu li.internet a:hover { background-position: -361px -51px; }
#menu li.phone a:hover { background-position: -468px -51px; }
#menu li.promotions a:hover { background-position: -571px -51px; }
#menu li.network a:hover { background-position: -689px -51px; }
#menu li.help a:hover { background-position: -767px -51px; }
#menu li.company a:hover { background-position: -865px -51px; }

/*****************************************************************************/
/* MENU FOR BUSINESS  */
/*****************************************************************************/
#business #menu { background: transparent url("/images/citynet/business/menu.gif") no-repeat left top;}
#business #menu li a:hover { background-image: url("/images/citynet/business/menu.gif"); }
/*****************************************************************************/
/* BANNER  */
/*****************************************************************************/
#banner { margin: 10px 0; }

/*****************************************************************************/
/* MAIN-PAGE services  */
/*****************************************************************************/
#services { width: 950px; }
#services li { 
	list-style-type: none;
	display: inline;
	padding-right: 13px;
}
#services li.last { padding-right: 0; }


/*****************************************************************************/
/* subpage layout  */
/*****************************************************************************/
#left {
	width: 225px;
	float: left;
	margin-top: 10px;
}
#right {
	width: 690px;
	margin: 10px 20px 0 15px;
	float: left;
}
#left h2 { margin: 0 20px 10px 20px; }
/*****************************************************************************/
/* SUBPAGE NAVIGATION  */
/*****************************************************************************/
#navigation { 
	margin: 0 20px 10px 20px;
	border-top: 1px solid #efefef;
}
#navigation li {
	list-style-type: none;
}
#navigation a:hover { 
	color: white;
	padding: 4px 4px 4px 20px;
	background: #db2119 url("/images/citynet/arrow.gif") no-repeat 4px -24px ;
}
#navigation a { 
	background: url("/images/citynet/arrow.gif") no-repeat 8px right;
	color: #666;
	font-weight: normal;
	display: block;
	padding: 4px 0;
	border-bottom: 1px solid #efefef;
}
/*****************************************************************************/
/* subpage banners  */
/*****************************************************************************/
#subpage-banner { margin: 0 -20px 10px 0;}

/*****************************************************************************/
/* PAGE content  */
/*****************************************************************************/
.page-content h2 { margin-bottom: 10px; }
.page-content p { margin-bottom: 10px; }
.page-content table { 
	width: 615px;
	border-collapse: collapse;
	margin: 0 40px 10px 40px;
}
.page-content th { 
	font-size: 12px; 
	border-bottom: 2px solid #c2c2c2;
	padding: 4px;
	text-align: left;
	color: #333;
}

.page-content td { 
	border-bottom: 1px solid #efefef;
	padding: 4px;
}

.page-content tr td:last-child  { text-align: right; }
.page-content tr th:last-child  { text-align: right; }

.page-content ul { margin: 0 20px 10px 60px; }
.page-content strong { color: #333; } 

/*****************************************************************************/
/* FOOTER MENU */
/*****************************************************************************/
#footer-menu { 
	margin-top: 10px;
	background: #f6f6f6 url("/images/citynet/footer-bg.gif") repeat-y; 
}
#footer-menu .top { 
	background: transparent url("/images/citynet/footer-top.gif") no-repeat; 
	height: 7px;
}
#footer-menu .bottom { 
	background: #f6f6f6 url("/images/citynet/footer-bottom.gif") no-repeat;
	height: 8px;
}
#footer-menu .content { 
	padding: 20px 20px;
}
#footer-menu .header { 
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d3d3d3;
}
#footer-menu .header li { 
	list-style-type: none; 
	display: inline;
	border-right: 1px solid #d3d3d3;
	padding-right: 10px;
	margin-right: 10px;
	font-weight: bold;
} 
#footer-menu .header a { 
	color: #555;
	font-weight: normal;
} 

#footer-menu .header li.last { border-width: 0; }

#footer-menu .menu { 
	width: 200px;
	float: left;
}

#footer-menu .menu li { list-style-type: none; }
#footer-menu .menu a { 
	font-weight: normal; 	
	color: #555555;
}
#footer-menu .menu h4 { margin-bottom: 10px; }
#footer-menu .menu h4 a { font-weight: bold; }

/*****************************************************************************/
/* footer  */
/*****************************************************************************/
#footer {
	margin: 5px 20px 20px 20px;
	color: #999;
}