body {
    background:#f9f9f9;
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

a:hover img {
opacity:0.8;
}

#wrapper{
    display:block;
    width:860px;
    height:860px;
    margin:40px auto;
    background:transparent;
}

#header{
    display:block;
    margin:0 auto;
    width:800px;
    height:200px;
    background:transparent;
}

#contents{
    display:block;
    margin:0 auto;
    width:800px;
    height:560px;
    background:transparent;
}


#footer{
    display:block;
    margin:0 auto;
    width:800px;
    height:100px;
    background:transparent;
}

#footer p {
    text-align:right;
    margin:40px 10px;
}

nav{
    background:transparent;
}

.top_main{
    display:block;
    width:800px;
    height:560px;
    background:url(../dinamica_images/ume.png) no-repeat top left;
    background-position:bottom right;
}

.logo{
    display:block;
    margin-top:20px;

}

.main1{
    display:block;
    background:transparent;
    width:200px;
    margin:160px auto;
    text-align:center;
}

.main2{
    display:block;
    background:transparent;
    width:400px;
    margin:20px auto;
    text-align:center;
}

.main3 {
    display:block;
    width:400px;
    margin:80px auto 10px;
    text-align:center;
}

.about {
    font-size:100%;
    text-align:left;
    color:#666666;
    padding:0 10px;
}

.works_item{
    display:block;
    width:760px;
    height:80px;
    margin:0 auto;
}

.works_item h2{
    font-size:123.1%;
    text-align:center;
    color:#666666;
    line-height:150%;
}


.works_caption{
    display:block;
    width:400px;
    height:80px;
    margin:10px auto;
}

.works_caption p {
    font-size:77%;
    text-align:center;
    color:#666666;
}

.f_logo{
    display:block;
    width:120px;
    margin:10px auto;
}

.contact {
    text-align:center;
    margin:40px;
}

.works_item h4 {
    font-size:85%;
    text-align:center;
    color:#666666;
}


.sitelink a {
  text-decoration: none;
  color:#696969;
  display: inline-block;
    text-align:center;
}

.sitelink a:hover {
  background-color:#ffffff;
    color:#d2691e;
}




/* ==========================================================================
   menu
   ========================================================================== */

.menu{
    width:700px;
    height:52px;
    position:relative;
    top:10px;
    left:80px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 123.1%;
    font-style: normal;
    font-weight: bold;
    text-transform:lowercase;
}
.item{
    position:relative;
    background-color:#f0f0f0;
    float:right;
    width:52px;
    margin:0px 5px;
    height:52px;
    border:2px solid #ddd;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;
}

.link{
    left:2px;
    top:2px;
    position:absolute;
    width:48px;
    height:48px;
}
.icon_home{
   background:transparent   url(../dinamica_images/home.png) no-repeat top left;
}
.icon_mail{
   background:transparent   url(../dinamica_images/mail.png) no-repeat top left;
}
.icon_link{
    background:transparent   url(../dinamica_images/link.png) no-repeat top left;
}
.icon_about{
    background:transparent   url(../dinamica_images/about.png) no-repeat top left;
}
.icon_works{
   background:transparent   url(../dinamica_images/works.png) no-repeat top left;
}
.icon_d3{
   background:transparent   url(../dinamica_images/d3.png) no-repeat top left;
}
.item_content{
    position:absolute;
    height:52px;
    width:220px;
    overflow:hidden;
    left:56px;
    top:-10px;
    background:transparent;
    display:none;
}
.item_content h2{
    color:#aaa;
    text-shadow: 1px 1px 1px #fff;
    background-color:transparent;
    font-size:100%;
}
.item_content a{
    background-color:transparent;
    float:left;
    margin-right:7px;
    margin-top:-14px;
    color:#bbb;
    text-shadow: 1px 1px 1px #fff;
    text-decoration:none;
    font-size:85%;
}
.item_content a:hover{
    color:#d2691e;
}
.item_content p {
    background-color:transparent;
    display:none;
}
.item_content p input{
    border:1px solid #ccc;
    padding:1px;
    width:155px;
    float:left;
    margin-right:5px;
}
/* ==========================================================================
   menu
   ========================================================================== */
.navispace {
    display:block;

    width:auto;
    height:30px;
    margin-top:30px;
    text-align: center;
}

.colchoco{
    color:#d2691e;
    font-weight:bold;
}

.pagenavi a {
  text-decoration: none;
  color:#696969;
  display: inline-block;
  padding:2px 10px;
    text-align:center;
}
.pagenavi a:hover {
  background-color:#ffffff;
    color:#d2691e;
}