body { margin: 5px; }
body, td { font-family: Arial; font-size: 12px; }

.media {line-height: 1.2;}
a { color: #0000FF; cursor: pointer;}
a:visited {color: #0000FF;}
a:hover {color: #0000FF; }

h1 {font-size: 20px; padding: 3px 0px 3px 0px;  /**/background: green; margin: 3px 0px 0px 0px; color: #ffff53; /*color: #FFF;*/ }
h2 { margin-bottom: 5px; margin-top: 5px; padding: 3px 3px 3px 3px; font-size: 14px; color: #FFF; background: green;/*font-weight: lighter;*/ text-transform: uppercase;}
h3 { /*margin-bottom: 5px; margin-top: 2px;*/ padding: 0px 3px 0px 3px; font-size: 14px; color: green;/* background: green;font-weight: lighter;*/ text-transform: uppercase;}

.top {background: green; font-family: Verdana; color: #FFF; font-size: 12px; width: 100%;}

/*.topleft {width: 240px;}*/
/*.topleft b {font-size: 16px; margin:  0px 0px 0px 5px;}*/

.top a {  color: #FFF; text-decoration: none; }
.top a:visited {color: #FFF;}
.top a:hover {color: #FFF; text-decoration: underline;}
.top .name a{ font-size: 16px;color: #ffff53;}
.topright {font-size: 13px; }

.menu {background: green; margin: 3px 0px 3px 0px; font-size: 12px; width: 100%; color: #FFF; }

.mix {border-bottom: 2px solid green;}

.mix_name {font-weight: bolder;}
.mix_desc {}
.mix_price {font-weight: bolder;}
.mix_merch {color: green;}/**/




.menu td { padding-bottom: 8px;}
.menu_r { text-align: right;}
.menu a, .menu a:visited { color: #FFF; text-decoration: underline;} 
.menu a:hover{ color: #FFF; text-decoration: none;}

/*центральный рекламный блок*/
.topcenter {color: #000; /*width: 400px; float: left;*/width: 50%; height: 60px; border: black 0px solid; font-size: 12px; background: #FFFFFF; padding: 5px;}

.topcenter b { color: #0000FF; text-decoration: underline; }
.topcenter a {  color: #000000; text-decoration: none; }
.topcenter a:visited {color: #000000;}
.topcenter a:hover {color: #000000; text-decoration: none;}

.topsite { color: green; font-size: 12px; margin-top: 3px; text-decoration: none;} 

.menu .red a { color: red; background: #FFF; padding: 2px 9px 4px 9px; text-decoration: underline;}
.red a:hover  {color: #FFF; background: red; }

.bigred  a{ color: #FFF; background: #0000FF/*#ffff53*/; padding: 2px 9px 4px 9px; text-decoration: underline;}
.bigred a:hover  {color: #FFF; background: red; text-decoration: underline; }

.right {  width: 15%;/**/  padding: 0px; background: #fff;  border: 0px solid green;}

.right4 {  width: 200px;  padding: 5px;  margin: 0px 0px 2px 0px;  background: #FFFFFF;  border: 1px solid green;}/**/

.right3 {  width: 200px;  padding: 5px;  margin: 0px 0px 2px 0px;  background: #ffffa4;  border: 1px solid green;}/**/
.right2 { width: 200px; padding: 5px;  margin: 0px 0px 2px 0px; background: green; font-size: 12px; color: #FFF;  border: 1px solid green;}
.right2 textarea, .right2 .input {width: 190px;}
.right2 b {color: #ffff53;}
.right2 a {color: #FFFFFF;}

.form_opr {width: 450px; padding: 5px;  margin: 0px 0px 2px 0px; background: green; font-size: 12px; color: #FFF;  border: 1px solid green;}
.form_opr b {color: #fff/*f53*/; font-size: 14px;}

.content{ padding: 5px 3px 3px 3px; border: 2px solid green;}
.noborder td { border: 0; }

.input { color: #000000; background-color:#FFFFFF; border:1px solid  green; margin-bottom: 5px;}
.submit { margin-top: 15px; margin-bottom: 15px; font-size: 20px; font-weight: bolder;  color: green;}
select { color: #000;  background-color:#FFFFFF;  border:1px solid green; margin-bottom: 5px;}
.bottom {width: 600px; height: 80px; background: #FFF;  border: 1px solid green;/**/}


.namecomment { color: green; font-size: 12px; padding-top: 5px;}
.namecomment b {color: red;}
.namecomment strong {color: #0000ff; background-color:#ffffb0;} 
.comment {border-bottom: 2px dotted #c4bbb1; padding-top: 10px; padding-bottom: 20px;}
.acomment { background-color:#ffffb0; border-bottom: 2px dotted #c4bbb1; padding-left: 10px; padding-top: 10px; padding-bottom: 20px;}


.info td{ background-color: #e5eeF1;}
h1 sup { font-size: 10px;}



.tooltip {
border-bottom: 0px dotted #000000;
color: #000000;
outline: none;
/*cursor: help; */
cursor: default;
text-decoration:none;
position: relative;
}
.tooltip img.img_help {text-decoration: none; border: 0;}
/**/.img_help {position: relative; top: 3px}
.img_help a {border: 0;}
.tooltip span { /*margin-left: -999em;*/	 position: absolute; display: none;}
.tooltip:hover span {  display: block;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
position: absolute; left: 0.5em; top: 0.5em; z-index: 99; margin-left: 0px; width: 250px;
}
.tooltip:hover img.img_warning_big  {border: 0; margin: -18px 0 0 -40px;	float: left; position: absolute; top:2px;left: 22px}
.tooltip:hover em {
font-style:normal;
font-size:12px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
display: block; padding: 0.2em 0 0.2em 0;
text-align:left;
color:#000000;
}		
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.help { background: #FFFFAA; border: 1px solid #FFAD33; line-height: 15px;}
.tooltip:hover .img_help {border: 0; margin: 0 0 0 0;}