/* =============================================================
This Skin for DataLife Engine Developed by DLETemplates.Com
Copyright © 2005—2014 DLETemplates.Com  All Rights Reserved.

File 'styles.css' — Cascading Style Sheet (CSS) Document
============================================================= */

/* ========== 10.2 ========== */

html  								{ background: linear-gradient(to left,#006c90 0%,#00bdca 100%); min-width: 1252px; }

body								{ background: url(../images/big-bg.png) center bottom no-repeat fixed; font-size: 13px; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 400; color: #657483; }

@font-face 							{ font-family: 'UniSansSemiBold'; src: url('../fonts/uni-sans-semibold-webfont.eot'); src: url('../fonts/uni-sans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/uni-sans-semibold-webfont.woff') format('woff'), url('../fonts/uni-sans-semibold-webfont.ttf') format('truetype'), url('../fonts/uni-sans-semibold-webfont.svg#uni_sans_semiboldregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face 							{ font-family: 'UniSansBold'; src: url('../fonts/uni-sans-bold-webfont.eot'); src: url('../fonts/uni-sans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/uni-sans-bold-webfont.woff') format('woff'), url('../fonts/uni-sans-bold-webfont.ttf') format('truetype'), url('../fonts/uni-sans-bold-webfont.svg#uni_sans_boldregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face 							{ font-family: 'UniSansBook'; src: url('../fonts/uni-sans-book-webfont.eot'); src: url('../fonts/uni-sans-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/uni-sans-book-webfont.woff') format('woff'), url('../fonts/uni-sans-book-webfont.ttf') format('truetype'), url('../fonts/uni-sans-book-webfont.svg#uni_sans_bookregular') format('svg'); font-weight: normal; font-style: normal; }

a, button, input, select, textarea 	{ outline: none; ie-dummy: expression(this.hideFocus=true); }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time 	{ display: inline; }

a:link, a:active, a:visited 		{ color: #0f92a6; text-decoration: underline;

    -webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
    	 -o-transition: all .2s ease-in-out;
    		transition: all .2s ease-in-out; }

a:hover 							{ color: #0f92a6; text-decoration: none; }

/* ===== LAYOUT ===== */

#container 							{ margin: 0 auto; width: 100%; background: url(../images/big-bg.png) center bottom no-repeat fixed; }

.wrapper 							{ width: 100%; margin: 0 auto; }
.wrapmiddle 						{ float: left; width: 100%; background-color: #fff; }
.col-middle 						{ margin-right: 260px; /*!*/ margin-left: 260px; /*!*/ text-align: center; }
.sbl 								{ float: left; width: 240px; /*!*/ margin-left: -100%; }
.sbr 								{ float: left; width: 240px; /*!*/ margin-left: -250px; }

/* ==================== */

.skin 								{ padding-left: 10px; }
select 								{ font-size: 11px; font-family: tahoma; border: 1px solid #e0e0e0; }

/* old navigation styles */

.navigation 						{ color: #757575; border: none; }

.navigation a:link,
.navigation a:visited,
.navigation a:active 				{ background-color: #f9f9f9; border: 1px solid #e0e0e0; color: #2e2e2e; text-decoration: none; padding: 7px 10px; font-size: 12px; }

.navigation a:hover 				{ background-color: #00BDCA; border: 1px solid #00BDCA; color: #fff; }

.navigation span 					{ background-color: #fff; border: 1px solid #e0e0e0; color: #cccccc; text-decoration: none; padding: 7px 10px; font-size: 12px; }

.navigation span.nav_ext 			{ background: transparent; border: none; }

/* ===== TOP PANEL ===== */

#top-panel 							{ position: relative; width: 100%; margin: 0 auto; min-width: 1252px; }

#top-panel a:link,
#top-panel a:active,
#top-panel a:visited 				{ color: #fff; text-decoration: underline; }
#top-panel a:hover 					{ color: #fff; text-decoration: none; }

.panel-width						{ width: 1252px; margin: 0 auto; position: relative; }

#open-top-panel 					{ display: block; position: absolute; bottom: -22px; left: 187px; width: 62px; height: 62px; background-color: #212e40; z-index: 1;
    
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
    	 -o-transform: rotate(45deg);
    		transform: rotate(45deg);
    
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*для IE*/ }
	
#open-top-panel img 				{ top: 44px; position: absolute; left: 42px;
    
	-webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
    	 -o-transform: rotate(-45deg);
    		transform: rotate(-45deg);
    
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*для IE*/ }
	
#open-top-panel .top-panel-opened			{ width: 7px; height: 7px; top: 44px; position: absolute; left: 42px; background: url(../images/dlet-minus.gif) no-repeat;
    
	-webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
    	 -o-transform: rotate(-45deg);
    		transform: rotate(-45deg);
    
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*для IE*/ }
	
#open-top-panel .top-panel-closed			{ width: 7px; height: 7px; top: 44px; position: absolute; left: 42px; background: url(../images/dlet-plus.gif) no-repeat;
    
	-webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
    	 -o-transform: rotate(-45deg);
    		transform: rotate(-45deg);
    
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*для IE*/ }

#open-top-panel .top-panel-opened,
#open-top-panel.active .top-panel-closed 	{ display: none; }

#open-top-panel .top-panel-closed,
#open-top-panel.active .top-panel-opened 	{ display: block; }

#top-panel 							{ background-color: #212e40; color: #fff; border-bottom: 9px solid #32CED9; }

#top-panel .top-panel-inner 		{ padding: 35px 0 50px 0; overflow: hidden; display: none; }
#top-panel .top-panel-inner * 		{ z-index: 2; }

#top-panel .caption 				{ font-size: 21px; color: #fff; font-weight: bold; text-align: right; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }

.top-text .icon 					{ float: left; width: 60px; height: 60px; background: url(../images/dlet-top-panel-icon.png) no-repeat 0 0; }

.top-text .subtitle					{ color: #88929E; margin-left: 80px; font-size: 15px; line-height: 1.2; font-weight: 300; }
.top-text .title 					{ color: #32CED9; margin-left: 80px; font-size: 32px; line-height: 1; text-transform: uppercase; font-weight: 700; margin-bottom: 25px; }

#top-panel .top-text 				{ line-height: 20px; width: 780px; padding: 0 0 0 20px; float: left; font-size: 12px; z-index: 5; position: relative; }

.auth-block							{ width: 280px; padding: 0 20px 0 0; float: right; margin: 0 20px 0 100px; }

#top-panel .top-login,
#top-panel .top-login2 				{ padding-top: 10px; position: relative; z-index: 5; }

.usercab							{ padding-top: 15px; }
.userlinks							{ float: left; }
.userlinks ul						{ font-size: 13px; font-weight: 300; }
.userlinks li						{ line-height: 24px; }
.userlinks li:first-child			{ font-size: 14px; font-weight: 700; margin: 0 0 10px; }

#top-panel .top-avatar 				{ text-align: right; padding: 5px 0 10px; float: right; width: 80px; text-align: center; font-weight: 700; font-size: 18px; }
#top-panel .top-avatar img			{ border-radius: 3px; margin-bottom: 19px; }

#top-panel form 					{ padding-top: 15px; }

#top-panel .top-login input::-webkit-input-placeholder 	{ color: #fff; }
#top-panel .top-login input:-moz-placeholder 			{ color: #fff; }

#top-panel .top-login input			{ background-color: #32CED9; border: 1px solid #35DFEB; font-size: 12px; color: #fff; display: block; margin: 0 0 12px 0; padding: 6px 5px 6px 35px; height: 20px; line-height: 20px; width: 240px; font-family: 'Roboto Condensed', sans-serif;
	
    -webkit-transition: all 0.15s linear;
       -moz-transition: all 0.15s linear;
    	 -o-transition: all 0.15s linear;
    		transition: all 0.15s linear;
			
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
    		box-shadow: none; }

#top-panel #login_field 			{ background: #32CED9 url("../images/dlet-login-icon.png") 10px 9px no-repeat; }
#top-panel #password_field 			{ background: #32CED9 url("../images/dlet-pass-login.png") 10px 9px no-repeat; }

#top-panel .links 					{ text-align: right; padding: 10px 0 0 0; }
#top-panel .links a 				{ color: #0f92a6; font-size: 12px; }
#top-panel .links a:hover			{ color: #fff; }

#top-panel p.submit 				{ padding-right: 17px; color: #fff; font-size: 12px; background: url("../images/dlet-enter.png") right 3px no-repeat; }

#top-panel .soc-icons  {
    padding-top: 40px;
}

/* ===== HEADER ===== */

header 								{ /*min-width: 1212px;*/ width: 1212px; margin: 0 auto; position: relative; padding: 25px 20px 25px; color: #fff; font-family: 'UniSansBook'; font-size: 20px; text-transform: uppercase; }

nav.top								{ /*max-width: 1212px;*/ width: 1212px; margin: 0 auto; background: #212e40; padding: 25px 20px 25px; color: #fff; border-bottom: 5px solid #e5e6e9; }
nav.top ul							{ text-transform: uppercase; font-size: 15px; }
nav.top li							{ display: inline-block; padding: 0 15px; border-right: 1px solid #43546D; }
nav.top li:last-child				{ border-right: none; }
nav.top li a						{ color: #00BDCA; text-decoration: none; }
nav.top li a:hover					{ color: #fff; }

header .title						{ font-family: 'UniSansBold'; font-size: 60px; text-transform: uppercase; color: #fff; }
header .title a						{ color: #fff; text-decoration: none; }
header .slogan						{}

header .topban						{ width: 728px; height: 90px; position: absolute; top: 18px; right: 20px; text-align: center; font-size: 13px; text-transform: none; font-family: 'Roboto Condensed', sans-serif;background-color: #fff; padding: 10px; }

/* ===== CONTENT ===== */

#pagemain 							{ /*max-width: 1212px;*/ width: 1212px; margin: 0 auto; background: #fff; padding: 25px 20px 25px; }

.speedbar							{ border-bottom: 1px dotted #d6d6d6; padding: 0 0 20px; margin-bottom: 30px; }

.wrapmmiddle						{ float: left; width: 100%; background-color: #fff; }
.main-middle						{ margin-right: 190px; margin-left: 330px; text-align: center; }
.main-left							{ float: left; width: 300px; margin-left: -100%; }
.main-right							{ float: left; width: 160px; margin-left: -160px; }

.bannr-160x600						{ width: 160px; margin-bottom: 30px; }
.bannr-160x600:last-child			{ margin-bottom: 0; }

.bannr-300x250						{ width: 300px; margin-bottom: 40px; }

/**/

#search-widget 						{ margin-bottom: 35px; }

#search-widget form					{ position: relative; }

#search-widget input[type="text"]	{ background-color: #fafafa; border: 1px solid #eaeaea; color: #79868a; font-size: 12px; width: 100%; margin: 0 0 12px 0; padding: 6px 6px 6px 14px; height: 37px; font-family: 'Roboto Condensed', sans-serif;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;

	-webkit-transition: all 0.15s linear;
	   -moz-transition: all 0.15s linear;
		 -o-transition: all 0.15s linear;
			transition: all 0.15s linear; }

#search-widget input[type="text"]:focus	{ background: #fafafa; border-color: #32CED9; }

#search-widget input[type="submit"] { position: absolute; background: url("../images/dlet-search-go.png"); width: 21px; height: 20px; overflow: hidden; text-indent: -9999px; right: 14px; top: 9px; border: none; cursor: pointer; }
#search-widget input[type="submit"]:hover { background: url("../images/dlet-search-goh.png"); }

.advsearch							{ background-image: url(../images/dlet-magnifier.png); background-position: left 8px; background-repeat: no-repeat; padding: 5px 0 5px 20px; }

/**/

.big-sb								{ width: 300px; margin-bottom: 40px; }
.big-sb-title						{ background-color: #212E40; color: #fff; padding: 15px 10px 15px 70px; text-transform: uppercase; font-size: 18px; border-right: 10px solid #00BDCA; background-image: url(../images/dlet-instr.png); background-repeat: no-repeat; background-position: 20px center; margin-bottom: 30px; }

.big-sb ul.topnews					{}
.big-sb ul.topnews li				{ margin-bottom: 15px; padding: 10px 10px 10px 20px; border-left: 1px solid #00BDCA; background-color: #FAFAFA; }
.big-sb ul.topnews li:hover			{ background-color: #EBEBEB; }
.big-sb ul.topnews li span			{ display: block; margin: 5px 0; color: #BCBCBC; font-size: 12px; }
.big-sb ul.topnews li a				{ font-weight: 700; color: #212E40; }
.big-sb ul.topnews li a:hover		{}


.sortnews							{ margin: 10px 0 40px; }
.sortnews a							{ margin: 0 10px; }
.sortnews img						{ margin: 5px 0 0 0; }

/**/

.fstory								{ text-align: left; margin-bottom: 40px; }
.fstory h1							{ font-weight: 400; font-size: 24px; margin-bottom: 40px; text-transform: uppercase; letter-spacing: -1px; }
.fstory h2							{ font-weight: 400; font-size: 24px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: -1px; }

.fstory h2 a						{ color: #00BDCA; text-decoration: none; }
.fstory h2 a:hover					{ color: #212E40; }

.fstory-info						{ margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding: 0 0 10px 0; position: relative; }

.fstory-info:before 				{ content: ""; position: absolute; left: 15px; bottom: -3px; width: 8px; height: 8px; background: #fff; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;

	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg); }

.fstory-info a						{ color: #999; text-decoration: none; }
.fstory-info a:hover				{ color: #E95842; }

.fstory-info time					{}

.fstory-cat							{ margin: 0 20px; }
.fstory-vie							{}

.news								{ font-size: 14px; line-height: 22px; padding-bottom: 20px; text-align: justify; }
.news a								{ color: #00BDCA; text-decoration: none; }
.news a:hover						{ color: #212E40; }

.news b, .news strong				{}

.news h4							{ font-size: 20px; line-height: 22px; font-weight: 300; margin-bottom: -15px; letter-spacing: -1px; }
.news h5							{ font-size: 18px; line-height: 22px; font-weight: 300; margin-bottom: -15px; letter-spacing: -1px; }

.fstory-end							{ margin-bottom: 20px; border-top: 1px solid #e1e1e1; padding: 10px 0 0 0; position: relative; }

.fstory-end:after 					{ content: ""; position: absolute; left: 15px; top: -3px; width: 8px; height: 8px; background: #fff; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;

	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg); }

.fstory-end a						{ color: #999; text-decoration: none; }
.fstory-end a:hover					{ color: #E95842; }

/**/

.related-news						{ text-align: left; margin: 0 0 40px; border-top: 1px dotted #e8e8e8; padding: 30px 0 15px; }
.related-news .caption				{ font-size: 20px; font-weight: 400; text-transform: uppercase; color: #51585b; margin-bottom: 15px; }
.related-news ul					{ font-size: 12px; }
.related-news li					{ line-height: 18px; padding: 10px 10px; background-color: #FAFAFA; margin: 4px 0; }

/**/

.socics								{ background-color: #FAFAFA; padding: 20px 0; border-bottom: 1px solid #EBEBEB; margin: 0 auto 30px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
			border-radius: 3px; }

.user-comment 						{ text-align: left; margin: 0 0 20px; padding: 10px 0; background-color: #fff; border-bottom: 1px solid #DBDBDB; }
	
.user-comment a 					{}
.user-comment a:hover 				{}

.com-ttl							{ line-height: 24px; margin: 0 0 10px 0; padding: 0 0 5px; font-size: 14px; border-bottom: 1px solid #DBDBDB; font-weight: 700; }

.com-ttl strong						{ font-weight: 700; }

.massact 							{ width: 20px; float: right; }

.commnt-info 						{ line-height: 20px; }
.commnt-info figure 				{ width: 90px; vertical-align: top; float: left; padding-top: 3px; margin: 0; }
.commnt 							{ line-height: 18px; padding: 10px 0; font-size: 13px; }
	
.commnt span 						{ color: #777; }

.com-functions 						{ margin: 0; padding: 10px 0 0 5px; line-height: 22px; border-top: 1px solid #DBDBDB; text-transform: uppercase; }
.com-functions > a 					{ width: auto; background-color: #00B3C3; border: none; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .15); cursor: pointer; display: inline-block; font-size: 12px; font-weight: 300; line-height: 18px; min-height: 18px; font-family: 'Roboto Condensed', sans-serif; margin: 0; padding: 6px 10px; position: relative; text-align: center; text-decoration: none;
	
    -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
    	 -o-transition: all 0.15s ease-in-out;
    		transition: all 0.15s ease-in-out;

	-webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, .1) inset;
       -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, .1) inset;
    		box-shadow: 0 -2px 0 rgba(0, 0, 0, .1) inset;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px; }
	
.com-functions > a:hover			{ background-color: #212E40; color: #fff; }	

.com-functions span 				{ float: right; padding-right: 10px; text-transform: none; font-size: 11px; }

.com-functions span a:active,
.com-functions span a:visited,
.com-functions span a:link 			{ color: #AB000F; }
.com-functions span a:hover 		{ text-decoration: underline; }

/* profile popup */

#profile-pop 						{ border: 1px solid #fff; background-color: #fff; padding: 10px 0; margin: 5px 0 0;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
			
	behavior: url(/templates/XXXXX-XXXXX/css/PIE.htc);
}
#profile-avat 						{ width: 100px!important; margin: 0; float: left; }
#profile-data 						{ float: left; line-height: 20px; }
#profile-data li span 				{ width: 110px; display: inline-block; }
#profile-data li img 				{ margin: 3px 0 0; }

/* profile popup */

/* ===== FOOTER ===== */

footer 								{ /*max-width: 1212px;*/ width: 1212px; margin: 0 auto; background-color: #212e40; padding: 25px 20px 35px; color: #fff; border-bottom: 5px solid #32CED9; background-image: url(../images/dlet-footerchip.png); background-position: bottom right; background-repeat: no-repeat; font-size: 12px; }

footer .title						{ font-family: 'UniSansBold'; font-size: 30px; text-transform: uppercase; color: #fff; }

footer strong						{ color: #32CED9; }
footer a:hover						{ color: #fff; }


#topfooter							{ /*max-width: 1212px;*/ width: 1212px; margin: 0 auto; background: #e5e6e9; padding: 25px 20px 25px; color: #224260; }
#topfooter .ban						{ width: 728px; height: 90px; text-align: center; font-size: 13px; text-transform: none; font-family: 'Roboto Condensed', sans-serif; margin: 0 auto; }


.countersset						{}
.counter							{ width: 88px; height: 31px; float: left; margin: 0 30px 0 0; background-color: #fff; }

/**/

.backtotop							{ display: block; width: 40px; height: 40px; position: fixed; bottom: 48px; right: 20px; background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; z-index: 10000; background-image: url(../images/dlet-top.png); background-repeat: no-repeat; background-position: -3px -1px;
  
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
    	-ms-transition: all .4s ease-in-out;
    	 -o-transition: all .4s ease-in-out;
		 	transition: all .4s ease-in-out; }
			
.backtotop:hover 					{ background-color: #32CED9; }
.backtotop.hidden 					{ bottom: -100px; }

/**/

#copyright							{ max-width: 1212px; margin: 0 auto; padding: 15px 20px 15px; color: #fff; }
#copyright a						{ color: #fff; }

/* ========== Очернитель от DLETemplates.Com для релизов DLE от 9.2 и выше */

#dlevotespopupcontent .vote, #dlevotespopupcontent fieldset, #dlevotespopupcontent legend { color: #000; }

.clear 					{ clear: both; }