HTML {
	height	: 100%;
}
HTML.html_ie7 {
}
HTML.html_ie8 {
}
HTML.html_ie9 {
}
BODY {
        margin		: 0;
  	padding		: 0;
  	height		: auto !important;
  	height		: 100%;
  	min-height	: 100%;
        font-size	: 13px;
        font-family	: Century Gothic;
        background-color	: #FFFFFF;
}
DIV,TABLE,INPUT,SELECT,BUTTON,A,IMG {
	margin		: 0px;
        padding		: 0px;
        border		: 0px none;
	font-size	: 100%;
	font-style	: normal;
	vertical-align	: baseline;
	outline		: 0px none;
        position	: relative;
        font-size	: 13px;
        font-family	: Century Gothic !important;
}
/*-------------------------------------------------------------
//--ÃËÀÂÍÛÉ ÊÎÍÒÅÉÍÅÐ (ÀÄÀÏÒÀÖÈß ÄËß ÝÊÐÀÍÎÂ ÌÅÍÅÅ 480PX)
//-----------------------------------------------------------*/
#main_container {
	margin			: 0 auto;
        background-color	: #FFFFFF;
	color			: #502323;
	overflow		: hidden;
        border			: 0px solid #000000;
}
/*-------------------------------------------------------------
//--ØÀÏÊÀ ÑÀÉÒÀ ÏÎ ÓÌÎË×ÀÍÈÞ (ÀÄÀÏÒÀÖÈß ÄËß ÝÊÐÀÍÎÂ ÌÅÍÅÅ 480PX)
//------------------------------------------------------------*/
#head	{
	margin		: 0 auto;
	width		: 100%;
        height		: 150px;
        background	: url(imgs/head-back.png) repeat-x;
        display		: block;
}
#logo-left {
        width		: 150px;
        background	: url(imgs/logo-text.png) no-repeat top left;
        height		: 150px;
        display		: inline-block;
        border		: 0px solid black;
}
#logo-right {
	float		: right;
        width		: 32px;
        height		: 135px;
        margin-top	: 15px;
        margin-right	: 10px;
        text-align	: right;
        font-size	: 110%;
        display		: inline-block;
        /*background	: url(imgs/head-back-big.png) no-repeat top right;*/
        border		: 0px solid black;
}
#logo-right span {
	margin-top	: 32px;
        display		: none;
}
#logo-right a {
	width	: 32px;
        display	: inline-block;
        border	: 0px solid #000000;
}
#logo-right img {
	width	: 100%;
}
#error_image {
	position	: absolute;
        top		: 50px;
        width		: 300px;
        height		: 283px;
        left		: 3%;
	background	: url('imgs/err404.png') top left no-repeat;
        clear		: both;
	z-index		: 100;
}
/*----------------------------------------------------------------
--ÍÈÆÍßß ÏÀÍÅËÜ - ÈÍÔÎÐÌÀÖÈß Î ÐÀÇÐÀÁÎÒ×ÈÊÅ
----------------------------------------------------------------*/
DIV.bottom-img-holder {
	margin		: 0 auto;
        width		: 100%;
        text-align	: center;
        border-top	: 1px solid #2a2b26;
}
UL.bottom-img-holder {
        margin		: 10px auto;
        width		: 100%;
	list-style	: none;
        position	: relative;
        display		: block;

}
UL.bottom-img-holder > li {
        position	: relative;
        display		: inline-block;
        cursor		: pointer;
}
UL.bottom-img-holder > li > a {
        height	: 50px;
        display	: block;
}
#faso {
	width		: 192px;
	background	: url(imgs/logo-faso.png) no-repeat top left;
}
#ras {
	width		: 157px;
	background	: url(imgs/logo-ras.png) no-repeat top left;
}
#sbras {
	width		: 210px;
	background	: url(imgs/logo-sbras.png) no-repeat top left;
}
#icmmg {
	width		: 190px;
	background	: url(imgs/logo-icmmg.png) no-repeat top left;
}
#copyright {
	margin		: 0 auto;
	width		: 100%;
	height		: 40px;
        font-size	: .5pt;
        background	: #2a2b26;;
        text-align	: center;
        color		: #FFFFFF;
}
#copyright div {
        display		: inline-block;
  	vertical-align	: middle;
}
#copyright:before {
	content		: "";
  	display		: inline-block;
  	min-height	: inherit;
  	height		: 100%;
 	vertical-align	: middle;
}
#copyright img {
        position	: absolute;
  	top		: 0;
  	left		: 0;
  	bottom		: 0;
  	right		: 0;
  	margin		: auto;
  	max-width	: 100%;
  	max-height	: 100%;
}
/*--------------------------------------------------------------
//--ÃËÀÂÍÎÅ ÌÅÍÞ ÏÎ ÓÌÎË×ÀÍÈÞ (ÀÄÀÏÒÀÖÈß ÄËß ÝÊÐÀÍÎÂ ÌÅÍÅÅ 480PX)
//-------------------------------------------------------------*/
#mm_head {
	margin-bottom	: 2px;
	width		: 100%;
        height		: 5px;
        background	: #2a2b26;
        color		: #FFFFFF;
}
#main_menu {
	margin-top	: 2px;
	width		: 100%;
        height		: 32px;
        background	: #2a2b26;
        color		: #FFFFFF;
        text-align	: center;
        border		: 0px solid #FF0000;
}
#main_menu > A.hide-menu-button {
        margin-bottom	: 1px;
        line-height	: 32px;
        background-color: #2a2b26;
	padding		: 0px 25px 0px 34px;
        color		: #FFFFFF;
	font-size	: 160%;
}
#main_menu > A.hover {
	background-color	: #111111;
}
/*--------------------------------------------------------------
//--ÁËÎÊ ÃËÀÂÍÎÃÎ ÐÀÁÎ×ÅÃÎ ÎÊÍÀ
//-------------------------------------------------------------*/
#work-space {
	margin	: 0 auto;
	width	: 100%;
}
#content-container {
	padding		: 10px 10px 15px 10px;
        min-height	: 35em;
        text-align	: justify;

}
._all {
	width	: 100%;
}
	._all .window_head {
		width	: 96%;
        	padding	: 0 1%;
	}
	._all #tooltip {
		width	: 96%;
        	padding	: .6em;
	}
	._all #message {
        	width	: 300px;
	}
	._all #warning {
		width	: 300px;
	}
	._all #text {
		width	: 884px;
	}
	._all #table {
		width	: 98%;
	}
._half {
	width	: 80%;
        margin	: 0 auto;
}
        ._half .window_head {
		width	: 92%;
	        padding	: 0 2%;
	}
	._half #tooltip {
		width	: 80%;
	        padding	: 1%;
	}
	._half #message {
	        width	: 60%;
	}
	._half #warning {
		width	: 60%;
	}
	._half #text {
		width	: 90%;
	}
	._half #table {
		width	: 93%;
	}
.work-block {
        padding		: 0;
        border		: 0px solid #A9C7AC;
        color		: #502323;
        text-align	: justify;
        overflow	: hidden;

}
.work-block #header {
	left		: .5em;
        color	: #042d89;
        font-size	: 130%;
        font-weight	: bold;
        line-height	: 35px;
        text-align	: center;
        padding	 : 0;
        margin	: 0;
}
#tooltip, #message, #warning, #text {
	margin	: 0 auto;
        text-align	: justify;
        word-wrap	: break-word;
        -moz-border-radius	: 5px;
	-webkit-border-radius	: 5px;
	-khtml-border-radius	: 5px;
        border-radius	: 5px;
}
#tooltip {
        background-color	: #a1d8f6;
        color		: #000000;
        border		: 1px solid #042d89;
        font-size	: 100%;
        text-indent	: 0em;
}
#text {
	padding		: 1em 0px;
        line-height	: 1.5em;
        border		: 0px solid #FFFFFF;
        font-size	: 110%;
        overflow	: auto;
}
#service_image {
	width	: 100%;
}
/*-------------------------------------------------------------
//--ÈÇÌÅÍÅÍÈß ÎÒÎÁÐÀÆÅÍÈß ÁËÎÊÎÂ ÄËß ÐÀÇÍÛÕ ÝÊÐÀÍÎÂ
//------------------------------------------------------------*/
/*480px - ìîáèëüíûå óñòðîéñòâà*/
@media only screen and (min-width: 410px) {
	#main_container {
		width		: 100%;
	}
        #head {
        	background	: url(imgs/head-back.png) repeat-x;
        }
        #logo-left {
                width		: 300px;
        	background	: url(imgs/text-small.png) no-repeat top left;
        }
        #logo-right {
        	margin-right	: 20px;
        }
}
@media only screen and (min-width: 600px) {
        #logo-left {
                width		: 490px;
        	background	: url(imgs/text-big.png) no-repeat top left;
        }
}
/*768px - Ïëàíøåòû â ðåæèìå portrait */
@media only screen and (min-width: 790px) {
	._half {
        	width	: 65%;
        }
        #logo-right {
        	width		: 250px;
        }
        #logo-right span {
        	display		: block;
        }
}
/*992px - Ïëàíøåòû â ðåæèìå landscape, íåòáóêè, íîóòáóêè, äåñêòîï */
@media only screen and (min-width: 994px) {
        #logo-right .hide-menu-button {
        	display		: none;
        }
        #content-container {
		padding		: 10px 20px 15px 20px;
        }
        .half {
        	width	: 50%;
        }
        UL.bottom-img-holder > li {
        	padding	: 0px 25px 0 25px;
        }
}
/*1382px - Äåñêòîï ñ áîëüøèìè ðàçðåøåíèÿìè, òåëåâèçîðû */
@media only screen and (min-width: 1382px) {
	#main_container {
		width		: 1382px;
	}
        UL.bottom-img-holder > li {
        	padding	: 0px 70px 0 70px;
        }
}
