﻿body {

     
}
#wrap {width: 877px; margin: 0 auto; position: relative; height: 100%;}
#left {width: 216px; position: relative; float: left; margin-bottom: 20px;}
#left .logo {position: relative; left: 5px; top: 20px;}
#left .logo1 {position: relative; left: 17px; top: 21px;}
#left ul.main {list-style: none; margin: 46px 0 0 0px; padding: 0 12px 0 0; position: relative;
    top: -3px;
    left: 0px;
    height: 18px;
    width: 202px;
}
#left ul.main li {background: url('../images/li.png') no-repeat 13px center; padding: 0 0 0 25px; margin: 0 0 10px 0; position: relative;
    top: 0px;
    left: 0px;
    width: 187px;
}
#left ul.main li a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #547580; text-decoration: none; text-transform: uppercase;}
#left ul.main li.active {background: url('../images/leftMenuActiveBg.png') no-repeat left top; padding: 11px 0 0 25px; margin: 0 0 10px 0;}
#left ul.main li.active.single {height: 30px; background: url('../images/subBg.png') no-repeat left top;}
#left ul.main li.active a {color:#e9f5fc;}

#left div.mainIn ul.main {margin: 0 0 0 5px;}

#left ul.main li.active ul.sub {list-style: none; padding: 0; margin:7px 0 0 -25px; position: relative;}
#left ul.main li.active ul.sub li {background: url('../images/leftMenuSubBg.png') no-repeat left center; position: relative; margin: 0; padding: 0 0 0 35px; height: 24px;}
#left ul.main li.active ul.sub li:last-child {background: url('../images/leftMenuSubLastBg.png') no-repeat left center; height: 27px;}
#left ul.main li.active ul.sub li a {text-transform: none;}
body {margin: 0; background: url('../image/bodyBg.jpg') no-repeat top center; background-color: #eff2f2;}
.auto-style1 {
            width: 100%;
            height: 368px;
        }
        .auto-style3 {
            width: 343px;
        }
        .auto-style5 {
            width: 343px;
            height: 23px;
        }
        .auto-style6 {
            height: 23px;
            padding:0px 27%;
        }
        .auto-style7 {
            width: 343px;
            height: 25px;
        }
        .auto-style8 {
            height: 25px;
        }

        body {
    width: 600px;
    margin: 40px auto;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
}

table {
    *border-collapse: collapse; /* IE7 и раньше */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

a.button15 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding:11px 32px;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

.spoiler_title{
			font-size: 16px;
			border-bottom: #000000 dashed 1px;
			cursor: pointer;
		}
		.spoiler_block{
			display: none;
            font-size: 14px;
		}
        
        #content p, .content-inner {
    padding: 5px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #4a5d61;
}
