/*
 *	file - /css/style.css
 *	date - 25.08.2011
 */
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption, 
table, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0 none;
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:left;
}
a img, link img, visited img {border:0 none} 
html, body {height:100%;width:100%}

h1,h2,h3,h4,h5 {font-weight:bold;line-height:normal}
h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.17em}
h4 {font-size:1em}
h5 {font-size:0.83em}
h6 {font-size:0.67em}

body {font: 12px/1.4em Arial ,Tahoma ; background:#d1d1d1;}

#browser {position:absolute;top:20px;left:45%;padding:5px;background:#434343;color:#fff}

.popup {
	background:#fff;
	font-family:Arial;
	font-size:15px;
	color:#000;
}
.popup-text{margin:5px 25px;}
.popup-text h2{color:#555; margin-bottom:15px;}
.popup-text p{padding-top:0.5em;}

a {color:#4378ab;text-decoration:underline;}
a:hover {text-decoration:none;color: #444}
.H{font-size:18px; color:#252525;}
.h{font-size: 18px;font-weight: bold;}
.no-border {border:0 !important}
.clear{
	height:0;
	font-size:1px;
	line-height:0px;
	clear:both;
}

#loader {position:absolute;top:31px;left:28%;z-index:999;display:none}

/* opacity */

/* 60 */
#footer a img
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.36}
/* 80 */
/* #logo a:hover img, .block-trust a:hover img, .project-img a:hover img
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
 100 */
#footer a:hover img
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

#container{
	text-align:left;  
	width:995px;  
    margin: 0px auto;
    background: #fff;
    position: relative;
}

/*~~~~~~~~~~~ Cтили для шапки сайта ~~~~~~~~~~~*/
#header{
    height: 77px;
    border-bottom: 5px solid #999;
    margin: 0 30px;
}
#header .slogan{
    color: #555;
    font-family: Arial;
    font-size: 22px;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
    top: 10px;
}
#header .slogan p{
    display: block;
    line-height: 60px;
    text-align: right;
}
#logo{
	top:10px; left:30px;
	position:absolute;
	z-index:50;
}

#greenBar{
    min-height: 286px;
    overflow: hidden;
    background: #93af3c;
    margin-bottom: 20px;
	position:relative;	
}
#greenBar .img-center{margin: 10px;text-align: center;}
.vizualizator{
    border-right: 2px solid #FFFFFF;
    float: left;
    margin: 0 20px 0 0;
}
.render-text{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    padding: 13px 20px;
	/*text-align:justify;*/
}
#greenBar1{
    min-height: 268px;
    overflow: hidden;
    background: #93af3c;
    margin-bottom: 20px;
	position:relative;	
	width:650px; /*для одной картинки*/
    float: right;
}
#greenBar1 .img-center{margin: 10px;text-align: center;}
.vizualizator{
    border-right: 2px solid #FFFFFF;
    float: left;
    margin: 0 20px 0 0;
}
.render-text{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    padding: 13px 20px;
	/* text-align:justify;
	*/
}

/*~~~~~~~~~~~ Cтили для блока контента ~~~~~~~~~~~~*/
#main{margin: 30px 30px 60px;}
#content{
	position:relative;
    float: right;
    width: 650px;
    font-family: Arial;
    font-size: 15px;
    color:#000;
    text-align: justify;

}
#content h1{
	color:#252525;
	font-size:18px;
}
#main p{
	padding-top:0.5em;
}
#modul{
	border: 1px solid;
	margin: 0 auto 30px;
	width: 800px;
}
.cont{font-family: Arial; font-size: 15px;}
/*   Left   */
#left{
    float: left;
    width: 225px;
	padding-bottom:50px; 
	position:absolute; /*для одной картинки*/ 
}
.left-menu {margin-bottom: 30px;}
.left-menu ul {margin: 3px 0;}
.left-menu ul li {list-style: none;padding: 4px 0;}
.left-menu li a {color:#93af3c;font-size: 15px;text-decoration: none;border-bottom: 1px dashed #93af3c;}
.left-menu li a:hover {border-bottom: none;cursor:pointer;}

.left-menu ul li.active a {color:#93af3c; font-weight: bold;border:0}

ul.customMenu  a {border-style:solid}

.player{
	bottom:70px;left: 30px;
	position: absolute;
	/*float: left;*/
}
/*~~~~~~~~~~ Cтили для подвала сайта ~~~~~~~~~~~~*/
#footer{
    margin: 15px 0 0;
    height: 50px;
    background:#555;
}

#footer  ul {text-align:center;line-height: 46px;}
#footer  li {display:inline;margin:0 5px}
#footer a {color:#fff}

#footer a.back, #footer a.forward {color:#fff;cursor:pointer; padding: 0 15px;  margin: 14px 15px; font-family: Arial;}
#footer a.back {
    background: url("left.png") no-repeat scroll 0 5px transparent;
    float: left;
}
#footer a.forward {
    background: url(right.gif) no-repeat right 6px;
    float: right;
}

#footer .copi{
    position: absolute;
    bottom: -20px; left: 0px;
    color:#555;
    font-size: 11px;
}
#footer .site{
    position: absolute;
    bottom: -20px; right: 0px;
    color:#555;
    font-size: 11px;
}