html {height: 100%;}
body, 
#Kxo-Main{
    padding: 0px; margin: 0px;
    height: 100%;
    min-height: 100%; 

}
body{
    font-family: Tahoma, sans-serif; 
    color: #252525;
    font-size: 11px;
    background: url("images/background.jpg") repeat-x #ffffff;

}
h2 {font-size: 18px; font-family: Tahoma; font-weight: 400; line-height: 1.4em;  margin-bottom: 10px; //margin-bottom: 0; padding-bottom:0; margin-top: 0; padding-top: 5px;}
/* Глобально меняем только цвет ссылок */
A {color: #252525; text-decoration: underline}
A:hover {color: #252525; text-decoration: none}

submit {border: 1px solid #ddd; font-size: 11px; color: #000; background: #eee}

#Kxo-Main{
    display: block; position: relative;
    height: auto !important;
    //height: 100%;
    margin: 0px auto;
    background: #ffffff;
}

#Kxo-Footer, 
#Kxo-Wrapper {
    display: block; position: relative;  
    clear: both; overflow: hidden;
    height: 85px; width: 100%;
    padding: 0px; margin: 0px;
}
#Kxo-Footer {margin: -85px auto;}

#Kxo-Main,
#Kxo-Footer, 
#Kxo-Wrapper {width: 979px;}






br.clear {clear: both; line-height: 0px;}






/* Слой отступ */

#Kxo-Canvas,
#Kxo-Footer .f-content{
   display: block; position: relative;
   width: 900px;
   margin: 0px auto;
   overflow: hidden;  
}
#Kxo-Footer .f-content{
    height: 84px; border-top: 1px solid #ededed; paddig-top: 5px
}











/* Декорация справа и слева от главного слоя */

#Kxo-Dekor-Left,
#Kxo-Dekor-Right{
    display: block; position: absolute;
    overflow: hidden;
    width: 20px; height: 100%;
    top: 0px;
    margin: 0px;
}

#Kxo-Dekor-Left{
    right: 100%;
    margin-left: -100%;
    background: url("images/background-left.jpg") no-repeat;
    

}
#Kxo-Dekor-Right{
    left: 100%; margin-top: 20px;
    margin-right: -100%;
    background: url("images/background-right.jpg") no-repeat red;
    
}

















.kxo-table-logo {
    width: 100%;
    height: 94px;
    position: relative;
}
.kxo-table-logo td {vertical-align: middle; text-align: center;}
.kxo-table-logo td a.one{
    display: block; position: relative;
    cursor: pointer;
    border: 0px;
    margin: auto;
}

.kxo-table-logo td.logo img {border: none}
.kxo-table-logo td.logo {width: 285px;}
.kxo-table-logo td.logo a.one{
    width: 286px; height: 69px;
  }


.kxo-table-logo td.home {width: 8%;}
.kxo-table-logo td.home a.one {
    width: 11px; height: 9px;
    background: url("images/home.png") no-repeat;   
}
.kxo-table-logo td.mail {width: 5%; text-align: left;}
.kxo-table-logo td.mail a.one {
    width: 10px; height: 7px;
    margin: 0px;
    background: url("images/mail.png") no-repeat;   
}

.kxo-table-logo td.menu {text-align: left;}
.kxo-table-logo td.menu,
.kxo-table-logo td.menu a:LINK,
.kxo-table-logo td.menu a:VISITED{
    color: #959595;
    text-decoration: none; 
    font-size: 1em;
}
.kxo-table-logo td.menu a{
    padding: 0px 13px 0px 17px;
    letter-spacing: normal;
    background: url("images/ul.png") 0px 3px no-repeat;
}


.kxo-table-logo td.menu a:HOVER{
    text-decoration: underline;
}

















/* Меню */
.kxo-menu-top{
    display: block; position: relative; 
    margin: 0px 0px 15px 0px; padding: 0px; 
    width: 100%; height: 35px; 
    font-size: 1em;
    overflow: hidden;
}


.kxo-menu-top a:LINK,
.kxo-menu-top a:VISITED,
.kxo-menu-top a:HOVER{
    padding: 0px;   
    font-size: 0.9em; color: #000; text-decoration: none;
    overflow: hidden;
}

.kxo-menu-top a.first {background: none;}
.kxo-menu-top .line-top {
    display: block; position: relative; 
    height: 2px;
    margin: 0px 17px 0px 15px;
    padding: 0px;
    overflow: hidden;
    background: url("images/menu-top/line.png");
}


.kxo-menu-top table {width: 100%; height: 30px; position: relative;} 
.kxo-menu-top td {
    text-align: center; vertical-align: middle; 
    background: url("images/menu-top/background.png") center repeat-x;
}
.kxo-menu-top td:HOVER{
    background: url("images/menu-top/background-hover.png") center repeat-x;
}
.kxo-menu-top td:HOVER a{
    color: maroon;
    background: none;
}
.kxo-menu-top td.delim {
  background: url("images/menu-top/delim.png") center center no-repeat ;
  width: 2px;
}

.kxo-menu-top td.first {
  width: 15px;
  background: none;
}
.kxo-menu-top .img-left{
    display: block; position: absolute;
    left: 0px; top: 1px;
    width: 15px; height: 35px;
    overflow: hidden;
    background: url("images/menu-top/left.png") center repeat-x;
    //background: none;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/kxo-main/images/menu-top/left.png', sizingMethod='scale')      
    
}
.kxo-menu-top td.last {
  width: 17px;
  background: none;
}

.kxo-menu-top .img-right{
    display: block; position: absolute;
    right: 0px; top: 1px;
    width: 17px; height: 35px;
    background: url("images/menu-top/right.png") center repeat-x;
    overflow: hidden;
    //background: none;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/kxo-main/images/menu-top/right.png', sizingMethod='scale')      
}

.kxo-menu-top .line-bottom {
    display: block; position: relative; 
    height: 4px;
    margin: 0px 17px 0px 15px;
    overflow: hidden;
    background: url("images/menu-top/bottom.png");
}





.kxo-block,
.kxo-block .body,
.kxo-block .body-canvas,
.kxo-block .body-canvas-100,
.kxo-block .body-margin,
.kxo-block .head,
.kxo-block .head .top,
.kxo-block .head .top .full,
.kxo-block .head .title .full{
    display: block; position: relative;
}

.kxo-block .head {width: 100%}
.kxo-block .head .top,
.kxo-block .head .title,
.kxo-block .body {
    border: 1px solid #e5e5e5;
}

.kxo-block .head .top {
    height: 13px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 0px 15px;
    
    
}
.kxo-block .head .img-left,
.kxo-block .head .img-right{
    display: block; position: absolute;
    width: 15px; height: 14px;
    top: 0px;   
    overflow: hidden;
}
.kxo-block .head .img-left{
    left: 0px;
    background: url("images/block/top-left.png") no-repeat;
}
.kxo-block .head .img-right{
    right: 0px;
    background: url("images/block/top-right.png") no-repeat;
}
.kxo-block .head .title .full,
.kxo-block .head .top .full{
    background: #f7f7f7;
    overflow: hidden;
}
.kxo-block .head .top .full{
    margin: 1px 0px 0px 0px;
    height: 12px;    
}
.kxo-block .head .title{
    height: 24px;
    border-bottom: none;
    border-top: none;   
}
.kxo-block .head .title .full{
    margin: 0px 1px 0px 1px;
    height: 23px;

}
.kxo-block .head .title .full h2{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    color: #525252;
}

.kxo-block .head .title .full h1{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    color: #525252;
}
.kxo-block .body-canvas-100 {width: 100%; overflow: hidden;}

.kxo-block .body-margin{
    margin: 12px 18px;
}

.kxo-block .head .title .full .body-margin{
    margin: 0px 17px;
}
.kxo-block .head .title .full .body-canvas-100{
    height: 23px;

}















.kxo-titul-page-left{
    float: left;
    width: 60%;
}
.kxo-titul-page-right{
    float: right;
    width: 28%;
    margin-bottom: 10px;
}



.kxo-dalee {display: block; position: relative;
    height: 25px; width: 95px;
}











.kxo-daga, 
.kxo-grav,
.kxo-pantera,
.kxo-podar {
    display: block; position: relative;
    width: 627px; height: 372px;
    background: url("images/daga.jpg") left top white;
    overflow: hidden;
    margin: 0px 0px 10px 0px;    
}

.kxo-pantera h3{
    margin: 0px 0px 5px 0px;
    font-size: 14px;
}
.kxo-pantera h3 a{
  color: #fff
}



.kxo-grav{
    background: url("images/grav.jpg") left top white;   height: 342px;
}

.kxo-pantera{
    background: url("images/pantera.jpg") white;  
}
.kxo-podar{
    background: url("images/podarki.jpg") left top white;
    height: 301px;
}

.kxo-podar .text,
.kxo-grav .text,
.kxo-pantera .text,
.kxo-daga .text{
    display: block; position: relative;
    margin: 0px 20px 35px 330px; 
    padding-top: 80px;
    font-size: 1.1em;
    color: white;

}
.kxo-pantera .text{
    display: block; position: relative;
    margin: 0px 20px 20px 250px; 
    padding-top: 80px;
    font-size: 1.1em;
    color: white;

}


.kxo-podar .text{
    margin: 0px 20px 20px 330px; padding-top: 70px;

}
.kxo-grav .text {padding-top: 20px; font-size: 11px; margin-left: 315px; margin-right: 25px;  line-height: 1.5em; font-family: Tahoma; }
.kxo-daga .text {padding-top: 20px; font-size: 11px; margin-left: 315px; margin-right: 25px;  line-height: 1.5em; font-family: Tahoma;}
.kxo-podar .text {padding-top: 20px; font-size: 11px; margin-left: 315px; margin-right: 15px;  line-height: 1.5em; font-family: Tahoma;}
.kxo-pantera .text {padding-top: 60px}


.plategki {position: absolute; left: 650px; top: 13px; font-size: 10px; color: #aaa;}
.plategki  a {color: #aaa}
.plategki .floats {float: left;  margin-top: 0px; margin-right: 10px}


.kxo-daga a, 
.kxo-grav a,
.kxo-pantera a,
.kxo-podar a {color: #fff; text-decoration: none}

.kxo-daga a:hover, 
.kxo-grav a:hover,
.kxo-pantera a:hover,
.kxo-podar a:hover {text-decoration: underline}




.center img {border: 0}
.center a img {border: 0}

.center {width: 900px; height: 437px; position: relative; margin-bottom: 20px;  background: url(/images/index/background.gif) no-repeat; font-family: Tahoma; }
.center .example { position: absolute; left: 20px; top: 390px; font-weight: 400; font-size: 11px; }
.center img {width: 900px; height: 366px}
#thumbnail {overflow: auto; 	float: left; 	list-style: none; 	margin-top: 0px; position: absolute; left: 45px; _left: 0; top: -2px; width:  800px; 	margin-left: 16px; 	_margin-left: 8px;   padding:5px  5px }
#thumbnail li {	float: left; margin-left: 10px; padding-top: 10px 	}
#thumbnail a {	display: block; } 
#thumbnail img {width: 66px; height: 47px}
#tab { padding: 0px; position: relative;  font-size: 1.2em; line-height: 1.5em; color: #c4c4c4; width: 980px; }
#tab .ui-tabs-nav { list-style: none; margin: 2px 0 0 40px; padding: 0;  position: relative; }
#tab .ui-tabs-panel {padding:  0;   display: block; border: 0; }
#tab .ui-tabs-hide { display: none !important; }
#tab  .ui-tabs-nav li.ui-tabs-selected {   background: url(/images/index/strel.gif) center top no-repeat;    }
#tab  .ui-tabs-nav li.ui-tabs-selected a { border: none; margin: 0; padding: 0  }
#tab .ui-tabs-nav li a:focus, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:focus { outline: none; }


.item-c {width: 360px;  position: absolute; left: 500px; top: 45px;}
.item-c .heads {font-size: 18px; }
.item-c .heads a {color: #fff}
.item-c p {color: #fff; font-size: 11px; font-family: Tahoma; margin: 10px 0; line-height: 1.3em;}
.item-c span {font-size: 11px; font-weight: 700}

.item-c2 {width: 350px;  position: absolute; left: 550px; top: 45px;}
.item-c2 .heads {font-size: 18px; }
.item-c2 .heads a {color: #fff}
.item-c2 p {color: #fff; font-size: 11px; font-family: Tahoma; line-height: 1.3em; margin: 10px 0;}
.item-c2 span {font-size: 11px; font-weight: 700}


.arhiv {position: absolute; font-size: 11px; top: 5px; right: 5px; ;font-family: Tahoma}
 .arhiv a {text-decoration: none; color: #7d7d7d}


.body-canvas-100 .h2 { font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    color: #525252;}