/******************** INTERNAS *******************/
div#wrap div#geral div#sobre,
div#wrap div#geral div#projeto,
div#wrap div#geral div#portfolio,
div#wrap div#geral div#links,
div#wrap div#geral div#contato,
div#wrap div#geral div#publicacoes{
    width:100%; 
    float:left; 
    display:inline; 
    position:relative;
    margin-bottom: 160px;
}

a#voltar_topo{
    bottom: 0;
    clear: both;
    cursor: pointer;
    float: right;
    margin: 10px 0 -10px;
    position: relative;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;
    color: #999999;
}
a#voltar_topo i:before{
    font-size: 14px;
}

a#voltar_topo:hover{
    color: #333;
}

/******************** div#sobre ******************/
div#wrap div#geral div#sobre span.img{width:601px; float:left; display:inline; overflow:hidden; text-align:center; margin:0 0 15px 0;}
div#wrap div#geral div#sobre span.img img{width:100%; height:auto;}
div#wrap div#geral div#sobre p{width:601px; clear:both;}

/******************** div#portfolio ***************/
div#wrap div#geral div#portfolio h2{padding-top:26px; border-top:1px solid #999;}
div#wrap div#geral div#portfolio h2 span{font-size:14px; font-style:italic; font-weight:normal; float:right; display:inline; margin:5px 0 0 0;}
div#wrap div#geral div#portfolio ul{width:100%; float:left; display:inline;}
div#wrap div#geral div#portfolio ul li{
    width: 33.3333%;
    overflow:hidden; 
    float:left; 
    position:relative;
    padding: 5px;
}
div#wrap div#geral div#portfolio ul li a{
    background:#500000; 
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div#wrap div#geral div#portfolio ul li a img{
    width: 100%;
    margin-bottom: -4px;
    height: auto;
}
div#wrap div#geral div#portfolio ul li a span{
    width:100%; float:left; 
    display:inline; 
    position:absolute; 
    color:#fff; 
    font-size:22px; 
    left:0; 
    opacity: 0;
    text-align:center;
    padding: 0 10px;
}

/******************** div#links *******************/
div#wrap div#geral div#links{width:100%; float:left; display:inline;}
div#wrap div#geral div#links ul{width:100%; float:left; display:inline;}
div#wrap div#geral div#links ul li{width:318px; height:208px; display:inline-block; overflow:hidden; float:left; margin:1px; background:#500000; position:relative;}
div#wrap div#geral div#links ul li a span{width:100%; float:left; display:inline; position:absolute; color:#fff; font-size:22px; font-weight:bold; left:0; top:-50px; text-align:center;}

/******************** div#projeto *****************/
div#wrap div#geral div#projeto h2{padding-top:26px; border-top:1px solid #999;}
div#wrap div#geral div#projeto h2 span{font-size:14px; font-style:italic; font-weight:normal; float:right; display:inline; margin:5px 0 0 0;}
div#wrap div#geral div#projeto ul#galeria{width:601px; float:left; display:inline; overflow:hidden; text-align:center; margin:0 0 15px 0;}
div#wrap div#geral div#projeto ul#galeria li,
div#wrap div#geral div#projeto ul#galeria li a,
div#wrap div#geral div#projeto ul#galeria li a img{width:100%; height:auto; float:left; display:inline; cursor:-moz-zoom-in; cursor:-webkit-zoom-in;}
div#wrap div#geral div#projeto ul#galeria li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #999; }

div#wrap div#geral div#projeto dl#info{width:307px; float:right; display:inline;}
div#wrap div#geral div#projeto dl#info dt{width:100%; float:left; display:inline; font-size:14px; color:#999; margin:0 0 20px 0; font-style:italic;}
div#wrap div#geral div#projeto dl#info dd{width:100%; float:left; display:inline; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #999;}

/******************** div#contato *****************/
div#wrap div#geral div#contato div#map_canvas{width:954px; height:262px; padding:3px; float:left; display:inline; position:relative; margin:0 0 10px 0; -moz-box-shadow: 0 0 3px #000 inset; -webkit-box-shadow: 0 0 3px #000 inset; box-shadow: 0 0 3px #000 inset; background:transparent; z-index:10;}
div#wrap div#geral div#contato div#map_canvas div.info_mapa{width:400px;}
div#wrap div#geral div#contato div#map_canvas span.logo{width:100px; height:75px; overflow:hidden; float:left; display:inline; text-align:center; margin:0 5px 0 0; border:1px solid #ccc;}
div#wrap div#geral div#contato div#map_canvas span.logo img{width:auto !important; height:75px;}
div#wrap div#geral div#contato div#map_canvas p strong{display:block;}

div#wrap div#geral div#contato div#formulario{width:605px; float:left; display:inline; position:relative;}
div#wrap div#geral div#contato div#formulario p{margin:0 0 13px 0}
div#wrap div#geral div#contato div#formulario form{width:100%; float:left; display:inline; margin:43px 0 0 0;}
div#wrap div#geral div#contato div#formulario div#form_left{float:left; display:inline; width:291px;}
div#wrap div#geral div#contato div#formulario div#form_right{float:right; display:inline; width:290px;}
div#wrap div#geral div#contato div#formulario p{width:100%; float:left; display:inline;}
div#wrap div#geral div#contato div#formulario p label{
    display:block; 
    color:#333; 
    font-size:14px; 
    margin:0 0 10px 0;
}
div#wrap div#geral div#contato div#formulario div#form_left p input,
div#wrap div#geral div#contato div#formulario div#form_right p textarea{
    width:100%; 
    height:45px; 
    padding:10px; 
    float:left; 
    display:inline; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    -moz-box-shadow: 0 0 3px #000 inset; 
    -webkit-box-shadow: 0 0 3px #000 inset; 
    box-shadow: 0 0 3px #000 inset; 
    background:#313131; 
    color:#fff; 
    font-weight:bold;
}
div#wrap div#geral div#contato div#formulario div#form_right p textarea{
    width:279px; 
    height:158px;
}
div#wrap div#geral div#contato div#formulario div#form_left p input:focus,
div#wrap div#geral div#contato div#formulario div#form_right p textarea:focus{
    background:#fff; 
    color:#000;
}
div#wrap div#geral div#contato div#formulario div#form_right input.submit{
    width:97%; 
    height:45px; 
    background:#313131; 
    cursor:pointer; 
    color: #fff;
    box-shadow:none !important;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    text-transform: uppercase;
}
div#wrap div#geral div#contato div#formulario div#form_right input.submit:hover{
    -moz-box-shadow: 0 0 4px #111 !important; 
    -webkit-box-shadow: 0 0 4px #111 !important; 
    box-shadow: 0 0 4px #111 !important;
}
div#wrap div#geral div#contato div#formulario div#form_right input.submit:active{
    -moz-box-shadow: 0 0 3px #000 inset; 
    -webkit-box-shadow: 0 0 3px #000 inset; 
    box-shadow: 0 0 3px #000 inset; 
}

div#wrap div#geral div#contato div#text_contato{
    width:605px; 
    float:left; 
    display:inline;
    position:relative;
    margin-top: 65px;
    text-align: center;
}
div#wrap div#geral div#contato div#text_contato p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
}
div#wrap div#geral div#contato div#text_contato .telefone{
    margin-bottom: 25px;
    display: block;
    font-size: 20px;
}
div#wrap div#geral div#contato div#text_contato address{
    margin-bottom: 10px;
}
div#wrap div#geral div#contato div#text_contato .telefone b{
    margin-right: 10px;
}
div#wrap div#geral div#contato div#endereco{
    width:308px; 
    float:right; 
    display:inline; 
    margin:65px 0 0 30px;
}
div#wrap div#geral div#contato div#endereco p strong{
    color:#fff; 
    font-size:16px; 
    font-weight:bold;
}

/******************** div#publicacoes ***********/
div#wrap div#geral div#publicacoes ul#galeria{width:598px; float:left; display:inline; overflow:hidden; text-align:center; margin:0 0 15px 0;}
div#wrap div#geral div#publicacoes ul#galeria li,
div#wrap div#geral div#publicacoes ul#galeria li div,
div#wrap div#geral div#publicacoes ul#galeria li small{width:100%; height:auto; float:left; display:inline;}
div#wrap div#geral div#publicacoes ul#galeria li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #999;}
div#wrap div#geral div#publicacoes ul#galeria li div{margin:0 0 10px 0;}
div#wrap div#geral div#publicacoes ul#galeria li small{font-style:italic; color:#999; font-size:14px; text-align:center; width:100%;}