/**********************************************************************************************

	Title: Mediacom CSS
	Author: ilovework.ru
	Date: 4.2011

***********************************************************************************************

	1. Global Reset

	2. General Elements

	3. Constructor
	
	4. Shadowbox

	5. Layout

	6. Content
		
***********************************************************************************************/



/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, font, strong, sub, sup, ol, ul, li, fieldset, form, label, table, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

	img {border: 0;}

	p {margin-bottom: 1.2em;}

	table {border-collapse: collapse; border-spacing: 0;}
	td, th {text-align: left; vertical-align: middle;}

	form {margin: 0;}
	textarea, input, select {margin: 0;}

	h1, h2, h3, h4, h5, h6 {font-weight: bold;}



/* 2. General elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	body {padding: 20px 0; background: #7e8a76; color: #333; font: 14px Arial,sans-serif; overflow-x: hidden;}

	strong {font-weight: bold;}
	em {font-style: italic;}

	input, textarea, select {color: #797979; font: 12px Arial,sans-serif;}

	a {color: #006699; cursor: pointer; text-decoration: underline;}
	a:hover {text-decoration: none;}
	a:visited {}
	a:active {}

	ul {line-height: 1.2em; list-style-type: disc;}
	ul ul {line-height: 1em;}
	
	input[readonly],
	input.readonly {color: #999; cursor: default;}
	input[type="button"],
 	input[type="submit"] {cursor: pointer;}

	i {font-style: normal;}



/* 3. Constructor
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.clear {display: block; height: 0; line-height: 0; font-size: 0; clear: both;}

	
	h1,
	h2 {display: inline; font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}



/* 4. Shadowbox
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	#sb-title-inner,
	#sb-info-inner,
	#sb-loading-inner,
	div.sb-message {font-family: Arial,sans-serif; font-weight: 200; color: #fff;}
	#sb-container {position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none;}
	#sb-overlay {position: relative; height: 100%; width: 100%;}
	#sb-wrapper {position: absolute; visibility: hidden; width: 100px;}
	#sb-wrapper-inner {position: relative; border: 1px solid #303030; overflow: hidden; height: 100px;}
	#sb-body {position: relative; height: 100%;}
	#sb-body-inner {position: absolute; height: 100%; width: 100%;}
	#sb-player.html {height: 100%; overflow: auto;}
	#sb-body img {border: none;}
	#sb-loading {position: relative; height: 100%;}
	#sb-loading-inner {position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center;}
	#sb-loading-inner span {background: url(/img/shadowbox/loading.gif) no-repeat; padding-left: 34px; display: inline-block;}
	#sb-body,
	#sb-loading {background-color: #060606;}
	#sb-title,
	#sb-info {position: relative; margin: 0; padding: 0; overflow: hidden;}
	#sb-title,
	#sb-title-inner {height: 26px; line-height: 26px;}
	#sb-title-inner {font-size: 16px;}
	#sb-info,
	#sb-info-inner {height: 20px; line-height: 20px;}
	#sb-info-inner {font-size: 12px;}
	#sb-nav {float: right; height: 16px; padding: 2px 0; width: 45%;}
	#sb-nav a {display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}
	#sb-nav-close {background-image: url(/img/shadowbox/close.png);}
	#sb-nav-next {background-image: url(/img/shadowbox/next.png);}
	#sb-nav-previous {background-image: url(/img/shadowbox/previous.png);}
	#sb-nav-play {background-image: url(/img/shadowbox/play.png);}
	#sb-nav-pause {background-image:u rl(/img/shadowbox/pause.png);}
	#sb-counter {float: left; width: 45%;}
	#sb-counter a {padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}
	#sb-counter a.sb-counter-current {text-decoration: underline;}
	div.sb-message {font-size: 12px; padding: 10px; text-align: center;}
	div.sb-message a:link,
	div.sb-message a:visited {color: #fff; text-decoration: underline;}



/* 5. Layout
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.container {width: 980px; margin: 0 auto; background: url(/img/bg-1.gif) repeat-x;}
	.container .c1 {background: url(/img/bg-1.gif) repeat-x 0 100%;}
	.container .c2 {background: url(/img/bg-2.gif) repeat-y; margin: 0 -11px;}
	.container .c3 {background: url(/img/bg-2.gif) repeat-y 100% 0;}
	.container .c4 {background: url(/img/bg-3-lt.gif) no-repeat;}
	.container .c5 {background: url(/img/bg-3-rt.gif) no-repeat 100% 0;}
	.container .c6 {background: url(/img/bg-3-rb.gif) no-repeat 100% 100%;}
	.container .c7 {background: url(/img/bg-3-lb.gif) no-repeat 0 100%; padding: 11px;}
	.container .c8 {background: #fff url(/img/bg-4.png) repeat-x 0 155px; border-bottom: 1px solid #fff; padding: 35px 40px 30px 40px; zoom: 1;}
	
	
	.p-head {position: relative; height: 120px;}
	.p-head .maxibit {position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 198px; height: 81px; text-indent: -6000px; background: url(/img/p-head-logo-1.png);}
	.p-head .logo {position: absolute; left: 530px; top: 12px; z-index: 2; display: block; width: 122px; height: 54px; text-indent: -6000px; background: url(/img/p-head-logo-2.png);}
	.p-head .notice {position: absolute; left: 235px; top: 5px; z-index: 1; display: block; width: 400px; font: italic 20px Georgia,serif; color: #005883;}
	.p-head .notice span {color: #84b721;}
	.p-head .links {position: absolute; left: 710px; top: 25px; z-index: 4;}
	.p-head .links a {display: block; width: 12px; height: 10px; text-indent: -6000px; background: url(/img/p-head-ico.gif); line-height: 0; font-size: 0;}
	.p-head .links .home {margin-bottom: 17px;}
	.p-head .links .mail {background-position: 0 -10px;}
	.p-head .phone {display: block; padding-top: 13px; font-size: 22px; line-height: 1.3em; color: #00344b; text-align: right;}


	.p-showcase {margin: -10px -40px 0; position: relative; background: #00344b; border-top: 4px solid #9ccb42; padding: 41px 0 45px 0; text-align: center; zoom: 1;}
	.p-showcase img {display: block; margin: 0 auto; border: 1px solid #708d9a;}
	
	
	.p-menu {border-bottom: 1px solid #fff;}
	.p-menu .p1 {border-bottom: 1px solid #ccd6db; background: url(/img/bg-menu.png) no-repeat 50% 100%; padding: 0 30px;}
		* html .p-menu .p1 {background: none;}
	.p-menu table {width: 100%; height: 49px; font-size: 20px;}
	.p-menu td {white-space: nowrap; vertical-align: middle;}
	.p-menu th {width: 20%;}
	.p-menu a {color: #00344b; text-decoration: none;}
	.p-menu a:hover {text-decoration: underline;}
	
	
	.p-body {margin-top: 25px; zoom: 1;}
	.p-body .p-body-placeholder {float: left; width: 100%; overflow: hidden;}
	.p-body .p-body-placeholder .p-body-container {margin-left: 250px; line-height: 1.4em;}
	.p-body .p-body-left {float:left; width: 205px; margin-left: -100%; padding-top: 5px;}
		.p-body-container .pageHead {margin-bottom: 15px; font-size: 32px; line-height: 1.2em; color: #00344b;}
		.p-body-container .subhead {padding-top: 5px; margin-bottom: 12px; font-size: 20px; color: #00344b;}
		.p-body-container p {margin: 0 0 20px 0;}

		.p-body-left .submenu {}
		.p-body-left .submenu .stands {margin-bottom: 15px; padding: 10px 10px 5px 10px; background: #ebf2f5 url(/img/stands-list-bg.png) repeat-x;}
		.p-body-left .submenu .stands .head {margin-bottom: 4px; font-size: 14px;}
		.p-body-left .submenu .stands ul {font-size: 12px; margin-right: -10px;}
		.p-body-left .submenu .stands li {display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 80px; margin-right: 10px; padding: 9px 0; zoom: 1; text-align: center;}
			* html .p-body-left .submenu .stands li {display: inline;}
			*+html .p-body-left .submenu .stands li {display: inline;}
		.p-body-left .submenu .stands i {display: block; width: 58px; margin: 0 auto 3px; padding: 1px 0; background: #1b6a90;}
		.p-body-left .submenu .stands i i {width: 54px; margin: 0 -1px; border: solid #1b6a90; border-width: 2px 3px; background: #005883;}
		.p-body-left .submenu .stands img {width: 54px; height: 54px;}
		.p-body-left .submenu .stands span {display: block; text-align: center;}
		.p-body-left .submenu .stands a:hover u {text-decoration: none;}
		.p-body-left .submenu .categories ul {list-style: none; font-size: 14px;}
		.p-body-left .submenu .categories li {margin-top: 6px;}
		.p-body-left .submenu .categories ul ul {list-style-type: square; margin-left: 17px; font-size: 12px; color: #999;}

		.p-body-left .searchForm {margin-top: 30px;}
		.p-body-left .searchForm table {border: 1px solid #8aa2ac;}
		.p-body-left .searchForm th {padding: 0;}
		.p-body-left .searchForm th input {width: 23px; height: 22px; border: 0; padding: 0; background: url(/img/ico-search.gif) no-repeat 50% 50%;}
		.p-body-left .searchForm td {width: 99%; padding: 0 5px; vertical-align: middle;}
		.p-body-left .searchForm td input {width: 99%; border: 0; padding: 0; color: #999;}


	.p-foot {margin-top: 25px; border-top: 1px solid #ccd6db; padding-top: 13px; zoom: 1;}
	.p-foot .notice-container {float: left; width: 100%;}
	.p-foot .notice-container .notice {margin-left: 250px; margin-right: 150px; padding-top: 5px; font-size: 12px; line-height: 1.4em; color: #999;}
	.p-foot .phone {float: left; width: 190px; margin-left: -100%; padding-left: 15px; font-size: 22px; line-height: 1.3em; color: #00344b;}
	.p-foot .counter {float: left; width: 100px; margin-left: -100px; text-align: right; padding-top: 10px;}



/* 6. Content
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	

	.catalogueItem .mainInfo {margin-bottom: 20px;}
	.catalogueItem .mainInfo td {vertical-align: top;}
	.catalogueItem .mainInfo .photo {padding-right: 25px;}
	.catalogueItem .mainInfo .photo img {border: 1px solid #005883; display: block;}
	.catalogueItem .mainInfo .info {width: 99%;}
	.catalogueItem .mainInfo .info .notice {margin-bottom: 22px;}
	.catalogueItem .mainInfo .info .links {border-top: 1px solid #ccd6db; padding-top: 10px; font-size: 12px;}
	.catalogueItem .mainInfo .info .links ul {list-style: none;}
	.catalogueItem .mainInfo .info .links li {margin-bottom: 5px;}
	.catalogueItem .photosList {margin-bottom: 25px; position: relative; background: #ebf2f5; padding: 16px 25px;}
	.catalogueItem .photosList ul {list-style: none;}
	.catalogueItem .photosList li {float: left; width: 152px; margin-right: 5px;}
	.catalogueItem .photosList img {border: 1px solid #005883; display: block;}
	.catalogueItem .photosList .jcarousel-prev {position: absolute; left: 0; top: 16px; z-index: 2; display: block; width: 40px; height: 115px; background: url(/img/portfolio-carousel-left.png) repeat-y; cursor: pointer;}
		* html .catalogueItem .photosList .jcarousel-prev {background: none;}
	.catalogueItem .photosList .jcarousel-prev i {position: absolute; left: 7px; top: 50%; display: block; width: 8px; height: 15px; margin-top: -7px; background: url(/img/portfolio-carousel-arrows.gif);}
	.catalogueItem .photosList .jcarousel-prev-disabled {visibility: hidden;}
	.catalogueItem .photosList .jcarousel-next {position: absolute; right: 0; top: 16px; z-index: 2; display: block; width: 40px; height: 115px; background: url(/img/portfolio-carousel-right.png) repeat-y; cursor: pointer;}
		* html .catalogueItem .photosList .jcarousel-next {background: none;}
	.catalogueItem .photosList .jcarousel-next i {position: absolute; right: 7px; top: 50%; display: block; width: 8px; height: 15px; margin-top: -7px; background: url(/img/portfolio-carousel-arrows.gif) -7px 0;}
	.catalogueItem .photosList .jcarousel-next-disabled {visibility: hidden;}
	
	.catalogueItem .description h2 {display: block; padding-top: 5px; margin-bottom: 12px; font-size: 20px; color: #00344b;}
	.catalogueItem .description ul {list-style-type: square; margin-left: 25px; margin-bottom: 20px; font-size: 12px;}
	.catalogueItem .description li {margin-bottom: 7px;}
/*	.catalogueItem .description img {float: left; margin-right: 20px; border: 1px solid #005883;}  */
	.catalogueItem .description img {border: 1px solid #005883;}
	.catalogueItem .description table {margin-top: 10px; width: 100%; font-size: 12px;}
	.catalogueItem .description table th {border: 1px solid #6c6c6c; font-weight: normal; padding: 2px 5px;}
	.catalogueItem .description table tr th:first-child {border-left: 0;}
	.catalogueItem .description table tr th:last-child {border-right: 0;}
	.catalogueItem .description table td {border: 1px solid #6c6c6c; padding: 2px 5px;}
	.catalogueItem .description table tr td:first-child {border-left: 0;}
	.catalogueItem .description table tr td:last-child {border-right: 0;}


	.catalogueItemsList .notice {margin-bottom: 25px;}
	.catalogueItemsList .list ul {list-style: none; color: #666;}
	.catalogueItemsList .list li {margin-bottom: 20px; padding: 0 150px 20px 70px; border-bottom: 1px solid #eaf1f5; zoom: 1;}
	.catalogueItemsList .list .pic {float: right; margin-right: -150px;}
	.catalogueItemsList .list .title {margin-bottom: 7px; font-size: 18px;}
	.catalogueItemsList .list .title a {text-decoration: none;}
	.catalogueItemsList .list .title a:hover u {text-decoration: none;}
	.catalogueItemsList .list .title .ico {float: left; margin-left: -69px; width: 58px; padding: 1px 0; background: #1b6a90;}
	.catalogueItemsList .list .title .ico i {display: block; margin: 0 -1px; border: solid #1b6a90; border-width: 2px 3px; background: #005883;}
	.catalogueItemsList .list .title .ico img {width: 54px; height: 54px;}


	.categoriesList {margin-bottom: 25px;}
	.categoriesList ul {list-style: none; margin-right: -20px; text-transform: uppercase; padding-bottom: 1px; font-size: 12px;}
	.categoriesList li {display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 202px; margin-right: 18px; margin-bottom: 10px; zoom: 1;}
		* html .categoriesList li {display: inline;}
		*+html .categoriesList li {display: inline;}
	.categoriesList .t {display: block; background: url(/img/item-corners.gif) no-repeat; line-height: 0; font-size: 0;}
	.categoriesList .t i {display: block; background: url(/img/item-corners.gif) no-repeat 100% -9px; padding: 0 9px;}
	.categoriesList .t i i {background: url(/img/item-corners.gif) repeat-x 0 -18px; padding: 0; height: 9px;}
	.categoriesList .b {display: block; background: url(/img/item-corners.gif) no-repeat 0 -28px; line-height: 0; font-size: 0;}
	.categoriesList .b i {display: block; background: url(/img/item-corners.gif) no-repeat 100% -37px; padding: 0 9px;}
	.categoriesList .b i i {background: url(/img/item-corners.gif) repeat-x 0 -19px; padding: 0; height: 9px; line-height: 0; font-size: 0;}
	.categoriesList .m {position: relative; top: -2px; margin-bottom: -2px; border: solid #7f99a5; border-width: 0 1px; padding: 0 6px;}
	.categoriesList a {text-decoration: none; color: #000;}
	.categoriesList a u {text-decoration: none;}
	.categoriesList a:hover u {text-decoration: underline;}
	.categoriesList span {display: block; margin-top: 6px; text-align: center;}


	.companyShortNotice {margin-bottom: 40px; width: 100%; overflow: hidden;}
	.companyShortNotice .license {float: left; margin-right: 25px;}
	.companyShortNotice .notice {overflow: hidden; zoom: 1; font: italic 16px/1.3em Georgia,serif; color: #666;}
	.companyShortNotice .notice .link {margin-top: 7px; font: 14px Arial;}


	.newsList ul {list-style: none;}
	.newsList li {margin-bottom: 20px;}
	.newsList .date {margin-bottom: 5px; font: 11px/1.2em Tahoma; color: #999;}
	.newsList .date i {display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 10px; height: 10px; line-height: 0; font-size: 0; margin-right: 4px; margin-top: 1px; zoom: 1; background: url(/img/ico-date.gif);}
		* html .newsList .date i {display: inline;}
		*+html .newsList .date i {display: inline;}
	.newsList .title {margin-bottom: 8px; font-size: 14px;}
	.newsList .notice {color: #666; font-size: 14px;line-height: 1.2em;}


	.newsShortList .list ul {list-style: none;}
	.newsShortList .list li {margin-bottom: 20px;}
	.newsShortList .list .date {margin-bottom: 5px; font: 11px/1.2em Tahoma; color: #999;}
	.newsShortList .list .date i {display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 10px; height: 10px; line-height: 0; font-size: 0; margin-right: 4px; margin-top: 1px; zoom: 1; background: url(/img/ico-date.gif);}
		* html .newsShortList .list .date i {display: inline;}
		*+html .newsShortList .list .date i {display: inline;}
	.newsShortList .list .title {margin-bottom: 5px; font-size: 14px;}
	.newsShortList .list .notice {font-size: 12px; color: #666;}
	.newsShortList .toall {font-size: 14px;}



	.portfolioList .notice {margin-bottom: 25px;}
	.portfolioList .list .item {margin-bottom: 25px;}
	.portfolioList .item .title {margin-bottom: 8px; font-size: 18px;}
	.portfolioList .item .descr {margin-bottom: 10px; color: #666;}
	.portfolioList .item .gallery {position: relative; background: #ebf2f5; padding: 16px 25px;}
	.portfolioList .item .gallery ul {list-style: none; height: 202px; overflow: hidden;}
	.portfolioList .item .gallery li {margin-right: 5px; width: 250px;}
	.portfolioList .item .gallery img {border: 1px solid #005883; display: block;}
	.portfolioList .item .gallery .jcarousel-prev {position: absolute; left: 0; top: 16px; z-index: 2; display: block; width: 40px; height: 202px; background: url(/img/portfolio-carousel-left.png) repeat-y; cursor: pointer;}
		* html .portfolioList .item .gallery .jcarousel-prev {background: none;}
	.portfolioList .item .gallery .jcarousel-prev i {position: absolute; left: 7px; top: 50%; display: block; width: 8px; height: 15px; margin-top: -7px; background: url(/img/portfolio-carousel-arrows.gif);}
	.portfolioList .item .gallery .jcarousel-prev-disabled {visibility: hidden;}
	.portfolioList .item .gallery .jcarousel-next {position: absolute; right: 0; top: 16px; z-index: 2; display: block; width: 40px; height: 202px; background: url(/img/portfolio-carousel-right.png) repeat-y; cursor: pointer;}
		* html .portfolioList .item .gallery .jcarousel-next {background: none;}
	.portfolioList .item .gallery .jcarousel-next i {position: absolute; right: 7px; top: 50%; display: block; width: 8px; height: 15px; margin-top: -7px; background: url(/img/portfolio-carousel-arrows.gif) -7px 0;}
	.portfolioList .item .gallery .jcarousel-next-disabled {visibility: hidden;}
	
	
	.requestForm .notice {margin-bottom: 25px;}
	.requestForm .field {margin-bottom: 13px;}
	.requestForm .field .label {margin-bottom: 2px;}
	.requestForm .field .short {width: 200px;}
	.requestForm .field input,
	.requestForm .field select {font-size: 100%;}
	.requestForm .details {float: left; margin-left: -10px; display: inline; margin-bottom: 13px; padding: 10px; background: #ebf2f5;}
	.requestForm textarea {width: 480px; font-size: 100%;}
	.requestForm .submit {margin-top: 20px; width: 480px; overflow: hidden;}
	.requestForm .submit .required {float: right; font-size: 12px; font-style: italic;}
	.requestForm .submit input {font-size: 12px; margin-right: 20px;}


	.textpage {font-size: 14px; line-height: 1.4em;}
	.textpage .citate {display: block; margin: 5px 160px 20px 30px; border-left: 4px solid #005883; padding-left: 13px; font-style: italic; color: #005883;}
	.textpage ul {list-style-type: square; margin-left: 25px; margin-bottom: 20px;}
	.textpage li {margin-bottom: 5px;}
	.textpage img {margin-right: 15px; border: 1px solid #005883;}
	
/*добавлено мной */
	.textpage table {margin-top: 10px; width: 100%; font-size: 11px;}
	.textpage table th {border: 1px solid #6c6c6c; font-weight: normal; padding: 2px 5px;}
	.textpage table tr th:first-child {border-left: 0;}
	.textpage table tr th:last-child {border-right: 0;}
	.textpage table td {border: 1px solid #6c6c6c; padding: 2px 5px;}
	.textpage table tr td:first-child {border-left: 0;}
	.textpage table tr td:last-child {border-right: 0;}
	
	
	
	.map ul {list-style-type: square; margin: 5px 0 5px 25px;}
	.map li {margin-bottom: 10px;}	

/*доделки*/
	.textpage ol {margin-left: 25px; margin-bottom: 20px;}
	.textpage h2 {display: block; padding-top: 5px; margin-bottom: 12px; font-size: 20px; color: #00344b;}