@font-face {
 font-family:"Micra_Bold";
 src: url('http://homeland.ucoz.org/css/Days.otf');
 }
html{width:expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':''); min-width:950px;}
body{
padding:0;
margin:0;
background:rgba(0,0,0,1);
background2:rgba(255,20,47,1);
background-image1:url(http://animasion.3dn.ru/fon_s.png);
background-image:url(http://kino-nation.ucoz.com/f/f11.jpg);
background-size:cover;
background-repeat: space;
}
#siM25{color:#EEE;}

.manTd1{color:#EEE;}

#pole{
background:rgba(255,255,255,1);

border-top-color:#FFF;
border-radius:4px;
border:1px;
border-style:outset;
-moz-border-radius:0 0 4px 4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px ;
box-shadow:0 0 8px rgba(255,255,255,0.8);
-moz-box-shadow:0 0 4px rgba(255,255,255,0.8);
-webkit-box-shadow:0 0 4px rgba(255,255,255,0.8);
padding:5px;
margin:5px;
}

#op{
background:rgba(0,0,0,0.8);width:105px;height:25px;font-family:Arial,sans-serif; color:#FFF ;font-size:10px;position:absolute;padding:5px;
}
#op a{
 color:#FFF;height: 0px;
}
.link13 {
 margin:10px;margin-right:0px;width:115px;height:170px;box-shadow:0 0 4px rgba(0,0,0,1); -moz-box-shadow:0 0 4px rgba(0,0,0,1); -webkit-box-shadow:0 0 4px rgba(0,0,0,1);display:block;
 }
.link13 a {display: block;height: 135px; }
.link13 a:hover {
box-shadow:0 0 5px rgba(0,0,0,1); -moz-box-shadow:0 0 5px rgba(0,0,0,1); -webkit-box-shadow:0 0 5px rgba(0,0,0,1);
}
.link12 {
 margin:10px;margin-right:0px;width:115px;height:170px;box-shadow:0 0 4px rgba(255,255,255,1); -moz-box-shadow:0 0 4px rgba(255,255,255,1); -webkit-box-shadow:0 0 4px rgba(255,255,255,1);display:block;
 }
.link12 a {display: block;height: 135px; }
.link12 a:hover {
box-shadow:0 0 5px rgba(255,255,255,1); -moz-box-shadow:0 0 5px rgba(255,255,255,1); -webkit-box-shadow:0 0 5px rgba(255,255,255,1);
}
#l {
background:rgba(0,0,0,1);
height:40px;
-moz-border-radius:0 0 4px 4px;
padding:8px;
text-shadow: black 1px 1px 2px, grey 0 0 1em;
margin-left:-0px;
margin-top:-0px;
margin-right:-0px;
box-shadow:0 0 8px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.8);
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.8);
}

#os1{
width:950px;
height:100%;
position: inherit;
background2:rgba(0,0,0,0.8);
background:rgba(28,28,28,1);
box-shadow:0 0 4px rgba(0,0,0,1);
-moz-box-shadow:0 0 4px rgba(0,0,0,1);
-webkit-box-shadow:0 0 4px rgba(0,0,0,1);
margin:0 auto;
margin-bottom:10px;
padding:10px;
display: table;
}
#opis{
width:450px;
height:40px;
position: absolute;
background:rgba(0,0,0,0.9);
border-radius:5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
box-shadow:0 0 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 24px rgba(0,0,0,0.3);
margin-left:460px;
margin-top:250px;
padding:5px;
display: table;
z-index:530;
font-family:Tahoma;
font-size:11px;
color:#FFF;
text-align: left;
}

.ten4 {box-shadow:0 0 4px rgba(0,0,0,1);
-moz-box-shadow:0 0 4px rgba(0,0,0,1);
-webkit-box-shadow:0 0 4px rgba(0,0,0,1);}

#nav{
 float:left;
 width:100%;
 list-style:none;
 font-weight:bold;
 margin-bottom:10px;
 padding-left:10px;
}
#nav li{
 float:left;
 margin-right:10px;
 position:relative;
 display:block;
}
#nav li a{
 display:block;
 padding:5px;
 color:#fff;
 background:#333;
 text-decoration:none;
 
 text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px;
}
#nav li a:hover{
 color:#fff;
 background:#6b0c36;
 background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
 text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
 list-style:none;
 position:absolute;
 left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
 opacity:0; /* Устнавливаем начальное состояние прозрачности */
 -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
 padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
 float:none;
 background:url(dot.gif);
}
#nav ul a{
 white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
 display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
 left:0; /* Приносим его обратно на экран, когда нужно */
 opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
 background:#6b0c36;
 background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
 text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
 text-decoration:none;
 -webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
 background:#333;
 background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
 text-decoration:underline;
 -moz-transform:scale(1.05);
 -webkit-transform:scale(1.05);
}


a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; /* Mozilla 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 5.5+*/
}

a:link { color:#FFFFCC;}
a:active { color:#FF00FF;}
a:visited { color:#FF00FF;}
a:hover { color:#000000;}

.topLink a:link {text-decoration:none; color:#FFAE9F;}
.topLink a:active {text-decoration:none; color:#FFAE9F;}
.topLink a:visited {text-decoration:none; color:#FFAE9F;}
.topLink a:hover {text-decoration:none; color:#000000;}

a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link {text-decoration:none; color:#000;}
a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active {text-decoration:none; color:#000;}
a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited {text-decoration:underline; color:#333333;}
a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover {text-decoration:underline; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#FFF}
a.noun:active {text-decoration:none; color:#000}
a.noun:visited {text-decoration:none; color:#000000}
a.noun:hover {text-decoration:none; color:#000000}

hr {color:#C2C2C2;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#6C829D;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#DD1268}
a.menu1:active {text-decoration:underline; color:#DD1268}
a.menu1:visited {text-decoration:underline; color:#DD1268}
a.menu1:hover {text-decoration:none; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('http://src.ucoz.ru/t/951/25.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

/* Menus */
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('http://src.ucoz.ru/t/951/26.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Main Menu */
.m {font-weight:normal;}
a.m:link {text-decoration:none; color:#FFFFFF}
a.m:active {text-decoration:none; color:#FFFFFF}
a.m:visited {text-decoration:none; color:#FFFFFF}
a.m:hover {text-decoration:underline; color:#FFFFFF}

.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#FFAE9F}
a.ma:visited {text-decoration:none; color:#FFAE9F}
a.ma:hover {text-decoration:underline; color:#FFAE9F}
li.m {margin: 0; padding: 0; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTable {}
.catsTd {margin: 0; padding: 0 0 0 13px; background: url('http://src.ucoz.ru/t/951/26.gif') no-repeat 0px 3px; margin-bottom: .6em;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#EEE;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#EEE;}
a.catName:visited {text-decoration:none; color:#EEE;}
a.catName:hover {text-decoration:underline; color:#F00;}
a.catName:active {text-decoration:none; color:#541612;}
a.catNameActive:link {text-decoration:none; color:#F00;}
a.catNameActive:visited {text-decoration:none; color:#F00;}
a.catNameActive:hover {text-decoration:underline; color:#F00;}
a.catNameActive:active {text-decoration:none; color:#F00;}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 3px; background:url('http://src.ucoz.ru/t/951/15.gif') #DD1268;border:5px solid #FFFFFF;}
.eTitle a:link {text-decoration:none; color:#FFFFFF;}
.eTitle a:visited {text-decoration:none; color:#FFFFFF;}
.eTitle a:hover {text-decoration:none; color:#000000;}
.eTitle a:active {text-decoration:none; color:#FFFFFF;}

.eMessage {text-align:justify;padding-bottom:5px;}
.eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #C2C2C2}
.eDetails {background:#FFFFFF;border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt;}
.eDetails1 {background:#FFFFFF;border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt;}
.eDetails2 {background:#FFFFFF;border-bottom:1px dashed #DDDDDD;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/951/27.gif') no-repeat 0px 0px;}
/* ------------- */

/* Entry Manage Table */
.manTable {color:#EEE;}
.manTdError {color:#FF0000;}
.manTd1 {color:#EEE;}
.manTd2 {color:#EEE;}
.manTd3 {color:#EEE;}
.manTdSep {color:#EEE;}
.manHr {color:#EEE;}
.manTdBrief {color:#EEE;}
.manTdText {color:#EEE;}
.manTdFiles {color:#EEE;}
.manFlFile {color:#EEE;}
.manTdBut {color:#EEE;}
.manFlSbm {color:#111;}
.manFlRst {color:#111;}
.manFlCnt {color:#EEE;}
/* ------------------ */

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}
.myWinError{color:#FFCC33;}
.cBlock1 {background:#FAFAFA; border:1px solid #C2C2C2;}
.cBlock2 {background:#F1F2F3; border:1px solid #C2C2C2;}
/* -------------- */

/* Comments Form Style */
.commTable {}
.commTd1 {color:#EEE;}
.commTd2 {}
.commFl {color:#DDD;width:560px;background:#111;border:1px solid #333;}
.smiles {border:1px inset;background:#FFFFFF;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FFCC33;}
.securityCode {color:#EEE;background:#111;border:1px solid #333;}
/* ------------------- */

/* Archive Menu */
.archLi {padding: 0 0 3px 10px; background: url('http://src.ucoz.ru/t/951/28.gif') no-repeat 0px 4px; font-family:Tahoma,Arial,Sans-Serif;}
a.archLink:link {text-decoration:underline; color:#DD1268;}
a.archLink:visited {text-decoration:underline; color:#DD1268;}
a.archLink:hover {text-decoration:none; color:#000000;}
a.archLink:active {text-decoration:none; color:#000000;}
/* ------------ */

/* Archive Style */
.archiveCalendars {text-align:center;color:#0000FF;}
.archiveDateTitle {font-weight:bold;color:#DD1268;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/951/29.gif') no-repeat 0px 4px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#DD1268}
a.archiveDateTitleLink:visited {text-decoration:none; color:#DD1268}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#DD1268}
a.archiveDateTitleLink:active {text-decoration:underline; color:#DD1268}
.archiveNoEntry {text-align:center;color:#0000FF;}

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



/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#FFFFFF}
.textResults {background:#E2E6EA}
.textResultsTd {background:#FFFFFF}

.pollNow {border-bottom:1px solid #E2E6EA; border-left:1px solid #E2E6EA; border-right:1px solid #E2E6EA;}
.pollNowTd {}

.totalVotesTable {border-bottom:1px solid #E2E6EA; border-left:1px solid #E2E6EA; border-right:1px solid #E2E6EA;}
.totalVotesTd {background:#FFFFFF;}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#EEEEEE;height:100px;width:300px;border:1px solid #AAAAAA;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#E3E3E3; border-bottom: 1px solid #DD1268;width:98%;margin-left:1%;margin-right:1%;}
.gTableTop {padding:2px;background:url('http://src.ucoz.ru/t/951/15.gif') #DD1268;border:1px solid #FFFFFF;color:#FFFFFF;font-weight:bold;height:24px;padding-left:17px;font-size:10pt;}
.gTableSubTop {padding:2px;background:#F75248;border:1px solid #FFFFFF;color:#000000;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#EEEEEE;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#F7F7F7; border:1px solid #FFFFFF;;}
.gTableLeft {padding:2px;background:#FFFFFF;font-weight:bold;color:#DD1268}
.gTableRight {padding:2px;background:#FFFFFF}
.gTableError {padding:2px;background:#F7F7F7; border:1px solid #FFFFFF;;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F7F7F7; border:1px solid #FFFFFF;}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#FFF;}
a.catLink:visited {text-decoration:none; color:#FFF;}
a.catLink:hover {text-decoration:underline; color:#FFF;}
a.catLink:active {text-decoration:underline; color:#000;}
a.catSortLink:link {text-decoration:none; color:#DDD;}
a.catSortLink:visited {text-decoration:none; color:#DDD;}
a.catSortLink:hover {text-decoration:underline; color:#DDD;}
a.catSortLink:active {text-decoration:underline; color:#DDD;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#DD1268;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#DD1268;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#B3B3B3;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#DD1268;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#DD1268;}
a.forumBarA:active {text-decoration:underline; color:#DD1268;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:#E7EEF8;}
.fastNavCatA {background:#E7EEF8;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#C2C2C2;}
.pagesInfo {background:#000;padding-right:10px;font-size:7pt;}
.switch {background:#000;width:15px;font-size:7pt;}
.switchActive {background:#DD1268;font-weight:bold;color:#000000;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#F7F7F7; border:1px solid #FFFFFF;}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#979797;border:1px solid #FFFFFF;color:#FFFFFF;height:20px;font-size:10px;padding-left:40px;}
.threadsDetails {padding:2px;background:#BBBBBB;color:#000000;height:20px;font-size:10px;border:1px solid #FFFFFF;}
.forumOnlineBar {padding:2px;background:#979797;border:1px solid #FFFFFF;color:#FFFFFF;height:20px;font-size:10px;}

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}

a.threadLink:link {text-decoration:none; color:#DD1268;}
a.threadLink:visited {text-decoration:none; color:#DD1268;}
a.threadLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* forum Posts View */
.postTable {}
.postPoll {background:#EEEEEE;text-align:center;}
.postFirst {background:#F5F9FD;border-bottom:3px solid #EB4F45;}
.postRest1 {background:#EEEEEE;}
.postRest2 {background:#F5F9FD;}
.postSeparator {height:3px;background:#999999;}

.postTdTop {background:#F75248;color:#000000;height:20px;font-size:10px;}
.postBottom {background:#BBBBBB;color:#000000;height:20px;border:1px solid #BBBBBB;}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:#EEEEEE;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#2D435B;}
.posttdMessage {padding:5px;background:#FFFFFF;}

.pollQuestion {text-align:center;font-weight:bold;} 
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}

.signatureView {font-size:7pt;} 
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/951/32.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/951/32.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #000;color:#EEE;box-shadow:0 0 4px rgba(0,0,0,1);
-moz-box-shadow:0 0 4px rgba(0,0,0,1);
-webkit-box-shadow:0 0 4px rgba(0,0,0,1);padding:5px;border:none;}
.codeButtons {font-size:7pt;background: #8D8A83;color:#DAD7CC;border:1px outset #615E58;}
.codeCloseAll {font-size:7pt; background: #8D8A83;color:#DAD7CC;border:1px outset #615E58;font-weight:bold;}
.postNameFl,.postDescrFl {background:#EBEBEB;border:1px solid #DD1268;width:400px}
.postPollFl,.postQuestionFl {background:#EBEBEB;border:1px solid #DD1268;width:400px}
.postResultFl {background:#EBEBEB;border:1px solid #DD1268;width:50px}
.postAnswerFl {background:#EBEBEB;border:1px solid #DD1268;width:300px}
.postTextFl {background:#EBEBEB;border:1px solid #DD1268;width:550px;height:150px}
.postUserFl {background:#EBEBEB;border:1px solid #DD1268;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */

/* ---------------------------------- *
 Spoiler
 * ---------------------------------- */
.uSpoilerButton {width: 100%; color: #177ebb; background: transparent; font-weight: bold; text-align: left; border: 1px #000 dotted !important; padding: 3px;}

.uSpoilerText {color: #333333; background: #f7f7f7; font-size: 12px; border: 1px #000 dotted !important; padding: 3px;}

#slider {
 width: 545px; /* important to be same as image width */
 height: 300px; /* important to be same as image height */
 position: relative; /* important */
 overflow: hidden; /* important */
 margin:0 auto; padding:0;
}
.bottom{
 margin-top:25px;

 margin-bottom:25px;

 }

#sliderContent, #slider1Content {
 width: 720px; /* important to be same as image width or wider */
 position: absolute;
 top: 0;
 margin-left: 0;
}
.sliderImage, .slider1Image {
 float: left;
 position: relative;
 display: none;
}
.sliderImage span {
 position: absolute;
 font: 12px/15px Arial, Helvetica, sans-serif;
 padding: 10px 13px;
 width: 465px;
 background-color: #000;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
 color: #fff;
 display: none;
}

.sliderImage span a{
 color: #ff4343;
 font: 19px/15px Arial, Helvetica, sans-serif;
 text-decoration:none; line-height:20px;

}
.clear {
 clear: both;
}
.sliderImage span strong, .slider1Image span strong {
 font-size: 14px;
}
.top {
 top: 0;
 left: 0;
}
.bottom {
 bottom: 0;
 left: 0;
}
.left {
 top: 0;
 left: 0;
 width: 110px !important;
 height: 280px;
}
.right {
 right: 0;
 bottom: 0;
 width: 90px !important;
 height: 290px;
}
ul { list-style-type: none;}







a {
border-bottom:0px dotted #000;
color:#FFFFFF;
text-decoration:none;
outline:none;
}

a:hover {
background:none;
}

/* Slaider */ 
 .sliderwrapper { 
 position:relative; 
 overflow:hidden; 
 border:6px; 
 width:950px; 
 height:403px; 
 } 
 
 .sliderwrapper .contentdiv { 
 visibility:hidden; 
 position:absolute; 
 left:0; 
 top:0; 
 width:350px; 
 height:100%; 
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=56); 
 -moz-opacity:1; 
 opacity:1; 
 } 
 
 .pagination { 
 width:716px; 
 text-align:center; 
 padding:5px 0; 
 margin-top:4px; 
 } 
 
 .pagination a { 
 padding:3px 5px; 
 text-decoration:#cccccc; 
 font-weight: bold; 
 color:#707070; 
 background:#494949; 
 } 
 
 .pagination a:hover, .pagination a.selected { 
 color:#cccccc; 
 font-weight: bold; 
 background-color:#494949; 
 } 
 /* ------- */ 
 
 .text {text-shadow:0px 1px 0px #fff}
=========================================================
===========================================================
============================================================ 
#ss13{
margin:0px;
} 
 
.story, .story_online {
 margin-top:10px;
 font-size:11px;
 color:#333;
 background:#EEE;
 backgroun3d:#222;
 -moz-border-radius:0 0 4px 4px;
 box-shadow:0 0 4px rgba(0,0,0,1);
 -moz-box-shadow:0 0 4px rgba(0,0,0,1);
 -webkit-box-shadow:0 0 4px rgba(0,0,0,1);
 margin:5px;
 padding:0px;
}

.story_rating {
 position:relative;
 left:430px;
 width:103px;
 padding-left:17px;
 height:17px;
 padding-top:3px;
}
.story h1, .story_movie_title {
 margin:0;
 
 color1:#933;
 color:#F00;
 /*letter-spacing:-1px;*/
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 height: 30px;
 padding-top: 9px;
 padding-right: 20px;
 /*padding-bottom: 5px;*/
 padding-left: 40px;
 
}
.mtitd {
 position:absolute;
 text-indent:-9000px;
}
.mtitd h1 {background:none;}
.story h1 a, .story h1 a:link, .story h1 a:active, .story h1 a:visited, .story_movie_title a, .story_movie_title a:link, .story_movie_title a:active, .story_movie_title a:visited {
 text-decoration:none;
 color:#933;
}
.story h1 a:hover, .story_movie_title a:hover {
 text-decoration:none;
 color:#333;
}
.full_story_title {font-size:18px!important}
.story h2 {
 padding:0 20px 5px 40px;
 font:normal normal 11px Verdana, Arial, Helvetica, sans-serif !important;
}
.story h2 a {text-decoration:none}
.short_story_data {
 width:540px;
 margin:10px;
}
.short_story_poster {
 float:left;
 width:180px;
 margin-right:10px;
 padding:5px 0;
 text-align:center;
 background:url(../images/story_short_pster_bg.png) repeat-y 0 0;
 border-top:3px solid #485254;
 border-bottom:3px solid #485254;
}
.short_story_img_150 {
 width:148px;
 border:1px solid #FFF;
}
.short_story_data_right {
 width:350px;
 float:left;
}
#short_story_ads {
 width:100%;
 height:50px;
 margin-bottom:10px;
 border:1px double #555;
 color:#4D585B;
 border-radius:4px 4px 4px 4px;
 -moz-border-radius:4px 4px 4px 4px;
 -webkit-border-bottom-left-radius:4px;
 -webkit-border-bottom-right-radius:4px;
 -webkit-border-top-left-radius:4px;
 -webkit-border-top-right-radius:4px ;
 box-shadow:0 0 8px rgba(0,0,0,0.8);
 -moz-box-shadow:0 0 4px rgba(0,0,0,0.8);
 -webkit-box-shadow:0 0 4px rgba(0,0,0,0.8);
}
.short_story_ads ul {
 padding:6px 0;
 float:left;
 margin-left:10px;
}
.short_story_ads a, .short_story_ads a:link, .short_story_ads a:active, .short_story_ads a:visited {
 text-decoration:none;
 color:#900;
}
.short_story_ads a:hover {
 text-decoration:underline;
 color:#333;
}
.short_story_icons {
 float:right;
 width:16px;
 padding-top:5px;
 margin-right:5px;
}
.movie_details ul li {
 padding-left:10px;
 background:url(../images/story_list_bullet.png) no-repeat 0 8px;
}
.movie_details_label {
 width:100px;
 float:left;
 color:#4D585B;
}
.movie_details_items {
 width:240px;
 float:left;
 line-height:1.4em;
}
.movie_details_roles {
 width:340px;
 margin-left:10px;
}
.short_story_about_movie {
 margin:10px 10px 0;
 background:url(../images/story_shrt_about_bg.png) repeat-y 0 0;
}
.short_story_about_movie_title {
 height:15px;
 text-indent:-9000px;
 background:url(../images/story_shrt_about_top.png) no-repeat 0 0;
}
.short_story_about_movie_data {
 text-align: justify;
 padding:0 10px 10px;
 font-size:12px;
}
.short_story_about_movie_data div:first-letter {
 font:normal 20px Times New Roman;
 color:#900;
}
.readmore {
 margin:0 10px;
 padding:2px 20px 3px 10px;
 background:#B1AD97 url(../images/story_short_about_bottom.png) no-repeat right bottom;
}
.readmore a {
 padding-left:25px;
 background:url(../images/story_short_readmore_bullet.png) no-repeat 0 2px;
}
.readmore a, .readmore a:link, .readmore a:active, .readmore a:visited {
 text-decoration:none;
 color:#F1F1EF;
}
.readmore a:hover {
 text-decoration:none;
 color:#FFF;
}
/*
------------------------------
------------------------------
Инфо о релизе: begin
*/
.full_story_relizinfo {
 padding-bottom:10px;
 background:url(../images/story_full_fileinfo_bg.png) no-repeat bottom left;
}
.full_story_relizinfo_title {
 width:270px;
 height:40px;
 background:url(../images/story_full_relizinfo_title.png) no-repeat 0 0;
 text-indent:-9000px;
}
.full_story_relizinfo ul {margin:0 10px}
.full_story_relizinfo ul li {
 padding-left:10px;
 background:url(../images/story_full_fileinfo_bullet.png) no-repeat 0 7px;
}
.relizinfo_label {
 width:90px;
 float:left;
 color:#4D585B;
}
.relizinfo_item {
 width:150px;
 float:left;
}

/*Трейлер*/

.story #full_story_tabs .panes #videotr {
 padding: 10px;
}
.story #full_story_tabs .panes #videotr span h4 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 14px;
 padding-bottom: 6px;
}
.story #full_story_tabs .panes #videotr span object {
 width: 540px;
 height: 330px;
}
.story #full_story_tabs .panes #videotr span object embed {
 width: 540px;
 height: 330px;
}

/*
------------------------------
Инфо о релизе: end
*/

/* 
------------------------------
[FullStory] 
*/
.full_story_rating {
 position:relative;
 left:340px;
 width:193px;
 padding-left:17px;
 height:17px;
 padding-top:3px;
 background: url(../images/story_full_rating_bg.png) no-repeat right top;
}
.full_story_data {
 width:520px;
 margin:10px 20px 0;
}
.full_story_data_left {
 width:270px;
 float:left;
}
.full_story_poster {
 width:230px;
 float:left;
 margin-left:20px;
 padding:5px 0;
 text-align:center;
 background:url(../images/story_full_poster_bg.png) repeat-y 0 0;
 border-top:3px solid #485254;
 border-bottom:3px solid #485254;
}
.full_story_img_200 {
 width:198px;
 border:1px solid #FFF;
}
.full_story_ads {
 width:270px;
 height:110px;
 margin-bottom:10px;
 background:url(../images/story_full_ads.png) no-repeat 0 0;
 color:#4D585B;
}
.full_story_ads a, .full_story_ads a:link, .full_story_ads a:active, .full_story_ads a:visited {
 text-decoration:none;
 color:#900;
}
.full_story_ads a:hover {
 text-decoration:underline;
 color:#333;
}
.full_story_ads_left {
 float:left;
 margin:15px 10px;
 height:110px;
}
.full_story_ads_left li, .full_story_icons li {padding-bottom:5px}
.full_story_icons {
 float:right;
 margin:20px 10px;
}
.full_story_fileinfo {
 padding-bottom:10px;
 background:url(../images/story_full_fileinfo_bg.png) no-repeat bottom left;
}
.full_story_fileinfo_title {
 width:270px;
 height:40px;
 background:url(../images/story_full_fileinfo_title.png) no-repeat 0 0;
 text-indent:-9000px;
}
.full_story_fileinfo ul {margin:0 10px}
.full_story_fileinfo ul li {
 padding-left:10px;
 background:url(../images/story_full_fileinfo_bullet.png) no-repeat 0 7px;
}
.fileinfo_label {
 width:70px;
 float:left;
 color:#4D585B;
}
.fileinfo_item {
 width:170px;
 float:left;
}
.full_story_movie_details {
 width:520px;
 margin:20px;
 font-size:12px;
}
.full_story_movie_details ul li {
 padding-bottom:5px;
}
.full_story_movie_details_label {
 width:150px;
 float:left;
 color:#4D585B;
}
.full_story_movie_details_item {
 width:370px;
 float:left;
}
.full_story_movie_details_border {
 padding-bottom:5px;
 border-bottom:1px solid #B8B49D;
}

#full_story_tabs {
 margin:10px 0;
}
#full_story_tabs ul {
 padding:0 20px;
 height:30px;
 background:url(../images/story_full_tabsnav_bg.png) repeat-x bottom left;
}
#full_story_tabs ul li {;
 display:inline;
}
#full_story_tabs ul li a, #full_story_tabs ul li a:link, #full_story_tabs ul li a:active, #full_story_tabs ul li a:visited {
 display:block;
 float:left;
 margin-left:10px;
 padding-left:10px;
 color:#EEE;
 text-decoration:none;
}
#full_story_tabs ul li a:hover {
 color:#333;
}
#full_story_tabs ul li a span {
 display:block;
 float:left;
 padding:12px 10px 0 0;
}
#full_story_tabs a.current {
 padding-left:10px;
 text-decoration:none;
 text-decoration:none;
 background:url(../images/story_full_tabsnav_left.png) no-repeat 0 0;
}
#full_story_tabs a.current span {
 display:block;
 float:left;
 color:#900;
 padding:12px 10px 0 0;
 background:url(../images/story_full_tabsnav_right.png) no-repeat right top;
 cursor:pointer;
}

#movie_screens1 img {
 width:538px;
 margin:3px;
 padding:3px;
 background:#ffffff;
 border:1px solid #7F7463 !important;
}

#movie_screens img {
 width:120px;
 margin-right:6px;
 border:2px solid #323B3D !important;
}
#movie_screens img:hover {border-color:#6D6556 !important}
#about_movie {font-size:12px}
#about_trailer {font-size:13px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: justify;padding:20px 10px}
#about_movie, #download_movie, #by_on_dvd {padding:20px 10px}
#about_movie p:first-letter {
 font:normal 20px Times New Roman;
 color:#900;
}
#download_movie {
 line-height:normal;
 font-size:10px;
}
#download_movie a {text-decoration:none}
.related_movies {
 clear:both;
 margin:20px 0;
 padding-bottom:20px;
 background:url(../images/story_full_related_bg.png) repeat-x bottom left;
}
.related_movies_title {
 background:url(../images/story_full_related_bg.png) repeat-x 0 50%;
}
.related_movies_title span {
 margin-left:20px;
 font-size:12px;
 padding:0 10px 5px;
 background:#D9D7C9;
}
.related_movies ul {padding:0 20px}
.related_movies ul li {
 padding-left:15px;
 line-height:2em;
 background:url(../images/story_full_related_bullet.png) no-repeat 0 10px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#col1 {
 width:560px;
 overflow:hidden;
 float:left;
 padding:10px 0;
 display:table;
}



#to1 {
 width:111px;
 font-family:Tahoma;
 font-size:12px;
 color:#4D585B;
 color1:#FFF;
 margin-bottom:5px;
 text-shadow1: black 1px 1px 2px, grey 0 0 1em;
 font-stretch:expanded;
}
#to2 {
 font-family:Tahoma;
 color:#000;
 margin-bottom:5px;
}

#stv{
 border-bottom: 1px dotted #CCC;}
hr {
 color: #555; /*для IE */
 background-color:#555; /*для Firefox, Opera, Safari*/
 border:0px none;
 height:1px; /* высота 1px IE, Firefox, Opera, Safari */
 clear:both; /* для очистки, если тег идет после float елемента */
}

#col2{

 margin:0px;
 padding:0px;
 float:right;
 
 display:table;
}
#c2 {
 width:350px;
 font-size:11px;
 color:#333;
 background:#FFF;
 -moz-border-radius:0 0 4px 4px;
 box-shadow:0 0 4px rgba(255,255,255,1);
 -moz-box-shadow:0 0 4px rgba(255,255,255,1);
 -webkit-box-shadow:0 0 4px rgba(255,255,255,1);
 margin:0px;
 padding:5px;
 padding-top:0px;
 float:right;
 position:inherit;
 display:table;
}
#shbl{
 margin-top:10px;
 font-size:11px;
 color:#333;
 background:#FFF;
 -moz-border-radius:0 0 4px 4px;
 box-shadow:0 0 4px rgba(255,255,255,1);
 -moz-box-shadow:0 0 4px rgba(255,255,255,1);
 -webkit-box-shadow:0 0 4px rgba(255,255,255,1);
 margin:5px;
 padding:0px;



}

#komm{
 padding:5px;
 background:#222;
 -moz-border-radius:0 0 4px 4px;
 box-shadow:0 0 4px rgba(0,0,0,1);
 -moz-box-shadow:0 0 4px rgba(0,0,0,1);
 -webkit-box-shadow:0 0 4px rgba(0,0,0,1);
 border:0px solid #000;
 display:table;
}

#kommv{
 width:630px;
 color:#FFCC00;
 padding:5px;
 background:#2E2E2E;
 border:0px solid #000;
 -moz-border-radius:0 0 4px 4px;
 box-shadow:0 0 4px rgba(0,0,0,1);
 -moz-box-shadow:0 0 4px rgba(0,0,0,1);
 -webkit-box-shadow:0 0 4px rgba(0,0,0,1);
 display:table;
}
#avka{
 width:50px;
 height:50px;
 padding:5px;
 margin-right:25px;
 background:#FFF;
 -moz-border-radius:0 0 4px 4px;
 box-shadow:0 0 4px rgba(0,0,0,1);
 -moz-box-shadow:0 0 4px rgba(0,0,0,1);
 -webkit-box-shadow:0 0 4px rgba(0,0,0,1);
}

#new_block{width:248px;height:28px;margin:0px;padding:0;background:#000; box-shadow:0 0 4px rgba(255,255,255,1);-moz-box-shadow:0 0 4px rgba(0,0,0,1);-webkit-box-shadow:0 0 1px rgba(255,255,255,0.5);border:0px solid rgba(255,255,255,0.2);display:table;}
====================================

#block_s_fon_l {
width:345px;
height:250px;
background:rgba(0,0,0,0.9);
border:#333;
border-top-color:#FFF;
border-radius:3px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px ;
box-shadow:0 0 4px rgba(255,255,255,1);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 4px rgba(255,255,255,1);
position:relative;
margin:0;
padding:2px;
font-family:A;
color: #CCFF66;
float:left;
margin-right:10px;
margin-top:10px;

}

#block_s_title {
width:331px;
background:rgba(1,0,0,0.9);
border:#FFF;
border-top-color:#FFF;
position:relative;
margin:0 auto;
padding:5px;
font-family: Arial;
color: #FFF;
font-size: 15px;
text-align: left;
}

#block_s_message {
width:341px;
height:115px;
background-size:cover;
border:#FFF;
border-top-color:#FFF;
position:relative;
margin:0 auto;
padding:0px;
font-style:CCFF66;
font-family: Micra_Bold;
text-align: left;
}
#block_s_text {
width:331px;
height:60px;
background: rgba(0,0,0,0.5);
position:absolute;
bottom:-30px;
margin:0 auto;
padding:5px;
color: #FFF;
font-size: 10px;
padding-bottom: 0px;
padding-top: 0px;
font-family:Verdana, Geneva, sans-serif;
}


 /* Статичное состояние */
 #container { 
 width: 400px; 
 height: 400px; 
 position: relative; 
 border: 1px solid #ccc; 
 background: url(../240270.jpg) 0 0 no-repeat;
 }
 .parent1 { 
 /* Общий контейнер */
 height: 0; 
 overflow: hidden;

 -webkit-transition-property: height;
 -webkit-transition-duration: .5s; 
 -webkit-perspective: 1000px; 
 -webkit-transform-style: preserve-3d; 

 -moz-transition-property:height; 
 -moz-transition-duration: .5s; 
 -moz-perspective: 1000px; 
 -moz-transform-style: preserve-3d; 

 -o-transition-property:height; 
 -o-transition-duration: .5s; 
 -o-perspective: 1000px; 
 -o-transform-style: preserve-3d;

 transition-property: height;
 transition-duration: .5s;
 perspective: 1000px;
 transform-style: preserve-3d;
 }
 .parent2 { 
 /* Содержание, выводимое в процессе анимации */ 
 }
 .parent3 { 
 /* Анимированный, "складывающийся" блок */
 height: 56px; 

 -webkit-transition-property: all; 
 -webkit-transition-duration: .5s;
 -webkit-transform: rotateX(-90deg);
 -webkit-transform-origin: top; 

 -moz-transition-property: all; 
 -moz-transition-duration: .5s;
 -moz-transform: rotateX(-90deg);
 -moz-transform-origin: top; 

 -o-transition-property: all; 
 -o-transition-duration: .5s;
 -o-transform: rotateX(-90deg);
 -o-transform-origin: top;

 transition-property: all; 
 transition-duration: .5s;
 transform: rotateX(-90deg);
 transform-origin: top; 
 }

 /* Состояние hover для включения анимаций */
 #container:hover .parent1 { height: 111px; }
 #container:hover .parent3 { 
 -webkit-transform: rotateX(0deg); 
 -moz-transform: rotateX(0deg); 
 -o-transform: rotateX(0deg); 
 transform: rotateX(0deg); 
 height: 111px; 
 }


 /* Статичное состояние */
 #text-container { 
 width: 400px; 
 height: 400px; 
 position: relative; 
 border: 1px solid #ccc; 
 background: url(GoogleTestDW.png) 0 0 no-repeat;
 }
 .text-parent1 { 
 /* Общий контейнер */
 height: 0; 
 overflow: hidden;

 -webkit-transition-property: height;
 -webkit-transition-duration: .5s; 
 -webkit-perspective: 1000px; 
 -webkit-transform-style: preserve-3d; 

 -moz-transition-property:height; 
 -moz-transition-duration: .5s; 
 -moz-perspective: 1000px; 
 -moz-transform-style: preserve-3d; 

 -o-transition-property: all; 
 -o-transition-duration: .5s;
 -o-transform: rotateX(-90deg);
 -o-transform-origin: top;

 transition-property: height;
 transition-duration: .5s;
 perspective: 1000px;
 transform-style: preserve-3d;
 }
 .text-parent2 { 
 /* Содержание, выводимое в процессе анимации */ 
 }
 .text-parent3 { 
 /* Анимированный "складывающийся" блок */
 height: 56px; 

 -webkit-transition-property: all; 
 -webkit-transition-duration: .5s;
 -webkit-transform: rotateX(-90deg);
 -webkit-transform-origin: top; 

 -moz-transition-property: all; 
 -moz-transition-duration: .5s;
 -moz-transform: rotateX(-90deg);
 -moz-transform-origin: top; 

 -o-transition-property: all; 
 -o-transition-duration: .5s;
 -o-transform: rotateX(-90deg);
 -o-transform-origin: top;

 transition-property: all; 
 transition-duration: .5s;
 transform: rotateX(-90deg);
 transform-origin: top; 
 }

 /* Состояние hover для запуска анимаций */
 #text-container:hover .text-parent1 { height: 111px; }
 #text-container:hover .text-parent3 { 
 -webkit-transform: rotateX(0deg); 
 -moz-transform: rotateX(0deg); 
 -o-transform: rotateX(0deg); 
 transform: rotateX(0deg); 
 height: 111px; 
 }



 /* Статичное состояние */
 #slow-container { width: 400px; height: 400px; position: relative; border: 1px solid #ccc; }
 .slow-parent1 { 
 /* Общий контейнер */
 height: 0; 
 overflow: hidden;

 -webkit-transition-property: height;
 -webkit-transition-duration: .5s; 
 -webkit-perspective: 1000px; 
 -webkit-transform-style: preserve-3d; 

 -moz-transition-property:height; 
 -moz-transition-duration: .5s; 
 -moz-perspective: 1000px; 
 -moz-transform-style: preserve-3d; 

 -o-transition-property: all; 
 -o-transition-duration: .5s;
 -o-transform: rotateX(-90deg);
 -o-transform-origin: top;

 transition-property: height;
 transition-duration: .5s;
 perspective: 1000px;
 transform-style: preserve-3d;

 background: lightgreen;
 }
 .slow-parent2 { 
 /* Содержание, выводимое в процессе анимации */
 background: lightblue;
 }
 .slow-parent3 { 
 /* Анимированный "складывающийся" блок */
 height: 56px; 
 background: pink;

 -webkit-transition-property: all; 
 -webkit-transition-duration: .5s;
 -webkit-transform: rotateX(-90deg);
 -webkit-transform-origin: top; 

 -moz-transition-property: all; 
 -moz-transition-duration: .5s;
 -moz-transform: rotateX(-90deg);
 -moz-transform-origin: top; 

 -o-transition-property: all; 
 -o-transition-duration: .5s;
 -o-transform: rotateX(-90deg);
 -o-transform-origin: top;

 transition-property: all; 
 transition-duration: .5s;
 transform: rotateX(-90deg);
 transform-origin: top; 
 }

 /* Состояние hover для запуска анимаций */
 #slow-container:hover .slow-parent1 { height: 111px; }
 #slow-container:hover .slow-parent3 { 
 -webkit-transform: rotateX(0deg); 
 -moz-transform: rotateX(0deg); 
 -o-transform: rotateX(0deg); 
 transform: rotateX(0deg); 
 height: 111px;
 }

=============================================================




/* Форма поиска оранжевая кнопка*/ 
 .poick_os { 
 float:left; 
 padding:1px; 
 width:250px; 
 background:#fff; 
 border: 1px solid #A0A8AC;
 height:auto;
 margin-left:10px;
 } 

 .poick_os input { 
 float:left; 
 margin:0px; 
 vertical-align:middle; 
 font:11px Verdana,Arial,Helvetica,sans-serif; 
 } 

 .poick_pole { 
 color:#555; 
 width:170px; 
 height:18px; 
 border:none; 
 padding:0px 4px;
 margin-right:4px;
 } 
 
 .poick_knopka { 
 text-shadow: 1px 1px 1px #865520; 
 width:70px; 
 height:18px; 
 cursor:pointer; 
 background:#e1954a; 
 border:1px solid #c97639; 
 color:#fff; font-weight: bold!important;
 
 } 
 
 .poick_knopka:hover {background:#d48347;} 

 .poick_os, 
 .poick_knopka { 
 
 }
/*=======================janr=========*/
*2 {
 padding: 0;
 margin: 0;
 
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

nav {
 padding: 0;
 margin: 0;
 width: 100%;
 margin: 2px 0px;
 overflow: hidden; 
}

nav ul {
 list-style: none;
 overflow: hidden;
 width: 110px;
 padding:0px;
}

nav li a {
 background: #000;
 border-right2: 1px solid #ff0;
 color:#fff;
 display: block;
 font: 700 10px/1.2 'PT Serif', Helvetica, Verdana, Arial, sans-serif;
 padding: 5px;
 text-align: left;
 text-decoration: none;
 text-transform: uppercase;
 width: 100px;
 
 /*ТРАНСФОРМАЦИИ*/
 -webkit-transition: background 0.5s ease;
 -moz-transition: background 0.5s ease;
 -o-transition: background 0.5s ease;
 -ms-transition: background 0.5s ease;
 transition: background 0.5s ease;
}

/*АКТИВНОЕ СОСТОЯНИЕ*/
nav li a:hover {
 background: #444;
 color:#FFF;
 border-left: 1px solid #f00;
 width: 99px;
}
/*вид материала*/
#vest_fon {
width:575px;
height:340px;
background:rgba(1,0,0,0.9);
border:#333;
border-top-color:#FFF;
border-radius:5px;
-moz-border-radius:0 0 1px 1px;
-webkit-border-bottom-left-radius:1px;
-webkit-border-bottom-right-radius:1px;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px ;
box-shadow:0 0 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 24px rgba(0,0,0,0.3);
position:relative;
margin:0 auto;
padding:0px;
font-style:#0CF;
font-family:A;
color: CCFF66;
text-shadow:#9CF;
float: left;
margin-bottom:5px;
}



#vest_s_title {
width:560px;
background:rgba(1,0,0,0.9);
border:#FFF;
border-top-color:#FFF;
position:relative;
margin:0 auto;
padding:5px;
font-style:#0CF italic;
font-family: Alexsandra;
color: #FFF;
text-shadow:#9CF;
font-size: 15px;
text-shadow: 0 0.5px #fff;
}

#vest_s_message {
width:570px;
height:290px;
background-size:cover;
border:#FFF;
border-top-color:#FFF;
position:relative;
margin:0 auto;
padding:0px;
font-style:CCFF66;
font-family: Alexsandra;
color: #CCFF66;
text-shadow:#9CF;
font-size: 15px;
text-shadow: 0 0.5px #fff;
}
#vest_s_message a{
 color:#FFF;height: 0px;
}
.link14 {
 width:115px;height:170px;display:block;
 }
.link14 a {display: block;height: 135px; }

#vest_s_text {
width:561px;
height:60px;
background:rgba(1,0,0,0.5);
position:absolute;
bottom:0px;
margin:0 auto;
padding:5px;
font-style:#FFF;
color: #FFF;
font-size: 10px;
padding-bottom:15px;
padding-top: 0px;
font-family:Verdana, Geneva, sans-serif;
}

.module {
 background: #eee;
 margin: 0 0 20px 0;
 width:560px;
 font-family: Arial, sans-serif;
 font-size:20px;
 font-weight:normal;
 text-align:right;
}
.module h2 {
 background:#000;
 padding: 0 5px 0 5px;
 font-size:12px;
 box-shadow: inset 0 0px 0px 0px ;
 color:#EEE;
 height:15px;
 font-family: verdana;
 font-weight:normal;
}
.module h2 a {
 float: right;
 position: relative;
 text-decoration: none;
 color: #333;
 padding: 0 10px;
 border-left: 5px solid #000;
 -webkit-transition: padding 0.1s linear;
 -moz-transition: padding 0.1s linear;
 -ms-transition: padding 0.1s linear;
 -o-transition: padding 0.1s linear;
 font-family: Arial, sans-serif;
 font-size:12px;
 font-stretch:semi-condensed;
 font-weight:normal;
 
}
.module h2 a:hover {
 padding: 0 14px;
}
.module h2 a:active {
 padding: 0 16px;
}

.module h2 a:before,
.module h2 a:after {
 content: "";
 position: absolute;
 
 width: 0;
 height: 0;
}
.module h2 a:before {
 left: -5px;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-right: 5px solid #1C1C1C;
 margin-top: 3px;
}

.module.green h2 a {
 background: #6666FF;
 color:#FFF;
 height:15px;
}
.module.green h2 a:hover {
 background: #666699;
 color:#FFF;
}
.module.green h2 a:after {
 left: -5px;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-right: 5px solid #6666FF;
 margin-top: 2px;
}
.module.green h2 a:hover:after {
 border-right-color: #666699;
}



.grid {
 padding: 20px 20px 100px 20px;
 max-width: 1300px;
 margin: 0 auto;
 list-style: none;
 text-align: center;
}

.grid li {
 display: inline-block;
 width: 400px;
 margin: 0;
 padding: 20px;
 text-align: left;
 position: relative;
}

.grid figure {
 margin: 0;
 position: relative;
}
.grid figure img {
 max-width: 100%;
 display: block;
 position: relative;
}
.grid figcaption {
 position: absolute;
 top: 0;
 left: 0;
 padding: 20px;
 background: #2c3f52;
 color: #ed4e6e;
}
.grid figcaption h3 {
 margin: 0;
 padding: 0;
 color: #fff;
}

.grid figcaption span:before {
 content: 'by ';
}

.grid figcaption a {
 text-align: center;
 padding: 5px 10px;
 border-radius: 2px;
 display: inline-block;
 background: #ed4e6e;
 color: #fff;
}

@media screen and (max-width: 31.5em) {
 .grid {
 padding: 10px 10px 100px 10px;
 }
 .grid li {
 width: 400px;
 min-width: 300px;
 }
}
.cs-style-6 figure img {
 z-index: 10;
 transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
 transform: translateY(-50px) scale(0.5);
}
.cs-style-6 figcaption {
 height: 300px;width:400px;
}
.cs-style-6 figcaption h3 {
 margin-top: 60%;
}

.cs-style-6 figcaption a {
 position: absolute;
 bottom: 20px;
 right: 20px;
}