/*

text:menuVertical=Вертикальное меню
text:menuGorizont=Горизонтальное меню
text:text=Текст содержания.
text:onlineTitle=On-line

*/

html, body {
	
    /*
        scrollbar-3dlight-color:#8FC0EB;
	scrollbar-arrow-color:white;		
	scrollbar-highlight-color:white; 	
	scrollbar-face-color:#769494; 		
	scrollbar-shadow-color:#8FC0EB; 	
	scrollbar-darkshadow-color:#CCCCCC; 
	scrollbar-track-color:#D2D2D2; 		
	*/
        
        height:100%;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	background: url(middleBg.jpg);
	
}

div {
	display:block;
	position:relative;
}


.BG {
	width:100%; 
	height:100%; 
	background: url(topBg.jpg) top repeat-x;
	
}

.tdBG	{
	height:100%;
	vertical-align:top;
	text-align:center; 
	}

.tblMain {
	border:0px;
	width:948px; 
	height:100%; 
	background: url(main.jpg); 
}

.tdTop	{
	background: url(top.jpg) top center no-repeat; 
}

.tdBot	{
	height:200px;
	background: url(bot.jpg) bottom center no-repeat;
	vertical-align:bottom;
}

.tblInfo { vertical-align:top;}

	

/* TITLES */

.areaTitle1 { 
	text-align:center;
	text-decoration:none;
	top:15px;
	left:25px;
} .areaTitle1 H1 { color:#004B85; font-size: 24px; margin:0px; padding:0px; }

.areaTitle2 { 
	height:30px;
	text-align:center;
	text-decoration:none;
	top:15px;
	left:-10px;
} .areaTitle2 H2 { color:#0175B8; font-size: 20px; margin:0px; padding:0px; }
	
.phoneTitle { 
	width:350px;
	vertical-align:top;
	text-align:center;
	text-decoration:none;
	float:left;
	top:70px;
	left:340px;
}

.areaOnline {
	height:30px;
	text-align:center;
	text-decoration:none;
	top:118px;
        
}





/* MENUS */

.verticalMenu {
	position:relative;
	top:70px;
	left:0px;
}

a.menuVertical:link, a.menuVertical:visited, a.menuVertical:active, a.menuVertical:hover, a.menuVerticalCurrent:link, a.menuVerticalCurrent:active, a.menuVerticalCurrent:visited, a.menuVerticalCurrent:hover  {
	color:#795415;
	font-size:14px;
	text-align:left;
	text-decoration:none;
	display:block;
	position:relative;
	border-bottom: #795415 dotted 1px;
	margin: 15px 0px 20px 50px;
	padding: 0px 0px 10px 5px;
	vertical-align:bottom;
	width:230px;
	clear:both;
} a.menuVertical:hover {
	color:#CC0000;
	font-size:14px;
} a.menuVerticalCurrent:link, a.menuVerticalCurrent:active, a.menuVerticalCurrent:visited, a.menuVerticalCurrent:hover {
	color:#CC0000;
	font-size:16px;
}


.gorizontMenu {
	top:50px;
	left:0px;
        height:20px;
	position:relative;
        margin-bottom:35px;
}

a.menuGorizont:link, a.menuGorizont:active, a.menuGorizont:visited, a.menuGorizont:hover {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
    float:left;
	text-align:center;
	display:block;
	position:relative;
	vertical-align:bottom;
	padding: 0px 8px 0px 8px;
	border-right: #000000 dotted 1px;
        height:20px;
	padding-top:4px;
} a.menuGorizont:hover {
	color:#CC0000;
}

.tblForm {
	width:400px;
} .tblForm th, .tblForm td  {
	width:120px;
	text-align:right;
	padding:5px 4px 10px 0px;
	vertical-align:top;
	color:#000033;
	font-weight:normal;
	font-size:14px;
}

.formText, .formArea {
	color:#000033;
	font-size:14px;
	background-color:#FFFFFF;
	border:#FFFFFF solid 1px;
	border-bottom:#006699 solid 1px;
}

.formArea, .formBut {
	border:#006699 solid 1px;
	font-size:15px;
	padding:3px;
}

.formBut {
	background-color:#CDDFFE;
	cursor:pointer;
}


/* Main Area */

.areaMain {
	height:100%;
	left:20px;
	top:50px;
	width:590px;
	font-size:18px;
	position:relative;
	text-align:left;
}

.areaSign {
	height:70px;
	vertical-align:top;
	color:#333333;
	font-size:11px;
        line-height:17px;
}

div.sign {
        width:30%;
        height:50px;
        float:left;
        text-align:center;
} div.sign a {
        color:#333333;
        text-decoration:underline;
} div.sign a:hover {
        color:maroon;
        text-decoration:none;
}

/* TEXT */

.text, .text a {
	color:#000000;
	font-size:12px;
	line-height:19px;
	text-align:justify;
	text-indent:20px;
} .text img {
	margin:10px;
} .text a {
	color:#003366;
	text-decoration:none;
} .text a:hover {
	color:#006699;
} .text H3 { color:#004B85; font-size: 18px; margin:0px; padding:0px; }

.text { font-size:12px; line-height:19px; }


.phoneCode, .phoneNumber {
	color:#194E69;
	font-size:14px;
}

.phoneNumber {
	font-size:24px;
	font-weight:bold;
}



H1 { color:#004B85; font-size: 24px; margin:0px; padding:0px; }
H2 { color:#0175B8; font-size: 20px; margin:0px; padding:0px; }
H3 { color:#000000; font-size: 20px; margin:0px; padding:0px; }




a.onlineTitle:link, a.onlineTitle:visited, a.onlineTitle:active, a.onlineTitle:hover, .online {
	color:#000000;
	font-size:14px;
	text-decoration:none;
} a.onlineTitle:hover, .online {
	color:#CC0000;
}

.areaMain table {
	width:100%;
	text-align:center;
	border:#CCCCCC solid 2px;
	color:#000000;
	font-size:14px;
	line-height:23px;
	text-indent:20px;
	padding:3px;
}

img#rus,img#eng { position:relative; top:-20px; left:550px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
img#rus:hover, img#eng:hover { position:relative; top:-20px; left:550px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}


div#RusEng  { top:22px; width:100px; height:25px; }

span.important {padding:5px; background-color:#FEF1D6; font-size:12px; border:#795415 dashed 1px; }

div.imgCol { margin:7px; border-top:#999999 dotted 1px; padding:5px; font-size:12px; overflow:visible; float:left; width:95%;  }
div.imgCol img { border:#f7f3d8 solid 6px; margin-right:10px; float:left; }

div.artSign    { text-align:right; font-size:11px; background-color:#FEF0E0; padding:5px;  }