* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #F0F0F0;
    font:11px verdana;
    color:#696969;
} 


#wrapper {
    margin:0 auto;
    background-color: #ffffff; 
    min-width: 650px;  /* мінімальна ширина сайта */
    max-width: 1200px;  /* максим ширина сайта */ 
    width: 998px;
    position: relative;
     
}

#header {
    background-image: url("../images/vdpu.jpg");
    width: 998px;
    height: 288px;
    float: top;
    outline: 0 solid #cc0000;
}

#sidebarL {
    width: 200px;
    height: auto;
    float: left;
    outline: 0 solid #333333;
    padding: 15px;
    
}

#content {
    outline: 0 solid #333333; 
    margin: auto 235px;
    width:730px; 
    padding: 15px;
}

#footer {
    height:77px;
    background-color:#E1E1E1;
    margin-bottom:12px;
}

.footer-left {
    float: left;
    line-height: 19px;
    width: 230px;
}
.footer-right {
    float: right;
    text-align: right;
    width: 230px;
}

.example {
    position:relative;
    background:#fff url(../images/background.jpg);
    width:520px;
    height:382px;
    border:1px #000 solid;
    margin:20px auto;
    padding:15px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* стили меню */

.nav,.nav ul {
    list-style:none;
    margin:0;
    padding:0;
    z-index: 1000;
}

.nav {
    position: absolute;
    position: fixed; 
    top: 0px;
    width: 998px;
    background: #2D78B3;
}

.nav ul {

    overflow:hidden;
    position:absolute;
}

.nav li {
    float:left;
}

.nav li a {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    border:1px solid #ffffff;
    color:#FFF;
    display:block;
    font-size:16px;
    line-height:35px;
    padding:5px 20px;
    text-decoration:none;
    transition:0.5s;
}

.nav li:hover > a {
    background:#3CB371;
    border-color:#6E67A6;
    color:#fff;
}



.nav ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:0;
    transition:0.5s;
    width:100%;
    float: left;
}

.nav li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}

.nav ul li a {
    background:#2D78B3;
    border-color:#2D78B3;
    color:#fff;
    line-height:1px;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    transition:1.5s;
    display: inline;
}

.nav li:hover ul li a {
    line-height:35px;
}

.nav ul li a:hover {
    background:#8CCA33;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}

.remont-left {
    background-color: #2D78B3;
    color: #FFFFFF;
    font-family: Trebuchet MS,sans-serif;
    font-size: 22px;
    font-style: italic;
    height: 32px;
    line-height: 31px;
   
    text-align: center;
    width: 200px;
}

.prom {
    background-color: #2D78B3;
    font-family: Trebuchet MS,sans-serif;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
}

.prom1 {
    background-color: #FAF0E6;
    font-family: Trebuchet MS,sans-serif;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
}

.prom1 a {
    
    color: #111111;
}

a {
    text-decoration: none;
    color: #ffffff;}
    
.gol {
    font-family: Trebuchet MS,sans-serif;
    font-size: 22px;
    color: #111111;
    text-align: center;
    margin: 0 0 0 250px ;
}

.gol1 {
    font-family: Trebuchet MS,sans-serif;
    font-size: 16px;
    color: #ff6600;
    text-align: left;
    margin: 0 0 0 250px ;
}

.gov2 {
    height: 10px;
   }