html {
    font-size:100.01%;
}
/* reset */
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,hr,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfont,thead,tr,th,td{border:none;font-family:inherit;font-size:100%;margin:0;outline:none;padding:0;vertical-align:baseline}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6{font-weight:normal}textarea,input,select{font-family:inherit;font-size:1em}blockquote,q{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:'';content:none}ol,ul{list-style:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left}:focus{outline:none}
html,
body {
    height:100%;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    background: #c8e3ef;
}
#page {
    position:relative;
    min-height: 100%;
    font-size: 0.8em;
}
* html body #page {
    height: 100%
}
    #head {
        padding-top: 25px;
        width: 100%;
        background: #31569b;
    }
        #head .logotip {
            background: url("grad2-logo.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/grad2-logo.png*/) repeat-x;
            height: 120px;
            border-top: 1px solid #98aeb9;
            border-bottom: 1px solid #98aeb9;
        }
        #head .logotip img {
            margin-left: 15%;
        }
        #head .mainmenu-container {
           height: 30px;
           background: url("fon-mainmenu.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/fon-mainmenu.png*/) repeat-x;
        }
        #head ul.panel-mainmenu {
            text-transform: uppercase;
            font-size: 1.17em;
            width: 1000px;
            margin: 0 auto;
        }
            #head ul.panel-mainmenu li {
                float: right;
                height: 20px;
                padding: 5px 25px;
                background: url("border-mainmenu.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/border-mainmenu.png*/) no-repeat 0 0;
            }
            #head ul.panel-mainmenu li.last-line {
                width: 2px;
                padding-right: 0;
                padding-left: 0;
                background: url("border-mainmenu.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/border-mainmenu.png*/) no-repeat 0 0;
            }
            #head ul.panel-mainmenu a {
                text-decoration: none;
                color: #00b6ca;
                font-weight: bold;
            }
            #head ul.panel-mainmenu a:hover,
            #head ul.panel-mainmenu span {
                color:#fff;
            }
        #head .gray-line {
            height: 7px;
            background: url("gray-line.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/gray-line.png*/) repeat-x;
            font-size:0;
        }
    .clr {
        clear: both;
    }
    #container {
        background: #c8e3ef;
        width: 1000px;
        margin: 0 auto;
        padding: 0 0 50px;
    }
    .inside-wrapper {
        border: 1px solid #b1e0f8;
    }
        #container .side-bar {
            width: 230px;
            padding-top: 10px;
            float: left;
        }
            #container .side-bar li {
                width: 225px;
            }
            #container .side-bar .menu li {
                border: 1px solid #426aa7;
                margin-bottom: 10px;
                font-size: 1.3em;
                font-weight: 700;
                background: url("grad-menu.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/grad-menu.png*/) repeat-x;
            }
                #container .side-bar .menu .inside-wrapper {
                    text-transform:uppercase;
                    line-height:1;
                }
                #container .side-bar .menu a {
                    color: #fff;
                    text-decoration: none;
                    margin: 3px 5px 3px 10px;
                    display: block;
                }
            #container .side-bar .menu ul.podmenu {
                background: #b1e0f8;
            }
            #container .side-bar .menu .podmenu li {
                border: none;
                font-size: 0.75em;
                text-transform: none;
                margin: 1px 0 0 0;
                width: 223px;
                border-bottom: 1px solid #76b1d0;
                font-weight: 400;
                background: #91c6e0 url("grad2-podmenu.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/grad2-podmenu.png*/) repeat-x;
                padding: 0;
            }

                #container .side-bar .menu .podmenu a {
                    color: #000;
                    padding: 3px 5px 2px 10px;
                    margin:0;
                    display:block;
                    width: 205px;
                }
                #container .side-bar .menu .podmenu a:hover {
                    color:#fff;
                }
        #container .content {
            float: right;
            width: 750px;
            padding-top: 10px;
            overflow: hidden;
        }
            #container .cont .inside-wrapper {
                padding: 20px;
            }
            #container .content .h1 {
                border: 1px solid #426aa7;
                margin-bottom: 10px;
            }
            #container .content h1 {
                text-transform: uppercase;
                font-size: 1.5em;
                font-weight: 700;
                padding: 10px 0;
                text-align: center;
               background: #b5daec url("grad-h1.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/grad-h1.png*/) repeat-x;
            }
            #container .content .cont {
                background: #b3cbd6 url("fon-content.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/fon-content.png*/) repeat-x;
                border: 1px solid #426aa7;;
                line-height: 1.5;
            }
            #container .content .delimiter {
                padding: 10px;
            }
            #container .content .cont h2 {
                margin-bottom: 5px;
                font-weight: bold;
                font-size: 1.2em;
            }
            #container .content .cont strong {
                font-weight: bold;
            }
            #container .content img {
                float: right;
                margin-right: 20px;
                border: 1px solid #426aa7;
            }
            #container .content p {
                margin: 0 0 15px;
                text-ident: 15px;
            }
            #container .content ul {
                margin: 45px 0 45px 55px;
                text-transform: uppercase;
                font-weight: 700;
            }
                #container .content ul li {
                    margin-bottom: 1px;
                }
                    #container .content a {
                        color: #000;
                        text-decoration: none;
                    }

            #container .content ul.std {
                list-style: disc;
                margin: 0;
                text-transform: none;
                font-weight: 400;
                margin: 5px 0 5px 20px;
            }

            #container .content ul {
                margin: 45px 0 45px 55px;
                text-transform: uppercase;
                font-weight: 700;
            }
                #container .content ul li {
                    margin-bottom: 1px;
                }

    #container .content .pager {
        margin: 10px 0;
        text-align: center;
    }
        #container .pager li {
            display: inline;
            margin: 0 5px;
        }
            #container .pager li.arrow {
                font-size: 1.6em;
            }
                #container .pager li.arrow a {
                    text-decoration: none;
                }
        #container .pager a {
            text-decoration: underline;
        }

        #container .pager a:hover {
            text-decoration: none;
        }

#footer {
    background:#305599 url("footer_bg.png"/*tpa=http://www.elex-med.ru/images/elex-med.ru/footer_bg.png*/) repeat-x 0 0;
    height: 32px;
    width: 100%;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
}
    #footer .foot-content {
        margin: 0 auto;
        width: 1000px;
        padding: 7px 0 0;
        text-align:right;
    }

    #footer .foot-content a {
        color: #fff;
        text-decoration: none;
    }

        #footer .foot-content a:hover {
            text-decoration: underline;
        }