/*//////////////////////////////////////////////////
/Designed by selemet , special for  johncms.com
/////////////////////////////////////////////////*/
body {
  background:#F4F4FE url(images/bg.png);
  color: #000000;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 14px;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
}

a:active {
  color: #666600;
}

a:hover {
  color: #FF0000;
  text-decoration: underline;
}

a:link, a:visited {
  color: #29588B;
  text-decoration: none;
}
form {
  font-size: small;
  margin: 0;
  padding: 0;
}

h3 {
  margin: 0;
  padding: 0 0 2px 0;
}

hr {
  border: 0;
  border-top: 1px solid gray;
  margin: 0;
}

p {
  margin-bottom: 6px;
  margin-top: 6px;
}

textarea {
  width: 99%;
  max-width: 640px;
  border:1px solid #ADB7BF;
  padding:5px;
  margin-bottom:3px;
  border-radius: 2px;
}

ul {
  margin: 0;
  padding-left: 20px;
}
input ,select{
  border:1px solid #ADB7BF;
  padding: 3px;
  border-radius: 2px;
}
input[type="submit"] {
  background: #E3E8EA;
  padding: 3px 5px;
}
.alarm {
  background-color: #F23439;
  border-bottom: 1px solid #CB1A1C;
  color: #ffffff;
  font-weight: bold;
  padding:4px;
}

.bblist {
  color: #4A5663;
  background: transparent url(../../images/dot.gif) no-repeat left;
  padding: 0px 0px 0px 10px;
}

.bmenu {
  background-color: #D3D8DB;
  border-bottom: 1px solid #bbb;
  margin: 1px 0px;
  padding: 2px 4px 4px 4px;
}

.end {
  text-align: center;
}

.fmenu {
  background-color: #E8E8FF;
  border-top: 1px solid #D6D6F7;
  border-left: 1px solid #D3D8DE;
  border-right: 1px solid #D3D8DE;
  color: #FFFFFF;
  margin-top: 7px;
  padding: 6px;
}

.footer {
  background: url(/images/gunner_right.png) no-repeat right #3A3A4E;
  color: #fff;
  margin: 0;
  padding: 10px;
}

.func {
  border-left: 4px solid #9acd32;
  color: #757575;
  font-size: x-small;
  margin-left: 2px;
  margin-top: 4px;
  padding-left: 4px;
}

.gmenu {
  background-color: #EDF7E8;
  margin: 1px 0px;
  border-bottom: 1px solid #DBEDD3;
  padding: 3px 4px 3px 4px;
}

.gray {
  color: #586776;
}

.greply {
  border-left: 4px solid #009900;
  color: #009900;
  padding: 2px 0 2px 4px;
}

.hdr {
  background-color: #f1f1f1;
  border-bottom: 1px solid #595959;
  font-weight: bold;
  padding-left: 2px;
}
.logo {
  background: #2E2E43;
  padding:0px;
}

.header {
  background: #404055;
  color: #fff;
  margin: 0;
  padding: 7px;
}


.left {
  float: left;
}

.list1 {
  background-color: #F7F7F5;
  border-bottom: 1px solid #D8DEE5;
  text-shadow:0px 1px #fff;
  margin: 1px 0px;
  padding: 5px;
  color: #222;
}

.list2 {
  text-shadow:0px 1px #f0f0f0;
  background-color: #F0F2F5;
  border-bottom: 1px solid #D8DBE3;
  margin: 1px 0px;
  padding: 5px;
  color: #222;
}
.list1 a:link ,.list1 a:visited ,.list2 a:link ,.list2 a:visited {
  color:#393698;
  text-decoration: underline;
}
.list1 a:hover ,.list2 a:hover {
  color: #D15D34;
  text-decoration: underline;
}
.spoilerhead {
  background: #E8E8F2;
  color: #211F67;
  padding: 3px;
  border: 1px  solid #9898AD;
}
.spoilerbody {
  background: #FAFAFC;
  border: 1px solid #AFAFC4;
  border-top: none;
  padding: 4px;
  color:#333;
  border-radius: 0px 0px 3px 3px;
}
.maintxt {
  background: #fff;
  font-weight: normal;
  margin: -6px 0px -6px 0px;
  padding: 0px;
  border-left: 1px solid #D3D8DE;
  border-right: 1px solid #D3D8DE;
}
.maintxt p a:link ,.maintxt p a:visited{
  padding-left: 8px;
}
.menu {
  color: #444;
  background-color: #F7F7FF;
  padding: 3px 8px;
}
.menu a:link ,.menu a:visited {
  color:#273E6A;
  text-decoration: none;
}
.news {
  background-color: #EDEDF7;
  border: 1px solid #ddd;
  margin: 2px;
  color: #2E2E43;
  font-size: x-small;
  padding: 3px 4px 4px 4px;
}

.phdr {
  background-color: #C6CBD3;
  border-top: 1px solid #BFC4CB;
  border-bottom: 1px solid #B4B9C1;
  text-shadow:0px 1px #E0E5EA;
  padding: 6px 8px;
  color: #24292E;
}
.phdr a:link ,.phdr a:visited { color: #3B4374; }
.phpcode {
  background-color: #E0E6E9;
  border: 1px dotted #9FAEBB;
  margin-top: 4px;
  padding: 0 2px 0 2px;
  /*overflow: auto;*/
}

.quote {
  border-left: 4px solid #c0c0c0;
  color: #878787;
  font-size: x-small;
  margin-left: 2px;
  padding: 2px 0 2px 4px;
}

.reply {
  border-left: 4px solid #EE0000;
  color: #EE0000;
  padding: 2px 0 2px 4px;
}

.rmenu {
  background-color: #EAC4D3;
  border-bottom: 1px solid #E3B9C9;
  margin: 1px 0px;
  padding:4px;
  color: #172C34;
}

.sitemap {
  background-color: #eeecd9;
  margin: 0;
  padding: 2px 4px 3px 4px;
  font-size: xx-small;
  height: 38px;
  overflow: auto;
}

.status {
  color: #CD853F;
  font-size: x-small;
  font-weight: bold;
  padding-left: 0;
}

.sub {
  border-top: 1px dotted #ccc;
  font-size: x-small;
  margin-top: 4px;
}

.tmn {
  background-color: #E8E8FF;
  border-bottom: 1px solid #D6D6F7;
  border-left: 1px solid #D3D8DE;
  border-right: 1px solid #D3D8DE;
  color: #52432C;
  margin-bottom: 6px;
  padding: 5px;
}

.topmenu {
  background-color: #EDEDF2;
  padding: 4px 8px;
  font-size: 12px;
  color: #555;
  border-bottom: 1px solid #ddd;
}

.topmenu input{
  font-size: x-small
}

.user {
  background-color: #E3E5E8;
  margin: 1px 0px;
  border-bottom: 1px solid #C6CED3;
  padding: 3px 4px 3px 4px;
}
.user .gray {
  color: #2E2E31;
}
.alarm a:link, .alarm a:visited {
  color: #FFFFFF;
  font-size: x-small;
}

.clip a:link, .clip a:visited {
  color: #424e59;
}

.footer a:link, .footer a:visited {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.green, .green a:link, .green a:visited {
  color: #008000;
}

.greply a:link, .greply a:visited {
  color: #008800;
}

.red, .red a:link, .red a:visited {
  color: #FF0000;
}

.reply a:link, .reply a:visited {
  color: #DD0000;
}

.sub a:link, .sub a:visited {}

.tmn a:link, .tmn a:visited, .fmenu a:link, .fmenu a:visited {
  color: #444;
  text-decoration: none;
}
.fmenu a:hover,.tmn a:hover ,.gmenu a:hover ,.bmenu a:hover ,.menu a:hover ,.tmn a:hover{
  color: #0D1FE0;
  text-decoration: underline;
}
.currentpage {
    background-color: #fff;
    border: 1px solid #ADB7BF;
    border-radius: 2px;
    padding: 1px 6px;
}

a.pagenav {
    border: 1px solid #C1CBD3;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
    border-radius: 2px;
    padding: 0px 5px;
}

a.pagenav:hover {
    background-color: #F5F7F7;
    border: 1px solid #A0AAB4;
}

.touchmenu a{
display: block;
padding: 4px;
border: 1px solid #C1CBD3;
}
.touchmenu a:hover{
 background-color: #F5F7F7;
}

/*
.block {
background-color:#ffdf9a;
color:#000;
border-radius:6px;
text-align:center;
border-top:1px solid #f1cf87;
border-bottom:1px solid #f1cf87;
margin:1px;
padding:6px;
}
*/
.recommended{
background-color:#b59fd8;
color:#fff;
border-radius:6px;
text-align:center;
border-top:1px solid #a38ec5;
border-bottom:1px solid #a38ec5;
margin:1px;
padding:6px;
}
.recommended_block{
background-color:#e8dcef;
background-image:url(img/imin.png);
color:#5583a6;
text-align:center;
border:1px solid #ece5ef;
border-radius:5px;
margin:0 0px 1px;
}

.search_block {
background-color:#b59fd8;
color:#fff;
border-radius:6px;
text-align:center;
border-top:1px solid #a38ec5;
border-bottom:1px solid #a38ec5;
margin:1px;
padding:6px;
}

.load {
background-color:#f5bd66;
color:#fff;
border-radius:6px;
text-align:center;
border-top:1px solid #e1a649;
border-bottom:1px solid #e1a649;
margin:1px;
padding:6px;
}

.frames {
display : inline-block;
padding : 8px 13px 8px 13px;
margin : 10px 0px 10px 10px;
border-radius : 5px;
border: 1px dotted #f0acac;
background-color : #feece2;
}

.item {
background-color:#f5f1e5;
color:#c77a00;
border-top:1px solid #fff9ea;
border-bottom:1px solid #e6e2d4;
border-radius:5px;
margin:0;
padding:6px;
}

.page {
background-color:#efecdc;
background-image:url(img/bain.png);
color:#222;
text-align:center;
border:1px solid #eadebd;
border-radius:5px;
margin:0 1px 1px;
padding:5px;
}


.grab {
border-top: 1px solid #e6e5e6;
border-bottom: 1px solid #e6e5e6;
border-right: 2px solid #4a85af;
border-left: 2px solid #4a85af;
padding: 2px;
margin:  2px 0px 2px 0px;
}
.tl{padding:0}
.tl a,.acc a{border-bottom:1px solid #d6d6d6;display:block;padding:8px;background:url(/images/arrow.png) no-repeat 99% center}
.tl a:hover,.acc a:hover,.acc h3:hover,.acc h3.open:hover{background-color:#f8f8f8 }
.pages a{border-radius: 4px;line-height:32px;padding:6px;color:#fdfdfd;display:inline !important;background:url(/images/pages.gif) repeat-x 50% top #bc1111;}

.i_bar_t {
background: #f9e9eb;
padding: 10px 15px;
border-bottom: 1px solid #f1d2d6;
border-top: 1px solid #fcebed;
}
.i_bar_t span {
float: right;
font: 12px;
color: #f0adb6;
}
.title {
background: #fc5060 url(dis/razd.png) repeat-x;
padding: 7px;
color: #fff;
}
.titl {
background: #fc5060 repeat-x;
padding: 7px;
color: #fff;
}
.title img { margin-right: 4px; width: 24px;}

.menuu {
background: #fc5060 url(dis/razd.png) repeat-x;
padding: 4px 10px;
}
.menuu img {
height: 30px;
}
.div {
border-top: 1px solid #777;
text-align: center;
padding: 10px;
}

.img {
display: inline-block;
position: relative;
}
.screen 
{
	border-radius: 10px;
	
	margin: 2px;
	max-width: 99%;
	
}
.morph {

  -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;

}

 

.morph:hover {

  border-radius: 50%;

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

       -o-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

}

.title{
background-color: #C6CBD3;
  border-top: 1px solid #BFC4CB;
  border-bottom: 1px solid #B4B9C1;
  text-shadow:0px 1px #E0E5EA;
  padding: 8px 10px;
  color: #24292E;
}
.main {
padding: 10px 15px;
margin-bottom: -1px;
background-color: #FFF;
border: 1px solid #EBE6E6;
color: #555;
display: block;

}
.imgter {
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
}
.navi a {
display: inline-block;
padding: 7px 11px;
color: #fff;
background: #838B8B;
margin: 2px;
}
.navi span {
display: inline-block;
padding: 7px 11px;
color: #fff;
background: #CDC9C9;
margin: 2px;
}
.link a{
background: url(link.png)repeat-x top rgb(248, 227, 243);
  color: #AD72A0;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #E5C5DF;
  display: block;
}

.link img {
  vertical-align: middle;
  margin-bottom: 3px;
}
.news1 {
background: url(link.png)repeat-x top rgb(248, 227, 243);
  color: #AD72A0;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #E5C5DF;
  display: block;
  text-shadow: 1px 1px 1px rgb(252, 253, 255);
  font-family: Arial;
  font-weight: none;
}

photoj
{
background: #16a085;
border-radius: 50%;
box-sizing: border-box;
color: #FFF;
display: block;
font-size: 25px;
height: 32px;
line-height: 32px;
text-align: center;
text-transform: uppercase;
width: 32px;
}
photo
{
background: #157793;
border-radius: 50%;
box-sizing: border-box;
color: #FFF;
display: block;
font-family: 'Lovelo Line';
font-size: 25px;
height: 33px;
line-height: 33px;
text-align: center;
text-transform: uppercase;
width: 33px;
}

.blockpad {
    padding-top: 8px;
    padding-bottom: 8px;
}

.label {
    font-size: 1.17em;
    font-weight: bold;
}

.form-group {
    padding: 5px 0;
}
.ter {


	margin: 1px;


	border: 1px #aad596 solid;


	padding: 4px;


	background: #bee9ae;


}

h1 {
    font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */ 
    font-size: 14px; /* Размер шрифта в процентах */ 
   } 

/*//////////////////////////////////////////////////
/Designed by selemet , special for johncms.com
/////////////////////////////////////////////////*/