@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/layout.css");
@import url("src/typography.css");

@media screen
{
	/* ----------------------------------------------*/
	/* -------------->>> MAIN STYLES <<<-------------*/
	/* ----------------------------------------------*/
	    body { font: normal 13px Arial, "Bookman Old Style", sans-serif; color: #000000; line-height: 18px; }
	
	    a { color: #D50000; }
	    a:hover {  }
	
	    p { line-height: 18px; margin: 0px 0px 25px 0px; }
	    legend { } 
	
	    input { }
	
	    h1 { font: normal 19px Arial, "Bookman Old Style", sans-serif; margin: 0px 0px 16px 0px; }
	    h2 { font: normal 17px Arial, "Bookman Old Style", sans-serif; }
	    h3 { font: normal 16px Arial, "Bookman Old Style", sans-serif; }
	    h4 { font: normal 15px Arial, "Bookman Old Style", sans-serif; }
	    h5 { font: normal 14px Arial, "Bookman Old Style", sans-serif; }
	    h6 { font: bold 13px Arial, "Bookman Old Style", sans-serif; }
	    
	    input[type="text"] { 
		border: 1px solid #000000;
		font: normal 13px Arial, "Bookman Old Style", sans-serif; color: #000000;
		padding: 2px 0px 2px 0px; }
		
	    input[type="submit"] { 
		line-height: 13px; padding: 1px 5px 4px 5px;
		color: #ffffff; border: none; background: #D50000; cursor: pointer; }
	
	/* ----------------------------------------------*/
	/* ---------------->>> LAYOUTS <<<---------------*/
	/* ----------------------------------------------*/
	
	    /** Wrapper layout **/
	    #wrapperLayout { 
		overflow: hidden; width: auto;
		max-width: 1440px; padding: 0px 29px 0px 29px; min-width: 940px; }
		
	    /** Center layout **/
	    #centerLayout { width: 100%; overflow: hidden; padding: 0px 0px 25px 0px; }
		#centerLayout #centerLayoutSub1 { margin: 0px 0px 0px -23%; }
		#centerLayout #centerLayoutSub2 { margin: 0px 0px 0px 23%; }
		
	    /** Left layout **/
	    #leftLayout { width: 30%;  position: relative; left: -1px;}
			
	    /** Right layout **/
	    #rightLayout { width: 23%; padding: 27px 0px 0px 0px; }
	
	    /** Header layout **/
	    #headerLayout { margin: 28px 0px 0px 0px; width: 100%; overflow: hidden; }
		#headerLayout #headerLayoutSub1 { height: 247px; width: 23%; float: left; padding: 1px 0px 0px 0px; }
		#headerLayout #headerLayoutSub2 { 
		    height: 249px; width: 77%; float: left;
		   }
		#headerLayout #headerLayoutSub3 { 
		    height: 249px;
		    background: url("../images/header_bg2.png") right bottom no-repeat; }
	
	    /** Footer layout  **/
	    #footerLayout { 
		max-width: 1440px; min-height: 90px; margin: 0px 29px 0px 29px; width: auto; 
		border-top: 1px solid #DDDDDD; min-width: 940px; }

           
	    /** Content layout **/
	    /*
			old 19.05.2011 14:39:41
			#contentLayout { margin: 0px 0px 0px 30%; padding: 27px 35px 0px 25px; }
		*/
	    #contentLayout { margin: 0px 0px 0px 30%; padding: 27px 22px 35px 27px; }
		#contentLayout2 { margin: 0px 0px 0px 30%; padding: 27px 35px 0px 25px; }
	
	/* ----------------------------------------------*/
	/* ------------>>> NAVIGATIONS <<<---------------*/
	/* ----------------------------------------------*/
	
	    /** standartMenu **/
	    #standartMenu { list-style: none;  }
		#standartMenu li { float: left; margin: 0px 38px 0px 0px;  }
		#standartMenu .last { margin: 0px 0px 0px 0px;  }
		
	    /** mainMenu **/
	    #mainMenu { list-style: none; margin: 0px 0px 0px 16px; }
		#mainMenu li { margin: 0px 0px 13px 0px; }
		#mainMenu li span { font: normal 18px "Trebuchet MS", "Bookman Old Style", sans-serif; color: #FFCC33; }
		#mainMenu li a { font: normal 18px "Trebuchet MS", "Bookman Old Style", sans-serif; color: #ffffff; }
		#mainMenu li a:hover { text-decoration: none; }
		
	    /** Lists **/
	
	/* ----------------------------------------------*/
	/* -------------->>> BOXES <<<-------------------*/
	/* ----------------------------------------------*/	
	
	    /** logoBox **/
	    #logoBox { margin: 0px auto 21px auto; padding: 27px 0px 0px 0px; width: 161px; }
	    
	    /** standartMenuBox **/
	    #standartMenuBox {  margin: 40px auto 0px auto; width: 155px; }
	    
	    /** mainMenuBox **/
	    #mainMenuBox {
		background: #D50000 url("../images/main_menu_bg.png") left top no-repeat; 
		width: 100%; margin: 0px 0px 25px 0px; }
		#mainMenuBox #mainMenuBoxSub1 {
		    background: url("../images/main_menu_bg2.png") right bottom no-repeat; 
		    padding: 28px 0px 15px 0px; }
		    
	    /** yellowBox **/
	    .yellowBox { background: #FFCC33 url("../images/yellow_box_bg.png") top left no-repeat;  }
		.yellowBox .yellowBoxSub1 { 
		    background: url("../images/yellow_box_bg2.png") bottom right no-repeat;
		    padding: 15px 0px 13px 0px;  }
		.yellowBox .yellowBoxSub2 { margin: 0px 17px 0px 17px; overflow: hidden; }
		.yellowBox .yellowBoxSub2 p { margin: 0px 0px 5px 0px; }
		.yellowBox .yellowBoxSub3 { display: block; height: 103px; }
		
	    /** grayBox **/
	    .grayBox { 
	      background: #DDDDDD url("../images/gray_box_bg.png") top left no-repeat; margin-left: 0px;
	      position: relative; top: -15px; }
		.grayBox .grayBoxSub1 { 
		    background: url("../images/gray_box_bg2.png") bottom right no-repeat;
		    padding: 25px 15px 15px 15px; }
		.grayBox .grayBoxSub1 p { margin: 0px 0px 5px 0px; }
		.grayBox .grayBoxSub3 { display: block; height: 103px; }
		
	    /** newsBox **/
	    .newsBox { width: 99%; margin: 0px 0px 10px 0px; }
		.newsBox .item { margin: 0px 0px 5px 0px; }
		.newsBox h3 { 
		    font: bold 12px Arial, "Bookman Old Style", sans-serif; color: #000000;
		    margin: 0px 0px 3px 0px; }
		.newsBox .date { 
		    font: normal 11px Arial, "Bookman Old Style", sans-serif; color: #A3A3A3;
		    margin: 0px 0px 3px 0px; }
		.newsBox .itemSub1 {  }
		.newsBox .left { width: 71px;  }
		.newsBox .right { margin: 0px 0px 0px -71px; width: 100%; }
		.newsBox .rightSub1 { margin: 0px 0px 0px 71px; }
		.newsBox .rightSub1 p { font: normal 12px Arial, "Bookman Old Style", sans-serif; line-height: 16px;  }
		
	    /** news2Box **/
	    .news2Box { width: 99%; margin: 0px 0px 0px 0px; }
		.news2Box .item { margin: 0px 0px 10px 0px; }
		.news2Box h3 { 
		    font: bold 13px Arial, "Bookman Old Style", sans-serif; color: #000000;
		    margin: 0px 0px 3px 0px; }
		.news2Box .date { 
		    font: normal 11px Arial, "Bookman Old Style", sans-serif; color: #A3A3A3;
		    margin: 0px 0px 5px 0px; }
		.news2Box .itemSub1 {  }
		.news2Box .left { width: 71px;  }
		.news2Box .right { margin: 0px 0px 0px -71px; width: 100%; }
		.news2Box .rightSub1 { margin: 0px 0px 0px 71px; }
		.news2Box .rightSub1 p { font: normal 12px Arial, "Bookman Old Style", sans-serif; line-height: 16px;  }

	    /** solutionsBox **/
	    .solutionsBox { width: 99%; margin: 0px 0px 10px 0px; }
		.solutionsBox .cell { width: 100%; overflow: hidden; }
		.solutionsBox .item {  width: 50%; float: left; }
		.solutionsBox .itemSub1 {  padding: 0px 25px 0px 0px; }
		.solutionsBox h3 { 
		    font: bold 13px Arial, "Bookman Old Style", sans-serif; color: #D50000;
		    margin: 0px 0px 3px 0px; }
		.solutionsBox h3 a { font: bold 13px Arial, "Bookman Old Style", sans-serif; color: #D50000; }
		.solutionsBox .date { 
		    font: normal 11px Arial, "Bookman Old Style", sans-serif; color: #A3A3A3;
		    margin: 0px 0px 5px 0px; }
		.solutionsBox .itemSub1 {  }
		.solutionsBox .left { float: left; width: auto; padding: 0px 10px 0px 0px; }
		.solutionsBox p { 
		    font: normal 12px Arial, "Bookman Old Style", sans-serif; line-height: 16px;
		    margin: 0px 0px 15px 0px; }
		
	    /** copyrightBox **/
	    #copyrightBox { position: absolute; top: 27px; left: 17px; }
	    
	    /** adressBox **/
	    /*#adressBox { position: absolute; top: 27px; left: 220px; }*/
		#adressBox { position: absolute; top: 27px; }
	    #adressBox p { float: left; padding: 0px 18px 0px 18px; border-left: 1px solid #DDDDDD; }
	    #adressBox p:first-child { border-left: none; }
	    
	    /** bannersBox **/
	    #bannersBox { position: absolute; top: 27px; right: 0px; }
	    #bannersBox p { float: left; margin: 0px 0px 0px 13px; }
	    
	    /** catalog1Box **/
	    .catalog1Box { }
		.catalog1Box dt { margin: 0px 0px 10px 0px; }
		.catalog1Box dt h2 { font: bold 16px Arial, "Bookman Old Style", sans-serif; color: #D50000; }
		.catalog1Box dt h2 a { font: bold 16px Arial, "Bookman Old Style", sans-serif; color: #D50000; }
		.catalog1Box dd { margin: 0px 0px 20px 0px; }
		.catalog1Box dd .body { background: url("../images/catalog1_box_bg.png") top left repeat-x; }
		.catalog1Box dd .bodySub1 { background: url("../images/catalog1_box_bg2.png") top right repeat-y; }
		.catalog1Box dd .bodySub2 { background: url("../images/catalog1_box_bg.png") bottom left repeat-x; }
		.catalog1Box dd .bodySub3 { background: url("../images/catalog1_box_bg2.png") top left repeat-y; }
		.catalog1Box dd .bodySub4 { background: url("../images/catalog1_box_bg3.png") top left no-repeat; }
		.catalog1Box dd .bodySub5 { 
		    background: url("../images/catalog1_box_bg4.png") bottom right no-repeat;
		    overflow: hidden; width: 100%; }
		.catalog1Box dd .bodySub6 { padding: 20px 20px 20px 20px; }
		.catalog1Box dd .left { width: 148px; }
		.catalog1Box dd .right { margin: 0px 0px 0px -148px; width: 100%; }
		.catalog1Box dd .rightSub1 { margin: 0px 0px 0px 148px;  }
		
		/** Begin: randBox **/
		#randBox { margin: 20px 0px 0px 1px; }
		#randBox .body { background: url("../images/catalog1_box_bg.png") top left repeat-x; }
		#randBox .bodySub1 { background: url("../images/catalog1_box_bg2.png") top right repeat-y; }
		#randBox .bodySub2 { background: url("../images/catalog1_box_bg.png") bottom left repeat-x; }
		#randBox .bodySub3 { background: url("../images/catalog1_box_bg2.png") top left repeat-y; }
		#randBox .bodySub4 { background: url("../images/catalog1_box_bg3.png") top left no-repeat; }
		#randBox .bodySub5 { 
		    background: url("../images/catalog1_box_bg4.png") bottom right no-repeat; }
		#randBox .bodySub6 { padding: 20px 20px 20px 20px; text-align: center; }
		#randBox h2 { margin: 0px 0px 10px 0px; }
		#randBox .text { margin: 0px 0px 0px 0px; }
		/** End: randBox **/
	    
	/* ----------------------------------------------*/
	/* -------------->>> FORMS <<<-------------------*/
	/* ----------------------------------------------*/	
		
	    /** findForm **/
	    #findForm  {  }
		#findForm fieldset { 
		    height: 51px; padding: 0px 0px 0px 16px;
		    background: #FFCC33 url("../images/find_form_bg.png") top left no-repeat; }
		#findForm .text { width: 100%; line-height: 14px; height: 14px; }
		#findForm .submit1 { cursor: pointer; position: relative; top: 1px; }

		#findForm .left { margin: 0px -75px 0px 0px;  }
		#findForm .leftSub1 { margin: 0px 75px 0px 0px; padding:16px 0px 0px 0px; }
		#findForm .right { width: 75px; text-align: center; padding: 16px 0px 0px 0px;  }
		    
	/* ----------------------------------------------*/
	/* ---------->>> DECORATION STYLES <<<-----------*/
	/* ----------------------------------------------*/
	
	    /** Emphasis **/
		
	    /** Paragraphs **/
	    .paragraph1 { line-height: 17px; }
		
	    /** Separators **/
		
	    /** Titles **/
	    .title1 { font: bold 14px Arial, "Bookman Old Style", sans-serif; color: #D50000; margin: 0px 0px 10px 0px; }
	    .title2 { font: normal 19px Arial, "Bookman Old Style", sans-serif; color: #D50000; margin: 0px 0px 19px 0px; }
		
	    /** Links **/
	    .link1 { font: bold 14px Arial, "Bookman Old Style", sans-serif; color: #D50000; }
		
	    /** Text colors **/
		
	    /** Borders **/
	    .border1 { border: 1px solid #FFDF7D; }
	    .border2 { border: 1px solid #9F7800; }
	    .border3 { border: 1px solid #DFDFDF; }
	    .border4 { border: 1px solid #666666; } 
		
	    /** Backgrounds **/
	    .background1 { background: url("../images/img1.jpg") top left no-repeat; height: 105px; }
	    .background2 { background: url("../images/img2.jpg") top left no-repeat; height: 105px; }

            #left2Layout { width: 23%;  position: relative; left: -1px; }
     #content2Layout { margin: 0px 0px 0px -23%; }
     #content2LayoutSub1 { margin: 0px 0px 0px 23%; padding: 27px 35px 0px 25px; }
     #copyrightBox2 { 
	border-top: 1px solid #DDDDDD; position: relative; margin-top: 80px; padding-left: 17px;
padding-top: 3px; }
     .navigator a {color: #999999;}
}

.solution-block {
	margin-bottom:20px;
	overflow:hidden;
}

    .solution-block-picture {
        float:left;
        width:210px;
        text-align:center;
    }
    
    .solution-block-picture img{ border:0;}
    
    .solution-block-text {
        margin-left:220px;
    }
    
    .solution-block-text2 {}