/*************************************************************
Pub Web - Midia Digital Ltda
Fone: (34) 3212-5068
E-mail: contato@pubweb.com.br | MSN: suporte@pubweb.com.br
Uberlandia-MG - www.pubweb.com.br

CSS por: Carlos Peixoto
*************************************************************/

/****************************************
	PADRAO
****************************************/

* {margin:0; padding:0; list-style:none; text-decoration:none; border:none; vertical-align:middle;} 
body {background-imagE:url(../img/fundo.jpg); background-repeat:repeat-x; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3c3c3c;}

h1 {font-size:29px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0290d5; margin-bottom:15px;}
h2 {font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0290d5; margin-bottom:15px;}
h3 {}
p {}

a {color:#333333;}
a:hover {color:#0080C0; text-decoration:underline;}

.clear {clear:both;}
.bt {}

fieldset {border:1px solid #dfdfdf; padding:10px; background-color:#fcfcfc;}
legend {font-family:Arial, Helvetica, sans-serif; margin-bottom:0; padding-top:0; font-size:16px; color:#0173af; font-weight:bold; padding:3px; padding-top:5px; margin-bottom:4px;}
input,textarea,select {border:1px solid #CCCCCC; padding:3px; margin:5px 0;}
.m1 {width:660px;}
.m2 {width:360px;}
.data {width:40px;}
.ano {width:80px;}


/****************************************
	TOPO
****************************************/

#topo {width:961px; margin:0 auto; position:relative; height:375px;}
.topo_logo {position:absolute; top:0; left:0;}
.topo_63 {position:absolute; top:1px; left:690px;}
.topo_buscar {position:absolute; top:117px; left:0; width:961px; height:38px; background-image:url(../img/topo_buscar.jpg); background-repeat:no-repeat;}
.topo_buscar #form_buscar {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; padding-right:20px; padding-top:5px;}
.topo_buscar #form_buscar input {border:1px solid #eeeeee; padding:5px; width:200px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.topo_data {position:absolute; top:128px; left:20px;}
.topo_banner {position:absolute; top:159px;}

/****************************************
	WRAP
****************************************/

#wrap {width:961px; margin:130px auto auto auto;}

/****************************************
	LADO ESQUERDO
****************************************/

.left {float:left; width:187px;}

/***** Navegacao *****/

.navegacao_topo {}
.navegacao_meio {background-image:url(../img/left_menu_navegacao_meio.jpg); background-repeat:repeat-y;}
.navegacao_meio li {width:159px; margin-left:1px; font-size:12px; padding-left:25px; height:21px; padding-top:4px; background-image:url(../img/left_menu_navegacao_meio_li.jpg);}
.navegacao_meio li.final {height:20px;}
.navegacao_meio li a {color:#333333;}
.navegacao_meio li a:hover {color:#0190d6;}
.navegacao_final {height:18px;}

/***** myhello! *****/

.myhello {width:187px; height:155px; background-image:url(../img/left_menu_myhello_fundo.jpg); background-repeat:no-repeat; margin-bottom:10px;}
.myhello table {border:none; padding:0;}
.table_myhello {margin-top:50px; margin-left:10px; font-size:12px;}
.myhello #myhello_form {}
.myhello #myhello_form input {border:1px solid #CCCCCC; width:100px; text-align:left; padding:3px; margin:0; padding:0;}

/***** sayhello! *****/

.sayhello {width:187px; height:278px; margin-bottom:20px; background-image:url(../img/left_menu_sayhello_fundo.jpg); background-repeat:no-repeat; margin-top:10px; position:relative;}
.saydownload {position:absolute; top:240px; left:10px;}

/****************************************
	LADO DIREITO
****************************************/

.right {float:left; margin-left:15px; _margin-left:7px;}
.content_topo {}
.content_meio {background-image:url(../img/content_meio.jpg); background-repeat:repeat-y; padding:0 15px; width:729px;}
.content_final {}

/***** MAIN *****/

.main_banner {width:100%; height:100px; background-color:#CCCCCC; margin-bottom:10px;}

/* quadros principais */
.main_quadro {float:left; margin-bottom:10px; margin-right:7px; width:208px; height:98px; padding:15px; background-image:url(../img/main_quadro.jpg); background-repeat:no-repeat;}
.main_quadro h2 {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#0190d3; font-weight:normal; text-transform:uppercase;}
.main_quadro p {text-align:left; margin-top:8px; font-size:11px; line-height:15px;}

/* atendimento e chat online*/
.main_atendimento {float:left; margin-right:4px; margin-top:20px; _margin-top:2px;}

.main_chat {float:left; margin-top:20px; _margin-top:2px; width:363px; height:50px; background-image:url(../img/main_chat_fundo.jpg); background-repeat:no-repeat; position:relative;}
.main_chat h2 {position:absolute; left:240px; top:8px; font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.main_chat h2.online {color:#70b601;}
.main_chat h2.offline {color:#ce0018;}

/* ultimos topicos */
.main_ultimostopicos {float:left; width:365px;}
.main_ultimostopicos p {line-height:16px;}
.mostra_topico {width:320px; background-image:url(../img/main_mostratopicos.jpg); border-bottom:1px dashed #CCCCCC; padding-bottom:10px; margin-top:10px; background-repeat:no-repeat; background-position:top left; padding-left:28px;}
.mostra_topico_titulo {color:#0a8dd3; font-weight:bold; margin-bottom:1px;}
.mostra_topico_txt {line-height:16px;}

/* cases de sucesso*/
.main_casessucesso {float:left; height:319px; width:325px; padding-left:30px; background-image:url(../img/main_casessucesso_fundo.jpg); background-repeat:no-repeat;}
.mostrar_cases {margin-bottom:30px;}
.cases_img {width:72px; height:auto; background-color:none; float:left; margin-right:10px;}
.cases_titulo {color:#ff9727; font-weight:normal; width:330px; *width:240px;}
.cases_txt {width:310px; _width:220px; line-height:15px;}

/****************************************
	RODAPE
****************************************/

#rodape {width:100%; background-image:url(../img/rodape_fundo.jpg); background-repeat:repeat-x; padding-top:90px;}
.rodape_content {width:961px; margin:0 auto 30px auto; position:relative;}
.pubweb {position:absolute; left:890px; top:0;}