* {
 margin: 0;
 padding: 0;
}

body {
background: #FFF url(body_bg.gif) top left repeat-x;
 font-family: Arial,Verdana,sans-serif;
 font-size: small;
 color: #525252;
}



input {font-family: Arial,Verdana,sans-serif;}

.button {font-family: Arial,Verdana,sans-serif; color: #fff; background: #cc0000; font-weight: bold; border: 0; cursor: pointer; cursor: hand;}

ol {margin-left: 30px;}
li {margin-left: 10px;}
img {
 border: 0;
}

.highlight {
 font-weight: bold;
 font-style: italic;
 color: #69A60D;
 letter-spacing: 0.8px;
}


.clear {
 clear: both;
}

.left {float: left; padding: 0 5px 0 0;}
.right {float: right}


.ttl {font-size: .94em; font-style: italic; text-align: center}

#contacts-text
{font-size: 140%; padding: 20px 0 0 0;  text-align: center; overflow: hidden;}
#contacts-text a {font-size: 65%; font-weight: bold; color: #333; text-decoration: none}
 a {
 color: #cc0000;
}

#right a:hover {
 color: #525252;
}


#right a.arrow {
padding-left: 15px;
background: url(arrow.gif) center left no-repeat;
}


#arrow {
padding-left: 15px;
background: url(arrow.gif) center left no-repeat;
}


/* END General Formating */
/***********************/


#wrap {
 margin: 0 auto;
 width: 950px;
}

/* Topmenu */
#top {
 height: 40px;
 background: #cc0000 url(body_bg.gif) top left repeat-x;
 text-align: right;	
}

#top div {padding-top: 5px; padding-right: 7px;
color: #ffffff;
font-size: 90%;

}

#top div img {padding: 0 5px;}


#left {

 padding: 0 5px 0 5px;
 float: left;
 margin-top: 10px;
}

#left ul {
 list-style: none;
 margin: 30px 0 0 10px;
 padding: 0;
 font-size: 90%;
}

#left ul li {
 margin-bottom: 3px;
 padding: 0;
 background: url(navi_top.gif) top left no-repeat;
}

#left ul li a {
 display: block;
 padding: 5px 5px 6px 25px;
 margin: 0;
 width: 150px;
 color: #484848;
 text-decoration: none;
 background: url(navi_bottom.gif) bottom left no-repeat;
 font-weight: bold;
}

#left ul li a span {
 color: #FFF;
 padding: 0 15px 0 5px;
 font-weight: bold;
}


#left ul li a:hover {
 color: #cc0000;
}

#left ul li a:active {
 color: #cc0000;
}

#left ul li a.current {
 color: #cc0000;
}


#right {
 float: right;
 padding: 0 15px 0 0;
 width: 665px;
 font-size: 90%;
}

#right #head {
 padding-bottom: 15px;
 
 height: 180px;
}

#right h1 {
 color: #555;
 font: 155% normal Arial,Verdana,sans-serif;
 margin-bottom: 1em;
 border-bottom: 2px dotted #D6D6D6;
}



#right ul {margin-left: 10px;}


#right #content_top {
 padding: 0 0 15px 0;
 background: #FFF;
 
}



p  {padding: 5px 0;
text-align: justify;}

cite {
font-weight: bold;
font-style: normal;
}


.a-top  {color: #ffffff}

blockquote {padding-left: 25px;}


a.tt:hover{
position:relative;
z-index:23;
}
 a.tt span{
display:none;
}
a.tt:hover span{
display:block;
position:absolute;
top:-10px;
left:40px;
background:#fafafa;
border:1px solid #ccc;
color:#000;
z-index:20;
width:200px;
padding:5px;
font-size:11px;
cursor:pointer;
text-decoration:none;
}


.testComment {padding:20px 0; color: #cc0000}

.red-text {padding: 20px 0; color: red;}



#right #recomendation {
background: #ededed url("bg_recomendation.gif") 15% 13% no-repeat;
margin-bottom: 15px;
padding: 10px 0;
}


#right #recomendation .main_recomend

{padding: 5px 0 0 10px}

.imyarec {font-style: italic;
padding: 10px;
text-align: right}



#right #content_left, #right #content_right {
 margin: 10px 0;
}

#right #content_left {
 float: left;
 padding-right: 5px;
 width: 380px
}


#right #content {
 padding-right: 5px;
 
}

#right #content_right {
 float: right;
 width: 260px;
 padding-left: 10px;
 border-left: 2px dotted #D6D6D6;
}


#footer {
 clear: both;
 color: #525252;
 background: #FFF;
 padding-top: 20px;
}

#footer p {
 border-top: 2px solid #cc0000;
}

#footer #highlight_1 {
 font-weight: bold;
}

#footer #highlight_2 {
 font-weight: bold;
 color: #cc0000;
}

/* END Footer */
/*************/



#mug {
 padding: 20px 20px 20px 30px; background:  url('shadow.png') no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shadow.png', sizingMethod='crop');  position: absolute; right: 35%; top: 250px; width: 440px; height:450px; z-index: 99; font-size: 95%}

#mug div { padding: 10px 70px 10px 20px;}
#mug div p {text-align: left;}
/*
#mug a {
position:relative; z-index: 99;
}
*/
#hidden {display: none}

.close {position: absolute; top: 15px; right: 70px; z-index: 3; cursor: pointer; cursor: hand;}

#hidden {display: none}


.opinion {background: #eee; padding: 10px;}
.cons {background: #efefef; padding: 5px; height: 170px; }

.bubble
{
background:url(images/bubble.gif) no-repeat scroll 0 0 transparent;
height:15px;
margin:10px 0 -1px 20px;
position:relative;
width:24px;
z-index:10000;}

.nth-corners { clear: both;

border:1px solid #F71010;
margin:0;
padding:1em; 
position:relative;
width:95%;
  
}
.nth-corners p {padding:0 !important;}
.nth-corners span {          /* все блоки, формирующие углы */
  display:block;
  position:absolute;
  width:10px;
  height:10px;
  background-image:url(images/corners.gif);
}
* html .top-right {right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 : -1 );}

.top-right {top:-1px; right:-1px; background-position:100% 0}
.top-left  {top:-1px; left:-1px}
.bot-right {bottom:-1px; right:-1px; background-position:100% 100%}
.bot-left  {bottom:-1px; left:-1px; background-position:0 100%}


table#regions {width: 100%; border-collapse: collapse; }
table#regions, table#regions a  {color: #ce2127; font-size: 18px; font-weight: bold;}
table#regions td {text-align: center; padding: 5px 0 15px 0;}