@charset "utf-8";





html,body,div,span,h1,h2,h3,h4,p,a,em,strong,img,dl,dt,dd,ol,ul,li,form,label,table,tr,th,td {
	border:0;
	font-weight:inherit;
	font-style:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

caption,th,td {
	font-weight:400;
	text-align:left;
}

html,body {
	background:#FFF url(../img/head_bg.png) repeat-x;
	color:#333;
	font:12px/16px Arial, Helvetica, sans-serif;
}

a {color:#4c5e7a;}
a:hover {color:#408dbf;}
.half_link {
	border-bottom: 1px dashed #4c5e7a;
	text-decoration: none;
}


h1,h2,h3,h4 {color:#408dbf;}
h1 {font:italic 24px/16px Arial, Helvetica, sans-serif; margin-bottom:16px;}
h2,h3 {font: 16px/16px  Arial, Helvetica, sans-serif;}
h3 {font-size: 12px;}
h4 { font-style:italic;}

h2 a {color:#408dbf;}

/*#wrapper {margin:0 auto; max-width:1280px; min-width:1000px; min-height: 100%; position:relative; z-index:100;}*/




/*--------------------------header-------------------*/
#header {
	background:url(../img/head_dolph.png) no-repeat 25%;
	color:#FFF;
	height:207px;
	text-align: right;
	padding-bottom:1px;
}

#logo {
	margin:28px 0 0 56px;
	float:left;
position:relative;
z-index:100;
}

div.menu {
    margin-bottom:30px;
}

#slider {
	position:relative;
	height:176px;
	margin-right:100px;
	/*overflow: visible;*/
	padding-top:28px;
	/*padding-right:8px;*/
}
#slider img{
	margin-right:-85px;
}

#karman {
	position:absolute;
	background:url(../img/karman.png) center right no-repeat;
	height:165px;
	width:101px;
	top:12px;
	right:-93px;
	z-index:999;
}

/*---------------------header--------------------*/



#main {margin:0 48px 0 48px;}



/*---------------------content----------------------*/
#content {
	display:inline-block;
	vertical-align:top;
	width:50%;
}
#content h1{margin-top:16px;}
#content h2{margin-top:32px;}
#content h3,h4{margin-top:16px;}
#content p{margin-top:16px;}
#content ul {list-style:inside disc;}
#content img { margin:8px 0 8px 0;}

#more_links {
	border-top:1px solid #70aacf;
	margin-top:47px;
	padding-top:8px;
	
}
#more_links li {list-style:none outside;}
#more_links a {
	font-size:14px;
	line-height:32px;
}


#illustration {
}

/*#dolph {
	bottom:-300px;
	left:0;
	position:absolute;
}*/


/*-----Новости-----*/
.news {/*	border-bottom: 1px solid #d9e8f2;  */
position:relative;
}

.date {
	color:#bbb;
	font:10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	left:-44px;
	top:-14px;
}
/*----Новости-----*/



/*-----Рекламный блок-----*/
.adv {
	border-bottom:#09F 1px solid;
	border-top:#09F 1px solid;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	margin:31px 0 31px 0;
}

#content .adv img{
	display:inline-block;
	margin:16px 0 0 2%;
	vertical-align:bottom;
}
.adv_right{
	display:inline-block;
	margin-left:4%;
	margin-top:16px;
	vertical-align:top;
	width:75%;
}
.adv .adv_right a{
	color:#408dbf;
	font:normal 24px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.adv .adv_right p{
	font:normal 14px/16px Arial, Helvetica, sans-serif;
}
.adv .adv_right ul{
}
.adv .adv_right ul li {
	display:inline;
}
.adv .adv_right ul li a{
	color:#408dbf;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/*-----Рекламный блок-----*/



.clear {clear:both;}
	
	
/*----------------------content---------------------*/


/*-------------------sidebar----------------*/
#sidebar {
	display:inline-block;
	padding-left:9%;
	vertical-align:top;
	width:40%;
}

/*--------Навигация---------*/
.navigation, .navigation ul {list-style: none;}

.navigation li span {
	color:#408dbf;
	display:block;
	font:italic 24px/16px Arial, Helvetica, sans-serif;
	margin-top:16px;
	margin-bottom:16px;
}

.navigation li{
	margin-bottom:48px;
}

.navigation li ul li {
	display:inline-block;
	margin-top:16px;
	margin-right:4%;
	margin-bottom:0;
	text-align: center;
	vertical-align:top;
	width:28%;
}
.navigation li ul li img{
	display:block;
	margin:0 auto;
	margin-bottom:8px;
}
/*-------Навигация---------*/




/*-------Почта---------*/
#support-b, #email-b {
	display:none;
	width:90%;
	position: relative;
	border:1px solid #b7dcf4;
	background: #b7dcf4;
	font-size:14px;
	padding:8px;
}
#email-b {margin-bottom:16px;}
.close {
	text-decoration:none;
	position:absolute;
	top:4px;
	right:7px;
}
#support-b h2,  #email-b h2{
	text-align:center;
	margin-bottom:6px;
}

.tl {
	background:url(../img/tl.gif) no-repeat top left;
	position:absolute;
	top:-1px;
	left:-1px;
	width:10px;
	height:10px;
}
.tr {
	background:url(../img/tr.gif) no-repeat top right;
	position:absolute;
	top:-1px;
	right:-1px;
	width:10px;
	height:10px;
}
.bl {
	background:url(../img/bl.gif) no-repeat bottom left;
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:10px;
	height:10px;
}
.br {
	background:url(../img/br.gif) no-repeat top left;
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:10px;
	height:10px;
}

#loginform {
/*	background-color:#EEEEFE;
	border:1px solid #09F;
	display: none;
	text-align:center;
	padding:14px;
	position:absolute;
	top:370px;
	margin-left:-180px;
*/}

#login, #pass {width:95%;}
#submit_element, #cancel_element, #cancel_label {display:inline-block;}
#submit_element,#cancel_element {margin:12px 4px 12px 4px;;}



/*-------Почта---------*/




/*------------------------Подвал---------------------------*/
#footer {
	color:#FFF;
	font-size:14px;
	height:132px;
	margin-top:96px;
}

#foot_back {
	background-image: url(../img/footer.png);
	height:132px;
	margin-top:-132px;
	width:100%;
	z-index:0;
	position:relative;
}
#jin,#octoberweb {
	margin-top:48px;
}
#jin {
	float: left;
	margin-left:48px;
}
#company_phone { margin-top:16px;}
#company_phone, #company_mail {font-size:12px;}

#footer a{color:#FFF;}

#octoberweb {
	float:right;
	margin-right:48px;
	text-align: right;

}

/*--------------------------Подвал-------------------------*/





table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #3e6ca0;
	margin: 8px 0 8px;
}

tr,td {
	border:1px solid #3e6ca0;
	padding: 4px;
}

th {
	border:1px solid #3e6ca0;
	background-color: #bbd5ea;
	font-size:14px;
	padding: 10px 5px;
	text-align:center;
}

.zend_form {
	width:100%;
}

.zend_form dt {
	display:block;
	text-align:right;
	width:30%;
	float:left;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	padding: 5px;
}

.zend_form dd {
	display:block;
	text-align:left;
	width:60%;
	float:left;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	padding:5px;
	}


/*sidebar*/
#tarif-types {
	text-align:center;
	width:100%;
	overflow:hidden;
}
#tarif-types a {
	display:inline-block;
	width:30%;
}#tarif-types a img{
	display:block;
	margin:0 auto;
}



/*cabinet*/
.cabinet {
	color:#4f4f4f;
	font-size:16px;
	line-height:22px;
}
.contract {
	font-size:14px;
	font-style:italic;
	padding-top:9px;
}
.contract span{
	margin-right:24px;
}

strong {font-weight:bold;}

.cabinet h2{
	font-style:italic;
	margin-bottom:9px;
	font-size:18px;
}
#content .cabinet p{margin:0;}

.cabinet .info {
	padding-left:9px;
	border-left:2px solid #ffda83;
	background: url(../img/line.gif) repeat-y 1px top;
	margin-bottom:18px;
}
.change {
	font-size:12px;
	font-style:italic;
	margin-left:18px;
}
.info-text {font-size:12px;}

.summary {padding:18px 0 18px 0;}

.cabinet #more_links {
	margin:0;
	border:none;
}
.cabinet #more_links li a {line-height:16px;}

.deposit {
	position:relative;
	float:right;
	margin-top:54px;
}
.balance {
	position:absolute;
	top:11px;
	left:-130px;
	text-align:right;
	width:120px;
}
.balance a{
	font-style:italic;
}

.balance span{
	display:inline-block;
	padding:6px 6px 6px 6px;
	background:#fde3a6;
	font-size:18px;
	border-radius:5px;
}
.card {
	background: url(../img/card1.png) no-repeat;
	width:287px;
	height:238px;
	padding:16px 20px 20px 20px;
	position:relative;
}
.card h2{
	font-size:20px;
	font-style:italic;
	height:20px;
	width:190px;
}
.card h3{
	color:#4f4f4f;
	font-size:16px;
	margin-top:18px;
}
.card .bank-text {
	font-size:13px;
	margin-top:214px;
	margin-left:134px
}
.card .bank-h3 {
	margin-top:14px;
	margin-left:134px
}
.watch-pay {
	border-left: 2px solid #385e83;
	padding-left:14px;
	position:absolute;
	right:36px;
	top:9px;
	display:inline-block;
	width:65px;
}
#card-form {
	position:absolute;
	top:148px;
	right:28px;
}
#b_card-form {
	position:absolute;
	top:200px;
	left:42px;
}
#b_card-btn {
	position:relative;
	top:-29px;
	left:145px;
	cursor:pointer;
}
#card-form input, #b_card-form input{
	background:none;
	border:none;
	margin-bottom:8px;
	height:20px; width:136px;
}
#card-btn {
	margin:6px 0 0 -21px;
	cursor:pointer;
	height:30px;
}



.cabinet-inner {
	font-size:12px
}
.period {
	margin:32px 0 32px 0;
}
.from {
	margin-right:4px;
}
.to {
	margin:0 4px 0 12px;
}
.ok {
}


.period div {
	margin-top:9px;
}

.kasper {
        width:287px;
        height:241px;
        padding:16px 20px 20px 20px;
        position:relative;
}
.kasper a {
        text-decoration:none;
        font-size:18px;
        color:#026C55;
}
.smotr {
        width:287px;
        height:241px;
        padding:0px 20px 20px 20px;
        position:relative;
        margin-top:-36px;
}

div.channels {
	float:left;
	width:77%;

}
div.subscr-menu {
	float:left;
	width:20%;
	margin-right:30px;
}
div.channel {
	float:left;
	width:140px;
	height:100px;
	overflow:hidden;
}
div.channel img.channel_img {
	width:140px;
}

/*cabinet-end*/
div.subscr-menu,div.channels {
    margin-top:15px;
}
/* Style the list */
ul.ui-tabs-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
                        
/* Float the list items side by side */
ul.ui-tabs-nav li {float: left;}
                        
/* Style the links inside the list items */
ul.ui-tabs-nav li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}
                                                    
/* Change background color of links on hover */
    ul.ui-tabs-nav li a:hover {background-color: #ddd;}
                                                
/* Create an active/current tablink class */
    ul.ui-tabs-nav li a:focus, .active {background-color: #ccc;}



@media screen and (max-width: 768px) {
    #header {
	padding: 10px;
    }
    #logo {
        margin: 0 auto;
        float: left;
        position: relative;
        z-index: 100;
        width: 220px;
    }
    html,body {
	background-size: auto;
    }
    .smotreshka_hero {
	width: 160px !important;
        height: 150px !important;
    
    }
    .smotreshka_hero .smotreshka01 {
	width: 160px !important;
        height: 150px !important;
	background-size: 160px !important;
    }
    #main {
        margin: 0 8px 0 8px;
    }
    div#content {
        width: 90% !important;
    }
    div#sidebar {
        width: 90% !important;
        padding: 0;
    }
    .balance {
        position: absolute;
        top: -40px;
        left: -0;
        text-align: right;
	width: 120px;
    }
    .deposit {
	float: left;
    }
}