@charset "utf-8";
/* CSS Document */

html, body {background-color: #f7f7f7;}

body {
	color: #000; font-size: 15px; line-height: 1.3;
	font-family: Arial, Helvetica, sans-serif;
	}

div.CenterBox {
	display: block; overflow: hidden; /* clear floats */
	width: 1170px; height: auto;
	margin: 0 auto; padding: 0 35px;
	text-align: left;
}

.Header, .MenuBox, .Promo, .Title, .Content, .Footer {min-width: 1240px;}

/* Hypertext */

a {text-decoration: none; background-color: transparent;}
a:link {color: #1d76bf;}
a:visited {color: #1d76bf;}
a:hover {color: #2496f2; text-decoration: underline;}
a:active {color: #2496f2; text-decoration: underline;}


.MenuBox a 		{text-decoration: none; background-color: transparent;}
.MenuBox a:link 	{color: #f7f7f7;}
.MenuBox a:visited {color: #f7f7f7;}
.MenuBox a:hover 	{color: #fff; background-color: #228ee5;}
.MenuBox a:active 	{color: #fff; background-color: #228ee5;}

.SubMenu a {text-decoration: none; background-color: transparent;}
.SubMenu a:link {color: #1d76bf;}
.SubMenu a:visited {color: #1d76bf;}
.SubMenu a:hover {color: #2496f2; text-decoration: underline;}
.SubMenu a:active {color: #2496f2; text-decoration: underline;}

.CategoriesMenu a {
  text-decoration: none; background-color: transparent; display: block;
  padding: 4px 4px 4px 6px;
}
.CategoriesMenu a:link 	  {color: #f7f7f7; background-color: #2496f2;}
.CategoriesMenu a:visited {color: #f7f7f7; background-color: #2496f2;}
.CategoriesMenu a:hover 	{color: #fff; text-decoration: none; background-color: #228ee5;}
.CategoriesMenu a:active 	{color: #fff; text-decoration: none; background-color: #228ee5;}

.Promo a {text-decoration: none; background-color: transparent;}
.Promo a:link {color: #66baff;}
.Promo a:visited {color: #66baff;}
.Promo a:hover {color: #fff;}
.Promo a:active {color: #fff;}

.Footer a {text-decoration: none; background-color: transparent;}
.Footer a:link {color: #777;}
.Footer a:visited {color: #777;}
.Footer a:hover {color: #777; text-decoration: underline;}
.Footer a:active {color: #777; text-decoration: underline;}

.CatItems .Item {text-decoration: none;}

h1, h2, h3 {margin-bottom: 0.5em; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 36px; line-height: 1.1; color: #737373; margin: 0; padding: 0; display: block;}
h2 {font-size: 24px; line-height: 1; color: #737373; margin: 0 0 .5em 0; padding: 0; display: block;}
h3 {font-size: 15px; line-height: 1.3; margin: 0 0 .7em 0; padding: 0; font-weight: bold;}

.Benefits h2 {font-size: 24px; color: #2496f2; margin-bottom: .3em;}

ul {margin-bottom: 1.2em; padding-left: 2em; list-style-type: disc; font-size: 15px;}
ul li {margin-bottom: 0.5em;}

p {font-size: 15px;}

.BreadCrumbs {font-size: 12px; line-height: 1.1;}

.Footer {font-size: 12px; color: #777;}

.SiteMap ul {font-size: 18px; line-height: 20px;}
.SiteMap ul ul {font-size: 14px; line-height: 16px;}
.SiteMap ul ul ul {font-size: 12px; line-height: 14px;}



/* Layout */

/* Colums */
.ColLeft 	{float: left; width: 270px;}
.ColCenter 	{float: left; width: 570px; margin-left: 30px;}
.ColRight 	{float: right; width: 270px;}

.ColsBox1 .ColCenter {float: none; display: block; width: 100%; margin: 0;}

.ColsBox2Left .ColLeft 		{float: left; width: 270px;}
.ColsBox2Left .ColCenter 	{float: left; width: 870px; margin-left: 30px;}

.ColProducts {float: left; width: 900px; padding-top: 2px;}

.Content .ColLeft {padding-top: 2px;}
.Footer .ColRight {text-align: right;}



.Header {
	min-height: 80px; padding-top: 30px;
	background-color: #fff;
	}
.Header .ColCenter p {font-size: 24px; padding-top: 12px; font-style: italic; color: #777;}
.Header .ColRight {text-align: right;}


.MenuBox {
	background-color: #2496f2;
	color: #fff;
	}

	.MenuBox ul {
		list-style-type: none; margin: 0; padding: 0; font-size: 16px; overflow: auto;
		border-left: 1px solid #fff;
		}
	.MenuBox ul li {
		float: left;
		margin: 0; padding: 0;
		border-right: 1px solid #fff;
		}
	.MenuBox a, .MenuBox .Selected {display: block; padding: 10px 15px;} /* Menu Items Padding */
	.MenuBox .Selected {background-color: #e5e5e5; color: #000;}

	.MenuBox .MainMenu {
		float: left;

	}
	.MenuBox .LangMenu {
		float: right;
	}



.BreadCrumbs {
	padding-top: 8px; padding-bottom: 8px;
	background-color: #e5e5e5;
	}

.Title {
	padding-top: 25px; padding-bottom: 30px;
	background-color: #f7f7f7;
	}

.Promo {
	padding: 0;
	background-color: #ffffff;
	}
	.Promo .BannerBig {
        overflow: hidden;
		height: 300px; padding: 0px; margin: 0 1px 0 1px;
		background-color: #454545;

		border-bottom: 5px solid #2496f2;
		border-radius: 0 0 30px 0;
		}

        /* Slides Pager */
        .SlidesPager {position: absolute; bottom: 0px; left: 584px; width: 560px; margin: 0; padding: 0; z-index: 500; overflow: hidden; text-align: center;}
        .SlidesPager span {
            display: inline-block; cursor: pointer; color: #888;
            font-family: Arial, Helvetica, sans-serif; font-size: 42px; line-height: 40px; width: 17px;
            transition: all .5s ease;
            }
        .SlidesPager span:hover {color: #73c0ff;}
        .SlidesPager span.cycle-pager-active {color: #ededed; cursor: default;}

        .SlideBox img,
        .SlideBox .SlideText {float: left; width: 584px; height: 300px;}
        .SlideBox img {}
        .SlideBox .SlideText {width: 480px; margin-left: 60px;}

        /* Vertical align */
        .SlideText {display: table; height: 295px; padding-top: 5px;}
        .SlideText .VertAlign {display: table-cell; vertical-align: middle;}

        .SlideBox .SlideText h1 {color: #73c0ff; font-size: 24px; line-height: 1.2; font-weight: normal; font-style: italic; margin-bottom: 15px;}
        .SlideBox .SlideText p {color: #ededed; font-size: 16px; line-height: 1.4;}


	.Promo a {
		display: block; padding: .3em 0 .3em 11px;
		background-image: url('../img/arrow.png'); background-repeat: no-repeat; background-position: 0px 50%;
		}
	.Promo a:hover {
		background-image: url('../img/arrow_hover.png');
		}


.Benefits {}
	.Benefits .Col1,
	.Benefits .Col2,
	.Benefits .Col3 {float: left; width: 370px; margin-left: 30px; margin-bottom: 10px;}
	.Benefits .Col1 {clear: left; margin-left: 0;}


.Content {
	padding-top: 30px; padding-bottom: 50px;
	min-height: 250px;
	background-color: #fff;
	}

h3.SubMenuTitle {
    color: #777;
    font-size: 15px; line-height: 1; font-weight: normal; font-style: italic;
    margin: 0 0 7px 0; padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    }

ul.SubMenu 		{margin: 0 0 35px 0; padding: 0; list-style-type: none; font-size: 15px; line-height: 1.2;}
.SubMenu li 	{margin: 0 0 .5em 0; padding: 0;}
.SubMenu ul 	{margin: .7em 0 1.2em 0; padding: 0; list-style-type: none;}
.SubMenu ul li 	{margin: 0 0 .2em 1.5em;}

ul.CategoriesMenu {margin-bottom: 30px;}
.CategoriesMenu li {margin-bottom: 1px;}
.CategoriesMenu li strong {
  background-color: #e5e5e5; color: #000;
  font-weight: normal; display: block;
  padding: 4px 4px 4px 6px;
}

.Footer {
	min-height: 40px; padding-top: 10px;
	}


/* Other */

.HeaderContacts {color: #777; line-height: 1.25; margin-top: 3px;}
.HeaderContacts strong {font-size: 20px; font-weight: normal; color: #000;}
.HeaderContacts span {color: #777;}

.TextIntro {font-size: 18px;}


/* Universal Transition */
.HoverTrans a {transition: all .5s ease;}

/* Img Thumbnails <a> hover */
.HoverPack a {
	display: block;
	border-bottom: 3px solid #fff;
	transition: all .5s ease;
	}
.HoverPack a:hover 		{border-bottom-color: #2496f2;}
.HoverPack a img 		{opacity:1; transition: opacity .5s ease;}
.HoverPack a:hover img 	{opacity:.8;}



.ImgMain img {width: 270px;}

.ImgExtra {margin-left: -10px;}
.ImgExtra a {float: left; margin-top: 7px; margin-left: 10px;}
.ImgExtra img {width: 130px; height: 130px;}

.DocsBox a {float: left; margin-top: 7px; margin-left: 0;}
.DocsBox a:first-child {margin-right: 10px;}
.DocsBox img {width: 130px; height: 185px;}


table.Models {font-size: 15px; line-height: 1.3; width: auto;}
table.Models, .Models th, .Models td {}
.Models th, .Models td {}
.Models th {font-weight: normal;}
.Models td {padding-left: 2em; vertical-align: middle;}

table.Specs {font-size: 15px;}
table.Specs, .Specs th, .Specs td {border: 1px solid #e6e6e6;}
.Specs th, .Specs td {padding: 5px 4px 5px 7px;}
.Specs th {font-weight: normal;}
.Specs tr:hover {background-color: #f7f7f7;}


table.ProductsSpecs {font-size: 15px;}
table.ProductsSpecs, .ProductsSpecs th, .ProductsSpecs td {border: 1px solid #e6e6e6;}
.ProductsSpecs th, .ProductsSpecs td {padding: 5px 4px 5px 7px;}
.ProductsSpecs th {font-weight: normal;}
.ProductsSpecs tr:hover {background-color: #f7f7f7;}
.ProductsSpecs td[colspan] {text-align: center;}
.ProductsSpecs thead td {
    font-weight: bold;
    color: #fff;
    background-color: #2496f2;
}


table.TProjects {font-size: 15px; width: auto; margin-left: 300px; margin-right: 0px;}
table.TProjects, .TProjects th, .TProjects td {border-bottom: 1px solid #e6e6e6;}
.TProjects th {padding: .5em 1em .5em .1em;}
.TProjects td {padding: .5em 1em 1em .1em;}
.TProjects th {font-weight: bold; font-style: italic;}
.TProjects tr:hover {background-color: #f7f7f7;}
.TProjects th.TDate {}



.ProductsItro {font-size: 18px; margin-left: 300px; margin-right: 200px;}

.ProductsCategoriesBox {
	width: 1170px;
	overflow: hidden;
}
.ProductsCategory {
	float: left;
	width: 572px;
	margin: 0 10px 10px 0;
	background-color: #f7f7f7;
	border-right: 3px solid #f7f7f7;
	transition: all .5s ease;
}
.ProductsCategory img {
	display: inline-block; vertical-align: middle;
	width: 130px; height: 130px; margin-right: 5px;
	opacity: 1; transition: opacity .5s ease;
}
.ProductsCategory div {
	display: inline-block; vertical-align: middle;
	width: 425px;
}
	.ProductsCategory h2 {color: #1d76bf;}
	.ProductsCategory p {margin: 0; color: #000;}
	
.ProductsCategory:hover {border-right-color: #2496f2;}
	.ProductsCategory:hover h2 {color: #2496f2;}
	.ProductsCategory:hover img {opacity: .8;}



.CatItems {}
.CatItems .Item {
	overflow: hidden;
	float: left; display: block;
	width: 270px; margin-right: 30px; margin-bottom: 25px;
	color: #2496f2;
	}
  .CatItems .Item:last-child {margin-right: 0;}

.CatItems .Item img 	{width: 270px; height: 270px; background-color: #f7f7f7;}

.CatItems .Item img 	{opacity:1; transition: opacity .5s ease;}
.CatItems .Item span 	{transition: all .5s ease;}

.CatItems .Item span {
	display: block;
	height: 25px; width: 100%; padding: 7px 0 0 12px;
	background-color: #ebebeb;

	font-size: 15px; line-height: 18px; font-weight: bold;
	}

.CatItems .Item:hover img 	{opacity:.8;}
.CatItems .Item:hover span 	{color: #fff; background-color: #2496f2;}

.CatsBanners .Item 	{width: 870px; margin-bottom: 15px;}
.CatsBanners .Item img {width: 870px;}
.CatsBanners .Item span	{height: 28px; font-size: 18px; line-height: 20px;}

.PhotoBox {overflow: hidden; margin-top: .1em; margin-bottom: 1.3em;}
.PhotoBox a {display: block; float: left; margin-right: 2px;}

.BracketsGallery {}
.BracketsGallery a {float: left; margin-top: 7px; margin-right: 10px;}
.BracketsGallery img {width: 130px; height: 130px;}





.DocsPreviewsBox {overflow: hidden; margin-top: .1em; margin-bottom: 1.3em;}
.DocsPreviewsBox a {display: block; float: left; margin-right: 10px; margin-bottom: 8px;}
.DocsAutoList {
    /*width: auto; margin-left: 300px; margin-right: 0px;*/
}
.DocsAutoList ul {margin-left: 0; padding-left: 0;}
.DocsAutoList ul li {margin-left: 0; padding-left: 0; list-style-type: none;}




/* PromoButtons */

.PromoButtons {}
.PromoButtons a {
    display: block; padding: 10px; margin-bottom: 10px;
    text-decoration: none; text-align: center;
    color: #1d76bf;
    border: 1px solid #ebebeb;
    background-color: #ebebeb;
    }
.PromoButtons a:hover {
    color: #fff;
    border-color: #2496f2;
    background-color: #2496f2;
    }



.Announce {
	margin-bottom: 30px;
	background-color: #f7f7f7;
	border-radius: 30px 0 30px 0;
	overflow: hidden;
}
.Announce img {
	display: inline-block; vertical-align: middle;
	margin-right: 10px;
	border-radius: 0 0 30px 0;
}
.Announce span {
	display: inline-block; vertical-align: middle;
	font-size: 18px; line-height: 1.4;
}



/* Request Form */

.FormStatusOk,
.FormStatusError {
    padding: 15px; margin-bottom: 20px;
    color: #fff; background-color: #70b347;
    }
    .FormStatusError {background-color: #b34747;}

form.Request {margin: 0; padding: 0;}

.Request fieldset {
    margin: 0; padding: 10px 0 20px 0;
    border: 1px solid #ccc;
    }
.Request legend {
    margin: 0 0 0 10px; padding: 0 7px 3px 7px;
    background: #fff;
    font-size: 16px; line-height: 1; font-weight: bold;
    }

.Request div { *zoom: 1; }
.Request div:before, .Request div:after { display: table; line-height: 0; content: ""; }
.Request div:after { clear: both; }

.Request div {margin-top: 10px;}

.Request label {
    float: left; text-align: right;
    width: 125px; margin-right: 7px; padding-top: 5px;
    }
.Request input, .Request textarea {
    width: 350px; padding: 5px;
    border: 1px solid #2496f2;
    }
    .Request input.FOptional,
    .Request textarea.FOptional {border-color: #999;}
    .Request input:focus, .Request textarea:focus, .Request button:focus {
        outline: none;
        border-color: #2496f2;
        box-shadow: 0px 0px 8px #2496f2;
        transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
        }
    .Request input {
        float: left;
        }
    .Request textarea {
        height: 90px;
        }
.Request button {
    padding: 10px; margin-left: 132px; border: 0;
    color: #f7f7f7; background: #2496f2;
    }
    .Request button:hover {
        color: #fff;
        background: #228ee5;
        }


/* SText */
.SText {padding-top: 2em; padding-right: 30px;}
    .SText p,
    .SText h1,
    .SText h2,
    .SText h3 {font-size: 14px; line-height: 1.2; color: #999;}

    .SText h1, .SText h2, .SText h3 {font-weight: bold;}



/* SiteMap */

.SiteMap ul {margin: 0; padding:0; list-style-type: none;}
.SiteMap li {margin:0; padding: 0 0 .5em 1.5em;}

.SiteMap ul li {padding: 0; padding-bottom: 10px; background-image: none;}

.SiteMap ul ul {padding: 0; padding-top: 5px;}
.SiteMap ul ul li {padding-left: 1.5em; padding-bottom: 5px;}

.SiteMap ul ul ul {padding-top: 5px;}
.SiteMap ul ul ul li {padding-bottom: 5px;}


/* DevInfo */

.ITnow {
	text-align: right;
	font-size: 12px; line-height: 14px;
	}
.ITnow a {
	display: inline-block;
	color: #fff !important; text-decoration: none !important;
	font-family: Arial, Helvetica, sans-serif;
	height: 16px; padding: 2px 4px 0px 4px; margin-left: 3px;
	background-color: #b5b5b5;
	}
.ITnow a:hover {background-color: #cc0000;}