a {color: #d73333;}
a:hover {text-decoration: none;}
form, input {padding:0px; margin: 0px; border: 0px; border-spacing:0px; border-collapse:collapse;}
img {border: 0px;}
h1 {font-size: 15pt; font-weight: normal; color: #d73333; margin: 10px 0 5px 1%; padding: 0;  clear: both;}
h2 {font-size: 14pt; font-weight: normal; color: #ffffff;background: url('/img/bg_afisha_h2.gif') 0 0 no-repeat #d73333; height: 37px; width: 94px;	padding: 3px 0 0 10px; margin:0;}


#body {margin: 0 auto; display: table;  width: 100%; max-width: 1300px; margin-top: 10px;  background-color: #ffffff;}

#body .left {padding: 0; float: left; width: 77%; margin: 0 1% 0 0;}
#body .right {float: left; width: 245px; padding: 2% 0 1% 0;}


.slider {max-width: 100%;  background-color: #333333;  border-top: 1px dotted #ffffff; border-bottom: 1px dotted #ffffff; min-height: 240px; overflow: hidden; float: left;}
.slider h2 {color: #ffffff; background: none; padding:0 2% 0 1%;}
.slider ul {width: 100%; padding: 0; margin:0 1% 0 1%;}
.slider ul li {display: block;  width: 32%; float: left;  vertical-align: top; height: 365px; margin: 0 1% 0 0; font-size: 9pt;}
.slider ul li:last-child{}
.slider ul li a:hover, .slider ul li a.en:hover{color:#fdfdfd;}
.slider ul li b {display: block; height: 35px; color: #ccc; padding-top: 2px;font-weight: normal;}
.slider ul li b a{color: #d73333; font-size:13pt; line-height:10pt;}
.slider ul li b a.en{color:#ccc;}
.slider ul li img {width: 100%;}
.slider ul li div p{overflow: hidden; font-size: 10pt; margin: 18px 0  3px 0; color: #eee;}
.slider ul li div div {padding: 0 0 1% 0; color: #cfcfcf;}
.slider ul li div div a {color: #d73333}
.slider ul li div div h3 {color: #ffffff; padding: 0; margin: 0; font-size: 10pt; display: inline;}
.slider ul li span{display: block; position: relative; width: 100%; height: 25px;}
.slider ul li span b {color:#fdfdfd;}

.slider ul li span b a{font-size:9pt;}
.slider ul li span b i {color: #555555; font-style: normal;}
.slider ul li i.c {color: #cccccc; font-style: italic;}
.slider ul li span div {margin-bottom: 1%; line-height:12pt; }
.slider ul li h4 {color: #ffffff; padding: 0; margin: 0; font-size: 10pt;}

div.logo {float: left; width: 225px; margin: 5px 0 5px 0; padding-right: 30px;}
div.logo a {background: url('/img/t_logo.gif') no-repeat top; height: 60px; float: left; text-decoration: none; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 225px;} 

div.menu {width:100%; margin-bottom: 1%; background-color:#cc3333; clear: both;}
ul.fmenu {display: table; background-color:#cc3333; width:100%; border: 1px dotted #ffffff;}
ul.fmenu li {float:left; background-color:#cc3333; padding: 10px 20px 8px 10px}
ul.fmenu li a {font-size: 13pt; color: #333333; }
ul.fmenu li a:hover {color: #ffffff; border-top: 1px dotted #ffffff; text-decoration: none; }
ul.fmenu li a.active {font-size: 13pt;	color: #ffffff;	border-top: 1px dotted #ffffff;	text-decoration: none; }

ul.smenu {clear: both; margin:0 0 10px 0; background-color:#ffffff; padding-top:10px; min-width: 300px;}
ul.smenu li {float:left; padding: 0 10px 10px 0 }
ul.smenu li a {font-size: 10pt; color: #cc3333; padding: 0 10px 0 0; border-right: 1px dotted #cc3333; text-transform: uppercase;}
ul.smenu li a:hover {color: #333333; text-decoration: none; }
ul.smenu li a.active {font-size: 10pt; font-weight: bold; color: #333333; padding-right: 10px; border-right: 1px dotted #cc3333; text-decoration: none; }

.adver {position: relative; width: 99%; margin: 3px 0 1% 0; float: left; min-width: 310px; clear: both; text-align: center; max-height: 100px;}
.adv_s {width:96%;padding:2%; font-size: 9pt; border: 1px dotted #cccccc; border-bottom: 0;}
.adv_s a {font-size: 9pt}
.adv_s .aa {font-size: 8pt; color: #666666;}

#right_banner {width:240px; height: 400px; border: 1px dotted #cccccc; margin:2px 1% 0 0; padding: 0; float: right;}
#right_banner a{font-size: 8pt;}



.search {float: left; font-size: 11pt; color: #333333; margin: 30px 0 0 0;}
.search form {padding:0; margin: 0; display: inline;}
.search table {width: 100%;}
.search table td.t1 {width: 100%;}
.search input {border: 1px solid #c4c4c4; font-size: 10pt;}
.search input.text {height: 22px; width: 100%;}
.search input.btn {background: url('/img/btn_search.gif') no-repeat  #666666; color: #666666; margin-left: 15px; padding: 0; width: 25px; height: 25px;}
.search p {display: block; padding: 10px 0 0 5px; }
.search a {font-size: 10pt; color: #333333;}

.add {margin: 1% 0 1% 0; min-width: 240px; height: 40px;}
.add a {font-size: 11pt;  font-weight: bold;}


#content  {padding: 0 1% 1% 0; width: 99%; clear: both;}

#left  {float: left; width:50%; height: 100%; }
#right  {float: left; width:49%; height: 100%; }

.today {border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; clear: both;}

.afisha_item {padding: 0 1% 1% 1%; width: 48%; /*margin-bottom: 3%;*/ float: left;}
.afisha_item h3 {display: inline; font-size: 10pt; color: #7b7b7b; padding: 3px 25px 0 0; margin: 0; float: right;}
.afisha_item b.title {display: block; width: 100%; font-size:13pt; font-weight: normal;  padding-bottom: 0%;}
.afisha_item b.title a {font-size: 13pt;}
.afisha_item b.title a.en {color: #333333; }
.afisha_item p {padding-top: 3px; margin: 0; font-size: 10pt; color: #333333;}
.afisha_item div.d_ai_2 {position: relative; float: left; min-width: 300px; max-width: 450px;/*width: 60%; */ padding-right:1%;}
.afisha_item div.d_ai_2 a {text-decoration: none;}
.afisha_item div.d_ai_2 a span:hover {color: #d33333;}

.afisha_item span.u_ai_1 {display: block; padding: 2% 0 0 2%; position: relative; width: 98%; height: 20px; margin: -26px 0 15px 0; background: url('/img/transparent-bg.png'); font-size: 9pt; color:#ffffff;}

/*div.age {position: relative; top: -30px; left: 90%;background-color:#777777; width: 19px; height: 19px; color: #ffffff; font-weight: bold; font-size: 7pt; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 6px 3px 0 3px; text-align: center;}*/

div.age {position: relative; margin: -40px 0 0 90%; background-color:#777777; width: 18px; height: 18px; color: #ffffff; font-weight: bold; font-size: 7pt; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 6px 3px 0 3px; text-align: center; clear: both;}

.afisha_item div.d_ai_3 {font-size: 9pt; height: 100%;}
.afisha_item div.d_ai_3 p {display: block; padding:0 1% 0 1%;}                              
.afisha_item ul.u_ai_2 {padding-bottom: 22px;}
.afisha_item ul.u_ai_2 li {float: left; padding: 2px;  height: 40px; margin-right: 1%; font-size: 8pt;}
.afisha_item ul.u_ai_2 li a {display: block; color: #990000; height: 40px;}
.afisha_item ul.u_ai_2 li a:hover {color: #333333;}
.afisha_item ul.u_ai_2 li.calendar {background: url('/img/i_calendar.gif') 1px 19px no-repeat;}
.afisha_item ul.u_ai_2 li.cadry {background: url('/img/i_cadry.gif') 1px 19px no-repeat;}
.afisha_item ul.u_ai_2 li.video {background: url('/img/i_video.gif') 1px 19px no-repeat;}
.afisha_item ul.u_ai_2 li.comment {background: url('/img/i_comment.gif') 1px 19px no-repeat; margin: 0;}
.afisha_item div.d_ai_4 {padding-left: 3px; font-size: 9pt; /*background: url('/img/i_calendar.gif') 2px 2px no-repeat;*/ color: #000000;}
.afisha_item div.d_ai_4 b {font-size: 9pt; font-weight: bold;}
.afisha_item div.d_ai_4 i {color: #cccccc; font-style: normal;}
.afisha_item div.d_ai_4 h4 {display: block; font-size: 9pt; margin: 3px 0 0 0; padding: 0;}
.afisha_item div.d_ai_4 div {margin-bottom: 2%; line-height: 14pt; }
.afisha_item div.d_ai_4 a {color: #990000;}


.tomorrow {width: 100%; border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4;  clear: both;}
.tomorrow h2 {background: url(/img/bg_afisha_h2.gif) 0px 0px no-repeat}


.skoro{border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; clear: both;}
.skoro h2 {background: url(/img/bg_afisha_h2.gif) 0px 0px no-repeat;}



#right .all {padding: 5px 3px 10px 14px; background: url(/img/bg_plus.gif) 0px 6px no-repeat; float: right;}
#right .all a{font-size: 10pt;	color: #666666;	}


.nitems {padding: 5px 0 0 10px;}
.nitem {width: 125px; float: left; margin-right: 14px;  margin-bottom: 10px;}
.nitem a {font-size: 14px; color: #d73333; }
.nitem img {padding: 3px 0 3px 0; }
.nitem p {font-size: 11px; padding: 0px; margin: 0px; color:#666666;}


div#child {border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; padding-bottom: 30px;}
#child h2 {float: left; margin: 0;}
#child .all {float: right; background: url(/img/bg_tv_plus.gif) 0px 6px no-repeat;} 
#child .all a{ color: #f63687;}



div#pogoda {border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4;  width: 100%;  padding-bottom: 30px;}
#pogoda h2 {float: left; font-size: 16pt; font-weight: normal; color: #ffffff;	background: url(/img/bg_pogoda_h2.gif) 0px 0px no-repeat #ff9900;	height: 37px;	width: 94px; padding: 3px 0 0 10px;	margin: 0;}
#pogoda .nitem {width: 171px; float: left;}
#pogoda .nitem h3 {color: #ff9900; font-size: 13px; padding: 0px; margin: 0px;}
#pogoda .nitem img {vertical-align: middle; margin-top:-4px;}
#pogoda .nitem p {font-size: 17px;}
#pogoda .start p {font-size: 27px;}
#pogoda .all {float: left; padding-left: 30px;}
#pogoda .all a{background: url(/img/bg_pogoda_plus.gif) 0px 6px no-repeat; float: left;}



div#news {border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4;  padding-bottom: 30px; height: 100%; }
#news h2 {background: url(/img/bg_news_h2.gif) 0px 0px no-repeat #a5a2a2; float: left;}
#news .all {background: url(/img/bg_news_plus.gif) 0px 6px no-repeat;}
#news .nitems {margin: 0; padding: 0;}
#news .nitem {display: inline-block; border-top: 5px solid #a5a2a2; vertical-align: top; min-height: 200px; margin: 0 0 3% 3%; float: none;}
#news .nitem:hover a{color: #333333;}




#tv {border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; padding-bottom: 20px;}
#tv h2 {float: left; font-size: 18px; font-weight: normal; color: #ffffff;	background: url(/img/bg_tv_h2.gif) 0px 0px no-repeat #f63687;	height: 37px;	width: 94px; padding: 3px 0 0 10px;	margin: 0;}
#tv h3 {font-size: 14px;}
#tv .nitem {height: 100px; overflow:hidden;}
#tv .nitem a,  #tv .nitem p{font-size: 12px;}
#tv .nitem a {color: #f63687;}
#tv .t_all {float: right;}
#tv .t_all .all {background: url(/img/bg_tv_plus.gif) 0px 6px no-repeat; color: #f63687;}



#foto { border-left: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; padding-bottom: 30px;}
#foto h2 {float: left; font-size: 18px; font-weight: normal; color: #ffffff;	background: url(/img/bg_foto_h2.gif) 0px 0px no-repeat #b857b8;	height: 37px;	width: 94px; padding: 3px 0 0 10px;	margin: 0;}
#foto .nitem  {border-top: 5px solid #b857b8;}
#foto .nitem a {color: #b857b8;}
#foto .f_all {float: right;}
#foto .f_all .all {background: url(/img/bg_foto_plus.gif) 0px 6px no-repeat; color: #b857b8;}


#address  {float: left; width: 43%; border: 1px dotted #c4c4c4;min-width: 300px;}
#address p {padding-left: 10px;  color: #666666; margin:5px 0 15px 0;}
#address a {font-size: 14px; color: #287dbc;}
#address a:hover { color: #cccccc;}
#address h2  {background: url(/img/bg_address_h2.gif) 0px 0px no-repeat #287dbc; height: 37px; width: 94px; padding: 3px 0 0 5px; margin: 0; }





#footer{display: table; margin: 0 auto; text-align: left;background-color: #333333;width: 100%; max-width: 1300px; color: #ffffff; padding: 7px 0px 7px 0px;}
#footer ul.bmenu{width: 98%; margin: 1%; padding-bottom: 32px;}
#footer ul.bmenu li {background: url('/img/i_w_arrow.gif') 0px 5px no-repeat; padding: 0 55px 15px 10px; font-size: 11pt; float: left; width: 11%;}
#footer p{clear: both; margin: 1%; line-height: 25pt;}
#footer a{color: #ffffff; font-size: 10pt;}
#footer .counts {clear: both; padding: 1%;}

.embed-container {position: relative; height: 0;overflow: hidden;background-color: black;}
.embed-container img {position: absolute;top: 0;left: 0;width: 100%; background-color: black;}
.reflow img {max-width: 100%;}
.ratio-1-1 { padding-bottom: 100%;}
.ratio-4-3 {padding-bottom: 75%;}
.ratio-16-9 {padding-bottom: 56.25%;}
.ratio-450-200 {padding-bottom: 44.44%;}



#calendar {border:1px dotted #cccccc; width: 240px; font-size:10pt; clear: both; margin: 0 0 2% 0;}
#calendar table {width: 100%;}
#calendar table td {text-align: center; margin-left:3%; padding: 2% 0 2% 0;}
#calendar table td b {color: #d33333;}
#calendar table td.c_a b{color: #ffffff;}
#calendar .c_w {color: #d73333; font-weight: bold;}
#calendar  th b {color: #d73333;}
#calendar .c_a a {color: #ffffff;}
#calendar .c_calendarm  {width:100%;}
#calendar .c_title {height:30px; background-color: #f4f3f3; width: 98%; padding: 10px 0 0 5px}
#calendar .c_title b{color: #d73333; }
#calendar .c_title select{width:35%; font-size: 10pt;}
#calendar .c_a {background-color: #d73333; }
#calendar .c_a2 {background-color: #cccccc; }
#calendar form {display: inline}



div#social_links {width:100px; padding: 1%; float: left; margin:25px 0 0 0;}

#social_links .btn {
background-position: 0px;
    background-color: #d73333;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin-right: 3px;
    border-radius: 10px;
    display: block;
    webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-image: url(/img/top_buttons1.png);
    float: left;
}

#social_links .b_fb {background-position: -20px 0px;}
#social_links .b_tw {background-position: -40px 0px;}
#social_links .b_gplus {background-position: -120px 0px;}

#social_links .b_vk:hover{background-color:#3c75a1;}
div#social_links a.b_fb:hover{background-color:#2a3e73;}
div#social_links a.b_tw:hover{background-color:#accbdb;}
div#social_links a.b_odn:hover{background-color:#fa9616;}
div#social_links a.b_rss:hover{background-color:#fd8941;}
div#social_links a.b_feedly:hover{background-color:#45ab24;}
div#social_links a.b_gplus:hover{background-color:#f26A6A;}


@media screen and  (min-width:800px){
#calendar {width: 240px;}
#body .main_top {width: 77%;}
.search { min-width: 55%;}
.adslot {width: 728px; height: 90px;}
}



@media screen and  (min-width:600px) and (max-width:799px){
#body .main_top {width: 420px; }
.search {width: 270px; min-width: 30%;}
.afisha_item div.d_ai_3 {clear: both;}
.afisha_item div.d_ai_2 {min-width: 350px;}
}


@media screen and (max-width:411px) {
#calendar {width: 98%;}
.add {display: none;} 
.search {width:99%; margin: 10px 0 10px 0;}
.afisha_item div.d_ai_3 {clear: both;}
.slider ul li {width: 98%;}
#body .left {width: 100%;}
#left {width: 100%;}
}