html, body {margin:0;height:100%;}
html{background: #d0d1d6 url(images/bg2.jpg) top left repeat-x/* background-color: #CBD0D6; */}
body{ font-family: Tahoma; font-size: 12px;  color: #6f6f6f; background:  url(images/bg.jpg) top left no-repeat}

*{margin:0; padding:0;}
ul{list-style-type:none}
table{border-collapse:collapse;}
table td {padding:0px;}
table th{padding:0px;}
img{border: none}
a{color: #d84d2d}
a:hover{text-decoration: underline;}
input, textarea {outline: none;} 
h1{font-size: 14px; color: #2f2f2f; text-transform: uppercase; padding-bottom: 4px; border-bottom: 2px dashed #2f2f2f; margin: 10px 0}
h2{font-size: 14px; color: #2f2f2f; text-transform: uppercase;background: url(images/sep2.jpg) bottom left repeat-x; padding-bottom: 5px;margin: 10px 0;}
h3{color: #d84d2d; text-transform: uppercase; padding-bottom: 2px; border-bottom: 1px dashed #d84d2d; margin: 5px 0;font-size: 12px;display: inline-block;}
#wrapper{ min-width: 990px;max-width: 1400px; margin: 0 auto;}
#header {height: 200px;position: relative; }
#footer {padding: 20px 30px;}
#left{width: 278px; float: left; margin-top: -50px; margin-left: 15px;}
#right{float:right; width: 220px;margin-right: 25px;margin-top: 60px;}
#container {margin-top: -15px;}
#center{ margin: 0 260px 0 317px;}
.clear {
	display: block;
	clear: both;
	width: 100%;
	font-size: 1px;
	float: none;
	position: relative;
	height: 0;
	margin: 0;
	padding: 0;
}
.logo{float: left; margin: 22px 0 0 45px;}
.tmenu{float: left; margin: 40px 0 0 50px; }
.tmenu ul:before,.tmenu ul:after { content:"";  display:table;}
.tmenu ul:after {  clear:both;}
.tmenu li{float: left; margin-left: 30px; }
.tmenu li a{color: #353535; text-decoration: none; text-transform: uppercase;display: block;background: url(images/bl.jpg) top left no-repeat;height: 30px;font-size: 14px; line-height:30px;}
.tmenu li a span{background: url(images/br.jpg) top right no-repeat;height: 30px; display: block;padding: 0 15px 0 16px; }
.login{float: right; position: relative; margin: 20px 23px 0 0; font-size: 14px; color: #63676b; width: 235px}
.login_in{ margin-bottom: 10px;}
.login_in div{background: url(images/login_in.png) no-repeat;width: 235px;height: 30px; margin: 3px 0 0px 0;}
.login_in div input{width: 220px; margin: 5px 7px 0 7px; line-height: 20px; height: 20px; border: none; background: none}
.save_ldata{position: absolute;top: 0; right: 0}
.save_ldata label{background: url(images/chb.png) no-repeat;height: 13px;padding-left:18px;cursor: pointer;}
.save_ldata input{display: none;}
.save_ldata label.checked{background: url(images/chbh.png) no-repeat;}
.lost_pass{position: absolute;top: 62px;right: 0;}
.lost_pass a{text-decoration: none;color: #63676b}
.login_buts{float: right; margin-top: 8px;width: 235px;}
a.new_reg{display: block; background: url(images/reg.png) no-repeat;width: 117px;height: 35px; font-size: 15px; color: #575757; line-height: 35px; padding-left: 15px;text-decoration: none;float:left;}
.lsub{float:right;}
.lsub input{display: block; background: url(images/login_sub.png) no-repeat;width: 100px;height: 35px; font-size: 15px; color: #575757; line-height: 35px; padding-left: 20px;border: none;cursor: pointer;}
.lang{background: url(images/lang.jpg) no-repeat;width: 79px;height: 32px;position: absolute;top: 105px; right: 348px;line-height: 30px}
.lang a{padding-left:10px; margin-left: 5px; text-decoration: none;color: #21526c;line-height: 30px;display: block;float: left;}
.lang a:first-child{margin-left:0;color: #63676b}
.lang.en{background: url(images/langh.jpg) no-repeat;}
.lang.en a{padding-left:12px; margin-left: 5px; text-decoration: none;color: #63676b}
.lang.en a:first-child{margin-left:0;color: #21526c}

/*LEFT*/
.social_left{padding-left:50px;margin-bottom: 20px;z-index: 1;position: relative;}
.social_left:before,.social_left:after { content:"";  display:table;}
.social_left:after {  clear:both;}
.social_left {  zoom:1;}
.social_left a{display: block; margin: 6px; float: left; width: 34px; height: 34px;}

.social_left1{padding-left:30px;margin-bottom: 20px;z-index: 1;position: relative;width: 400px;}
.social_left1:before,.social_left:after { content:"";  display:table;}
.social_left1:after {  clear:both;}
.social_left1 {  zoom:1;}
.social_left1 a{display: block; float: left;}

.vk{background: url(images/vk.jpg) no-repeat;}
.fb{background: url(images/fb.jpg) no-repeat;}
.rss{background: url(images/rss.jpg) no-repeat;}
.ok{background: url(images/ok.jpg) no-repeat;}
.gp{background: url(images/gp.jpg) no-repeat;}
.tw{background: url(images/tw.jpg) no-repeat;}
.ml{background: url(images/ml.jpg) no-repeat;}
.jj{background: url(images/jj.jpg) no-repeat;}


.block_shadow{background: url(images/ten.jpg)top left no-repeat;padding-left: 13px;margin-bottom: 20px;}
.block{background-color: #e1e2e6;padding: 15px 23px;}
.lmenu_title{font-size: 15px; text-transform: uppercase; color: #3584ad; font-weight: normal;/*  background: url(images/sep.jpg) bottom left repeat-x; */ padding-bottom: 5px; margin:8px 0 4px 0}

.lmenu_title ul li {
    color: #3584AD;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.lmenu_title span {
    background: url("images/sep.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: #3584AD;
    font-size: 15px;
    font-weight: normal;
    margin: 8px 0 4px;
    padding-bottom: 5px;
    text-transform: uppercase;
	display: block;
}

.lmenu_title > ul {
    margin-top: 10px;
}
.lmenu{ padding-bottom: 10px;}
.lmenu a{display: block;padding: 5px 0; padding-left: 14px; background: url(images/dot.jpg) center left no-repeat;color: #515151; text-decoration: none; position: relative;}
.lmenu b{ display:inline;font-weight: normal;position: absolute; top: 5px; right: 0}
.lmenu a:hover{ text-decoration: underline;}

/*CENTER*/
h1.main_title{font-size: 30px; font-weight: bold;color: #4984a8; background: url(images/sep2.jpg) bottom left repeat-x; padding-bottom: 5px;border: none;margin-bottom: 20px;margin-left: 317px;}

.main_dev_blocks{margin: 20px 0;width:100%;overflow: hidden; zoom:1;background: url(images/sep2.jpg) top left repeat-x; padding-top: 10px; }
.android_dev_bl,.web_dev_bl,.delphi_dev_bl{width: 207px; }
.main_dev_blocks{width: 100%; text-align: justify;text-justify: distribute-all-lines}
.main_dev_blocks li{width: 207px; display: inline-block;margin-bottom: 20px; vertical-align: top;*display: inline;zoom: 1;text-align: left;}
.bl_title{font-size: 14px; text-transform: uppercase;color: #2f2f2f;line-height: 24px; margin-bottom: 7px;display: block; text-decoration: none;}
.bl_title img{ float:left;margin-right: 15px}
.dev_bl_title{color: #2f2f2f; background: url(images/dot2.jpg) center left no-repeat;text-decoration: none; padding-left: 15px; display: block;line-height: 28px; margin: 5px 0 2px 0; white-space: nowrap;  text-overflow: ellipsis;overflow: hidden;}
.android_dev_bl .dev_bl_title{background: url(images/dot2.jpg) center left no-repeat;}
.delphi_dev_bl .dev_bl_title{background: url(images/dot3.jpg) center left no-repeat;}
.web_dev_bl .dev_bl_title{background: url(images/dot4.jpg) center left no-repeat;}
.dev_bl_img{position: relative;}
a.dev_bl_img_title{position: absolute; bottom: 0; left: 0;background: url(images/dev_img.png) ; padding: 5px 14px;width: 179px; height: 26px;overflow:hidden;color: #a9aeb4;display: block; text-decoration: none;}
.dev_bl_img:hover .dev_bl_img_title{height: 130px;}
.main_container p {
    color: #000000;
    font-size: 14px;
    margin: 10px 0;
}
#main_dev_blocks .stretch {display: inline-block; width: 100%; *display: inline; zoom: 1}

/*RIGHT*/
.videobl_title{color: #d84d2d;padding-left: 45px;background: url(images/video.jpg) center left no-repeat; margin: 0 0 10px 5px;}
.pdp_title{color: #3584ad}
.pdp_in{background: url(images/pdp_in.png) no-repeat;width: 163px;height: 30px; margin: 5px 0 0px 0;}
.pdp_in input{width: 146px; margin: 5px 7px 0 7px; line-height: 20px; height: 20px; border: none; background: none; color: #858686}
.pdp_but{display: block; background: url(images/pdp_sub.png) no-repeat;width: 98px;height: 35px; font-size: 15px; color: #1f4e66; line-height: 35px; padding-left: 11px; text-align:left;border: none;cursor: pointer;float:left;margin-top: 10px;}
.pdp_inf{margin-left: 105px;margin-top: 4px;line-height: 15px}

.last_news{background: url(images/sep.jpg) bottom left repeat-x; padding-bottom: 10px; margin: 10px 0; line-height: 18px}
.last_news img{float: left;margin-right: 10px;}
.ln_block_android,.ln_block_delphi,.ln_block_web{ margin-left: 5px;overflow: hidden;position: relative;}
.ln_link{font-weight: bold;text-decoration: none;}
.ln_cat{text-decoration: none; margin-right: 50px;}
.ln_more{position: absolute; right:0; bottom: 0; display: block;background: url(images/slr.jpg) center right no-repeat; padding-right: 12px; color: #616161; text-decoration: none;}

/*FOOTER*/
.footer_shadow{background: url(images/fshadow.png) top left no-repeat;padding-left:27px;margin-top: 20px;}
.footer{  background-color: #e1e2e6;padding: 24px 40px;overflow: hidden;}
.vkg{float: left;}
.footer_menus{overflow: hidden;margin-left: 240px;}
.fmenu:first-child{margin-left: 0;}
.fmenu{float: left; /* margin-left: 38px */ width: 18%; margin-left: 38px !important;}
.fmenu ul{/* margin-left: 30px; */ margin-left: 1px; width: 100%;}
.fmenu ul li a{display: block;padding: 5px 0; padding-left: 14px; background: url(images/dot.jpg) center left no-repeat;color: #515151; text-decoration: none;line-height: 20px}
.fmenu_title{background: url(images/sep3.png) repeat-x;line-height: 36px; font-size: 18px; font-family: Tahoma; font-weight: bold;color: #4984a8; text-transform: uppercase; /* padding: 0 30px; */ padding: 0; margin-bottom: 15px; width: 100%;}
.fmenu .social_left{margin-left: 20px; width: 185px; padding-left: 0;}
.fm_soc{background: url(images/social.jpg) center left no-repeat; padding-left: 24px;}
.fm_hlp{background: url(images/sett.jpg) center left no-repeat; padding-left: 24px;}
.fm_abt{background: url(images/file.jpg) center left no-repeat; padding-left: 24px;}
.fm_osn{background: url(images/block.jpg) center left no-repeat; padding-left: 24px;}


/*PAGE*/
.page img {
    height: auto;
    padding: 5px 20px 5px 0;
    width: auto;
}
.book_img img {
    height: 43px;
    width: 44px;
}
.page{ background: url(images/sep2.jpg) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 10px;overflow: hidden;}
.book{ background: url(images/sep2.jpg) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 10px;}
.book_img{float: left; width: 45px; }

.book_inf {
    font-size: 14px;
    margin-left: 55px;
}
.book_inf_two{  margin-left: 0px;
font-size: 14px;
  }
.book_lnk {
    color: #3584AD;
    font-size: 12px;
    margin-bottom: 5px;
}
.book_lnk a{color: #2f2f2f; text-decoration: none; font-size: 14px; text-transform: uppercase;}
.navigation{ width: 100%; margin: 0 auto 20px auto; float: left;}
.navigation a{/* display: block;float: left; */margin-right: 12px;background: url(images/sl.jpg) top center no-repeat; padding: 15px 3px 0 3px; text-align: center;color: #6f6f6f; text-decoration: none; font-size: 10px; float: left; margin-bottom: 10px; }
.navigation a.current {background: url(images/slh.jpg) top center no-repeat;}
.navigation .prev{background: url(images/sll.jpg) center center no-repeat;width: 12px; height: 14px;}
.navigation .next{background: url(images/slr.jpg) center center no-repeat;width: 12px; height: 14px; /*position: absolute; margin-top: -15px;*/}
.page ul{padding-left: 20px; margin: 10px;}
.page ul li{color: #3584ad; list-style-type: disc; font-size: 16px;}
.page ul li a{color: #3584ad; text-decoration: none; font-size: 16px;}

.page ol{padding-left: 40px; margin: 10px;}
.page ol li{color: #3584ad; font-size: 16px;}
.page ol li a{color: #3584ad; text-decoration: none; font-size: 16px;}

/*SLIDER*/
.main_slider{ }
.slider_img { display: block;float: left; }
.slider_img img{ width: 206px; height: 138px;}
.left_slide{ margin-left: 245px;line-height: 19px}
.sl_title{margin-bottom: 8px;}
.sl_title img{display: inline; cursor: pointer;}
.sl_title a{ padding-bottom: 0px;border-bottom: 1px dashed #88898a;font-size: 14px; margin: 0 5px;text-decoration: none}



@media screen and (min-width: 320px) and (max-width: 1159px) {
	#wrapper{width: 990px;}
	.tmenu {float: right;margin: 15px 25px 0 0px;}
	.login{margin: 10px 23px 0 0;}
	#container{margin-top: 20px;}
	.social_left {padding-left: 20px;}
	#left {width: 220px;}
	#center {margin: 0 30px 0 260px;}
	h1.main_title{margin: 0 30px 0 260px;margin-bottom: 20px;}
	.fmenu ul { margin-left: 0px;}
	.fmenu_title {padding:0}
	.fmenu .social_left {padding:0}
	.footer_menus {margin-left:220px;}
	#right{display: none;}
	.footer {padding: 24px 20px;	}
}
@media screen and (min-width: 1160px) and (max-width: 1230px) {
	#wrapper{width: 1150px;}
	.tmenu {float: right;margin: 15px 25px 0 0px;}
	.login{margin: 10px 23px 0 0;}
	#container{margin-top: 20px;}
	.social_left {padding-left: 20px;}
	#left {width: 220px;}
	#center {margin: 0 260px 0 260px;}
	h1.main_title{margin: 0 260px 0 260px;margin-bottom: 20px;}
	.fmenu ul { margin-left: 0px;}
	.fmenu_title {padding:0}
	.fmenu .social_left {padding:0}
	.footer_menus {margin-left:220px;}
	.footer {padding: 24px 20px;	}
}

.taglinks {
    margin-bottom: 10px;
}
.taglinks a {
    margin: 2px;
}
.label-success {
    background-color: #5CB85C;
}
.label-info {
    background-color: #5BC0DE;
}
.label {
    border-radius: 0.25em;
    color: #FFFFFF;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: normal;
}

.navigationin {
    margin-top: 25px;
    text-align: center;
    width: 100%;
	display: block;
}

.form-group {
    margin-bottom: 15px;
	width: 96%;
}
.form-control {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.btn-warning {
    background-color: #F0AD4E;
    border-color: #EEA236;
    color: #FFFFFF;
}
.btn {
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

textarea.form-control {
    height: auto;
}

.text-danger {
    color: #D84D2D;
}

.breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    /* float: left; */
    list-style: none outside none;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 1px 5px;
    /* position: absolute; */
    z-index: 1;
}

.breadcrumb > li {
    background-color: #F5F5F5;
    border-radius: 4px;
    display: inline-block;
    margin: 1px -4px;
    padding: 3px;
}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb > li a {
    color: #428BCA;
    text-decoration: none;
}

.soc1{
    float: right;
    margin-left: 2px;
    margin-right: -10px;
	width: 150px; 
	}
.soc2 {
    float: right;
    margin-right: -10px;
	width: 180px; 
	}
.soc3 {
    float: right;
    margin-right: -10px;
	width: 100px; 
	}
.twitter{
    float: right;
   	width: 100px; 
	}

.gads{
   	width: 100%; 
	text-align: center;
	}
.pub_date {
	margin: 0 0 20px 0;
	color: #000000;
	font-size: 14px;
}