/*
*
Design: NEW spaces.ru
For: DCMS-Social
Author: SofoklesAjax {Andrian Zahariev}
Contacts: vk.com/sophoclesajax // Копирование любых сайтов, создание шаблонов, продвижение.
*
*/
div.main_space {background:#f5f5f5}
.tpanel {display: table;
border: 0;
margin-left: 3px;
margin-bottom: -2px;
color: #fff;}
.tmenu {float: left;
display: inline;}
.tmenu a {margin-left: 5px;
margin-top: 1em;
display: block;
min-width: 50px;
padding: 3px 8px 3px 8px;
text-decoration: none;
text-align: center;
color: #fff;
background: #5881B0;
border-radius: 6px;
-moz-border-radius: 4 4 0px 0px;}
.tmenu a:hover {background: #6A93C1;}
.main2 {width: auto;
max-width: auto;
margin-left-right: 1em auto;
padding: 1em;
text-align: center;
color: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #7c98d6;
box-shadow: 0 0 5px 5px rgba(221, 221, 221, 1);}
.main { /* оформляем главный блок */
width: auto;
max-width: auto;
margin: 1em auto;
padding: 1em;
text-align: auto;
color: #2C3E50;
background-color: #E4F1FE;
box-shadow: 0 0 5px 5px rgba(221, 221, 221, 1);}
.main a {display: inline-block;
padding: 8px; border-radius: 6px;
background: #f5f5f5;
color: #6C7A89;border:1px solid #ddd;
margin: 1px;}
.webmenu {float: left;
display: inline;
padding-left: 10px;}
.webmenu last {float: none;
padding-left: 0px;
margin: 0 auto;
padding-top: 50px;}
.webmenu a {display: block;
min-width: 62px;
padding: 5px;
text-decoration: none;
text-align: center;}
.webmenu a:hover {text-decoration: none;}
a.activ {background:-webkit-gradient(linear,left top,left bottom,from(#7c98d6),to(#52658e));
background:-moz-linear-gradient(top,#7c98d6,#52658e);
background:-o-linear-gradient(top,#7c98d6,#52658e);
background:-ms-linear-gradient(top,#7c98d6,#52658e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c98d6',endColorstr='#52658e'); zoom:1;
color: #fff;
padding: 5px;
border-radius: 3px;}
.menus {display: table;
width: 100%;
padding: 9px;
background-color: #f7f7f7;
box-shadow: 0 0 5px 5px rgba(221, 221, 221, 1);
border-bottom: 1px solid #D8D4D4;}
.st_2 { /* оформляем статус */
background:#ddebf7;
color:#323232;
font-size:81.25%;
/* 13/16 = 0,8125 */ line-height:123.076%;
/* 16/13 = 1,23076 */ padding:9px 36px 9px 9px;
position:relative;
word-wrap:break-word;
border-radius: 4px;}
.st2:after {content:'';
position: absolute;
display:block;
height:0;
width:0;
bottom:100%;
left:32px;
border:8px solid transparent;
border-bottom-color:#ddebf7;}
.st_1 {margin-left: 30px;
margin-bottom:0;
border-style:solid;
border-color:transparent transparent #ddebf7 transparent ;
border-width:10px 10px 10px 10px;
height: 0px;
width:0px;}
.nav2 a, .nav1 a {display: inline-block;
padding: 8px;
border-radius: 6px;
background: #f5f5f5;
color:#6C7A89;
border: 1px solid #ddd;
margin: 3px;}
.nav1,.nav2 {position:relative;
width:auto;
padding:1em;
margin:8px 10px 1em;
margin-top: 6px;
background:#FAFAFA;
color: #52658e;
-webkit-box-shadow:0 1px 4px rgba(68,108,179, 0.3), 0 0 40px rgba(68,108,179, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(68,108,179, 0.3), 0 0 40px rgba(68,108,179, 0.1) inset; box-shadow:0 1px 4px rgba(68,108,179, 0.3), 0 0 40px rgba(68,108,179, 0.1) inset;}
.nav1:before,
.nav1:after {content:"";
position:absolute;
z-index:-2;}
.nav1:before {top:0px;
bottom:0px;
left:10px;
right:10px;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;}
.nav1 p {font-size:16px;
font-weight:bold;}
.post, table {width: 100%;}
.page a { /* навигация */
background:-webkit-gradient(linear,left top,left bottom,from(#7c98d6),to(#52658e));background:-moz-linear-gradient(top,#7c98d6,#52658e);background:-o-linear-gradient(top,#7c98d6,#52658e);background:-ms-linear-gradient(top,#7c98d6,#52658e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c98d6',endColorstr='#52658e');zoom:1;
border-radius: 1em;
margin-top: 1px;
padding: 4px 6px 4px 6px;
color: #fff;}
.page a:hover {color: #ffffff;}
.page {color: #ffffff;}
textarea { /* поле ввода текстовой информации */
border:1px solid #c0c6d2;
background:#fff;
color:#323232;
font-size:87.5%;
/* 14/16 = 0,875 */ line-height:135.714%;
/* 19/14 = 1,35714 */ -webkit-box-shadow:inset 0px 3px 5px #cdd2de;
-moz-box-shadow:inset 0px 3px 5px #cdd2de;
box-shadow:inset 0px 3px 5px #cdd2de;
padding:8px 40px 8px 11px;
min-width:60%;
height:135.714%;/* 19/14 = 1,35714 */ box-sizing:content-box;
margin:4px;
border-radius:5px;}
form { /* форма */
padding: 8px; max-width: 99%;
color: #6C7A89;
border: 0px #F2F2F7 solid;}
input[type="submit"] {color: #ffffff; /* оформляем кнопки */
background:-webkit-gradient(linear,left top,left bottom,from(#7c98d6),to(#52658e));background:-moz-linear-gradient(top,#7c98d6,#52658e);background:-o-linear-gradient(top,#7c98d6,#52658e);background:-ms-linear-gradient(top,#7c98d6,#52658e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c98d6',endColorstr='#52658e');zoom:1;}
border: 1px solid #52658e;
margin-top: 1px;
padding: 4px 6px 4px 6px;}
input[type="submit"]:hover {color: #fff;
background-color: #6981b3;
border: 1px solid #385492;}
.pages {border: 1px #238be4 solid;
background-color: #FFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 1px;
margin-top: 1px;
border-radius: 1px 1 1 1px;
font-size : small;}
.cit {background: #FFF8D7;
padding: 7px;
margin-top: 4px;
margin-left: -9px;
border: #E1E1E1 solid 1px;}
.menu_razd {padding: 8px;
color: #fff;
background: #51C051;
border-bottom: 1px solid #61B117;}
.main_menu,.p_m,.p_t {background-color: #f7f7f7;
border-bottom: 1px solid #e9e9e9;
padding: 8px;
display: block;}
.foot {word-wrap: break-word;
border-bottom: 1px solid #D3DBE3;
border-top: 1px solid #D3DBE3;
background-color: #DEE5EB;
position: relative;
padding: 8px;
margin-top: -1px;
color: #788DA5;}
.mess,.c2 {width: auto;
max-width: auto;
margin: 0em auto;
padding: 1em;
color: #2C3E50;
background-color: #E4F1FE;
box-shadow: 0 0 5px 5px rgba(221, 221, 221, 1);}
table {width: 100%;}
.rekl {background: url(img/rekl.png) right top no-repeat ,#f8f7f7 right bottom repeat-x; margin-top: 1px;
margin-bottom: 1px;
padding: 7px 7px 7px 7px;
border: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;}
.copy a {color: #fff;}
.iform {padding: 7px;
border-top: 1px solid #d4dbe3;
background-color: #fff;
border-bottom: 1px solid #d4dbe3;
position: relative;
margin-top: -1px;}
.err {width: auto;
max-width: auto;
margin: 0em auto;
padding: 1em;
text-align: center;
color: #2C3E50;
background-color: #E4F1FE;
box-shadow: 0 0 5px 5px rgba(221, 221, 221, 1);}
.msg {width: auto;
max-width: auto;
margin: 0em auto;
padding: 1em;
text-align: center;
color: #2C3E50;
background-color: #87D37C;
box-shadow: 0 0 5px 5px rgba(221, 221, 221, 1);}
.on {color: #269615;}
.off {color: #dc5b5b;}
input, select {margin-top: 5px;
padding: 7px;}
select {vertical-align: top;
width: 73%;
min-width: 30px;
border: 1px solid #B9C4D1;}
/*
*
--------Start animate---------//
----------Sofokles------------//
------------Swing-------------//
*
*/
@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.swing:hover
{
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}