/* ------------------------------ ESTRUTURA ------------------------------ */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #000000; }
img { border-width: 0px; }
/*#tudo { margin: 0px auto 0px auto; padding: 0px; position: relative; width: 720px; min-height: 100%; border: 1px solid #AAAAAA; }*/
#tudo { margin: 0px auto 0px auto; padding: 0px; position: relative; min-width: 773px; max-width: 1016px; min-height: 100%; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; }
 * html #tudo { height: 100%; }

/* ---------- TOPO ---------- */
/*#topoIndex { height: 176px; background: url(/img/topoInstHome_bkg.jpg) no-repeat; }*/
#topoIndex { text-align: center; vertical-align: top; }
#topoIndex .mapa { margin: 5px; }
#topoIndex .banner { margin: 5px; padding: 0px; width: 255px; }


#topo { background: url(/img/topoInternas.jpg) no-repeat center top; text-align: center; vertical-align: top; } /*height: 172px;*/
/*#topo .mapa { width: 430px; height: 154px; }*/

/* ---------- MENU TOPO ---------- */
#menuTopo { padding: 0px; font: bold 10px Tahoma, Verdana, Arial; color: #FFFFFF; }
#menuTopo ul { margin: 0px 0px 3px 0px; text-align: center; }
#menuTopo li { padding: 0px 3px 0px 3px; list-style: none; display: inline; line-height: 2em; }
#menuTopo li a { color: #FFFFFF; text-decoration: none; }
#menuTopo a:hover { text-decoration: underline; }
#menuTopo ul.menu1 { background: url(/img/menuTop1.jpg) repeat-y center top; }
#menuTopo ul.menu2 { background: url(/img/menuTop2.jpg) repeat-y center top; }
#menuTopo table { width: 100%; color: #606070; border-collapse: collapse; }
#menuTopo td { margin: 0px; padding: 5px 10px 5px 160px; }
#menuTopo .laranja { color: #FC7324; }
#menuTopo .date { text-align: right; }

/* ---------- MENU ESQUERDO ---------- */
#menuEsquerdo { float: left; margin: 0px; padding: 0px; width: 150px; background-color: #FAFAFA; position: relative; top: -25px; }
#menuEsquerdo ul { margin: 5px 2px 5px 2px; padding: 3px; list-style-type: none; background-color: #FDE2D3; color: #000000; }
#menuEsquerdo ul li.titulo { margin: 0px 0px 3px 0px; padding: 0px; font-size: 11px; font-weight: bold; }
#menuEsquerdo ul li { margin: 0px 0px 3px 0px; padding: 0px; font-size: 9px; }
#menuEsquerdo ul li.link a, #menuEsquerdo ul li.titulo a { text-decoration: none; color: #000000; }
#menuEsquerdo ul li.link:hover a, #menuEsquerdo ul li.titulo:hover a { background-color: #FFFFFF; }

/* ---------- MENU DIREITA ---------- */
#menuDireito { float: right; margin: 0px; padding: 2px; width: 138px; }
#menuDireito img, #menuDireito div { margin: 5px 0px 5px 0px; }

/* ---------- RODAPE ---------- */
#rodape { clear: both; margin: 0px; padding: 5px 0px 5px 0px; width: 100%; background-color: #FC7324; color: #FFFFFF; font-weight: bold; position: absolute; bottom: 0; text-align:center; }

/* ---------- CONTEUDO ---------- */
#conteudo { padding: 2px 2px 30px 2px; }
#conteudo .col2, #conteudo .col3 { margin: 0px 0px 0px 155px; padding: 5px; }
#conteudo .col3 { margin-right: 150px; }

/* ---------- CAIXAS CANTOS ARREDONDADOS ---------- */
h4 { margin-bottom: 5px; padding-left: 20px; background: url(/img/quadrado.png) no-repeat 5px center; border-bottom: 1px solid #fc7324; color: #fc7324; text-transform: uppercase; font-size: 10px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }

.caixa { border: 0px solid #000000; width: 46%; margin: 10px; }
.caixa .bloco { margin: 5px auto 5px auto; background-color: #F5F5F5; /*border: 2px solid #000000;*/ }
.caixa .bloco .random, .caixa .bloco .info { padding-left: 10px; padding-right: 10px; }
.caixa .bloco .random a, .caixa .bloco .info a { color: #fc7324; }
.imagem { border: 1px solid #000000 !important; margin: 5px; }
.txtRandom { height: 85px; font-style: italic; text-align: justify; overflow: hidden; font-size: 10px; }
.linkConfira { margin: 5px 0px; padding: 0px; }

/* Catalogo Completo, Index e internas */
.caixa.index, .Default { margin: 7px auto 7px auto; width: 90%; color: #fc7324; font-weight: bold; }

/* PAGINAS DE OBRAS */
.caixa.padrao { margin: 5px auto 5px auto; padding: 5px; width: 97%; }
.caixa .bloco .info { min-height: 120px; height: auto !important; height: 120px; }
.caixa .bloco .info .preco { margin: 5px 15px 5px 15px; }

/* ---- COLECAO ---- */
.caixa.colecao { width: 95%; }
/* altura 56*/
/*
.colecao .info { min-height: 60px; height: auto !important; height: 60px; }
*/
/* ---------- CAIXAS CANTOS ARREDONDADOS ---------- */
/*
.random { display: block; margin: 15px 3px 15px 3px; padding: 2px; width: 190px;  min-height: 100px; height: auto !important; /* HACK IE * height: 100px; /* HACK IE *  }
.random .bloco h4 { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 16px; background: #f5f5f5 url(/img/quadrado.png) no-repeat left center; border-bottom: 1px solid #fc7324; color: #fc7324; text-transform: uppercase; white-space: nowrap; overflow:hidden; font-size: 10px; }
.imgRandom { border: 1px solid #000000  !important; }
.txtRandom { padding-right: 3px; width: 115px; height: 56px; font-style: italic; text-align: justify;  overflow: hidden; /*text-overflow: ellipsis;* }

/* ---------- CAIXAS CANTOS ARREDONDADOS ---------- *
h4 { margin-bottom: 5px; padding-left: 20px; background: url(/img/quadrado.png) no-repeat 5px center; border-bottom: 1px solid #fc7324; color: #fc7324; text-transform: uppercase; font-size: 10px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.caixaCenter { margin: 10px auto 10px auto; width: 98%; min-height: 150px; height: auto !important; height: 150px; }
.caixa { margin: 15px 5px 15px 5px; padding: 0px; /*width: 195px;* width: 46%; }
.imagem { border: 1px solid #000000 !important; margin: 0px 5px 5px 5px; }
.txtRandom { height: 86px; font-style: italic; overflow: hidden; padding: 0px 8px 0px 5px; font-size: 10px; }
.bloco .obra { min-height: 120px; height: auto !important; /* HACK IE * height: 100px; /* HACK IE * }

*/

/* ------------------------------ GERAL ------------------------------ */
form { margin: 0px; padding: 0px; }
h1 { margin: 0px; padding: 9px; background: #f5f5f5 url(/img/titulo.jpg) repeat-x left top; border-bottom: 2px solid #fc7324; font-size: 12px; color: #fc7324; text-transform: uppercase; height: 12px; }
h2 { padding: 0px 0px 0px 16px; font-size: 11px; color: #fc7324; border-bottom: 1px solid #FC7324; background: url(/img/quadrado.png) no-repeat left center; }
hr { height: 1px; color: #FC7324; }
h1.livreiros { margin: 5px 0px 10px 0px; }

a { color: #fc7324; }

.textRight { text-align: right; }
.left { float: left; }
.right { float: right; }
.clear { clear:both; }
.center { text-align: center; }
.btOk { background-color: #fc7324; }
.campo { border: 1px solid #000000; font-size: 10px; color: #4C4C4C; }
.campo1 { width: 95%; margin: 0px; }
.campo2 { width: 100px; }
.campo3 { width: 98%; }
.botao { margin: 5px 10px 10px 10px; text-align: right; }
.espaco { margin: 30px 10px 10px 10px; }
.livreiros { width: 90%; margin-left: auto; margin-right: auto; }

/* ---------- ERRO ---------- */
.ErroObra { margin: 20px auto 20px auto; padding: 10px; text-align: center; color: #FF0000; width: 300px; border:1px solid #FF0000; background-color: #F8F8F8; }

/* ---------- SUCESSO ---------- */
.envioOK { margin: 20px auto 20px auto; padding: 10px; text-align: center; color: #FF0000; }