@charset "utf-8";
/* CSS Document */

/* ---- Reset ---- */
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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit}

/* ----- Formatacao Basica ---- */
body{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666;background-image:url(http://www.campogeral.com/tecnologia/img_tecno/back_line.png);background-repeat:repeat-x}
h1{font-size:22px;color:#999}
h2{font-size:14px;color:#999}
h3{font-variant:small-caps;color:#666}
h4{font-size:9px}
a{text-decoration:none;color:#999}
a:hover{text-decoration:underline}
#letra{width:60px;height:30px;float:right}
.letraMaior, .letraMenor{width:15px;height:15px;border:1px solid #999;float:left;padding:4px;margin-left:3px}
.letraMaior:hover{background-color:#CCC}
.letraMenor:hover{background-color:#CCC}


/* ---- Classes de Formatacao ---- */
.manchete a{font-size:22px;color:#999;font-weight:bold}
.manchete a:hover{text-decoration:underline}
.submanchete a{font-weight:bold;color:#999;font-size:14px}
.submanchete a:hover{text-decoration:underline}
.patrocinador{margin:0 auto 5px auto;width:300px;height:auto}
.micropalm{margin-bottom:5px}

/* ---- Tecnologia add ---- */
.box-grande{padding:5px 0 5px 5px}
.ilustrando{float:right;margin:0 0 5px 5px}
.img_p{float:left;width:100px;height:100px;border:2px solid #FFF;margin:5px 5px 5px 0}
.img_p:hover{border:2px solid #999}
.bloco_tech{padding:5px 0;border-bottom:1px solid #DDD}

/* ---- Estrutura ---- */
#geral{width:800px;display:table;margin:0 auto;height:100%}
#topo{width:auto;height:auto}
#corpo{width:auto;height:100%;display:block;border-bottom:2px solid #999;margin-bottom:10px}
#coluna_01{width:130px;float:left;height:auto}
#coluna_02{width:670px;float:right;display:block}
.box-esquerda{width:335px;float:left;padding:5px}
.box-direita{width:305px;float:right;padding:5px}
#base{height:auto;float:right;border-bottom:2px solid #999;width:800px;margin-bottom:10px;padding-bottom:5px}

/* ---- Topo ---- */
#bar{width:auto;height:40px;border-bottom:3px solid #999;margin-bottom:5px}
#menu_bar{font-size:16px;width:610px;float:right;margin-top:10px;padding-bottom:5px;text-align:right}
#menu_bar li{list-style:none;display:inline}
#menu_bar a{text-decoration:none;padding:0 0 0 20px;color:#999}
#menu_bar a:hover{color:#F93}

/* ---- Logo CampoGERAL ---- */
#title{padding:5px 0 0 10px;width:150px;float:left}
#title a{text-decoration:none}
#logo{background:#666;width:160px;height:120px;float:left;margin:5px 5px 5px 0}
.campo{font-size:18px;color:#000}
.geral{font-size:24px;color:#090}

/* ---- Google Busca ---- */
#busca_google{height:26px;margin:5px 0;background-color:#999;padding:5px}
.busca_site{color:#FFF;font-size:20px;float:left;width:350px}
.botao{width:88px}
.campo_busca{height:18px;width:200px;border:2px solid #D7D7D7}
.campo_busca:focus{background-color:#FC6}

/* ---- Menuu ----- */
#menu{height:auto;width:auto;padding-bottom:10px}
#menu li{list-style:none;height:auto}
#menu a{font-size:13px;display:block;padding:4px 0 5px 5px;color:#999;text-decoration:none;border-top:1px solid #d9d9d9}
#menu a:hover{background-color:#999;color:#FFF}

/* ---- Tabelas ---- */
.tabela{font-size:12px;color:#666;border-top:3px solid #DDD;width:330px}
.tabela a{font-weight:bold;text-decoration:none;color:#333;display:block;background-color:#FF9;padding:3px}
.tabela a:hover{color:#000}
.tabela tr{height:20px}
.tabela tr:hover{background-color:#FF9}

/* ----- Rodapé ---- */
#rodape{width:auto;height:140px;margin:0 auto;background-color:#999;text-align:center;color:#FFF;padding-top:10px}

/* ---- Galerias ---- */
#galeria {padding:170px 5px 5px 5px;text-align:center;background-image:url(../empresas/palmeira/img/galeria_ivonei/banner.jpg);background-repeat:no-repeat;border-bottom:3px solid #999;margin-bottom:10px}
#galeria img {border:solid 2px #DDD;padding:4px;margin:5px;width:100px;height:100px}
#galeria img:hover {border:solid 2px #FC3}

/* YOUTUBE */
#youtube{background-color:#fff;float:right;text-align:right;margin-bottom:10px}
#videoBar-bar{background-color:#fff}