/* v1.0 | 20080212 */

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, 
fieldset, form, label, legend,
caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
body {
    line-height: 1;
}
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;
}

/* s still need 'cellspacing="0"' in the markup */



.clear { font-size: 0pt; clear: both; }

body {
	color: #000;
	font: 11px/16px Tahoma, Verdana, sans-serif;
}

a {
 color: #fcfcd5;
 text-decoration: underline;
}
a img {
 border: none;
}
    a:hover {                                                                                                                  
        text-decoration: none;
    }
html, body {
    min-height: 100%;
    height:100%;
}
/*------ basic markup ------*/
    .g_wall {
        background: #002442 url('../images/wall.jpg') right 0px repeat-x;    
        min-width: 1000px;
        min-height: 100%;
        _height: 100%;
    }
    .g_all {
        background: url('../images/shadow.png') 0px 0px no-repeat;    
        min-width: 1000px;
    }
    .g_all .g_container { 
        min-height: 100%; 
        _height: 100%; 
                
    }
        .g_all .g_container .g_wrap {
            padding-bottom: 150px; 
        }
            .g_all .g_container .g_wrap .g_wrapper { 
                float: right; 
                width: 100%; 
            }
    .g_footer { 
        position: relative; 
        height: 101px; 
        margin-top: -101px; 
        _margin-top: -101px;     
        min-width: 1000px;    
        
        background: url('../images/background-footer.gif') 0px 0px repeat-x;
        
    }

    .chear {
        background: url('../images/sprite2.jpg') right top no-repeat;
    }

/*------ header ------*/
    .picture { 
        width: 208px;
        height: 168px;
        top: 35px;
        margin: auto;
        position: absolute;
        z-index: 11;
        left: 40%;
        background: url('../images/pic.png') 0px 0px no-repeat;
    }  
    ul.menu {
        position: absolute;
        z-index: 13;
        left: 48px;
        list-style: none;
        width: 800px;
        margin: 0;
        padding: 0;
        top: 262px;
    }
        ul.menu li {
            float: left;
            color: #fcfcd5;
            text-align: left;
            margin-right: 30px;
        }
            ul.menu li  a { 
                color: #fcfcd5;    
                text-align: left;
                font-size: 12px;
            }
                ul.menu li  a:hover { 
                    text-decoration: none;
                }
        
    .picture2 { 
        width: 208px;
        height: 168px;
        top: 35px;
        margin: auto;
        z-index: 11;
        position: absolute;
        z-index: 11;
        left: 40%;
        background: url('../images/pic2.png') 0px 0px no-repeat;
    }
    .logo {
        position: absolute;
        top: 46px;
        left: 34px;
        z-index: 2;
    }
        .g_header .middle-wall {
            height: 37px;
            width: 100%;
            position: absolute;
            top: 253px;
            left: 0px;
        }
        .icons {
            left: 0px;
            top: 195px;
            position: absolute;
            width: 300px;
            z-index: 10;
        }
        .icons ul li {
                    width: 26px;
                    height: 26px;
                    list-style: none;
                    float: left;
                    margin-right: 35px;
                    display: block;
                }
               .icons ul li a {
                        width: 21px;
                        height: 21px;
                        float: left;
                        display: block;
                        text-decoration: none;
                    }
                    .icons ul li a:hover {
                            
                        }
                    .icons .home a {
                            background: url('../images/icons.gif') 0px 0px  no-repeat;
                        }
                    .icons .mail a {
                            background: url('../images/icons.gif') -52px 0px  no-repeat;    
                        }
                    .icons .map a {
                            background: url('../images/icons.gif') -106px 0px  no-repeat;
                        }
                    .icons .print a {
                            background: url('../images/icons.gif') -158px 0px  no-repeat;
                        }
                        
                    .icons .home a:hover {
                            background: url('../images/icons.gif') 0px -21px  no-repeat;
                        }
                    .icons .mail a:hover {
                            background: url('../images/icons.gif') -52px -21px  no-repeat;    
                        }
                    .icons .map a:hover {
                            background: url('../images/icons.gif') -106px -21px  no-repeat;
                        }
                    .icons .print a:hover {
                            background: url('../images/icons.gif') -158px -21px  no-repeat;
                        }
                        
/*------ content ------*/
          
.g_content {
    margin-top: 322px;
    margin-left: 29px;
    margin-right : 329px;
    color: #fcfcd5;
    
    min-height: 320px;
    _height: 320px;
    
}
    .g_content {
        background: url('../images/ccc.png');
    }
    .g_content .inner_div {
        padding: 14px 14px;
    }
    .g_content  ul.sub_menu2 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 10px;
        list-style: none;
    }
        .g_content  ul.sub_menu2 li {
            padding-left: 15px;
            background: url('../images/treg.gif') 0px 8px no-repeat;
        }
        .g_content  ul.sub_menu2 li.sactive {
            background: url('../images/treg-a.gif') 0px 8px no-repeat;
        }
            .g_content  ul.sub_menu2 li.sactive a { 
              color: #ccc;
              text-decoration: none;
            }
                .g_content  ul.sub_menu2 li.sactive a:hover {
                    text-decoration: underline;
                } 
.g_content[class] {
    
}
    .g_content h1 {
        font-size: 18px;
        font-weight: bold;
    }
        .g_content hr {
            height: 1px;
            margin-left: -11px;
            margin-right: -11px;
            background: #fcfcd5;
            color: #fcfcd5;
            border: none;  /*В FireFox, Opera, Konqueror, Safari рамка убирается*/
            border-collapse: 0;
            outline: none;
        }
        
    .g_content_back {
         position: absolute;
         top: 319px;
         z-index: 0;
    }
    .g_content_back div {
         filter: alpha(opacity=40);
         
         background: black;
         
         height: 100%;
         margin-left: 26px;
         
         margin-right: 325px;
     }  

                        
/*------ footer ------*/
.g_footer {
    
}
    .copy {
        text-align: center;
        color: #fdf5b3;
        font-size: 11px;
    }
    .web-axioma {
        position: absolute;
        left: 11px;
        bottom: 10px;
        width: 200px;
        font-size: 12px;
        text-decoration: none;
        display: block;
        height: 55px;
        line-height: 12px;
        background: url('../images/sprite.jpg') 0 0 no-repeat;
        padding: 10px 0px 0px 50px;
    }
    .web-axioma .ll1 {
        color: #fdf5b3;
    }
    .web-axioma .ll2 {  
        text-decoration: underline;        
        color: #ffa800;
    }
    .web-axioma .ll2:hover {
        text-decoration: none;        
        color: #ffa800;
    }
    .telephone {
        position: absolute;
        width: 130px;
        text-align: right;
        color: #fdf5b3;
        right: 87px;
        bottom: 22px;
    }
        .telephone span {
            font-weight: bold;
            font-size: 19px;
            line-height: 20px;
        }
        .telephone sup {
            font-size: 11px;
        }
/* form */
.normal-form {
 border: solid 1px black;
 background-color: #00213e;
 margin: 20px; 
 padding: 20px;
}

.normal-form input, textarea, select {
 border: solid 1px black;
 font-family: Verdana;
 font-size: 10px;
  /*background-color: #b1aeae;  */
 }
 .normal-form input.sys-form-invalid, .normal-form textarea.sys-form-invalid  {
    background: white url('../images/sys/invalid_line.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}
 
/*   */
.key {
    position: absolute;
    right: 120px;
    top: 235px;
    z-index:20;
}

/*calendar */
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}
a.dp-choose-date {
    float: right;
    
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    margin-top: -18px;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('../images/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}


/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
      color: black;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #003C78;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      color: black;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
     
           
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
         
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }
        
#slideshow {
    position:relative;
    height:169px;
    display: none;
}

#slideshow DIV {
    position:absolute;
    top:22px;
    left:22px;
    z-index:30;
    opacity:0.0;
    height: 124px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:40;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:31;
}

#slideshow DIV IMG {
    height: 124px;
    display: block;
    border: 0;
}