@import url(reset.css);

@font-face {
    font-family: "Candara";
    src: url("../fonts/candara.eot?#iefix") format("embedded-opentype"),
    url("../fonts/candara.ttf");
}
html{
    width: 100%;
}
body{
     min-width: 100%;
}
html, body {
    min-height: 100%;
}
#wrapper {
    padding-bottom: 53px;
    min-width: 973px;
    background:#3a8dcf url(../img/back.jpg) top center no-repeat;
    position: relative;
}

#header {
    height: 202px;
    min-width: 99%;
    border: 6px solid #3a8dcf;
    background:#3a8dcf url(../img/header.jpg) center center no-repeat;


}
.header-in{
	width:971px;
	margin:0 auto;
	position:relative;
}


#slogan {
    color: #fff;
    float: left;
    font: bold 49px Candara,sans-serif;
    margin-left: 11%;
    padding-top: 77px;
    text-align: center;
    text-shadow: 3px 3px 5px #6b686b;
    text-transform: uppercase;
    filter: dropshadow(color=#6b686b, offx=3, offy=3);
}

#wheel {
    height: 194px;
    width: 212px;
    background-image: url(../img/wheel.png);
    background-repeat: no-repeat;
    margin: 14px 0 0 26%;
    float: left;
}

/*left cont*/

#content {
    width: 971px;
    margin: 0 auto;
    clear: both;
    background-color: #c6c6c6;
}

#left {
    background-color: #fff;
    width: 584px;
    float: left;
    margin: 0;
    position: relative;
}

#zag {
    text-align: center;
   font: 25px Candara,sans-serif;
   padding-top: 23px;
   /*padding-bottom: 60px;*/
   margin: 0;
   color:#3a8dcf;
}

#text p {
    font: 13px Tahoma,sans-serif;
    line-height: 22px;
    padding: 0 9px 45px 9px;
    margin: 0;
    text-align: justify;
}
.adv-close {background: #9D080D !important;padding: 0 8px !important;margin:0 0 4px 0 !important;font: 9px/15px 'Tahoma', 'Arial' !important;color: #fff !important;text-decoration: none !important;text-transform: uppercase;border-radius: 3px;display:inline-block;}
.adv-remove span {cursor: pointer;}
.reklam #crel {
 position: relative;
 left: -18px;
}
.reklam {
 overflow: hidden;
}
.reklam img {
 width: 120px;
}
td.eMessage object, td.eMessage iframe,td.eMessage embed {
 width: 575px;
}
#social{
    position: relative;
    margin-bottom: 35px;

    }
.fb-like{

}
.fb_edge_widget_with_comment{
    bottom: 7px;
    margin-right: 10px;
    margin-left: 10px;
}
.twitter-share-button{
    position: relative;
    bottom: 3px;
    margin-right: -14px;
}

#video  {
    font: 14px Tahoma,sans-serif;
    padding-top: 13px;
}

.mov1 {
    height: 45px;
}

#video p {
     padding-top: 12px;
     padding-left: 50px;
}

.mov {
    float: left;
    padding-left: 10px;
}

#video a{
    text-decoration: none;
    color: #000000;
}

#video a:hover {
    color: #ff6633;
}

#video a:visited {
    color: #ff6633;
}

.strelka a {
    text-decoration: none;
    color: black;
    font: 14px Tahoma;
    padding:0;
}
#pages {
    width: 160px;
    height: 10px;
    margin: 0 auto;
    right: 36px;
    top: 111px;
    padding-bottom: 17px;
}

#pages li {
    float: left;
    margin-left: 5px;
    height: 22px;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.page {
    width: 22px;
    background-image: url(../img/page.png);

}

.page a {
    text-decoration: none;
    color: #fff;
    font: 14px Tahoma;
    text-align: center;
    outline: 0px solid #000;
    padding-left: 6px;
}

#s2{
    width: 22px;
    background-image: url(../img/page1.png);
}

#s3{
    width: 22px;
    background-image: url(../img/page2.png);
}

#s4{
    width: 22px;
    background-image: url(../img/page3.png);
}

#s1 a, #s5 a{
    text-decoration: none;
    color: black;
    font: 14px Tahoma;
}
/*right cont*/
#right {
    width: 387px;
    float: right;
    background-color: #eee;
}

#nav{
    height: 36px;
    position: absolute;
    right: 112px;
    padding-left:5px;
    padding-right:8px;
	background:#3a8dcf;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#nav li{
    float: left;
    text-align: center;
}


#search{
    width: 387px;
    height: 65px;
    background:#3A8DCF;
}

#search input {
    float: right;
    width: 254px;
    height: 28px;
    margin-top: 18px;
    margin-right: 17px;
    border-radius: 15px;
    border: none;
    box-shadow:1px 1px 2px 3px #ccc inset;
    background: #fff;
    color: #000;
    font-weight: bold;
    padding-left: 26px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 11px;
}

#search button {
    float: right;
    background: transparent;
    border: none;
    font: 14px Candara;
    color: #ffffff;
    height: 30px;
    width: 75px;
    margin-top: 16px;
    cursor: pointer;
}



#nav li a{
    text-decoration: none;
    font: 14px Candara,sans-serif;
    color: #fffefe;
    display: block;
    cursor: pointer;
    width: 136px;
    height: 34px;
    display: table-cell;
    vertical-align: middle;
}

#wrapGray {
    position: relative;
    padding: 32px 0 35px 0;
}

#blokl {
    margin: 0px 15px 0px 8px;
    width: 175px;
    min-height: 675px;
    font: 12px Tahoma;
    color: #000;
    text-align: center;
    float: left;
}

#blokl a {
    text-decoration: none;
    color: #000;
}

.rekl {
    width: 150px;
    min-height: 150px;
    margin-bottom: 8px;
}

#news {
    margin-right: 15px;
    font: 12px Tahoma;
    width: 165px;
    float: right;
}

#news a {
    text-decoration: none;
    color: #000;
}

#news a:link {
    color: #000;
}

#news a:active {
    color: #3a8dcf;
}

#news a:visited {
    color: #3a8dcf;
}
#news a:hover {
    color: #3a8dcf;
}
#blokl a:active {
    color: #3a8dcf;
}

#blokl a:visited {
    color: #3a8dcf;
}
#blokl a:hover {
    color: #3a8dcf;
}
#news ol li {
    border-top: 1px dashed #000;
    margin-top: 9px;
    padding-top: 9px;
    overflow: hidden;
}

#news ol li:first-child{
    border: none;
    margin: 0;
}

.clear {
    clear: both;
}

#stripe {
    width: 9px;
    height: 100%;
    background-image: url(../img/tape.png);
    background-repeat: repeat-y;
    margin: 32px 0;
    position: absolute;
    top: 0;
    left: 49%;
}

.clear {
    clear: both;
}

/*footer*/

#footer {
    height: 41px;
    border: 6px solid #24669b;
    background: #3a8dcf; /* Для старых браузров */
    position: relative;
    margin-top: -53px;
    min-width: 99%;
}

/*video3*/

#videoSearch{
    width: 584px;
    height: 52px;
    background:#3a8dcf;
}

#videoSearch input {
    float: right;
    width: 450px;
    height: 28px;
    margin-top: 11px;
    margin-right: 20px;
    border-radius: 15px;
    border: none;
    box-shadow:1px 1px 2px 3px #eee inset;
    background: #fff;
    color: #000;
    font-weight: bold;
    padding-left: 26px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 11px;
}

#videoSearch button {
    float: right;
    background: transparent;
    border: none;
    font: 14px Candara;
    color: #ffffff;
    height: 30px;
    width: 75px;
    margin-top: 11px;
    cursor: pointer;
}


#vZagolovok {
    font: 27px Tahoma;
    color: #3a8dcf;
    text-align: center;
    margin: 10px 0 20px 0;
}


#left .picture {
    float: left;
    margin: 0px 10px;
}

#left .discribe p {
    font: 12px Tahoma;
    color: #000;
    text-align: left;
    margin-left: 20px;
}

#left .discribe p a {
    text-decoration: none;
    font: bold 14px Tahoma;
    color: #000;
}
#left .discribe p a:hover {
    color: #3a8dcf;
}

#left .discribe {
    max-width: 600px;
}

#left .ssilka {
    margin-bottom: 35px;
    min-width: 580px;
}

#left .otst {
    margin: 5px auto auto 15px;
}

/*------- PAGE VIDEO 2 -------*/
#zag_news{
   text-align: center;
   font: 37px Candara,sans-serif;
   padding-top: 23px;
   margin: 0;
}
.for_iframe_video{
 width: 570px;
 height: 360px;
 margin: 15px auto 10px;
}
.for_iframe_video iframe{
 width: 570px;
 height: 360px;
}
/*------- PAGE VIDEO 4 -------*/
#text_video p{
    font: 14px Tahoma,sans-serif;
    line-height: 22px;
    padding: 0 9px 5px 9px;
    margin: 0;
    text-align: left;
}
.for_iframe_video_4{
 width: 570px;
 height: 360px;
 margin: 15px auto 20px;
}
.for_iframe_video_4 iframe{
 width: 570px;
 height: 360px;
}
#zag_for_video{
   text-align: center;
   font: 26px Tahoma,sans-serif;
   color: #ff6633;
   padding-top: 23px;
   margin: 0;

}
#zag_for_video a{
 text-decoration: none;
 color: #ff6633;

}

#gosearch, #gosearch:hover, #gosearch:active {
    border: none;
    text-decoration: none;
}

.search_criteria {
    position: relative;
    text-align: center;
}

.search_results {
    position: relative;
    width: 100%;
}

#videodescription {
    position: relative;
}

#forform {
    position: relative;
    width: 100%;
    padding: 10px;
}

#forform input {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #000;
    height: 27px;
    line-height: 27px;
    padding-left: 12px;
    width: 270px;
}

#forform textarea {
    resize: none;
    width: 400px;
     -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #000;
    padding: 5px 10px;


}

#forform label {
    display: block;
    margin-top: 10px;
}

#forform .subbutton {
    color: #fff;
    border: none;
    width: 127px;
    height: 52px;
    border-radius: 0;
     -moz-box-shadow:3px 4px 13px 0 rgba(255, 255, 255, 0.4) inset;  /* Для Firefox */
    -webkit-box-shadow:3px 4px 13px 0 rgba(255, 255, 255, 0.4) inset;  /* Для Safari и Chrome */
    box-shadow:3px 4px 13px 0 rgba(255, 255, 255, 0.4) inset; /* Параметры тени */
    background: -moz-linear-gradient(bottom, #0c0c0c, #444); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#0c0c0c), color-stop(100%,#444));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(bottom, #0c0c0c, #444);
    background: -o-linear-gradient(bottom, #0c0c0c, #444); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #0c0c0c, #444); /* IE10 */ 
    background:-moz-linear-gradient(bottom, #0c0c0c, #444); /* CSS3 */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#0c0c0c'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#0c0c0c')"; /* IE8 */
    margin-top: 10px;
}

#forform .subbutton:active {
    border: none;
    border-radius: 0;
    height: 52px;
    width: 130px;
    -webkit-box-shadow:  3px 4px 13px 0 rgba(255, 255, 255, 0.4) inset;
            box-shadow:  3px 4px 13px 0 rgba(255, 255, 255, 0.4) inset;
    color: #fff;
    background: -moz-linear-gradient(center bottom , #0C0C0C, #444444) repeat scroll 0 0 transparent;
                -webkit-linear-gradient(center bottom , #0C0C0C, #444444) repeat scroll 0 0 transparent;
                -o-linear-gradient(center bottom , #0C0C0C, #444444) repeat scroll 0 0 transparent;
                -ms-linear-gradient(center bottom , #0C0C0C, #444444) repeat scroll 0 0 transparent;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C0C0C', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
    margin-top: 10px;
}

#button_form {
    cursor: pointer;
}
#contacts {
    margin: 5px auto 10px 20px;
    line-height: 20px;
}

.org{
    border: 2px solid #3a8dcf;
}

.blue {
    color: #00137F!important;
    font-weight: bold;
}

#scrollout {
    position: fixed;
    width: 39px;
    height: 34px;
    top: 10px;
    left: 10px;
    z-index: 100500;
    background-image: url(../img/ui.totop.png);
    background-repeat: no-repeat;
    background-position: left 0;
    float: right;
    display:none;
}

#scrollout:hover {
    background-position: left -35px;
}
#MarketGidComposite51837 {
    width: 180px;
}
#fJKfOAQOoD_55_JqPmhTB1Hn {
width: 180px;
}

.media-nav,.media-ads{display: none;}

.load-more{
    margin: 0 auto;
    text-align: center;
}

.load-more a{
    display: block;
    color: #FFF;
    font: 13px sans-serif;
    padding: 10px 0;
    margin: 0 10px;
    background: #0E0E0E;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.load-more a>i{padding: 0 10px 0 0;}

#right .ssilka {
	margin-top: 10px;
}
@media (max-width: 960px){
    html{overflow-x: hidden;}

	#wrapper{min-width: 100%;}

	.header-in{width: 90%;}

	#content,#left{width: 100%; height: auto !important;}

	#right{float: left; width: 100%; height: auto !important;}

	#news{float: left; width: 100%; padding: 0 15px;}
	
	#blokl{float: left; width: 100%; padding: 0 15px;}

	#nav,#stripe{display: none;}

	#slogan{float: none; margin: 0 auto;}

	.media-nav{ width: 100%; display: block; background: #000;}

	.media-nav::after{
		content: '.';
		display: block;
		clear: both;
	}

	#header{z-index: 999 !important;}

	.media-nav a{padding: 10px 0; color: #FFF; text-align: center; font: 14px Candara,sans-serif; width: 33.3%; float: left; text-decoration: none;}

	.media-nav a>i{padding: 0 0 0 5px;}

	.media-ads{display: block;}

	iframe{ z-index: 100 !important; width: 90% !important; margin: 10px auto !important;}

	iframe input, iframe textarea{ width: 100% !important;}

	#left .ssilka{min-width: 100%;}

	#left .discribe{max-width: 90%;}
	
	#right .ssilka{min-width: 100%;}
	#right .discribe{max-width: 90%;}
	#right .picture {
    float: left;
    margin: 0px 10px;}
	#right .discribe {
    max-width: 90%;}
	#right .discribe p a {
    text-decoration: none;
    font: bold 14px Tahoma;
    color: #000;
}

	#videoSearch{width: 100%;}

	#videoSearch input{width: 70%;}

	.for_iframe_video{width: 100%; height: auto;}

	iframe,video{width: 90% !important; height: 250px !important; margin: 0 5% !important;}
    
    #social{
    	width: 100%;
    	height: 230px;
    }

    #vk_comments{width: 100% !important; height: auto !important;}
	#search{width: 100%;}

	#search input{width: 60%;}

}

@media (max-width: 480px){
	#slogan{font: bold 20px Candara,sans-serif;}

	#search{width: 100%;}

	#search input{width: 60%;}
}

@media (max-width: 380px){
	.media-nav a{
		display: block;
		width: 100%;
		border-bottom: solid 1px #131313;
	}

	.media-nav a:last-child{border: none;}

	.media-nav a>i{padding: 0 10px 0 0;}
}

.pm-video-li-thumb-info {
    font-size: 11px;
    position: absolute;
    right: 3%;
    bottom: 3%;
    color: #FFF;
    z-index: 10;
    display: block;
    min-height: 20px;
}