/**
       * Copyright (C) NOME DO SITE - Todos os direitos reservados
       * http://www.proconta.com.br/
       *
       * @author Fábio Ferreira da Costa <fabio@facedigital.com.br>
       * @file estilos.css
**/

body {
	background:url(../imgs/bg.gif) repeat-x #4a5eab;
	font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background:url(../imgs/ico-bullet.gif) no-repeat;
	padding:3px 0 0 25px;
	margin:0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	background:url(../imgs/ico-bullet.gif) no-repeat;
	padding:0 0 12px 25px;
	margin:20px 0 0 0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8f9ccb;
	padding:0;
	margin:0;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#d9ddec;
	padding:0;
	margin:0;	
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	margin-bottom:10px;
}

span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#d1d6e6;
	font-weight:bold;
}



/* Classes */

.p1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dadded;
}

.p2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767ea2;
}

.p3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a1a9c9;
}

.clear {
	clear:both;
}

.left { float:left; display: inline }
.right { float: right }

.link {
	cursor:pointer;
	cursor:hand;
}

.borda-imgs {
	border: 1px solid #FFFFFF;
	padding: 1px;
}

.campos-input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	padding-left:5px;
}

.campos-input-geral {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b1464;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:2px;
}

select, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:2px 0 2px 2px;
}

select { padding: 1px }

input[type=checkbox], input[type=radio] {
background:none;
border:none;
}

label.error { font-weight: bold; color: red; margin: 2px; float:left; display: none; font-size: 11px }

/* Inicio das DIVS */

#principal {
	width:800px;
	margin:0 auto;
}

#principal #topo {
	width:800px;
	min-height:109px;
}

#principal #topo #logo {
	width:235px;
	min-height:109px;
	float:left;
}

#principal #topo #webmail {
	background:url(../imgs/webmail.png) no-repeat;
	width:560px;
	height:51px;
	float:left;
	margin:0 0 0 -10px;
}

#principal #topo #webmail #procontanet {
	width:130px;
	height:33px;
	float:left;
}

#principal #topo #webmail-campos {
	width:415px;
	height:51px;
	float:right;
}

#principal #topo #webmail-campos #titulo {
	width:78px;
	height:34px;
	float:left;
	padding:9px 0 0 0;	
}

#principal #topo #webmail-campos #campos {
	width:268px;
	height:14px;
	float:left;
	padding:6px 0 0 0;
}

#principal #topo #webmail-campos #bt-ok {
	width:60px;
	height:26px;
	float:right;
	padding:6px 0 0 6px;
}

#principal #topo #noticias {
	background:url(../imgs/noticias-topo.png) no-repeat;
	width:445px;
	height:57px;
	float:left;
	padding-left:105px;
	line-height:73px;
}

#principal #destaques {
	width:800px;
	min-height:216px;
	float:left;
}

#principal #destaques #menu {
	width:206px;
	height:216px;
	float:left;
	background:url(../imgs/menu.png) no-repeat;
}

#principal #destaques #menu li {
	width:206px;
	height:31px;
	float:left;
}

#principal #destaques #imagens {
	width:594px;
	height:216px;
	float:right;
}


/* Início das Divs dos Conteúdos Centrais */

#principal #conteudo {
	width:800px;
	background:url(../imgs/bg-corpo.jpg) no-repeat;
	float:left;
}

#principal #div-hor {
	width:35px;
	min-height:200px;
	background:url(../imgs/div-hor.png) no-repeat center center;
	float:left;
	margin:20px 0 0 0;
}

#principal #conteudo #central {
	width:100%;
	min-height:230px;
	float:left;
}

#principal #conteudo #textos-internas {
	width:410px;
	min-height:100px;
	float:left;
	padding:30px 30px 10px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#principal #conteudo #textos-internas-geral {
	width:730px;
	float:left;
	padding:0 30px 0 30px;
}

#principal #conteudo #textos-internas-geral p { margin: 0 0 10px 0; }

#principal #conteudo #textos-internas-geral ul.i {
	margin:20px 0 20px 0;
}

#principal #conteudo #textos-internas-geral ul.i li {
	width:81px;
	height:72px;
	padding:0 20px 18px 0;
	display:inline;
	float:left;
}

#principal #conteudo #textos-internas {
	color:#FFFFFF;
	padding:0 0 10px 30px;
}

#principal #conteudo #lateral {
	width:220px;
	min-height:100px;
	float:left;
	padding:45px 0 0 30px;
}

#principal #conteudo #lateral li {
	width:220px;
	min-height:20px;
	background:url(../imgs/ico-bullet.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:4px 0 0 25px;
}

#principal #conteudo #central #servicos {
	width:205px;
	float:left;
	margin:20px 0 0 30px;
}

#principal #conteudo #central #servicos #imagem {
	width:189px;
	height:50px;
	background:url(../imgs/img-home-servicos.jpg) no-repeat center center;
	border:1px solid #CCCCCC;
	padding:1px;
	margin:8px 0 8px 0;
}

#principal #conteudo #central #servicos #bt-conheca {
	width:121px;
	height:24px;
	background:url(../imgs/bg-botao-padrao.gif) no-repeat center center;
	text-align:center;
	margin:15px 0 0 0;
}

#principal #conteudo #central #recrutamento {
	width:198px;
	float:left;
	margin:20px 0 0 12px;	
}

#principal #conteudo #central #recrutamento #texto {
	padding:8px 0 15px 0;
}

#principal #conteudo #central #noticias-pcsc {
	width:230px;
	float:left;
	margin:20px 0 0 10px;
}

#principal #conteudo #central #noticias-pcsc #texto li {
	border-bottom:1px dotted #99a4cf;
	padding-bottom:10px;
	padding-top:10px;
	width:240px;
}

#principal #conteudo #central #noticias-pcsc #bt-informativos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767ea2;
	width:121px;
	height:24px;
	background:url(../imgs/bg-botao-padrao.gif) no-repeat center center;
	text-align:center;
	line-height:18px;
	margin:15px 0 0 5px;
}



/* Início das Divs do Rodapé */

#rodape {
	width:800px;
	height:50px;
	margin:0 auto;
	background:url(../imgs/bg-rodape.gif) no-repeat center top;
}

#rodape #copyright {
	width:500px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f8bba;
	padding:12px 15px 0 25px;
}

#rodape #FACEdigital {
	width:50px;
	min-height:5px;
	float:right;
	padding:21px 25px 0 0;	
}

/** facecms */
.cms_image { margin: 0px 10px 10px 10px; }
.cms_fright { float: right; text-align: center; }
.cms_fleft { float: left; text-align: center; }
.cms_normal { text-align: center; width: auto; }

.cms_fleft img { float: left; }
.cms_fright img { float: right; }
.cms_fleft .legenda { float: left; }
.cms_fright .legenda { float: right; }

.thumbnail { width: 150px; height: auto; }
.thumbnail .legenda { width: 141px; _width: 150px; }

.medium { width: 300px; height: auto; }
.medium .legenda { width: 290px; _width: 300px; }

.large { width: 530px; height: auto; }
.large .legenda { width: 521px; _width: 530px; }

.legenda { color: #444; margin: 0; _margin: 2px; padding: 5px 5px; font-size: 10px; clear: both; background-color: #EEEEEE; text-align: left; display: inline; width: 100%; }

a.link { color: #ccccf8; }
a.link:hover {text-decoration:underline; }

/* Paginacao */
.numPages span * { font-size: 15px; font-weight: normal; }
.numPages a { color: #eee; }
.numPages a:hover { text-decoration: underline; }
.numPages a.selected { font-weight: bold; }

/* Cascading de Formulário */

#formulario { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: black }

#formulario .recruit .item { margin: 5px 0 5px 0; width: 100%; }
#formulario .recruit .item .textbox { width: 100%; }

#formulario .recruit fieldset { border: 1px solid #7f8bba; padding: 10px }
#formulario .recruit fieldset legend { margin: 0 2px; padding: 0 2px; font-weight: bold }

#formulario .recruit #companies div.hide { display: none }

#tinybox { margin: 10px 0; float: left; width: 100% }
#tinybox .fragment { padding: 10px 15px;  }

span.required { font-weight: bold; color: red; font-size: 12px }

#textos-internas form p { margin-bottom: 5px; }