/*

/* Load fonts
----------------------------------------------- */
@import url(../css/fonts.css);


/* Reset our style
----------------------------------------------- */

html,body,div,span,object,iframe,frame,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,input,textarea,button,select,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	
   background: transparent;margin:0;padding:0;outline:none;border: 0;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}


.berrors{display:none;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

/* HTML5 tags need it */
article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}


/* General styles
----------------------------------------------- */

body {
          font: 82.5% Tahoma;
          line-height: 1.6;
          padding:0;
          margin:0;        
          color: #4b4b4b;
          background: #fff url(/img/bg_logot.png) repeat center 500px;
          height:100%;
          width:100%;         
}

img,embed,object,video,iframe,frame {max-width: 100%;}
.clr {clear: both;height: 1px;min-height: 1px;}

a {color: #f40404;text-decoration: none;}
a:hover, a:focus {color: #333;text-decoration: underline;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h1 {font: 2.6em 'PF Agora Sans Pro';color: #3f3f3f;margin: 0 0 15px 0;}



/* Load images
----------------------------------------------- */

.pg {background: url("") center 86px no-repeat;}
header nav ul li.active span:after,header .logo,.content:before,.content:after,.prev,.next,.apple:after,.about p:after,.bottom div:after,footer .copy:after,footer .fb,footer .tw,header nav ul li.active i {background: url("../css/img/sprite.png") 0 0 no-repeat;}


/* Pages width
----------------------------------------------- */

.about,.price,.bottom div,footer {width:896px;}
header,.content {width:996px;}


/* Diferente
----------------------------------------------- */


/* Header
----------------------------------------------- */

header {height: 135px;position: relative;margin:0 auto;}
header .logo {width: 260px;height: 45px;display:block;text-indent: -5555em;position: absolute;top: 47px;left:47px;z-index:6;background-position: 0 0;}
header nav {position: absolute;left:380px;right:0;top:54px;height: 34px;}
header nav ul li {font: 1.4em 'PF Agora Sans Pro';position: relative;display:block;height: 34px;line-height: 34px;float:left;margin: 0 17px;z-index:2;}
header nav ul li a {color: #767676;display:block;}
header nav ul li.active {padding:0 6px;}
header nav ul li.active,header nav ul li:hover {background: #f1f1f1;border-radius:2px;}
header nav ul li.active a,header nav ul li:hover a {color: #5a5a5a;text-decoration: none;}
header nav ul li.active:before,header nav ul li:hover:before,header nav ul li.active:after,header nav ul li:hover:after {content: '';width: 0;height: 0;position: absolute;top:0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;z-index:2;}
header nav ul li.active:before,header nav ul li:hover:before {border-right: 17px solid #f1f1f1;left:-16px;}
header nav ul li.active:after,header nav ul li:hover:after {border-left: 17px solid #f1f1f1;right:-16px;}
header nav ul li.active span {position: relative;}
header nav ul li.active span:after {content: '';display: block;width: 8px;height: 7px;position: absolute;top:-11px;right:-11px;z-index:3;background-position: -325px -120px;}
header nav ul li.active i {display: block;width: 8px;height: 7px;position: absolute;top:-5px;right:-6px;z-index:3;background-position: -325px -120px;}


/* Content
----------------------------------------------- */

.content {position: relative;margin:25px auto 70px auto;z-index:5;background: #f1f1f1;z-index:20;}
.content:before,.content:after {content: '';position: absolute;z-index:10;display:block;}
.content:before {width: 75px;height: 63px;top:-25px;right:39px;background-position: -279px -53px;}
.content:after {width: 274px;height: 93px;bottom:-44px;right:36px;background-position: 0 -53px;}


/* Slider
----------------------------------------------- */

.rslides {display:block;position: relative;overflow: hidden;width: 100%;height:524px;}
.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;-webkit-backface-visibility: hidden;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides li a {position: relative;display: block;}
.rslides li a img {display: inline-block;height: auto;float: left;width: 100%;}
.rslides li span {font-size: 1.05em;line-height: 1.6;color:#fff;display: block;position: absolute;left: 450px;right:80px;bottom:90px;z-index:20;}
.rslides li span b {font: 2.3em 'PF Agora Sans Pro';margin: 0 0 15px 0;display: block;font-weight: normal;}
.prev,.next {position: absolute;top: 45%;width: 36px;height: 66px;display: block;text-indent: -9999px;z-index:15;}
.prev {left:-90px;background-position: -346px -253px;}
.next {right:-90px;background-position: -347px -324px;}
.apple:after {content: '';display:block;width: 340px;height: 402px;position: absolute;bottom:-70px;left:70px;z-index:15;background-position: 0 -150px;}


/* About
----------------------------------------------- */

.about {margin:0 auto;line-height: 1.6;}
.about p {font-size: 1.1em;position: relative;display:inline-block;padding: 7px 0;}
.about p:after {display: inline-block;width: 8px;height: 7px;margin: 0 0 -7px -5px;z-index:3;background-position: -325px -120px;}


/* Price
----------------------------------------------- */

.price {display:block;margin:2% auto;overflow: hidden;}
.price li {width:30%;display:block;overflow: hidden;float:left;margin:2% 0;}
.price li:nth-child(3n+2) {margin: 2% 5%;}
.price li img {float:left;margin: 0 15px 0 0;}
.price li b {font: 1.5em 'PF Agora Sans Pro';color: #3f3f3f;margin: 0 0 10px 0;display: block;}
.price li a {margin: 10px 13px 0 13px;position: relative;display:inline-block;height: 26px;line-height: 26px;background:#444;color: #fff;border-radius:2px;padding: 0 0 0 6px;z-index:2;}
.price li a:after,.price li a:before {content: '';width: 0;height: 0;position: absolute;top:0;z-index:2;}
.price li a:after {border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 13px solid #1d1d1d;right:-12px;}
.price li a:before {border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right: 13px solid #444;left:-12px;}
.price li a span {background:#1d1d1d;display:inline-block;margin: 0 0 0 6px;padding: 0 1px 0 6px;border-radius:2px;}


/* Bottom
----------------------------------------------- */

.bottom {width: 100%;background: #f7f7f7;border-top: 1px solid #e5e5e5;padding:25px 0;height:174px;}
.bottom div  {position: relative;margin:0 auto;color: #5e5e5e; }
.bottom div:after {content: '';display:block;width: 38px;height: 26px;position: absolute;top:0;right:0;z-index:15;background-position: -279px -120px;}
.bottom div img {float:left;margin: 0 0 0 -25px;}
.bottom div b {font: 1.8em 'PF Agora Sans Pro';color: #3f3f3f;margin: 10px 0;display: block;}


/*News
-----------------------------------------------------------------------------*/
.news {
  margin-bottom: 40px;
  position: relative;
}
.news[class="$alt"] {
    float: left;
    width: 45%;/*значение подбирается индивидуально*/
}
.news_clr {
    height: 0;
    clear: both;
}
.news_clr.alt {
    clear: none;
}

.news.full {
	margin-bottom: 10px;
}

.news h1 {
  font: italic 24px/28px "Trebuchet MS", Georgia, Arial, serif;
  color: #2d9dff;
  display: block;
  margin: 0 100px 8px 0;
}
.news h1:first-letter, .news h1 a:first-letter, .news h2:first-letter {color: #514f51;}
.news h1 a {
  text-decoration: none;
  color: #2d9dff;
  border-bottom: dashed 1px #2d9dff;
}
.news h1 a:hover {color: #514f51;  border-bottom: solid 2px #514f51;}
.news h2 {
  font: italic 18px/22px "Trebuchet MS", Georgia, Arial, serif;
  color: #2d9dff;
  display: block;
  margin: 0 5px 10px 0;
  display: block;
  float: left;
}
.news-image {
  display: block;
  background: #fff;
  padding: 5px;
  border: solid 1px #d5d5d5;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}
.news-content {
  margin-bottom: 15px;
}

.news-date {
  position: absolute;
  display: block;
  top: 7px;
  right: -11px;
  width: 90px;
  height: 12px;
  font: normal 12px/12px "Trebuchet MS", Arial, serif;
  color: #514f51;
  padding: 4px;
  border: solid 1px #ddd;
  border-right-width: 0;
  background: #f4f4f4;
  text-align: center;
}

.tags-info {
  background:  url(../images/icons.png) no-repeat 0 -91px;
  font: normal 12px/12px "Trebuchet MS", Arial, serif;
  padding: 2px 5px 2px 21px;
  color: #514f51;
  float: left;
}
.cat-info {
  font: normal 12px/12px "Trebuchet MS", Arial, serif;
  padding: 2px 0;
  color: #514f51;
  float: right;
  margin-bottom: 10px;
}
.tags-info a, .cat-info a {
  color: #514f51;
  text-decoration: none;
}
.tags-info a:hover, .cat-info a:hover {
  color: #2d9dff;
  text-decoration: underline;
}
.news-info {
  border: solid 1px #ddd;
  padding: 2px 5px;
}

.editnews a {
  background:  url(../images/icons.png) no-repeat 0 -61px;
  font-size: 12px;
  padding: 2px 10px 2px 6px;
  text-decoration: none;
  margin-right: 10px;
  float: left;
}
.news-views {
  background:  url(../images/icons.png) no-repeat 0 -32px;
  font: normal 12px/12px "Trebuchet MS", Arial, serif;
  padding: 3px 10px 1px 21px;
  float: left;
}

.comm-num a {
  background:  url(../images/icons.png) no-repeat 0 0;
  font: normal 12px/12px "Trebuchet MS", Arial, serif;
  padding: 3px 10px 1px 23px;
  text-decoration: none;
  margin-right: 10px;
  float: left;
}
.comm-num a:hover {
  color: #514f51;
}
.fullink a {
  display: block;
  float: right;
  font: bold italic 16px/16px "Trebuchet MS", Arial, serif;
  color: #514f51;
  text-decoration: none;
}
.fullink a:hover {
  color: #2d9dff;
}

.news-footer {
  display: block;
  margin: 0 -11px;
  background: #f4f4f4;
  border: solid 1px #ddd;
  border-right: 0;
  border-left: 0;
  height: 20px;
  padding: 5px 0 3px 0;
}
div.news-footer div {
  background: #fcfcfc;
  margin: 0 -5px;
}
.downloadlink {
	border: solid 1px #eee;
	padding: 10px 10px 10px 109px;
	xheight: 59px;
	display: block;
	margin: 20px 0 10px 0;
	background: #fffdec url(../images/bg-download.png) no-repeat top left;
}
.downloadlink p {
	color: #333;
	font: normal italic 18px/20px "Trebuchet MS", Arial, serif;
	margin-bottom: 0px;
}

/* Footer
----------------------------------------------- */

footer {position: relative;margin:0 auto;height:105px; top: 100px;}
footer .copy {position: absolute;left:0;top:30px;padding: 0 0 0 60px;color: #6c6c6c;}
footer .copy:after {content: '';display:block;width: 44px;height: 45px;position: absolute;top:0;left:0;z-index:5;background-position: -345px -203px;}
footer .copy i {display: block;font-size: .9em;font-style:normal;}
footer .phone {position: absolute;right:100px;top:30px;color: #404040;font: 1.2em 'PF Agora Sans Pro';}
footer .phone i {display: block;font-size: 1.8em;font-style:normal;}
footer .fb,footer .tw {display:block;position: absolute;text-indent: -5555em;}
footer .fb {width: 48px;height: 48px;top:24px;right:35px;background-position: -345px -150px;}
footer .tw {width: 35px;height: 35px;top:47px;right:5px;background-position: -348px -395px;}

/*--------------------*/

#login
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 300px;
    width: 400px;
    margin: 0px 0 0 -230px;
    padding: 30px;
    position: absolute;
      top: 380px;
    left: 50%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

/*--------------------*/
/*--------------------*/

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/

#inputs input
{
    background: #f1f1f1 url(http://www.red-team-design.com/wp-content/uploads/2011/09/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}

#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}
alt2{ margin: 0px;  padding: 6px;  border: 1px inset;}
smallfont{margin-bottom:2px;}
spoil{margin:10px; margin-top:5px;}

/*---forms---*/
.brdform {
    padding: 3px;
    border: 1px solid #dce0e2;
}

.baseform, .mass_comments_action {
    padding: 1px;
    background-color: #f0f2f4;
}

.mass_comments_action {
    padding: 10px 13px;
}

.baseform .dcont {
    padding: 13px 0;
    margin: 0 13px;
}

.baseform .dcont .heading {
    margin: 0;
}

.tableform {
    width: 100%;
}

.tableform td {
    ;
}

.tableform td.label {
    width: 20%;
    vertical-align: top;
    padding-right: 0;
    font-weight: bold;
}

.fieldsubmit, .tableform td {
    padding: 10px 13px;
    border-top: 1px solid #fff;
}

.addnews {
    font-weight: bold;
}

.impot {
    color: #d51e44;
    font-weight: normal;
}

.checkbox {
    padding: 4px 0;
    line-height: 1em;
}

.checkbox input {
    margin-top: -2px;
    vertical-align: middle;
}

.f_input {
    width: 300px;
    padding: 1px;
}

.f_textarea {
    width: 458px;
}

.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input {
    padding: 2px;
    background: #fff url("../images/fields.png") repeat-x;
    border: 1px solid #bcc0c2;
}

.f_textarea, .editor_button select {
    padding: 0;
}

.textin {
    padding: 2px;
}

/*---search---*/
.searchstyle {
    width: 480px;
}

.search {
    font-size: 11px;
}

.searchtable fieldset legend {
    color: #404040;
}

.searchitem {
    font-size: 0.9em;
    border-top: 1px solid #dbe8ed;
    padding: 10px 0;
}

#searchuser, #searchinput {
    width: 90% !important;
}

/*---Userinfo---*/
.userinfo {
    padding-left: 125px;
}

.rateui {
    width: 85px;
    height: 17px;
    margin: 0 auto;
    padding-top: 4px;
}

.userinfo .lcol {
    margin-left: -125px;
    width: 110px;
    padding-right: 15px;
}

.userinfo .lcol .avatar {
    margin-bottom: 10px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #c0d4de;
}

.userinfo .lcol .avatar img {
    width: 100px;
}

.userinfo .lcol ul {
    font-size: 0.9em;
}

.userinfo .rcol {
    width: 100%;
}

.userinfo .rcol ul {
    list-style: none;
    margin-left: 0;
}

.userinfo .rcol ul li {
    margin-bottom: 0.2em;
}

 .ussep {
    padding-top: 12px;
    background: url("../images/ussep.png") no-repeat;
}

/*---statistics---*/
.statistics {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.statistics ul.lcol {
    min-height: 71px;
    margin: 0 0 20px -1px;
    width: 33.3%;
}

.statistics ul.lcol li {
    padding: 0 15px 0 0;
    margin-bottom: 2px;
}

div#carousel { 
  perspective: 1200px; 
  background: #100000; 
  padding-top: 10%; 
  font-size:0; 
  margin-bottom: 3rem; 
  overflow: hidden; 
}
figure#spinner { 
  transform-style: preserve-3d; 
  height: 300px; 
  transform-origin: 50% 50% -500px; 
  transition: 1s; 
} 
figure#spinner img { 
  width: 40%; max-width: 425px; 
  position: absolute; left: 30%;
  transform-origin: 50% 50% -500px;
  outline:1px solid transparent; 
}
figure#spinner img:nth-child(1) { transform:rotateY(0deg); 
}
figure#spinner img:nth-child(2) { transform: rotateY(-45deg); }
figure#spinner img:nth-child(3) { transform: rotateY(-90deg); }
figure#spinner img:nth-child(4) { transform: rotateY(-135deg); }
figure#spinner img:nth-child(5){ transform: rotateY(-180deg); }
figure#spinner img:nth-child(6){ transform: rotateY(-225deg); }
figure#spinner img:nth-child(7){ transform: rotateY(-270deg); }
figure#spinner img:nth-child(8){ transform: rotateY(-315deg); }
div#carousel ~ span { 
  color: #fff; 
  margin: 5%; 
  display: inline-block; 
  text-decoration: none; 
  font-size: 2rem; 
  transition: 0.6s color; 
  position: relative; 
  margin-top: -6rem; 
  border-bottom: none; 
  line-height: 0; }
div#carousel ~ span:hover { color: #888; cursor: pointer; }
.border {
    padding: 10px;
    border: 1px solid ; 
	    border-color: #cbcbc9;
}
.btn {
    text-decoration: none;
    color: black;
}
.list {
    display: none;
    list-style-type: none;
    margin: 10px;
    overflow: hidden;
}
.border a {
    font-size:20px;
}
.list a {
   font-size:16px;
}