#tvmedia {float: left; margin: 0 0 30px;}
#tvmedia .block {
        background: url(../images/hbl1.png) no-repeat;
        float: left;
        width: 215px;
        height: 310px;
        margin: 0 25px 0 8px; 
}
#tvmedia .nomargin {margin: 0;}
#tvmedia .block .title {background: url(../images/title.png) no-repeat; color: #fff; font: 14px Tahoma;
width: 194px; padding: 9px 0 12px; text-align: center; float: left; margin: 15px 0 3px -4px;}

#tvmedia .block ul {margin: 10px 25px; float: left; background: url(../images/dotted.png) center top no-repeat;
padding: 14px 0 0; width: 165px;}
#tvmedia .block ul li {background: url(../images/arrow.jpg) left 3px no-repeat; font: 11px Tahoma; color: #525252;
padding: 0 0 0 15px; margin: 0 0 9px;}
#tvmedia .block .clr2 {clear: both; background: url(../images/dotted2.png) center top no-repeat; margin: 10px 20px;
width: 165px; height: 1px;}
#tvmedia .block .cena {color: #11AB3D; font: 14px Tahoma; float: left; margin-left: 25px;}
#tvmedia .block .cena b {font: normal 22px Tahoma;}
#tvmedia .block .more {float: right;}
#tvmedia .block .more a {background: url(../images/more1.png) no-repeat; font: 11px Tahoma; color: #605F5F;
text-decoration: none; display: block; width: 71px; padding: 4px 0 12px 10px; margin: 5px 15px 0 0;}

#tvmedia .green {background: url(../images/hbl2.png) center 3px no-repeat;}
#tvmedia .green ul li {color: #fff; background: url(../images/arrow3.png) 2px 5px no-repeat;}
#tvmedia .green .cena {color: #fff;}
#tvmedia .green .more a {background: url(../images/more2.png) no-repeat;}
#tvmedia .green .title {background: url(../images/title2.png) no-repeat;}


/*Описание тарифа*/
#description {float: left; margin: 0 0 30px;}
#description .block {
        background: url(../images/hbl3.png) no-repeat;
        float: left;
        width: 315px;
        height: 310px;
        margin: 0 25px 0 8px; 
}
#description .nomargin {margin: 0;}
#description .block .title {background: url(../images/title7.png) no-repeat; color: #fff; font: 14px Tahoma;
width: 294px; padding: 9px 0 12px; text-align: center; float: left; margin: 15px 0 3px -4px;}

#description .block ul {margin: 10px 25px; float: left; background: url(../images/dotted.png) center top no-repeat;
padding: 14px 0 0; width: 265px;}
#description .block ul li {background: url(../images/arrow.jpg) left 3px no-repeat; font: 11px Tahoma; color: #525252;
padding: 0 0 0 15px; margin: 0 0 9px;}
#description .block .clr2 {clear: both; background: url(../images/dotted2.png) center top no-repeat; margin: 10px 20px;
width: 265px; height: 1px;}
#description .block .cena {color: #11AB3D; font: 14px Tahoma; float: left; margin-left: 25px;}
#description .block .cena b {font: normal 22px Tahoma;}
#description .block .more {float: right;}
#description .block .more a {background: url(../images/more1.png) no-repeat; font: 11px Tahoma; color: #605F5F;
text-decoration: none; display: block; width: 71px; padding: 4px 0 12px 10px; margin: 5px 15px 0 0;}

#description .green {background: url(../images/hbl_green.png) center 3px no-repeat;}
#description .green ul li {color: #fff; background: url(../images/arrow3.png) 2px 5px no-repeat;}
#description .green .cena {color: #fff;}
#description .green .more a {background: url(../images/more2.png) no-repeat;}
#description .green .title {background: url(../images/title2_green.png) no-repeat;}


.scrollable{position:fixed;top:0;z-index:9999;}

/** Скролл в верх **/
.b-top {
z-index:2600;
position:fixed;
left:0;
bottom:90px;
width:34%;
margin-left:50%;
opacity: 0.5;
filter:alpha(opacity=50);
}
.b-top:hover {
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}
.b-top-but {
z-index:2600;
position:absolute;
display:block;
left:56px;
bottom:0;
margin:0 0 0 90%;
padding:32px 12px 4px;
color:white;
background:#D8D5C2 url(http://ltk32.ru/b-j-top.png) no-repeat 50% 11px;
border-radius:7px;
}


/* Slider */
.slides {
height:300px;
margin-bottom: 10px;
overflow:hidden;
position:relative;
width: 100%;
}
.slides ul {
list-style:none;
position:relative;
}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-moz-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}

.slides ul li {
opacity:0;
position:absolute;
top:0;

/* анимация css3 */
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_slides;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 6.0s;
-moz-animation-delay:6.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 18.0s;
-moz-animation-delay: 18.0s;
}
.slides ul li img {
display:block;
}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-moz-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}

.slides ul li div {
background-color: rgba(0, 120, 201, 0.3);
color:#FFFFFF;
font-size:26px;
margin:0 auto;
padding:20px;
position:absolute;
top: 200px;
width: 350px;

/* Анимация css3 */
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}



#socializ {
	display: inline-block;
  border: 1px solid #E5E5E5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 0 6px 6px;
	background: #FFF;
	overflow: hidden;
}
* html #socializ {display: inline}
*+html #socializ {display: inline}
#socializ:hover {
	background: #F6F6F6;
  border: 1px solid #D4D4D4;
	-moz-box-shadow: 0 0 5px #DDD;
	-webkit-box-shadow: 0 0 5px #DDD;
	box-shadow: 0 0 5px #DDD;
}
#socializ a {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 6px 0 0;
	padding: 0;
	background-color: #F6F6F6;
}
#socializ img {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}