#main .mainBox:hover {
	opacity: 1;
}

.center {
	text-align: center;
}

#main .mainBox {
	position: relative;
	zoom: 1;
	margin: 0 40px 20px 40px; 
	z-index:0;
	opacity: 0.4;
	display: inline;
	float: left;
	width: 210px;
	padding: 15px;
	height: 360px;
	background: url('../../images/mainBox-bg.png') 0 0 no-repeat;
	font-size: 11px;
	line-height: 150%;
}
#main .mainBox a.img {
	display: block;
	margin: 10px auto 20px;
	width: 110px;
	height: 110px;
	text-indent: -90000px;
	background: url('../../images/logoAll.gif') 0 0 no-repeat;
	outline: none;
}
#main .mainBox a.design {
		background-position: 0 -110px;
}
#main .mainBox:hover a.design {
	background-position: 0 0;
}
#main .mainBox a.cdn {
		background-position: -110px -110px;
}
#main .mainBox:hover a.cdn {
	background-position: -110px 0;
}
#main .mainBox a.cc {
		background-position: -220px -110px;
}
#main .mainBox:hover a.cc {
	background-position: -220px 0;
}

#content {
	float: left;
	display: inline;
	width: 700px;
	padding: 0 20px 0 0;
	border-right: 1px solid #2d2e3e; 
}
.column-right {
	display: inline;
	width: 200px;
	padding: 10px;
	float: left; 
}
#main a {
	color: #888;
	text-decoration: none;
}
#main a:hover {
	color: #fff;
	text-decoration: underline;
}
.contentBox-left {
	width: 585px;
	float: left;
	display: inline-block;
	padding: 15px 25px 15px 10px;
	border: 1px solid #2f3140;
	border-width: 1px 1px 0 0px;	
}
#main p {
	margin: 0 0 10px 0;
	color: #696a82;
	font-size: 13px;
	line-height: 18px;
}
#main h2 {
	margin: 25px 0 0 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
}

#main h3 a,
#main h3 {
	color: #fff;
	font-size: 17px;
	line-height: 35px;
	font-weight: normal;
	text-decoration: none;
}
#main h3 a:hover {
	text-decoration: underline;
}
#main .contentBox-right h3 {
	color: #006f9f;
	font-size: 13px;
	line-height: 35px;
	font-weight: normal;
}
#main .contentBox-right {
	width: 290px;
	float: left;
	display: inline-block;
	padding: 15px 20px;
	border: 1px solid #2f3140;
	border-width: 1px 0 0 1px;
	margin-left: -1px;
}
#main .newsList {
	margin: 0 0 15px 0;
	font-size: 11px;
}

#main .newsList a.more {
	clear: both;
	display: block;
	padding: 0px;
	text-align: right;
}
#main .newsList p {
	padding: 0;
	margin: 0;
	font-size: 11px;
}
.newsList h4 a,
.newsList h4 {
	font-size: 12px;
	color: #fff;
}
.newsList h4 a:hover {
	text-decoration: underline; 
}
.newsList a {
	color: #515267;
	text-decoration: none;
}
.newsList a:hover {
	color: #fff;
}
.newsBox h3 span.date {
	font-size: 13px;
	padding: 0 7px;
	color: #515267; 
}

.newsBox {
	border-bottom: 1px solid #515267;
}
.designBox {
	display: inline;
	float: left;
	margin: 20px 8px;
	width: 180px;
	height: 220px;
	padding: 0 20px;
	background: url('../../images/designBox.jpg') 0 0 no-repeat;
}
a.buttonBlue {
	display: inline-block;
	margin: 4px;
	padding: 0 0 0 7px;
	white-space: nowrap;
	font:  Tahoma, Arial, sans-serif;
	background: url('../../images/buttons/buttonBlue.gif') 0 100% no-repeat;
	color: #fff !important;
}
a.buttonBlue:hover {
	background-position: 0 0 !important;
	text-decoration: none !important;
}

a.buttonBlue span {
	display: block;
	padding: 0 7px 0 0px;
	line-height: 30px;
	background: url('../../images/buttons/buttonBlueSpan.gif') right 100% no-repeat;
}

a.buttonBlue:hover span {
	background-position: right 0 !important;
}














a.buttonOrange {
	display: inline-block;
	margin: 4px;
	padding: 0 0 0 7px;
	white-space: nowrap;
	font:  Tahoma, Arial, sans-serif;
	background: url('../../images/buttons/buttonOrange.gif') 0 100% no-repeat;
	color: #fff !important;
}
a.buttonOrange:hover {
	background-position: 0 0 !important;
	text-decoration: none !important;
}

a.buttonOrange span {
	display: block;
	padding: 0 7px 0 0px;
	line-height: 30px;
	background: url('../../images/buttons/buttonOrangeSpan.gif') right 100% no-repeat;
}

a.buttonOrange:hover span {
	background-position: right 0 !important;
}

#main a.strony-www {
	position: absolute;
	bottom: -17px;
	right: -40px;
	display: inline-block;
	width: 150px;
	height: 107px;
	background: url('../../images/banner/strony-www.gif') 0 0 no-repeat;
	text-indent: -90000px;
}
#main a.strony-www:hover {
	background-position: 0 100%;
}





#main div.comes {
	display: block;
	width: 340px;
	height: 260px;
	padding: 20px 20px 20px 300px;
	background: url('../../images/banner/comes.jpg') 0 0 no-repeat;
}
#main div.comes h2 {
	font-size: 28px;
}





table.prices {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
table.prices tr th:first-child {
	border-left: 0px solid #494a58;
}
table.prices th {
	padding: 10px;
	font-weight: normal;
	font-size: 16px;
	color: #fff;	 
}
table.prices td {
	padding: 8px;
	border: 1px solid #494a58;
	border-width: 1px 0 1px 0;
	text-align: center;
}
table.prices td a.shortDescription {
	position: relative;
	text-decoration: none;
	display: block;
	text-align: right;
	padding: 0 10px;
}
table.prices td span.available {
	text-indent: -9000px;
	display: inline-block;
	width:20px;
	height: 20px;
	background: url('../../images/tickIco.gif') 0 0 no-repeat;
}
table.prices td a.shortDescription span {
	position: absolute;
	right: -350px;
	top: -30px;
	display: none;
	visibility: hidden;
	width: 300px;
	padding: 20px;
	border: 1px solid #fff;
	background: #232538;
	text-align: left;
	font-size: 11px;
}
table.prices td a.shortDescription:hover  {
	text-decoration: none !important;
}
table.prices td a.shortDescription:hover span {
	display: block;
	visibility: visible;
	text-decoration: none !important;
}
table.prices tr.price td {
	font-size: 14px;
	color: #fff;
	border-top: 2px solid #fff;
}


#main ul {
	list-style: circle;
	font-size: 13px;
	margin: 10px;
}
#main ul li {
	padding: 6px;
	margin-left: 20px;
}