@charset "utf-8";
@import url(reset.css);

/************************* TAG's ***************************/

body {	background:url(../img/bg.jpg) repeat-x top; height:100%; font-family:"Trebuchet MS"; font-size:13px; color:#000; }

a{ text-decoration:none; color:#000000}
	a:hover{ text-decoration:underline}


/************************* ID´s ****************************/

#container{ width:900px; margin:0 auto;}

#header{ padding-top:30px; height:120px;}	
#header #logo{	background:url(../img/marca.jpg) no-repeat;	text-indent:-5000px; width:337px; height:67px; float:left; overflow:hidden;}
#header #menuServico{ background:url(../img/bgMenuServico.gif) right no-repeat; width:560px; height:64px; float:right; overflow:hidden;}
	#header #menuServico ul{ padding-top:20px; text-align:right; margin-top:0px!important}
	#header #menuServico li{display:inline;	background:url(../img/DetalheLista.gif) no-repeat;	padding-left:10px;	padding-right:20px;}
	#header #menuServico a{color:#FFFFFF; text-decoration:underline;}
	#header #menuServico a:hover{color:#FFFFFF; text-decoration: none;}
	
#middle{ width:900px; padding-bottom:20px; clear:both;}
#middle #colLat{background:url(../img/bgColMenu.png) no-repeat; width:190px; padding:25px 24px 0px 20px; float:left;}
	#middle #colLat .listMenu li{font-size:14px; background:url(../img/DetalheListaMenu.gif) no-repeat; border-top:#c7c7c7 1px solid; padding:10px;}
	#middle #colLat #menuNavegue{ margin-bottom:20px; margin-left:22px; *margin-left:0}
	#middle #colLat #menuEdicoes{margin-bottom:20px; margin-left:22px; *margin-left:0}
		#middle #colLat #menuEdicoes .titAno{ font-weight:bold; font-size:14px; padding-left:5px; padding-bottom:12px;}
	#middle #colLat #informativo{}
	#middle #colLat #informativo form{ padding-top:15px;}
		#middle #colLat #informativo form label{ font-weight:bold;}
		#middle #colLat #informativo form .input{background:url(../img/bgForm.jpg) repeat-x #FFFFFF;	border:1px solid #c9c9c9; padding:3px; width:100%; font-size:11px;}
#middle #content{ width:640px; float:right;}
#middle #content #box-servicos{height:45px; margin-bottom:30px;}
#middle #content #painelHome{ margin-bottom:40px;}
#middle #content #bannerAssinaturas{ padding-bottom:20px;}
#middle #content #noticias{ width:310px; float:left;}
	#middle #content #noticias li{}
	#middle #content #noticias .img{border:1px solid #c9c9c9; padding:3px; float:left; margin-right:20px;}
	#middle #content #noticias .tit{ font-weight:bold;}
#middle #content #publicidadeContent{ background:#eee; text-align:center; width:310px; float:right;}
	#middle #content #publicidadeContent p{ font-size:10px; text-align:left;}
#middle #content #boxInferior{ background:#f6f6f6; padding:20px; display:block; margin-top:30px; margin-bottom:20px; width:600px;}
#middle #content #boxInferior #revistaCaisdoPorto{ width:280px; float:left; margin-right:10px;}
#middle #content #boxInferior #revistaCaisdoPorto .img{ float:left; padding-right:10px;}
#middle #content #boxInferior #oportunidades{ width:280px; float:right; }
#middle #content #marcas{width:640px; height:150px; overflow:hidden; }
/*#middle #content #marcas img { padding-right:20px; overflow:hidden; padding-top:10px;  }*/
#middle #content #marcas ul { overflow:hidden; position:relative; }
#middle #content #marcas ul li { display:inline; position:relative; padding-right:20px; width:205px; overflow:hidden; left:600px; }

#middle #content #internas{ margin-bottom:20px;}

#footer{ border:1px solid #dbdbdb; background:#f6f6f6; text-align:center;}
	#footer .copyright{ width:900px; border-top:10px solid #d6d6d6; padding-top:15px; padding-bottom:15px; margin:0 auto;}
	#footer .nav{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:15px 0px 15px 0px; width:900px; margin:0 auto;}
		#footer .nav li{ display:inline; padding-right:10px;}
	#footer address{ padding:15px;}
	
#paginacao{ width:630px; height:35px; margin-bottom:20px; padding:8px 0 0 0; background:#f6f6f6; border:1px solid #c7c7c7; font-size:13px; color:#000; padding-left:10px;}
	#paginacao .ant-prox{margin:5px 0 5px 0;  font-weight:bold; color:#c6161d; float:left;}
	#paginacao ul{margin:0 10px 0 10px; float:left;}
	#paginacao li{ width:25px; height:20px; margin:0 5px 0 5px; padding-top:5px;  background-color:#fff; font-weight:bold; text-align:center; border:1px solid #bcc8d0; display:inline; float:left;}
	#paginacao li a{ text-decoration:none; color:#666; display:block}
	.indicador-selecionado{background-color:#c6161d!important; color:#fff!important; border:none !important;}

#voltar{width:630px; height:35px; margin-bottom:20px; padding:8px 0 0 0; background:#f6f6f6; border:1px solid #c7c7c7; font-size:13px; color:#000; padding-left:10px;}
	#voltar a{ font-weight:bold;}

/************************* Classes ****************************/

.titulos{ text-indent:-5000px; height:26px;	margin-bottom:20px; overflow:hidden;}
.titInternas{ font-size:32px; font-weight:bold; padding-top:5px; height:100px; color:#c6161d;}
.titComentarios{ font-size:22px; font-weight:bold; padding-top:5px; color:#c6161d;}

.navegue { background:url(../img/titNavegue.gif) no-repeat;}
.edicoes { background:url(../img/titEdicoes.gif) no-repeat;}
.servicos {background:url(../img/titServicos.gif) no-repeat;}
.informativo{background:url(../img/titInformativo.gif) no-repeat;}

.revistaCais{background:url(../img/titRevistaCais.gif) no-repeat;}
.oportunidades{ background:url(../img/titOportunidades.gif) no-repeat;}

.titBoxLogin{ background:url(../img/titLogin.gif) no-repeat; text-indent:-5000px; width:36px; height:12px; margin-left:12px; margin-top:12px; float:left;}
.titBoxBusca{ background:url(../img/titBusca.gif) no-repeat; text-indent:-5000px; width:36px; height:12px; margin-left:12px; margin-top:12px; float:left;}

.saibamais{ font-weight:bold; padding-top:10px;}

.listagemMaterias{ border-bottom:1px solid #d6d6d6; padding-bottom:10px; margin-bottom:20px;}
	.listagemMaterias img{ float:left; padding-right:10px;}
	.listagemMaterias .nomeCategoria{ font-size:10px; text-transform:uppercase; font-weight:bold;}
	.listagemMaterias .nomeMateria{ font-size:22px; color:#c6161d; font-weight:bold;}
	.listagemMaterias .capa-editorial{ height:80px; display:block; }
	.listagemMaterias .nomeFuncao{ font-size:16px; color:#000; font-weight:bold;}
	.listagemMaterias a:hover{ text-decoration:underline !important;}
	
.listagemAnunciantes{ padding-bottom:20px; margin-bottom:20px; float:left; }
	.listagemAnunciantes img{ padding-right:61px;}
	
#content #internas .listagemEdicoes { float:left; width:150px; padding:0 63px 63px 0; }

.nomeMateriaDetalhe{ font-size:22px; color:#c6161d; font-weight:bold;}
.nomeFuncaoDetalhe { font-size:16px; color:#000; font-weight:bold;}
.nomeCategoriaDetalhe{ font-size:10px; text-transform:uppercase; font-weight:bold; margin-bottom:20px;}
.imgDetalheMateria{ width:300px; height:225px; overflow:hidden; float:left; padding:15px; background:#f6f6f6; margin-right:15px;}


/************************* Master Classes *****************************/

.clear{ clear:both;}

/************************* Crack do Chrome ****************************/

body:nth-of-type(1) li {list-style:none;}
body:nth-of-type(1) #noticia p {padding:0; margin:0;}
body:nth-of-type(1) .listMenu li {margin-left:-30px;}
body:nth-of-type(1) .listMenuServico{margin: 24px 0px 0px 40px;	}
body:nth-of-type(1) #notCais{width:307px; margin:15px 0px 0px -20px;}
body:nth-of-type(1) #notCais .tit{ padding:0px 0px 0px 0px;	}
body:nth-of-type(1)#notCais li{	border-bottom:1px solid #c9c9c9;padding: 0px 0px 0px 0px ;	}

.SaibaMais{ 
	background:url(../img/iconSaiba.gif) no-repeat;
	text-indent:20px;
	}

.curriculo{ 
	width:279px;
	background:#FFFFFF;	
	overflow:hidden;
	}
.curriculo .cont{
	width:170px;
	padding-top:15px;
	padding-left:10px;
	padding-bottom:5px;
	float:left;	
	
	}
.curriculo img{
	float:left;
	margin-top:4px;
	}
.curriculo .tit{
	font-weight:bold;
	}

.curriculo .cinza{
	color:#949494;
	}
#cadastroOportunidade { }
#content #internas #cadastroOportunidade p { font-size:22px ; font-weight:bold; padding-top:5px; color:#c6161d; padding-bottom:15px; }
#content #internas #cadastroOportunidade label { font-size:13px; display:block; padding-top:5px; }
#content #internas #cadastroOportunidade .input{background:url(../img/bgForm.jpg) repeat-x #FFFFFF;	border:1px solid #c9c9c9; padding:3px; width:300px; font-size:11px;}
#content #internas #cadastroOportunidade textarea { height:200px; }

#listComents li { border-bottom:1px dotted #c2c2c2; background-color:#f3f3f3 !important; margin-top:15px; padding:5px; }
#listComents li:hover { background-color:#ececec !important; } 

.letras{ width:100%; background:#EAEAEA; padding:15px; font-size:24px; color:#c6161d; font-weight:bold; margin-bottom:20px;}
.red {color: #c6161d}
.vermelho {color: #c6161d}