@charset "utf-8";

/* Общие свойства страниц сайта */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body  {background-color: #e7e6d4;}
table {border-collapse: collapse;}
a:link  {text-decoration: none; color: inherit;}
a:hover {text-decoration: underline;}
a:visited {color: inherit;}

/* Блок HEADER */

#topmenu  {position: relative; background: url(/img/design/topmenu-bg.png) repeat-x; height: 60px; width: 100%; z-index: 0;}
#toppanel {position: relative; top: 10px; width: 1000px; height: 40px; margin: 0 auto; z-index: 1;}
#tmbutton {position: relative; width: 998px; top: -41px; z-index: 2;}
#logosmall{position: absolute; width: 130px; top: -12px; left: 75px;  z-index: 3;}
#logobig  {position: absolute; width: 325px; top: -15px; left: -15px;  z-index: 3;}

/* Блок CONTENT */

#content    {position: relative; width: 1000px;	margin: 0 auto;}
#leftblock	{float: left; width: 332px; height: 375px;}
#carx6		{width: 100%;}
#series		{position: relative; top: -30px; left: 515px; width: 480px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size: 35px; color: #3D8CA8; font-style: normal;}
#multimed	{position: relative; text-align: center;}

/* Блок стилей текста*/

.centr {text-align: center;}
.justify {text-align: justify;}

.small  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 12px;}
.style1 {font-family:  Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 12px; color: #2B2A2A; font-style: normal;}
.style11 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 13px; color: #AB0002; font-style: normal;}
.style2 {font-family:  Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 14px; color: #2500C0; font-style: normal;}
.style22 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; font-style: normal;}
.style23 {font-family:  Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 16px; color: #2500C0; font-style: normal;}
.style3 {font-family:  Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 15px; color: #AB0002; font-style: normal;}
.style33 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 15px; color: #1F1F1F; font-style: normal;}
.style34 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 15px; color: #D3D3D3; font-style: normal;}
.style33 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 15px; color: #1F1F1F; font-style: normal;}
.style34 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 16px; color: #3F3F3F; font-style: normal;}
.style41 {font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 18px; color: #202020;	font-style: normal;}
.style9 {font-family:  Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 38px; color: #202020;}

table.tableborder {border: solid 1px #53BFE5;}
td.tableborder { border: dashed 1px #53BFE5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px;}

/* Блок анимированных кнопок*/

.tmloginkey {display: block; position: relative; width: 68px; height: 33px; padding: 0px; margin: 1px auto; line-height: 33px; border: 0px; background: url(/img/design/buttons/tmloginkey.png) 0 0 no-repeat;}
.tmloginkey:hover  {background-position: 0 -36px;}
.tmloginkey:active {background-position: 0 -72px;}

.tmhomebutt {display: block; position: relative; width: 90px; height: 29px; padding: 0px; margin: 1px auto; line-height: 29px; border: 0px; background: url(/img/design/buttons/tmhomebutt.png) 0 0 no-repeat;}
.tmhomebutt:hover  {background-position: 0 -33px;}
.tmhomebutt:active {background-position: 0 -65px;}

.tmaccobutt {display: block; position: relative; width: 90px; height: 29px; padding: 0px; margin: 1px auto; line-height: 29px; border: 0px; background: url(/img/design/buttons/tmaccobutt.png) 0 0 no-repeat;}
.tmaccobutt:hover  {background-position: 0 -33px;}
.tmaccobutt:active {background-position: 0 -65px;}

.tmforubutt {display: block; position: relative; width: 90px; height: 29px; padding: 0px; margin: 1px auto; line-height: 29px; border: 0px; background: url(/img/design/buttons/tmforubutt.png) 0 0 no-repeat;}
.tmforubutt:hover  {background-position: 0 -33px;}
.tmforubutt:active {background-position: 0 -65px;}

.tmallbbutt {display: block; position: relative; width: 90px; height: 29px; padding: 0px; margin: 1px auto; line-height: 29px; border: 0px; background: url(/img/design/buttons/tmallbbutt.png) 0 0 no-repeat;}
.tmallbbutt:hover  {background-position: 0 -33px;}
.tmallbbutt:active {background-position: 0 -65px;}

.tmclubbutt {display: block; position: relative; width: 90px; height: 29px; padding: 0px; margin: 1px auto; line-height: 29px; border: 0px; background: url(/img/design/buttons/tmclubbutt.png) 0 0 no-repeat;}
.tmclubbutt:hover  {background-position: 0 -33px;}
.tmclubbutt:active {background-position: 0 -65px;}

.tmcontbutt {display: block; position: relative; width: 90px; height: 29px; padding: 0px; margin: 1px auto; line-height: 29px; border: 0px; background: url(/img/design/buttons/tmcontbutt.png) 0 0 no-repeat;}
.tmcontbutt:hover  {background-position: 0 -33px;}
.tmcontbutt:active {background-position: 0 -65px;}

.asbutbenefits {display: block; position: relative; width: 211px; height: 48px; padding: 0px; margin: 1px auto; line-height: 48px; border: 0px; background: url(/img/design/buttons/asbutbenefits.png) 0 0 no-repeat;}
.asbutbenefits:hover  {background-position: 0 -2px;}
.asbutbenefits:active {background-position: 0 48px;}

.asbutmanuals {display: block; position: relative; width: 211px; height: 48px; padding: 0px; margin: 1px auto; line-height: 48px; border: 0px; background: url(/img/design/buttons/asbutmanuals.png) 0 0 no-repeat;}
.asbutmanuals:hover  {background-position: -2px 0;}
.asbutmanuals:active {background-position: 0 48px;}

.asbutsoft {display: block; position: relative; width: 211px; height: 48px; padding: 0px; margin: 1px auto; line-height: 48px; border: 0px; background: url(/img/design/buttons/asbutsoft.png) 0 0 no-repeat;}
.asbutsoft:hover  {background-position: 0 -2px;}
.asbutsoft:active {background-position: 0 48px;}

.asbutvideo {display: block; position: relative; width: 211px; height: 48px; padding: 0px; margin: 1px auto; line-height: 48px; border: 0px; background: url(/img/design/buttons/asbutvideo.png) 0 0 no-repeat;}
.asbutvideo:hover  {background-position: +2px 0;}
.asbutvideo:active {background-position: 0 48px;}

a.glassbutton {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 2em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.glassbutton:hover  { transition: .5s linear; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);}
a.glassbutton:active { top: 1px;}

/* Блок форума*/

.forumtextarea {background-color: #FFFFFF; border: groove;}

/* Блок мессенджера */

.msgWinOverlay {background: #000; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000;	opacity: .5;}
.msgWorkArea  {background: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -470px; overflow: hidden; z-index: 1001; width: 930px; padding: 0px;}
.msgHeaderArea {background-color: #FFFFFF;  width: 930px; height: 23px; text-align: center; vertical-align: middle; font-family: Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; font-size: 20px; color: #1F1F1F; font-style: bold; padding: 5px;}
#msgBox {width: 650px; height: 250px; border: thin; overflow: auto;}
.msgTextArea {border: groove;}

.boldbutton  {height: 20px; width: 20px; background-image: url(../img/design/buttons/b.gif);}
.italButton  {height: 20px; width: 20px; background-image: url(../img/design/buttons/i.gif);}
.underbutton {height: 20px; width: 20px; background-image: url(../img/design/buttons/u.gif);}

.laughtbutton	{height: 18px; width: 20px; background-image: url(../img/design/smiles/laught.png); border: 0;}
.angrybutton 	{height: 18px; width: 20px; background-image: url(../img/design/smiles/angry.png); border: 0;}
.coolbutton	 	{height: 18px; width: 20px; background-image: url(../img/design/smiles/cool.png); border: 0;}
.lickbutton 	{height: 18px; width: 20px; background-image: url(../img/design/smiles/lick.png); border: 0;}
.mmmbutton 		{height: 18px; width: 20px; background-image: url(../img/design/smiles/mmm.png); border: 0;}
.shamebutton 	{height: 18px; width: 20px; background-image: url(../img/design/smiles/shame.png); border: 0;}
.sorrybutton	{height: 18px; width: 20px; background-image: url(../img/design/smiles/sorry.png); border: 0;}
.whootbutton	{height: 18px; width: 20px; background-image: url(../img/design/smiles/whoot.png); border: 0;}


/* Звёзды рейтинга */

.rating label {position: relative; display: inline; float: left; z-index:1; width:5px; height:32px;}
.rating input[type=radio] {z-index: 2; display:inline; float: left;  width:30px; height:30px; visibility:hidden;}

.starDesign {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starDesign 		  {background-position: 0 -32px;}
input:checked ~ label .starDesign {background-position: 0 0;}
input:checked + label .starDesign {background-position: 0 -32px;}
label:hover ~ label .starDesign	  {background-position: 0 0 !important;}

.starComfort {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starComfort 		   {background-position: 0 -32px;}
input:checked ~ label .starComfort {background-position: 0 0;}
input:checked + label .starComfort {background-position: 0 -32px;}
label:hover ~ label .starComfort   {background-position: 0 0 !important;}

.starCapacity {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starCapacity 	    {background-position: 0 -32px;}
input:checked ~ label .starCapacity {background-position: 0 0;}
input:checked + label .starCapacity {background-position: 0 -32px;}
label:hover ~ label .starCapacity   {background-position: 0 0 !important;}

.starRoadability {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starRoadability 		   {background-position: 0 -32px;}
input:checked ~ label .starRoadability {background-position: 0 0;}
input:checked + label .starRoadability {background-position: 0 -32px;}
label:hover ~ label .starRoadability   {background-position: 0 0 !important;}

.starPerformance {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starPerformance		   {background-position: 0 -32px;}
input:checked ~ label .starPerformance {background-position: 0 0;}
input:checked + label .starPerformance {background-position: 0 -32px;}
label:hover ~ label .starPerformance   {background-position: 0 0 !important;}

.starEffectivity {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starEffectivity		   {background-position: 0 -32px;}
input:checked ~ label .starEffectivity {background-position: 0 0;}
input:checked + label .starEffectivity {background-position: 0 -32px;}
label:hover ~ label .starEffectivity   {background-position: 0 0 !important;}

.starServicecost {background: url(../img/design/rating-stars/rs-rab.png) 0 -32px; height:32px; width:32px; z-index:1; position: absolute; top: 0; display:block;  cursor:pointer; left: -36px;}
.rating:hover .starServicecost 		   {background-position: 0 -32px;}
input:checked ~ label .starServicecost {background-position: 0 0;}
input:checked + label .starServicecost {background-position: 0 -32px;}
label:hover ~ label .starServicecost   {background-position: 0 0 !important;}