/*	start base rules	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* project definitions */
/* properties order: position, block, back, font */
/*
html, body {
    background: #FFFFFF;
    height: 100%;
    font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif;
    color: #4D4948;
}
*/
/*
* html .site {
    height: 100%;
}
*/
/*
.site {
    width: 1024px;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
}
*/
/*
#header {
    width: 1024px;
    margin: 0 auto;
    height: 110px;
    line-height: 18px;
}*/
/*
#header div.left  { position: absolute; top: 0px; left: 0px; margin-top: 20px; height: 90px; }
#header div.right { position: absolute; top: 0px; right: 0px; margin-top: 20px; height: 90px; text-align: right; }
#header ul li {  }
#header #logo { width: 420px;  height: 90px;  margin: 20px auto; }
*/
/*
.clearfloat {
    clear: both;
}
*/
/*
.empty {
    height: 50px;
}
*/
/*
#footer {
    background: #F6F5F5 url(../img/footer.jpg) bottom no-repeat;
    border-top: 1px solid #E0E0E0;
    position: relative;
    width: 100%;
    height: 100px;
    margin: -37px auto 0;
}
*/

html, body {
    background: #FFFFFF;
    height: 100%;
    font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif;
    color: #4D4948;
}

.site {
    width: 1024px;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    height: auto !important;
    height: 100%;
    /*background-color: red;*/
}
#header {
    width: 1024px;
    margin: 0 auto;
    height: 110px;
    line-height: 18px;
    position: relative;
}
/*******/
#header div.left  { position: absolute; top: 20px; left: 0px; height: 90px; }
#header div.right { position: absolute; top: 20px; right: 0px; height: 90px; text-align: right; }
/******/
#header ul li {  }
#header #logo { left: 290px; top: 20px; position: absolute; width: 420px;  height: 90px; }
.clearfloat {
    clear: both;
}

.empty {
    height: 110px;
}

#footer {
    background: #F6F5F5 url(../img/footer.jpg) bottom no-repeat;
    border-top: 1px solid #E0E0E0;
    position: relative;
    width: 100%;
    height: 99px;
    margin: -100px auto 0;
}



h1 { margin-bottom: 20px; font-size: 1.4em; font-weight: normal; }
h2 { margin-bottom: 15px; font-size: 1.2em; font-weight: normal; }
h3 { margin: 15px 5px; 10px; font-size: 20px; font-weight: bold; color: #aaaaaa;}
/*h3 { font-size: 1em; font-weight: normal; }*/

p, blockquote { line-height: 1.4em; margin: 5px 0 5px 0;}

#main { width: 100%; vertical-align: top; }

a { color: #4D4847; }

#tab_left0 {
    background: #FFFFFF url(../img/tab_left_0.jpg) no-repeat left;
    width: 142px;
    height: 25px;
    left: 0px;
    top: 109px;
    padding-top: 6px;
    position: absolute;
    float: left;
    text-align:center;  
    z-index: 1; 
}

#tab_left1 {
    background: #FFFFFF url(../img/tab_left_1.jpg) no-repeat left;
    width: 142px;
    height: 25px;
    position: absolute;
    left: 142px;
    top: 109px;
    padding-top: 6px;
    text-align:center;
    z-index: 1;
}

#tab_right0 {
    background: #FFFFFF url(../img/tab_right_0.jpg) no-repeat left;
    width: 142px;
    height: 25px;
    position: absolute;
    right: 142px;
    top: 109px;
    padding-top: 6px;
    text-align:center;  
    z-index: 1; 
}

#tab_right1 {
    background: #FFFFFF url(../img/tab_right_1.jpg) no-repeat left;
    width: 142px;
    height: 25px;
    position: absolute;
    right: 0px;
    padding-top: 6px;
    top: 109px;
    text-align:center;  
    z-index: 1; 
}

#tab_left0:hover, #tab_left0.active {
background: #FFFFFF url(../img/tab_left_0_active.jpg) no-repeat left;
}

#tab_left1:hover, #tab_left1.active {
background: #FFFFFF url(../img/tab_left_1_active.jpg) no-repeat left;
}

#tab_right0:hover, #tab_right0.active {
background: #FFFFFF url(../img/tab_right_0_active.jpg) no-repeat left;
}

#tab_right1:hover, #tab_right1.active {
background: #FFFFFF url(../img/tab_right_1_active.jpg) no-repeat left;
}

#slide{position: relative;}
/*
#slider {
    background: #F8F7F7;
    border: #D0D0D0 solid 1px;
    width: 1002px;
    margin-top: 23px;
    padding: 10px;
    text-align: justify;
    margin-bottom: 40px;
}
*/

#slider {
    background: #F8F7F7;
    border: #D0D0D0 solid 1px;
    width: 1002px;
    margin-top: 23px;
    padding: 10px;
    text-align: justify;
    margin-bottom: 40px;
}

#main #main-inner {
    margin: 10px 56px 54px 56px;
}

#main #main-inner h1{
margin-bottom: 30px;}

#next_cur {
    background: url(../img/next.jpg) 0 189px no-repeat;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0px;
    position: absolute;
    padding: 5px 0 0 0;
    cursor: pointer;
}
.next_title {
    width: 120px;
    height: 35px;
    top: 189px;
    position: absolute;
    padding: 5px 0 0 0;
    margin-left: 800px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

#prev_cur {
    background: url(../img/prev.jpg) 20px 189px no-repeat;
    width: 40px;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    padding: 5px 0 0 0;
    cursor: pointer;
}
.prev_title {
    width: 120px;
    height: 35px;
    top: 189px;
    position: absolute;
    padding: 5px 0 0 0;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

/*.prev a {
    text-decoration: none;
}*/

/*.next a {
    text-decoration: none;
}*/

#product_name {
    padding-top: 10px;
    color: #68B92E;
    font-size: 30px;
    font-weight: bold;
    width: 920px;
    height: 30px;
    text-align: center;
    
}

#product_image {
    height: 340px;
    margin: 10px 160px 0 160px;
    text-align: center;
}

#product_description {
    margin: 10px 160px 0 160px;
    height: 100px;
    text-align: justify;
    line-height: 18px;
    overflow: hidden;
}

#product_link {
    margin: 10px 160px 0 160px; 
    height: 110px;
    position: relative;
}

#more {
    /*background: url(../img/more.jpg) no-repeat top;*/
    top: 0px;
    /*padding-top: 92px;*/
    width: 92px;
    height: 20px;
    text-align: center;
    position: absolute;
}

#scrinshots {
    /*background: url(../img/screenshots.jpg) no-repeat top;*/
    top: 0px;
    margin-left: 256px;
    width: 92px;
    height: 20px;
    /*padding-top: 92px;*/
    text-align: center;
    position: absolute;
}

#buy {
    /*background: url(../img/buy.jpg) no-repeat top;*/
    top: 0px;
    margin-left: 512px;
    width: 92px;
    height: 20px;
    /*padding-top: 92px;*/
    text-align: center;
    position: absolute;
}

#events {
    width: 462px;
    padding-right: 50px;

}

#events h1 {font-size: 24px; font-weight: bold;}

#events h3 {
    font-size: 12px;
    margin-bottom: 5px;
}

#events p {
    margin-bottom: 20px;
}


#articles {
    width: 512px;
}


#articles h1 {
    font-size: 24px; font-weight: bold;
}

#articles h3 {
    margin-bottom: 10px;
}

#articles p {
margin-bottom: 10px;
}

#footer .contacts {
    width: 1024px;
    height: 70px;
    margin: 0 auto;
}

#footer .contacts #email {
    background: url(../img/email.jpg) no-repeat left;
    width: 341px;
    height: 70px;
    padding-left: 60px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;    
    vertical-align: middle;
}

#footer .contacts #email a{
	text-decoration: none;
}

#footer .contacts #phone {
    background: url(../img/phone.jpg) no-repeat 80px;
    width: 33%;
    height: 70px;
    padding-left: 60px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;    
    vertical-align: middle;
    text-align: center;
}

#footer .contacts #support {
    background: url(../img/support.jpg) no-repeat 120px;
    width: 33%;
    height: 70px;
    padding-left: 60px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    vertical-align: middle;
    text-align: right;
}

#footer .copyright { text-align: center; }

/* start solution-product-list rules */
.product-list { color:#000000; margin-bottom: 15px; width: 100%; }
.product-list .image, .description { vertical-align: top; padding: 15px 0 15px 0; }
.product-list .image { width: 160px; }
.product-list .description { padding-left: 40px; }
.product-list .description a { color: #000000 }
.product-list caption a { font-size: 24px; font-weight:bold; margin-bottom: 20px; text-decoration: none;}

.pl-desktop caption a { color:#64CE19; }
.pl-web caption a { color:#FF8906; }
.pl-corporate caption a { color:#E1607E; }
.pl-distributor caption a { color:#21a6f3; }

.product-list .description h2:hover { text-decoration: underline; }
/* end solution-product-list rules */


/* Конец основной верстки 14/04/2010 Alexandr */



/*Далее css взят из кода Гусакова Павла
* модифицировать при необходимости
*/

/* project definitions */
/* properties order: position, block, back, font */

.separator { clear: both; }
.pad { height: 20px; }

.btn50 { width: 50px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn50x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.btn100 { width: 100px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn100x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.btn150 { width: 150px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn150x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.btn200 { width: 200px; height: 19px; padding: 0 0 1px; border: 0; background: #a1a1a1 url(../img/btn200x19.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }

table.form tr td { vertical-align: top; padding: 5px 10px 5px 0; }
table.form tr td.label { font-weight: bold; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 1.1em; color: #e4dfd6; }

input.text, input[type="text"], 
input.password, input[type="password"], 
input.file, input[type="file"], 
textarea, select { border-top: solid 1px #a1a1a1; border-right: solid 1px #d4d4d4; border-bottom: solid 1px #d9d9d9; border-left: solid 1px #d4d4d4; background: #f9f9f9; /*#d9d9d9;*/ color: #000000; }

select.narrow { width: 100px; }
select.medium { width: 200px; }
select.wide { width: 350px; }
select.max { width: 100%; }
input.small { width: 70px; }
input.normal { width: 200px; }
input.wide { width: 350px; }
input.max { width: 100%; }
textarea.wide { width: 350px; }
textarea.max { width: 100%; }

.div { border: solid 1px green; }

#wallet_menu { xheight: 100%; line-height: 1.8em; text-align: center; font-size: 100%; 
                font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #000000; }

#site { margin: 0 auto; padding: 0 0 30px; text-align: center; position: relative; height: auto !important; vertical-align: top; font-size: 1em; width: 100%; }

#main-container { text-align: center; width: 918px; margin: 0 auto; }

#main { margin-top: 5px; width: 100%; border-top: solid 1px #ffffff; xbackground: pink url(../img/content_vert.jpg) repeat-x top left; vertical-align: top; }
.xhomemain { margin-top: 0 !important; }
.xhomemaininner { background: #ffffff url(../img/contenthome_vert.jpg) repeat-x top left !important;  text-align:left;}


/*Конец кода Гусакова Павла*/
/*	end base rules	*/


table.list tr th, table.list tr td  { padding: 5px 10px; vertical-align: middle; line-height: 1.2em; }

table.list tr th  { text-align: left; background-color: #d5954b; color: #ffffff; }
table.list tr th.center { text-align: center; background-color: #d5954b; color: #ffffff; }
table.list tr th.right { text-align: right; background-color: #d5954b; color: #ffffff; }

table.list tr td                { border-bottom: solid 1px #d5954b; }
table.list tr td.center  { text-align: center; border-bottom: solid 1px #d5954b; }
table.list tr td.right    { text-align: right; border-bottom: solid 1px #d5954b; }


/*	start cms navigation rules	*/
.navnode  { padding: 10px }
.navnode  .title { font-size: 1.1em; font-weight: bold; margin-bottom: 5px;}
.navnode  .actions { margin-top: 5px;}

.navlevel1	{}
.navlevel2	{margin-left: 20px}
.navlevel3	{margin-left: 40px}
.navlevel4	{margin-left: 60px}
.navlevel5	{margin-left: 80px}
.navlevel6	{margin-left: 100px}
/*	end cms navigation rules	*/


/*  start news rules  */
#news_navigation  { }
#news_navigation  #years {margin: 10px 0;}
#news_navigation  #years div  {padding: 7px; float: left;}
#news_navigation  #years div.active  { background-color: #848484; }
#news_navigation  #years div.active  a { color: #E0E0E0; }

#news_navigation  #monthes {margin: 10px 0; }
#news_navigation  #monthes div  {padding: 7px; float: left;}
#news_navigation  #monthes div.active  {background-color: #848484; }
#news_navigation  #monthes div.active  a { color: #E0E0E0; }
/*  end news rules	*/


/*	start comments rules	*/
.level0 {}
.level1 {margin-left: 20px}
.level2 {margin-left: 40px}
.level3 {margin-left: 60px}
.level4 {margin-left: 80px}
.level5 {margin-left: 100px}
.level6 {margin-left: 120px}
.level7 {margin-left: 140px}
/*	end comments rules	*/


/*	start blog rules	*/
.blogpost { margin-bottom: 20px;}
.blogpost .source { padding: 5px 0; }
.blogpost .tags { padding: 5px 0; }
.blogpost .author{ padding: 5px 0; }

.lbl_partner { background:url(/img/icons/user.png) no-repeat 0 1px; padding: 2px 0 2px 20px; line-height: 18px; }
.lbl_partner a { font-weight: bold !important; text-decoration: none !important; }

a.post_title { margin-bottom: 10px; font-size: 1.2em; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #5c5c5c; text-decoration: none; padding-bottom:5px;}
/*	end blog rules	*/


/*	start news band rules	*/
#news_band .news_item  { margin-bottom: 30px; }
#news_band .news_item .date { font-size: 1em; line-height: 1.2em; padding-bottom: 5px;}
#news_band .news_item .title { line-height: 1.2em; padding-bottom: 5px; font-size: 1.1em; }
#news_band .news_item .text { line-height: 1.2em; padding-bottom: 0px; font-size: 1.1em; }
/*	end news band rules	*/


/*	start comments rules	*/
.commentheader {padding-bottom: 5px}
.commenttitle {padding-bottom: 5px}
/*	end comments rules	*/


/* start out messages */
div.messages { z-index: 100; position:fixed; top:10px; right: 10px; width: 350px; -moz-border-radius: 4px 4px 4px 4px; padding: 5px; background-color: #EEEEAA; border: 1px solid #AAAA66;}
div.messages .error {position:relative; width: 330px; padding: 3px 0 3px 0; background: #FFEEEE url('/img/icons/no.png') no-repeat center left; margin-top: 5px; padding-left:20px;}
div.messages .ok {position:relative; width: 330px; padding: 3px 0 3px 0;  background: #FFEEEE url('/img/icons/yes.png') no-repeat center left; margin-top: 5px; padding-left:20px;}
div.messages .warning {position:relative; width: 330px; padding: 3px 0 3px 0;  background: #FFEEEE url('/img/icons/no.png') no-repeat center left; margin-top: 5px; padding-left:20px;}
/* end out messages */


/*	start pager	rules	*/
div#pager { margin: 10px 0; }
div#pager ul { }
div#pager ul li { display: inline; list-style: none; font-size: 1em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
div#pager ul li.back, div#pager ul li.next { }
div#pager ul li.active { font-size: 1em; font-weight: bold; }
div#pager ul li a.pager { margin: 0 10px; }
/*	end pager rules	*/



/* start picture rules */
.floats { margin: -3em 0 0 -1em; position: relative; display: inline-block; clear: both; }
.floats:after { content: ''; display: block; clear: both; }
.floats .user { margin: 3em 0 0 1em; }
.floats .user { position: relative; display: inline; overflow: hidden; }
.floats .user .desc { position: absolute; top: 0; left: 0; }
.floats .user .min { margin: 0 0 100px 0; height: 7em; width: 100px; }
/*.floats */.user { float: left; width: 9.5em; min-width: 100px; }
/*.floats */.user .desc { width: 100%; }
/*.floats */.user .desc .name { font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000000; }
/*.floats */.user .desc .info { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em;}

.block { margin-bottom: 20px; }
/* start picture rules */


/**************/
#solution_menu { width: 100%; text-align: center; float: left; }
#solution_menu ul { display: table; width: auto; margin: 0 auto;}
#solution_menu ul li { text-align: center; float:left; margin: 10px; padding: 5px}
/*#solution_menu ul li.active {background: url('/img/btn_solutionmenu.png') no-repeat center left;}*/
#solution_menu ul li.active { background: #d0d0d0; }
#solution_menu ul li a, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4946; text-decoration: none;}
/*#solution_menu ul li:hover {background: url('/img/btn_solutionmenu.png') no-repeat center left;}*/
#solution_menu ul li:hover { background: #e0e0e0; }

div.solution-title { font-size: 24px; font-weight:bold; color:#64CE19; width: 100%; text-align: center; margin-bottom: 10px;}

#solution_view ul  { display: block; padding: 0;}
#solution_view ul  li { display: block; marker: outside; padding: 5px 0 5px 0; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; }