@import "reset.css";
@import "skeleton.css";
@import "superfish.css";

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}
/* Global properties ======================================================== */
html {width:100%}

body {font-family: Verdana,Geneva,sans-serif; font-size:13px; line-height:18px; color:#000/*565656*/; min-width:1000px; background:url(../images/body_bg.jpg) 50% 0 no-repeat #e4e4e4; -webkit-text-size-adjust: none; background-size:  cover;width:100%;height:100%;}

.main{width:1000px;margin: 0 auto; background:#fff;}

img{max-height:100%;}
h1{font-size: 20px;padding-top: 25px;padding-bottom: 25px;color:#565656;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#000/*565656*/;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#3bb2d0; text-decoration:none;}

.button{ display:inline-block; padding:4px 14px 7px; margin: 17px 0 0 0; color:#fff;background: url('../images/button.jpg') 0 0 repeat-x #35abc9;}
.button:hover{ background-color:#515151;color:#fff;background-position:0 -50px;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

.search_block{overflow: hidden;width:1000px;margin: 0 auto;padding-top:3px;}
#search{float:right;}
#search input{float: left;width:144px;padding:6px 10px 7px;font-size: 12px; color: #565656;border:1;font-family:Arial, Helvetica, sans-serif;background: url('../images/search.jpg') 0 bottom repeat-x #fff;margin:0;}
#search a{display:block;width:29px;height:28px;float: left;background: url('../images/search_a.jpg') no-repeat;margin:0;}
#search a:hover{background-position:0 -28px;}


header {padding: 25px 0 30px;}
header h5{width:147px;float: left;padding-top: 0px;padding-bottom: 0px;}
header h5 a {display:block;width: 237px; height: 36px;background:url("/images/header_logo2.png") 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}


/*********************************content*************************************/
#content {padding:1px 0px 30px 0px;border-top:1px solid #e4e4e4;}
.cont_pad{padding:26px 0 30px !important;border-top:none !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:10px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{border-bottom:1px solid #e4e4e4;padding: 0 0 8px;margin-bottom:6px;}
.list1 a{font-size: 13px; line-height: 18px; color: #232323;}
.list1 a:hover{color:#3bb2d0;}

.list2{}
.list2 li{ background:url(../images/marker2.jpg) 0 7px no-repeat; padding: 0 0 8px 14px; margin-bottom:5px;border-bottom:1px solid #e4e4e4;}
.list2 a{font-size:13px;line-height:19px;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 17px; line-height: 21px; /*color:#232323;*/}

h2.ind{ margin-bottom:11px;}
h2.ind1{ margin-bottom:20px;}
h2.ind2{ margin-bottom:18px;}
h2.ind3{ margin-bottom:21px;}

h3{font-size: 15px; color:#3bb2d0;margin-bottom:11px;font-weight: bold;}
/*================================>> GOOGLE FONTS  <<========================================*/

/*================================>> hovers <<========================================*/
.sf-menu a, .sf-menu>li{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.button{
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}
/*********************************page*************************************/
p.blue{color:#3bb2d0;font-size: 13px; line-height: 19px;}

.commented{margin-bottom:12px;}
.commented>figure{width:218px;margin: 3px 0 0 2px;}

#tabs.tabs2 .ui-tabs-panel{text-align:left !important;padding: 23px 0 0 1px;}
#tabs.tabs2{border-bottom:none;padding:0;margin-bottom:0;}

.bd_none{border:none !important;}

.updates h3{margin-bottom:8px;}
.updates li{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px;}

.downloads{}
.downloads h3{margin-bottom:9px;}
.downloads li{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px;}

.downloads1{}
.downloads1>li{overflow: hidden;border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px;}
.downloads1>li>div{float: left;}
.downloads1 .description{width:460px;}
.downloads1 .weight{font-size: 18px; line-height: 22px; color: #232323;width:100px;text-align:center;}
.downloads1 .down_button{width:135px;text-align:center;}
.downloads1 .button{margin:4px 0 0;}
.downloads1 h3{margin-bottom:8px;}

.icon48{width: 48px; height: 48px; float: left;border: medium none; margin: 0 15px 0 0;}
.downloads1 .progtitle{color: #3BB2D0;font-size: 15px;font-weight: bold;}
.downloads1 .progtitle:hover{text-decoration: underline;color:#EA9617;}

.downloads1 .company{color: #3BB2D0;margin-right: 10px;}
.downloads1 .company:hover{text-decoration: underline;color:#EA9617;}

.select {
    background: none repeat scroll 0 0 #DEDEDE;
    border: medium double;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px 5px;
	margin-right: 18px;
}

.pagenav { margin-right: 20px;}
.subcat, .selecsubtcat { padding-left:25px; background: url("/images/listsubcat.gif") no-repeat scroll 10px 5px transparent;}
.selecsubtcat{background: url("/images/category_bullet_sel.gif") no-repeat scroll 7px 3px transparent;}
.selectcat, .selecsubtcat { font-weight: bold; color:#3BB2D0; }
.bread {color:#3BB2D0; }
.bread:hover { color:#EA9617; text-decoration:none;}

.downloadimg {
    background: url("/images/download.png") no-repeat scroll 0 0 transparent;
    color: #131313;
    display: inline-block;
    font-size: 24px;
    height: 85px;
    line-height: 56px;
    margin: 27px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 222px;
}

.prog_header a{text-decoration: underline;color:#3BB2D0;}
.prog_header a:hover{text-decoration: underline;color:#EA9617;}

.cardlink {text-decoration: underline;color:#3BB2D0;}
.cardlink:hover {text-decoration: underline;color:#EA9617;}

/****************************footer************************/
footer {padding:10px 26px 13px;background:#232323;margin-bottom:52px;}
footer, footer a{color:#aaaaaa;}

/****************************social************************/
#social {
    margin-bottom: 0px;
}
#social A {
    background: url("/images/social.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin: 0 2px;
    position: relative;
    top: 12px;
    width: 16px;
}
#social A.facebook {
    background-position: 0 0;
}
#social A.livejournal {
    background-position: -17px 0;
}
#social A.mail {
    background-position: -34px 0;
}
#social A.myworld {
    background-position: -51px 0;
}
#social A.twitter {
    background-position: -68px 0;
}
#social A.vkontakte {
    background-position: -85px 0;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main, .search_block{width:768px;}
 .ui-tabs .ui-tabs-panel .title, h3{font-size:12px;}
 .commented>div{overflow: visible;}
 .downloads1 .description{width:420px;}
 #flash1{width:100%;height:auto;margin-bottom:5px;overflow: hidden; position: relative;}
 .popular>div{overflow: visible;}
 #contact-form textarea, #contact-form input{width:92%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main, .search_block{width:420px;}
 .box{padding: 0 10px 0 10px;}
 header h1{float: none;margin: 0 0 0 20px;}
 header{padding: 30px 0 15px;}
#search{float: none;width:100%;}
#search input{width:371px;}
.downloads1>li>div{float: none;text-align:left !important;margin-top:5px;}
.news img, .news a{display:inline-block;width:100%;}
.news{padding: 0 10px;}
#contact-form textarea, #contact-form input{width:94%;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main, .search_block{width:300px;}
 #search input{width:251px;}
.ui-tabs .ui-tabs-nav li a {padding: 8px 13px 10px;}
#contact-form textarea, #contact-form input{width:91%;}
#map_canvas{height:200px;}
.reviews > li > figure{float: none;width:100%;text-align:center;}
.reviews > li > div{overflow: visible;}
.commented > figure {float: none;text-align:center;}
}
h1.a_black{
font-size: 30px;
padding-top: 12px;
}
.btndownload {
font-size: 13px;
font-weight: bold;
}
.btndownload a {
text-decoration: none;
color: #1389B7;
display: block;
margin-top: 7px;
}
.btndownload a:hover{
color: #EA9617;
}
.description img, #info img {
vertical-align: middle;
}
.main_table .cell {
padding-top:10px;
}
.main_table ul {
list-style-type:disc;
}
.main_table ul li{
margin-left: 25px;
}
.main_table h3 a {
color:#3bb2d0;
}