/* =============================================================
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.0 ========== */

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/pts55f.eot');
    src: url('../fonts/pts55f.eot') format('embedded-opentype'),
         url('../fonts/pts55f.woff') format('woff'),
         url('../fonts/pts55f.ttf') format('truetype'),
         url('../fonts/pts55f.svg#PTSansRegular') format('svg');
}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../fonts/ptn57f.eot');
    src: url('../fonts/ptn57f.eot') format('embedded-opentype'),
         url('../fonts/ptn57f.woff') format('woff'),
         url('../fonts/ptn57f.ttf') format('truetype'),
         url('../fonts/ptn57f.svg#PTSansNarrowRegular') format('svg');		 
}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('../fonts/169677735-70YVtmpc.eot');
    src: url('../fonts/169677735-70YVtmpc.eot') format('embedded-opentype'),
         url('../fonts/169677735-70YVtmpc.woff') format('woff'),
         url('../fonts/169677735-70YVtmpc.ttf') format('truetype'),
         url('../fonts/169677735-70YVtmpc.svg#PTSansNarrowRegular') format('svg');		 
}

html, body 							{ background: url(../images/bg.gif) repeat center center fixed; font-size: 14px; font-family: 'PTSansNarrowRegular'; color: #404040; }

/*body								{ background: url(../images/background.jpg) no-repeat center center fixed; }*/

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: #B8B8B8; text-decoration: none; }
a:hover 							{ color: #0093c8; text-decoration: underline; }

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

#container 							{ margin: 0 auto; /*width: 100%;*/ width: 1256px; background: #fff url(../images/dlet-mainbg.gif) repeat-y; }

.wrapbody							{ float: left; width: 100%; }
.bodyright							{ margin-left: 50px; }
.bodyleft							{ float: left; width: 50px; margin-left: -100%; }

.fixedmenu							{ width: 50px; position: fixed; top: 5; height: 200px; }

.fixedmenu a						{ background-image: url(../images/dlet-lmenu.png); background-repeat: no-repeat;

	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease; }

a.usermenu							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 0; border-top: 1px solid #5e5e5e; }
a.usermenu:hover					{ background-position: -50px 0; }

a.feedback							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -50px; }
a.feedback:hover					{ background-position: -50px -50px; }

a.ree-feed							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -100px; margin-bottom: 50px; }
a.ree-feed:hover					{ background-position: -50px -100px; }

a.searchme							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -150px; border-top: 1px solid #5e5e5e; }
a.searchme:hover					{ background-position: -50px -150px; }

a.socialtw							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -200px; }
a.socialtw:hover					{ background-position: -50px -200px;}

a.socialfb							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -250px; }
a.socialfb:hover					{ background-position: -50px -250px; }

a.socialgp							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -300px; }
a.socialgp:hover					{ background-position: -50px -300px; }

a.socialpt							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -350px; }
a.socialpt:hover					{ background-position: -50px -350px; }

a.socialvk							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -400px; margin-bottom: 50px; }
a.socialvk:hover					{ background-position: -50px -400px; }

a.calendr							{ display: block; width: 50; height: 50px; border-bottom: 1px solid #5e5e5e; background-position: 0 -450px; border-top: 1px solid #5e5e5e; }
a.calendr:hover						{ background-position: -50px -450px; }

/* ----- Search Form ----- */

.searchblock 						{ width: 0px; height: 39px; padding: 11px 25px 0 25px; background-image: url(../images/dlet-searchbg.png); background-repeat: no-repeat; overflow: hidden;

    -webkit-transition: width 0.5s ease-in-out;
       -moz-transition: width 0.5s ease-in-out;
	   		transition: width 0.5s ease-in-out;
}
.searchblock:hover					{ width: 328px; height: 39px; padding: 11px 21px 0 21px; background-image: url(../images/dlet-searchbg.png); background-repeat: no-repeat; }

/**/

.searchblock input[type="text"] 	{ width: 0px; height: 26px; background-color: transparent; float: left; margin: 0 6px 0 55px; border: none; color: #fff; font-size: 14px; font-family: 'PTSansNarrowRegular';

    -webkit-transition: width 0.5s ease-in-out;
       -moz-transition: width 0.5s ease-in-out;
	   		transition: width 0.5s ease-in-out;
}
.searchblock:hover input[type="text"] { width: 235px; height: 26px; }

/**/

.searchblock input[type="submit"] 	{ width: 0px; background-color: transparent; float: left; border: none; padding: 0; cursor: pointer;

    -webkit-transition: width 0.5s ease-in-out;
       -moz-transition: width 0.5s ease-in-out;
	   		transition: width 0.5s ease-in-out;
}
.searchblock:hover input[type="submit"] { width: 30px; height: 28px; }




























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

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

/* old navigation styles */

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

.navigation a:link,
.navigation a:visited,
.navigation a:active 				{ background-color: #f9f9f9; border: 1px solid #e0e0e0; color: #404040; text-decoration: none; padding: 3px 8px; font-size: 14px; }

.navigation a:hover 				{ background-color: #0093c8; border: 1px solid #0093c8; color: #ffffff; }

.navigation span 					{ background-color: #ffffff; border: 1px solid #e0e0e0; color: #cccccc; text-decoration: none; padding: 3px 8px; font-size: 14px; }

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

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

header 								{ padding: 0 10px 0 0px; }

.header-01							{ height: 41px; font-size: 13px; }
.header-02							{ border-top: 10px solid #e6e5e5; border-bottom: 10px solid #efefef; margin: 0 0 1px 0; padding: 1px 0; }
.header-03							{ border-top: 1px solid #e2e4e7; height: 33px; padding: 16px 0 0 20px; color: #8b8b8b; background-image: url(../images/dlet-speedbarbg.png); background-repeat: no-repeat; background-position: left 17px; }

.wrap-h01							{ float: left; width: 100%; }
.right-h01							{ margin-left: 438px; text-align: right; }

.right-h01 ul						{ line-height: 41px; text-transform: uppercase; }
.right-h01 li						{ display: inline-block; margin: 0 13px; }
.right-h01 li a						{ color: #0093c8; text-decoration: none; }
.right-h01 li a:hover				{ color: #000; }
.left-h01							{ float: left; width: 438px; margin-left: -100%; line-height: 41px; text-transform: uppercase; color: #616c76; }


.wrap-h02							{ float: left; width: 100%; height: 150px;}
.right-h02							{ margin-left: 438px; height: 90px; text-align: center; background-color: #f8f8f8; background-image: url(../images/loading-small.gif); background-repeat: no-repeat; background-position: center center; }
.left-h02							{ float: left; width: 438px; margin-left: -100%; text-align: center; background-color: #f8f8f8; }

.left-h02 a							{ display: block; width: 1166px; height: 150px; background-position: center top; }

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

#pagemain 							{ background-image: url(../images/dlet-contbg1.gif); background-repeat: repeat-y; }
.pagemain 							{ background-image: url(../images/dlet-contbg2.gif); background-repeat: repeat-y; background-position: right top; }

.wrapmiddle1						{ float: left; width: 100%; }
.middle1							{ margin-right: 540px; margin-left: 30px; height: 15px; }
.left1								{ float: left; width: 30px; margin-left: -100%; height: 15px; background-image: url(../images/dlet-cb11.gif); background-repeat: no-repeat; }
.right1								{ float: left; width: 540px; margin-left: -540px; height: 15px; background-image: url(../images/dlet-cb13.gif); background-repeat: no-repeat; }

.wrapmiddle3						{ float: left; width: 100%; }
.middle3							{ margin-right: 540px; margin-left: 30px; height: 15px; }
.left3								{ float: left; width: 30px; margin-left: -100%; height: 15px; background-image: url(../images/dlet-cb31.gif); background-repeat: no-repeat; }
.right3								{ float: left; width: 540px; margin-left: -540px; height: 15px; background-image: url(../images/dlet-cb33.gif); background-repeat: no-repeat; }

.wrapmiddle2						{ float: left; width: 100%; }
.middle2							{ margin-right: 540px; margin-left: 20px; text-align: center; position: relative; }
.left2								{ float: left; width: 30px; margin-left: -100%; }
.right2								{ float: left; width: 500px; margin-left: -540px; padding: 0 10px 0 30px; }


.sidebarblock						{ width: 100%; margin: 0 0 40px 0; }

.sb-caption							{ background-color: #425F9C; padding: 0 0 0 80px; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 50px; margin: 0 0 20px 0; }
.ic1								{ background-image: url(../images/dlet-sbicon1.gif); background-repeat: no-repeat; }
.ic2								{ background-image: url(../images/dlet-sbicon2.gif); background-repeat: no-repeat; }
.ic3								{ background-image: url(../images/dlet-sbicon3.gif); background-repeat: no-repeat; }
.ic4								{ background-image: url(../images/dlet-sbicon4.gif); background-repeat: no-repeat; }
.ic5								{ background-image: url(../images/dlet-sbicon5.gif); background-repeat: no-repeat; }

.sb-caption span					{ display: block; width: 37px; height: 50px; float: right; }

.sb-content							{}
.sb-content time					{ display: block; padding: 5px 0 2px; font-size: 12px; color: #999; }

.ban240								{ width: 240px; float: left; }
.ban240:first-child					{ margin: 0 20px 0 0; }

.ban240x400							{ margin: 0 0 5px 0; height: 400px; overflow: hidden; background-image: url(../images/loading-small.gif); background-repeat: no-repeat; background-position: center center; }
.baninfo							{ background-image: url(../images/dlet-baninfo.png); background-repeat: no-repeat; width: 200px; height: 40px; line-height: 50px; padding: 0 0 0 40px; }

.adlink								{ text-align: center; padding: 10px 0 0 0; }

.videonews-img						{ width: 182px; height: 102px;

	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease; }

.videonews-img:hover				{ background-position: 0px -102px; }

.videonews-img a					{ display: block; width: 182px; height: 102px; text-indent: -9999px; }

a.videoa							{ font-size: 18px; }

.videolist li						{ float: left; width: 182px; height: 175px; overflow: hidden; padding: 15px 29px 0 29px; margin: 0 0 20px 0; background-color: #e7e7e7; border-bottom: 5px solid #e7e7e7; }

.videolist li:nth-child(2n+1)		{ margin: 0 20px 20px 0; }

.videolist li:nth-child(5)			{ margin: 0 20px 0 0; }
.videolist li:nth-child(6)			{ margin: 0 0 0 0; }

ul.videtuts							{ width: 240px; float: left; }
ul.videtuts:first-child				{ margin: 0 20px 0 0; }

.videtuts li						{ line-height: 18px; padding: 8px 0 8px 20px; border-bottom: 1px solid #b7b7b7; background-image: url(../images/dlet-listarrow.png); background-repeat: no-repeat; background-position: left 11px; }
.videtuts li a						{ color: #404040; }
.videtuts li a:hover				{ color: #0093c8; }

ul.popnews							{ color: #999; }
.popnews li							{ line-height: 18px; padding: 8px 0 8px 0; border-bottom: 1px solid #b7b7b7; }

.popnews li h3						{ display: inline; }

.popnews li h3 a					{ color: #404040; font-weight: normal; }
.popnews li h3 a:hover				{ color: #0093c8; font-weight: normal; }

.popnews li a						{ color: #6a6a6a; }
.popnews li a:hover					{ color: #404040; }


.mainnavigation						{ background-color: #0093c8; text-align: left; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 50px; margin: 0 0 20px 0; }
.mainnavigation span				{ display: inline-block; width: 0px; height: 50px; float: left; background-image: url(../images/dlet-navspan.gif); background-repeat: no-repeat; margin: 0 20px 0 0; }

.mainnavigation a.categories		{ background-image: url(../images/dlet-navicon1.gif); display: inline-block; width: 50px; height: 50px; float: left; }


.the_menu {
	display: none; width: 462px; height: 410px; position: absolute; left: 0; top: 50px; padding: 10px; background-color: #484848; border: none; z-index: 1000;

	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
#slider1 {
	border: 1px solid #fff; background-color: #fff; padding: 0 5px;
}
#slider1 ul {}
#slider1 li {
	width: 452px; height: 305px; overflow: hidden; text-align: left;/* border-bottom: 1px dotted #e2e4e7;*/
}
.navpart1, .navpart2 {
	margin: 0; background-image: url(../images/dlet-navdotts.gif); background-repeat: repeat-y; line-height: 27px;	
}
.navpart1 {
	height: 297px;
}
.navpart2 {
	height: 296px;
}
.navpart1 h4, .navpart2 h4 {
	font-weight: normal; border-bottom: 1px dotted #e2e4e7;
}
#controls1 {
	position: relative; color: #000; text-align: center; font-size: 16px; height: 30px; line-height: 28px;
}
#controls1 a {
	color: #fff; text-decoration: none;
}
#controls1 a:hover {
	color: #fff; text-decoration: none;
}
#prevBtn2 {}
#nextBtn2 {}

.the_auth {
	display: none; width: 200px; height: 134px; position: absolute; left: 50px; top: 0; padding: 10px; background-color: #484848; border: none; z-index: 1000; padding: 10px 20px;

	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

.the_auth label[for="login_name"]		{ color: #fff; font-size: 14px; float: left; line-height: 30px; margin: 0 0 10px; }
.the_auth input[type="text"]			{ background-color: #fff; border: none; width: 120px; height: 30px; float: right; padding: 0 5px; font-family: arial; font-size: 12px; margin: 0 0 10px; }

.the_auth label[for="login_password"]	{ color: #fff; font-size: 14px; float: left; line-height: 30px; margin: 0 0 10px; }
.the_auth input[type="password"]		{ background-color: #fff; border: none; width: 120px; height: 30px; float: right; padding: 0 5px; font-family: arial; font-size: 12px; margin: 0 0 10px; }

.the_auth input[type="submit"]			{ background-color: #0093C8; width: 60px; height: 30px; color: #fff; float: right; font-family: 'PTSansNarrowRegular'; cursor: pointer; border: none; }

.user-ns								{ float: left; width: 120px; line-height: 30px; }

.user-ns input[type="checkbox"]			{ float: left; margin: 10px 5px 0 0; border: none; padding: 0; }
.user-ns label[for="login_not_save"]	{ color: #fff; }

.user-ln								{ line-height: 20px; padding: 5px 0 0 0; }
a.uln									{ display: inline; color: #fff; background-image: none; }

.the_cal {
	display: none; width: 207px; height: auto; position: absolute; left: 50px; top: 561px; padding: 10px; background-color: #484848; border: none; z-index: 1000; padding: 10px 20px;

	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

.shortart								{ text-align: left; padding: 0 0 37px; border-bottom: 1px solid #e2e4e7; margin-bottom: 50px; position: relative; }

.wrapshart								{ float: left; width: 100%; }
.rightshart								{ margin-left: 320px; color: #404040; line-height: 20px; font-size: 16px; text-align: justify;}
.leftshart								{ float: left; width: 300px; height: 250px; margin-left: -100%; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; }
.leftshart a							{ display: block; width: 250px; height: 200px; }

.artinfo								{ color: #999; margin: -5px 0 10px 0; font-size: 14px; border-bottom: 1px dotted #bebebe; padding: 0 0 10px; }
.artinfo2								{ color: #999; margin: -5px 0 10px 0; font-size: 14px; border-bottom: 1px dotted #bebebe; padding: 0 0 10px; line-height: 24px; }

.rightshart h2							{ font-weight: normal; font-size: 20px; margin-bottom: 10px; line-height: 24px; font-family: 'PTSansNarrowBold'; }
.rightshart h2 a						{ color: #404040; border-bottom: none; text-decoration: none; }
.rightshart h2 a:hover					{ color: #404040; border-bottom: 1px solid #404040; text-decoration: none; }

h2.fixed								{ font-weight: normal; font-size: 20px; margin-bottom: 10px; line-height: 24px; font-family: 'PTSansNarrowBold'; }
h2.fixed a								{ color: #404040; border-bottom: none; text-decoration: none; }
h2.fixed a:hover						{ color: #404040; border-bottom: 1px solid #404040; text-decoration: none; }

a.shortmore								{ display: block; color: #fff; padding: 10px 55px 10px 15px; float: right; background-color: #425F9C; text-transform: uppercase; font-family: 'PTSansNarrowBold'; position: absolute; bottom: -1px; right: 0; background-image: url(../images/dlet-arrow-16.png); background-repeat: no-repeat; background-position: 110px center;

	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease; }
			
a.shortmore:hover						{ background-color: #484848; text-decoration: none; }

.fullart								{ text-align: left; padding: 0 0 15px; border-bottom: 1px dotted #bebebe; /*margin-bottom: 30px;*/ }
.fullart h1								{ font-weight: normal; font-size: 24px; margin: 10px 0; line-height: 26px; font-family: 'PTSansNarrowBold'; }

.news									{ color: #404040; line-height: 20px; font-size: 16px; margin-bottom: 20px; }
.news img								{ margin: 20px 0; }
.news strong,
.news b									{ font-weight: normal; color: #000; font-family: 'PTSansNarrowBold'; }

.news a b								{ font-weight: normal; color: #0093c8; font-family: 'PTSansNarrowBold'; }

.news object, .news embed 				{ margin: 0 auto; }


.fullart-ads							{ margin: 20px 0 10px; }
.fullart-ad								{ width: 50%; text-align: center; float: left; }

.ctrl-enter								{ text-align: center; line-height: 20px; padding: 15px 10px; background-color: #F3F3F3; color: #404040; margin-bottom: 10px; }
.ctrl-enter strong						{ font-weight: normal; font-size: 16px; font-family: 'PTSansNarrowBold'; }

.buy-buy								{ text-align: center; line-height: 20px; padding: 15px 10px; background-color: #484848; color: #fff; margin-bottom: 20px; }
.buy-buy strong							{ font-weight: normal; font-size: 16px; font-family: 'PTSansNarrowBold'; }
.buy-buy a								{ color: #FFB500; }

.socials								{ text-align: center; }
.socials strong							{ font-weight: normal; font-size: 16px; font-family: 'PTSansNarrowBold'; }

.social-item							{ width: 33.3%; float: left; text-align: center; margin-bottom: 20px; }

.shpan-fb,
.shpan-tw,
.shpan-gp,
.shpan-pt,
.shpan-pm,
.shpan-vk 								{ width: 140px; height: 30px; position: relative; padding: 71px 0 0 20px; text-align: left; }

.shpan-fb 								{ background: url(../images/cwm-facebook.png) no-repeat; margin: 0 auto 15px auto; }
.shpan-tw 								{ background: url(../images/cwm-twitter.png) no-repeat; margin: 0 auto 15px auto; }
.shpan-gp 								{ background: url(../images/cwm-gp.png) no-repeat; margin: 0 auto 15px auto; }
.shpan-pt 								{ background: url(../images/cwm-pinterest.png) no-repeat; margin: 0 auto 10px auto; }
.shpan-pm 								{ background: url(../images/cwm-pinme.png) no-repeat; margin: 0 auto 10px auto; }
.shpan-vk 								{ background: url(../images/cwm-vk.png) no-repeat; margin: 0 auto 10px auto; }


.tagsfstory								{ padding: 10px 0 10px; border-bottom: 1px dotted #bebebe; margin: 0 0 10px; }

.relnews								{ text-align: left; border-bottom: 1px dotted #bebebe; margin: 0 0 30px; }
.relnews .caption						{ font-weight: normal; font-size: 20px; margin: 10px 0 20px; line-height: 26px; font-family: 'PTSansNarrowBold'; }

.relnews ul								{ font-size: 12px; color: #999; }
.relnews li								{ line-height: 18px; margin: 0 0 20px; float: left; width: 50%; height: 80px; overflow: hidden; padding: 0 10px 0 0;

    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
    		box-sizing: border-box; }

.relnews li	h3							{ font-weight: normal; font-size: 14px; font-family: 'PTSansNarrowBold'; margin: 0 0 10px; }
.relnews li	h3 a						{ color: #606060; }
.relnews .relnews-img					{ float: left; width: 120px; height: 70px; background-repeat: no-repeat; background-position: center top; background-size: contain; position: relative; margin: 0 15px 0 0; }
.relnews .relnews-img a					{ display: block; width: 120px; height: 70px; }

.user-comment							{ text-align: left; margin: 0 0 40px; }
.comment-caption						{ border-bottom: 1px dotted #bebebe; margin: 0 0 10px; padding: 0 0 10px; }
.comment-caption a						{ display: block; }

.comment-caption strong					{ font-weight: normal; font-family: 'PTSansNarrowBold'; }

.wrapcomm								{ float: left; width: 100%; padding: 0 0 10px; margin: 0 0 0; border-bottom: 1px dotted #bebebe; color: #999; }
.rightcomm								{ margin-left: 80px; line-height: 20px; font-size: 13px; }
.leftcomm								{ float: left; width: 60px; margin-left: -100%; height: 60px; overflow: hidden; }

.leftcomm img							{ width: 60px; }

.comment-content						{ padding: 10px; line-height: 20px; border-bottom: 1px dotted #bebebe; margin: 0 0 10px; background-color: #F3F3F3; }
.comment-content b						{ font-weight: normal; font-family: 'PTSansNarrowBold'; }

.comment-functio						{}
.comment-functio a						{ margin: 0 20px 0 0; text-transform: uppercase; font-size: 12px; font-family: 'PTSansNarrowBold'; }

.comment-functio input[type="checkbox"]	{ float: right; margin: 4px 0 0 0; }

/* styles for functional site sections (registration, feedback, etc.) */

.functional 							{ text-align: left; margin-bottom: 30px; }
.functional .caption 					{ font-size: 20px; font-weight: normal; font-family: 'PTSansNarrowBold'; margin-bottom: 20px; border-bottom: 1px dotted #b2b7bc; padding-bottom: 10px; }
.funct-txt								{ margin: 0 0 20px; }

.functional strong, .functional b		{ font-weight: normal; font-family: 'PTSansNarrowBold'; }

.funct-form 							{ max-width: 520px; margin: 0 auto 30px; position: relative; }
.funct-form fieldset 					{ padding: 10px; }

.funct-form legend 						{ padding: 0 3px; }
.funct-form label 						{ display: inline-block; width: 200px; }
.sec-code-row { /* ñìåùåíèå ñëåâà äëÿ ïðîâåðî÷íîãî êîäà Captcha */
	margin: 0 0 5px 203px;
}
.sec-code-row span {
	color: #900;
}
.re-captcha { /* ReCaptcha */
	margin: 0 0 10px;
}

#security-01:hover, #security-02:hover, #security-03:hover {/* ìîæíî äîáàâèòü ñòèëè "ïðè íàâåäåíèè" äëÿ âñåõ àíòè-ñïàì áëîêîâ */}

/* õàêè äëÿ ïîëÿ çàãðóçêè ôàéëà */

#fileInput {
	opacity: 0; filter: alpha(opacity=0); margin: 0 0 0 3px; background-color: transparent; color: #fff; position: absolute;/* width: 203px;*/ left: 211px;
}
#fileInputText {
	width: 283px; margin: 0 0 0 0;
}
#file-button { /* êíîïêà äëÿ âûáîðà ôîòî/àâàòàðà */
	background-image: url(../images/dlet-file-bttn.png); background-repeat: no-repeat; width: 70px; height: 32px; float: right; margin: 0 0 0 1px; cursor: pointer;
}

textarea, input, select 			{ color: #222; font-size: 12px; font-family: arial; background-color: #fff; border: 1px solid #e0e0e0; }

.funct-form textarea 				{ margin: 0 0 10px; }
.funct-form input[type="text"],
.funct-form input[type="password"] {
	width: 283px; height: 30px; line-height: 30px; padding: 0 5px; margin: 0 0 10px; display: inline-block;
}
.funct-form select {
	width: 295px; height: 32px; padding: 5px;
}
input[type="radio"] {
	background-color: transparent; border: none; /* for Opera */
}
input[type="checkbox"] {
	border: none; /* for Opera */
}
.form-button 						{ background-color: #0093C8; width: 100px; height: 30px; color: #fff; font-family: 'PTSansNarrowRegular'; cursor: pointer; text-transform: uppercase; }

.form-button:hover 					{ background-color: #616C76; }

.bbcodes_poll						{ background-color: #0093C8; width: 100px; height: 30px; color: #fff; font-family: 'PTSansNarrowRegular'; cursor: pointer; text-transform: uppercase; border: none; }
.bbcodes_poll:hover					{ background-color: #616C76; }

.bbcodes							{ background-color: #0093C8; width: 100px; height: 30px; color: #fff; font-family: 'PTSansNarrowRegular'; cursor: pointer; text-transform: uppercase; border: none; }
.bbcodes:hover						{ background-color: #616C76; }

input[id="dofullsearch"]			{ width: 150px; }

.user-table {
	width: 520px;
}
.user-info {
	width: 410px; float: left;
}

/* 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; }

#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;
}

/* statistics */

ul.stats 							{}
ul.stats li 						{ height: 24px; line-height: 24px; padding-left: 10px; }
ul.stats li.strong 					{ height: 50px; line-height: 50px; border-bottom: 1px dotted #B2B7BC; font-weight: normal; font-family: 'PTSansNarrowBold'; }
ul.stats li span 					{ float: right; width: 70px; text-align: center; font-weight: normal; font-family: 'PTSansNarrowBold'; }
ul.stats li:hover 					{ height: 23px; border-bottom: 1px dotted #B2B7BC; }
ul.stats li.strong:hover 			{ height: 50px; }













.sortart							{ margin: 0 0 40px; }
.sortart img						{ margin: 8px 0 0 0; }
.sortart a							{ margin: 0 10px; }

.taglinks							{ text-align: justify; color: #F3F3F3; }
.taglinks a							{ color: #404040; }


























/* 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 								{ padding: 1px 0 0 0; margin: 15px 10px 0 30px; border-top: 1px solid #e2e4e7; position: relative; }

.footer-02							{ border-top: 10px solid #e6e5e5; border-bottom: 10px solid #efefef; margin: 0 0 20px 0; padding: 1px 0; }

.wrap-f02							{ float: left; width: 100%; }

.right-f02 span						{ text-transform: uppercase; }

.left-f02							{ float: left; width: 438px; margin-left: -100%; text-align: center; background-color: #f8f8f8; }



.footer-03							{ margin: 0 0 20px; font-size: 15px; font-family: arial; } 

.wrap-f03							{ float: left; width: 100%; background: black; }
.wrap-f04							{ float: left; width: 100%; background: #5A5A5A;}
.right-f03							{ margin-left: 118px; color: #FFF; }
.right-f03 span						{ text-transform: uppercase; color: #797979; }
.left-f03							{ float: left; width: 100%; margin-left: -100%; }

.counter-01							{ margin: 0 0 10px; }
.counter-02							{background: rgba(168, 168, 168, 0.33);}

#back-top 							{ background: url(../images/dlet-back-top.png) no-repeat; position: fixed; bottom: 50px; right: 50%; width: 33px; height: 28px; display: none; z-index: 1000; margin: 0 -680px 0 0;

	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease; }

#back-top:hover 					{ background: url(../images/dlet-back-top-h.png) no-repeat; cursor: pointer; }

/* ========== Î÷åðíèòåëü îò DLETemplates.Com äëÿ ðåëèçîâ DLE îò 9.2 è âûøå */

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

.clear 					{ clear: both; }

.interactive-map { width: 100%; text-align: center; position: relative; margin-bottom: 30px;}
.interactive-map > img { width: 80%; max-width: 900px; height: auto; } 
.interactive-map .pin { position: absolute; display: block; width: 10%; }
.interactive-map .pin img { width: 10%; height: auto; 
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.interactive-map .pin:hover img { width: 35%; margin-top: -10px; }
.interactive-map .pin p { display: none; text-align: left; } 
.interactive-map .pin p:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 15px 15px 0 0; color: #444;
border-color: #fff transparent transparent transparent; position: absolute;  bottom: -14px; left: 70px; }
.interactive-map .pin:hover p { display: block; width: 200px; background: white; padding: 18px 23px; font-size: 0.9em; border: 1px solid #eee; border-radius: 5px; position: absolute; top: -80px; left: 0; right: 0; }
	
.swf { background: url(../flash/header.swf) no-repeat; position: fixed; bottom: 50px; right: 50%; width: 33px; height: 28px; display: none; z-index: 1000; margin: 0 -680px 0 0;}




#topline{
width:100%;
height:30px;
padding:5px 0;
margin:0;
background: none repeat scroll 0% 0% rgba(12, 41, 102, 0.32);	
}
.topholder{
width:1000px;
height:30px;
margin:0 auto;	
}
.date{
height:30px;
line-height:30px;
color:#fff;
font-size:13px;
float:left;	
}
.socialb{
height:24px;
padding:0;
margin:3px 0 0 20px;
float:left;
text-align:left;
}
.socialb ul{
height:24px;
font-size:14px;
list-style:none;
margin:0;
display:inline;
}
.socialb li
{ 
float: left;
position: relative;
text-align:left;
margin:0 5px 0 0;
width:24px;
height:24px;
}
.socialb li a
{
height:24px;
width:24px;
padding:0;
display: block;
text-decoration:none;
background:url(../images/social.png) 0 0 no-repeat;
}
.socialb li a.twitter{
background-position: 0 -32px;
}
.socialb li a.twitter:hover{
background-position: 0 0;
}
.socialb li a.facebook{
background-position: -32px -32px;
}
.socialb li a.facebook:hover{
background-position: -32px 0;
}
.socialb li a.vkontakte{
background-position: -64px -32px;
}
.socialb li a.vkontakte:hover{
background-position: -64px 0;
}
.socialb li a.gplus{
background-position: -96px -32px;
}
.socialb li a.gplus:hover{
background-position: -96px 0;
}
.socialb li a.rss{
background-position: -128px -32px;
}
.socialb li a.rss:hover{
background-position: -128px 0;
}

.custom-7{
overflow:hidden;
position:relative;
width:250px;
height:212px;
font-size:14px;
line-height:18px;
color:#707070;
float:left;
}
.custom-7 a{
color:#fff;
font-size:14px;
padding:0;
text-decoration:none;
font-weight:bold;
}
.custom-7 a:hover{
text-decoration:none;
}
.custom-7 img{
width:250px;
height:212px;
}
.c7hover{
font-size:14px !important;
overflow:hidden;
font-weight:bold;
color:#fff;
text-decoration:none !important;
line-height:16px;
min-height:20px;
position:absolute;
bottom:0;
left:0;
padding:10px;
background:url(../images/black50.png);
}
.c7hover:hover{
color:#ccc;
background:url(../images/black75.png);
}
.custom-7:hover .c7hover{
color:#ccc;
background:url(../images/black75.png);
}

#wrapper{
	width:620px;
	margin:0 auto;

}

#nav {
	position:relative;
	width:1214px;
	margin:0 auto;
	margin-left: -300px;
	float: left;
	background: url(../images/bg.png);
}

ul#navigation {
	margin:0px auto;
	position:relative;
	margin-left: 5px;

}

ul#navigation li {
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	position:relative;

}

ul#navigation li a {
	padding:8px 20px;
	color:#FFF41D;
	font-size: 14.7px;
	text-decoration:none;
    text-transform: uppercase;
	display:inline-block;
	border-left:1px solid #C2C2C2;
	background: #015198;
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#navigation li a:hover {
	background:#f8f8f8;
	color:#282828;
}

ul#navigation li:hover > a {
	background:#fff;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:#015198;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 35px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {
	background:none;
	padding:7px 15px;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;
}

.ul#navigation li a.first {
	border-left: 0 none;
	padding: 4.5px 25px;
}

ul#navigation li a.last {
	border-right: 0 none;
}