/****************** RESET *******************/
/*Elements CSS Framework by Ben Henschel*/
/*Mass Reset*/
/*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

img, div, ul#constroi_menu li a span, #constroi_bandeiras a span{ behavior: url(/javascripts/iepngfix.htc) }

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, bold, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size:12px;
    text-align: left;
    vertical-align: baseline;
}

#topo {
    background: url(/images/fundo_amarelo.jpg) repeat-x;
    height: 365px;
    text-align: center;
}

a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/****************** PADRÕES *******************/

.left       {float:left;}
.right      {float:right;}
.clearThis  {clear:both;}
.center     {text-align: center;}

#user_info {
    float: right;
}

/*************************** SCAFFOLD **********************/

body {
    color: #333;
    background-position:center;
    background-repeat:repeat-y;
}

body, p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:   13px;
    line-height: 18px;
}

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

a { color: #000; }
/*a:visited { color: #666; }*/
a:hover { color: #333;}

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

/*************************** layout **********************/

#geral{
    width:930px;
    margin:auto;
    background: url(/images/fundo_topo_conteudo.gif) no-repeat top;
    padding-right: 30px;
}

#logo{
    position:relative;
    float: left;
    padding-left:30px;
    height:150px;
}
#endereco{
    position:relative;
    float:right;

}
#endereco li {display:block; list-style:none; text-align:right;}

#inovare_banner{margin-bottom:20px;}

#conteudo{margin: 0 15px 0 45px; min-height: 150px;}

.secao{font-size:16px; font-weight:bold; margin-bottom:15px; color:#fff;}

#usuarios {margin-top:10px;}

/* ============= bandeiras ============== */
#constroi_bandeiras {
    width: 175px;
    height:49px;
    list-style-type:none;
    z-index:4;
    position:relative;
    margin-left:125px;
}
#constroi_bandeiras li {
    display:inline;
    float:right;
}
/*=== pt ===*/
#ico_pt {
    background-image:url(/images/bandeiras.png);
    background-position:0 0;
    display:block;
    height:49px;
    width:59px;
}
#ico_pt:hover {background-position:0 -49px;}
#ico_pt {
    left:0px;
    top:0px;
    list-style-type:none;
    position:absolute;
}
/*=== en ===*/
#ico_en {
    background-image:url(/images/bandeiras.png);
    background-position:-58px 0;
    display:block;
    height:49px;
    width:58px;
    margin-left:59px;
}
#ico_en:hover {background-position:-58px -49px;}
#ico_en {
    left:0px;
    top:0px;
    list-style-type:none;
    position:absolute;
}
/*=== en ===*/
#ico_es {
    background-image:url(/images/bandeiras.png);
    background-position:-117px 0;
    display:block;
    height:49px;
    width:58px;
    margin-left:117px;
}
#ico_es:hover {background-position:-117px -49px;}
#ico_es {
    left:0px;
    top:0px;
    list-style-type:none;
    position:absolute;
}

/* ============= menu ============== */
#menu{
    height:41px;
    margin:150px 0 30px 0;
    clear:both;
}

#constroi_menu {
    width: 836px;
    height:41px;
    list-style-type:none;
    z-index:3;
    position:relative;
}

#constroi_menu li {
    display:inline;
    float:left;
    padding: 9px;
    margin-left: 25px;
}
/*=== institucional ===*/
.en {background-image:url(/images/en/menu.gif);}
.pt {background-image:url(/images/pt/menu.gif);}
.es {background-image:url(/images/es/menu.gif);}

#mn_institucional {
    background-position:0 0;
    display:block;
    height:32px;
    width:195px;
}

#mn_institucional:hover {background-position:0 -41px;}
#mn_institucional{
    left:0px;
    top:0px;
    list-style-type:none;
    position:absolute;
}
/*=== trabalho ===*/
#mn_trabalho {
    background-position:-195px 0;
    display:block;
    height:32px;
    width:145px;
}
#mn_trabalho:hover {background-position:-195px -41px;}
#mn_trabalho {
    left:195px;
    top:0px;
    list-style-type:none;
    position:absolute;
}
/*=== relacionamento ===*/
#mn_relacionamento {
    background-position:-340px 0;
    display:block;
    height:32px;
    width:190px;
}
#mn_relacionamento:hover {background-position:-340px -41px;}
#mn_relacionamento {
    left:340px;
    top:0px;
    list-style-type:none;
    position:absolute;
}
/*=== solucoes ===*/
#mn_solucoes {
    background-position:-530px 0;
    display:block;
    height:32px;
    width:150px;
}
#mn_solucoes:hover {background-position:-530px -41px;}
#mn_solucoes {
    left:530px;
    top:0px;
    list-style-type:none;
    position:absolute;
}
/*=== contato ===*/
#mn_contato  {
    background-position:-680px 0;
    display:block;
    height:32px;
    width:156px;
}
#mn_contato:hover {background-position:-680px -41px;}
#mn_contato {
    left:680px;
    top:0px;
    list-style-type:none;
    position:absolute;
}

/* ============= noticia ============== */
#barra_noticia{
    background-image:url(/images/noticia_barra.png);
    background-repeat: no-repeat;   
    height:32px; /*37*/

}
#noticia_box{    
    background: url(/images/separador_noticias.gif) repeat-x;
    margin:5px 0 50px 0;
    width: 880px;    
}
#noticia_box td{
    padding-right: 15px;
}
#noticia_box .titulo{font-weight:bold; font-size: 15px; margin-bottom: 10px; color:#ff6600;}
#noticia_box td a {text-decoration: none; line-height: 14px; font-size:12px;}
#noticia_box td a:hover {text-decoration: underline;}
.largura_resumo {width:35%; }
.espaco {width:15px;}
.titulo_noticia{font-size:16px; font-weight:bolder; margin-bottom:15px; color: #ff6600;}
#botao{font-weight:bold;text-decoration: none;}
#botao li {text-decoration: none; margin-right:15px; display:inline;}
.resumo {text-align:justify; font-size: 12px;}
.leia_mais{float:right; vertical-align:bottom; margin-top:auto;}

#box li {
    display: inline;
}

/* ============= rodape ============== */
#rodape{    
    width: 100%;
    list-style-type: none;
    background: url(/images/fundo_rodape.gif) repeat-x bottom;
    text-align: center;
    padding-bottom: 20px;
    color: #ccc;
    vertical-align: bottom;
    position: relative;
    margin-top: 50px;
}
#rodape #fundo ul{display: inline;}
#rodape #fundo li {
    display: inline;
    width: 310px;
    margin: 15px;
}
#rodape #fundo{
    background: url(/images/fundo_bottom_conteudo.png) no-repeat bottom center;
    width: 930px;
    margin: auto;
    height: 220px;
    text-align: center;
}

#link_editar{
    margin: 0 40px;
}

/* ============= formularios ============== */
input, textarea, select {
    border: 1px #999 solid;
    width:97%;
    padding:3px;
    font-size:11px;
}
textarea{height:200px;}
select{width:200px;}
.botao{
    width:80px;
      background-color:#ff6600;
      height:23px;
      font-size:13px;
      color:#fff;
      margin:15px 0;
      padding:4px;
      border: 0;
}
label {font-weight:bold; vertical-align:bottom;}
.campo{height:30px; vertical-align:bottom;}

/* ============= estilos avulsos ============== */
.pequena{width:300px;}
.media{width:600px;}
.grande{width:800px;}
.full{width:100%;}
.espaco_vertical{height:15px;}
.apagar{width:80px; text-align:right;}

.clearer {
    clear: both;
}