/* CSS Document */
body{
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #ccc;
}

.en a{
        color: #007CC3;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        padding-right: 35px;
        text-decoration: none;
}

.en a:hover{
        text-decoration: underline;
}

#path{
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        width: 426px;
        color: #fff;
}

#path a{
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #fff;
}

.red {
        color: red;
}

.comments {
        color: #f60;
}

.blue {
        color: #39C;
}

.logo{
        margin-top: 25px;
}

.start, .slogan {
        color: #fff;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
}

.slogan_b {
        color: #000;
        font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.slogan_r{
        color: #ffffff;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.info{
        text-align: justify;
        width: 150px;
        color: #000000;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        margin: 5px 0px 5px 0px;
        padding: 5px;
}

#camera{
        width: 150px;
        color: #000000;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        margin: 5px 0px 5px 0px;
        padding: 5px;
}

.content a, .info a, .articles a, #camera a
{
        color: #f00;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        text-decoration: none;
}

.content a:hover, .info a:hover, .articles a:hover{
        text-decoration: underline;
}

.articles a{
        color: #39C;
}

.articles{
        text-align: left;
        width: 150px;
        color: #000;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        background-color: #fff;
        margin: 5px 0px 5px 0px;
        padding: 5px;
}

.content{
        text-align: justify;
        width: 405px;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin-right: 11px;
        margin-left: 10px;
        margin-top: 15px;
}

.info h1 , .content h1{
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #39C;
        margin: 5;
}

.info h2 , .content h2{
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #39C;
        margin: 0;
        padding: 0;
}

#main {
        width: 780px;
        height: 100%;
        background-image: url(../i/05.png);
}

#navsite {
        color: #ffffff;
        font: 15px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        width: 163px;
        padding: 0;
        margin: 0;
        background-color: #6B8CAD;
        color: #333;
}

#navsite ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#navsite ul li {
        margin: 0;
        border-bottom: 1px solid #fff;
        width: 177px;
}

#navsite ul li a {
        display: block;
        padding: 2px 0px 2px 0px;
        background-color: #6B8CAD;
        color: #fff;
        text-decoration: none;
        width: 100%;
}

#navsite ul li span {
        display: block;
        padding: 2px 0px 2px 0px;
        background-color: #56708A;
        color: #fff;
        text-decoration: none;
        width: 100%;
}


html>body #navsite ul li a {
         width: auto;
}

#navsite ul li a:hover {
         background-color: #56708A;
}