/* FOLHA DE ESTILO PARA INVESTPARK.COM.BR ****************/
/* Manutenção do projeto pela 1980sa.com
/* em setembro/2010.
/*********************************************************/

*{ margin: 0; padding: 0; border: 0; }
body{ background: #444444; font: 13px Tahoma; line-height: 15px; color: #CCC; text-align:center;}

/* PRINCIPAIS */
#corpo{margin: 0 auto;width: 960px; text-align: left;}
#topo{ }
#centro{background: #333;}
#centrodet{background:url("../imagens/site/bg_centrodet.jpg") center bottom no-repeat; width:960px; height:20px;}
#conteudo{padding: 30px;}
#rodape{clear: both;text-align: center;padding:0 20px;font-size:11px;color:	#999;}

/* HOME */
#homecorporativos, #homenovidades, #homelocacaoevendas, #homeoutros  {
float: left;
width: 200px;
height:250px;
position:relative;
padding: 0 10px;
margin: 20px 10px 10px 10px;
text-align: left;
}
#homecorporativos .mais, #homenovidades .mais, #homelocacaoevendas .mais, #homeoutros .mais {position:absolute; right:10px; bottom:0; width: 188px;}
ul.lista {width:auto; height:auto; margin:0;}
ul.lista li {padding:5px; margin:0 0 1px 0; background:#3A3A3A; list-style:none; border-bottom:1px solid #444; height:30px;
; overflow:hidden;}
ul.lista li span.post{font-size: 10px;color: #999999; display:block; float:left; width:55px; margin:0 4px 0 0;border-right:1px solid #333; text-align:center;}
ul.lista li a {color:#FF9933; text-decoration:none;}
ul.lista li a:hover {color:#FF9933; text-decoration:none;}


/* Conteudo ***********************************************/
img#imgNegocios {width:300px; float:left; padding:5px; background: #3A3A3A; margin:0 10px 15px 0;}

#post {margin:15px;}

.vcEsta {clear:both; text-align:right; font-size:11px; color:#999; margin:0 0 18px 0;}
.vcEsta a {color:#999; text-decoration:none;}
.vcEsta a:hover {text-decoration:underline;}
.vcEsta span {font-size:15px;}
.box {width:auto; height:auto; padding:10px; background:#444;}

#coluna_cp{ width: 400px; margin: 0; float: left; padding:0; background:#444;}
#coluna_ct{ width: 400px; height:330px; margin: 10px; float: left; padding:10px; background:#444;}
ul.cp {width: 400px; margin: 10px; float: left; padding:10px;}

#rodape .box {width: 210px; height:auto;padding: 0;margin: 0 5px; float:left; text-align:left;}
#rodape .box2 {width: 220px; height:auto;padding: 0;margin: 0 5px; float:right; text-align:left;}
#rodape span {color:#FF9900; font-size:10px;}
#rodape p {text-shadow:1px 1px 1px #444;}

.erro {
width:		auto;
height:		auto;
padding:	10px;
margin:		20px 10px;
background:	#550000;
border:		2px solid #200000;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* Ã? bom colocar caso haja alguma compatibilidade no futuro */
color:		#FF9B9B;
}
.sucesso {
width:		auto;
height:		auto;
padding:	10px;
margin:		20px 10px;
background:	#003300;
border:		2px solid #001C00;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* Ã? bom colocar caso haja alguma compatibilidade no futuro */
color:		#97FF97;
}

/* Fromulario ***********************************************/
label {width:120px; float:left; text-align:right; margin:3px 3px 0 0; clear:both;}
input, textarea, select {padding: 4px; background: #555; margin:0 0 5px 0; width: auto; font: 13px Tahoma;color: #CCC;
-moz-border-radius: 5px;/* para funcionar no Firefox*/
-webkit-border-radius: 5px;/* para funcionar no Chrome ou no Safari */
border-radius: 5px;/* Ã? bom colocar caso haja alguma compatibilidade no futuro */
}
input:focus, textarea:focus, select:focus {background: #000;}
input#nome {width:260px;}
input#email {width:240px;}
input#empresa {width:190px;}
select#como { width:150px;}
textarea#mensagem {width:260px;}
input.envia {background:transparent url("../imagens/site/bot_enviar.gif") center center no-repeat; width: 90px; height:20px; cursor:pointer;}
.required{ }
.valid{border:2px solid	#00CC00 !important;}
.invalid{border:2px solid #FF0000 !important;}
#submit { background:#F90; color:#444; cursor:pointer; padding:4px 5px; font-size:12px;}

/* Titulos ***********************************************/
h1, h2, h3{font-family:Tahoma;font-weight:normal; margin:0 0 10px 0;}
h1 span, h2 span, h3 span, h4 span {display:none;}
h1 {font-size: 27px; }
h2 {font-size: 21px;border-bottom:1px solid #444; padding:0 0 3px 0;}
h3 {font-size:17px;}
h4 {font-size:14px; margin:0 0 3px 0;font-weight:normal;}
h5 {font-size:13px; font-weight:bold;}

h2#ng {background:url("../imagens/site/titulo_negocios.gif") left center no-repeat; height:25px; border-bottom:1px solid #444;}
h2#ic {background:url("../imagens/site/titulo_corporativos.gif") left center no-repeat; height:25px; border-bottom:1px solid #444;}
h2#nt {background:url("../imagens/site/titulo_noticias.gif") left center no-repeat; height:25px; border-bottom:1px solid #444;}
h2#lv {background:url("../imagens/site/titulo_locacaoevendas.gif") left center no-repeat; height:25px; border-bottom:1px solid #444;}

h3#sv {background:url("../imagens/site/titulo_negocios_servicos.gif") left center no-repeat; margin:0;}
h3#ct {background:url("../imagens/site/titulo_negocios_consultoria.gif") left center no-repeat; margin:10px 0 0 0;}
h3#pj {background:url("../imagens/site/titulo_negocios_projetos.gif") left center no-repeat; margin:10px 0 0 0;}


/* Classes/Geral ******************************************/
.laranja {color:#FF9933;}
a { color: #CCC; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
.mais {background: #3A3A3A; padding:2px 5px; width:auto; text-align:right;}
.mais a {font-size:10px; color: #666;}
.mais a:hover { color: #ccc;}
.projetos{float:left; padding:5px; background: #3A3A3A; margin:0 10px 0 0; width:250px;}
#fotoaempresa{ float: right; margin-left: 20px; border: 5px solid #555; }
#line{ padding: 20px 0px 20px 0px; }

ul{ margin-left: 20px;}

#separador {clear: both; height:1pt; font-size:1pt; padding:0; margin:0;}
.separador2 {clear: both; border-top:1px solid #333; margin:10px 0 0 0; padding:10px 0;background:url("../imagens/site/bg_separador.png") left top repeat-y; height:auto; width:880px;}

/* Login ***********************************************/
#adm {margin: 0 auto;width: 960px; text-align: left;}