/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	outline:none;
	}
	
html, body {
	height: 100%;
	}
	
body { 
	background:#fff;
	width:100%;
	} 

#tudo{
	min-height: 100%;
	position: relative;
	}
* html #tudo {
	height: 100%; /* hack para IE6 que trata height como min-height */
	}
	
#conteudo {
width:950px;
position:relative;
left:50%;
margin-left:-475px;
padding-bottom:230px;

}

#rodape {
	position: absolute;
	bottom: 0;
	width:100%;
	}
	
#topo{
	width:100%;
	height:130px;
	background:#fff;
}

.box{
	float:left
}

#rodade_conteudo{
	width:950px;
	position:relative;
	left:50%;
	margin-left:-475px;
}

#rodape_coluna{
	width:230px;
	height:130px;
	padding:0 35px 0 50px;
}

.div_vertical{
	background:url(../images/fundo/detalhe-divisao.gif) right top repeat-y ;
	float:left;
	margin-top: 20px;
}

.sem_div{
	float:left;
	margin-top: 20px;
}

#rodape_claro{
	width:100%;
	height:170px;
	background:#e7e3e3;
	position:relative;
	top:50px;
	background:url(../images/fundo/rodape.png);
	background-repeat:repeat-x;

}

#rodape_escuro{
	width:100%;
	height:60px;
	background:#1A1A1A;
	position:relative;
	top:50px;
	border-top:1px solid #000;
	box-shadow:0 1px 12px rgba(0,0,0,0.15)
}

#txt_rodape{
	color:#fff;
	width:950px;
	position:relative;
	left:50%;
	margin-left:-475px;
	top:23px;
}

.txt_info{
	color:#373737;
	font-size:11px;
	margin:10px 0 0px 30px;
}

.txt_info a{
	color:#373737;
	text-decoration:none;
}

.txt_info li{
	margin: 0 0 5px 0;
}

.txt_subinfo{
	color:#808080;
	font-size:12px;
	margin:4px 0 0px 30px;
}

.txt_subinfo a{
	color:#808080;
}

.col_titulo{
	color:#b00402;
	font-size:12px;
	font-weight:bold;
}

#redessociais{
	width:300px;
	position:relative;
	top:0px;
	left:50%;
	margin-left:177px;
	text-align:right;
}

#txt_rodape_dir{
	color:#373737;
	width:616px;
	position:absolute;
	top:48px;
	left:50%;
	margin-left:-140px;
	text-align:right;
}

#txt_rodape_dir a{
	color:#575656;
	text-decoration:none;
	font-size:13px;
}

#txt_rodape_dir a:hover{
	color:#666;
	text-decoration:underline;
}

#txt_rodape_esq{
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-475px;
	text-align:left;
}

#logo_parceiro_scielo{
	background:url(../images/logo/scielo.png);
	width:75px;
	height:79px;
	position:relative;
	left:75px;
	top:10px;
}

	
#txt_centro{
	width:616px;
	position:absolute;
	top:35px;
	left:50%;
	margin-left:-308px;
	text-align:left;
	color:#434343;
}

#logo{
	width:200px;
	height:82px;
	background:url(../images/logo/logo_hddesigndigital.png);
	z-index:5;
	position:relative;
	left:50%;
	margin-left:-480px;
	top:20px;
}

.ln_div{
	border-top: 1px solid #dbdbdb;
	width:950px;
	height:1px;
}

.ln_div_quadro{
	border-top: 1px solid #8a8989;
    height: 1px;
	width:221px;
}

#ln_topo{
	position:relative;
	top:-20px;
	left:50%;
	margin-left:-475px;
}

#ln_conteudo{
	position:relative;
	top:-15px;
	left:50%;
	margin-left:-475px;
}

#ln_conteudointerno{
	position:relative;
	top:5px;
	left:50%;
	margin-left:-475px;
}

#ln_quadro{
	position:relative;
	top:4px;
}

#quadros{
	width:970px;
	position:relative;
	top:10px;
	left:50%;
	margin-left:-475px;
}

#qua_home{
	width:221px;
	height:350px;
	display:inline-table;
	margin-right:18px;
}

#qua_img{
	width:221px;
	height:148px;
}

.qua_img_metodologia{
	background:url(../images/home/metodologia.png);
}

.qua_img_epub{
	background:url(../images/home/epub.png);
}

.qua_img_designdigital{
	background:url(../images/home/designdigital.png);
}

.qua_img_designimpresso{
	background:url(../images/home/designimpresso.png);
}

#qua_titulo{
	color:#c60101;
	font-size:12px;
	margin-top:17px;
	font-weight:bold;
	letter-spacing:1px;
}

#qua_txt{
	margin-top:10px;
	color:#696868;
	text-align:left;
	line-height:160%;
}

#qua_link a{
	color:#696868;
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	top:320px;
	float:right;
	margin-left:130px;
	
}

#qua_link a:hover{
	color:#b10304;
}

#seta{
	background:url(../images/icons/seta.png);
	width:13px;
	height:14px;
	float:left;
	margin-right:3px;
	margin-top:2px;
}

#menu_principal{
	width:750px;
	text-align:right;
	position:absolute;
	top:80px;
	left:50%;
	font-weight:bold;
	margin-left:-265px;
	font-size:16px;
	color:#cf0101;
}

#menu_principal a{
	color:#5f5f5f;
	text-decoration:none;
	letter-spacing:1px;
	font-size:12px;
	padding:0 10px 0 10px;
	font-weight:normal;
}

#menu_principal a:hover{
	color:#b10304;
}

#conteudo_interno{
	position:relative;
	top:20px;
	width:950px;
	left:50%;
	margin-left:-475px;
	text-align:justify;
	line-height:180%;
	color:#333333;
	padding-bottom:150px;
}




#form_contato fieldset {
	border:0px;
	}
	
#form_contato fieldset input#enviar{
	border:0px;
	width:79px;
	height:34px;
	text-indent:-300em;
	overflow:hidden;
	}

#form_contato fieldset select{
	font-size:14px;
	height:26px;
	color:#666666;
	width:540px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	padding-left:5px;
}

#form_contato  fieldset input{
	font-size:14px;
	height:17px;
	color:#666666;
	width:527px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	padding-left:5px;
	}
	
#form_contato fieldset textarea{
	font-size:14px;
	height:150px;
	color:#666666;
	width:527px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	padding-left:5px;
}

#txt_campo{
	padding-top:10px;
	font-size:14px;
}

#quadro_lateral{
	width:396px;
	
}

#quadro_contato_topo{
	width:396px;
	height:14px;
	background:url(../images/fundo/quadro_contato_topo.png);
}

#quadro_contato_meio{
	width:336px;
	height:auto;
	background-repeat:repeat-y;
	background:url(../images/fundo/quadro_contato_meio.png);
	padding: 0px 30px 20px 30px;
	color:#7a7a7a;
	font-size:15px;
	font-weight:normal;
}

#quadro_contato_meio p{
	color:#CC0000;
	font-size:13px;
	font-weight:bold;
	padding-top:15px;
}

#quadro_contato_meio a{
	color:#7a7a7a;
	font-size:15px;
	text-decoration:none;
	font-weight:normal;
}

#quadro_contato_meio a:hover{
	color:#8A8A8A;
}

#quadro_contato_rodape{
	width:396px;
	height:17px;
	background:url(../images/fundo/quadro_contato_rodape.png);
}

#quadro_lateral{
	position:absolute;
	top:32px;
	left:50%;
	margin-left:80px;
}


#sucesso-enviar{
	color:#006633;
	font-size:12px;
	height:auto;
	padding-top:3px;
	margin-top:5px;
	margin-bottom:15px;
	text-align:center;
	min-height:22px;
	font-weight:bold;
	width:540px;
	}
	
#erro-enviar{
	color:#dc1018;
	font-size:12px;
	height:auto;
	padding-top:2px;
	margin-top:5px;
	margin-bottom:15px;
	text-align:left;
	min-height:22px;
	}
	
.btn_enviar a, .btn_enviar a:visited {  
	background:url(../images/botoes/btn_enviar.png) no-repeat center -0px;
	width:82px;  
	height:33px;	
	display:block;	
	text-indent:-300em;
	overflow:hidden;
}

#btn_contato{
	margin:20px 0px 40px 457px;
}

.btn_enviar a:hover { 
	background:url(../images/botoes/btn_enviar.png) no-repeat center -41px;
	display:block;	
}

#txt_titulo{
	color:#af0000;
	font-weight:bold;
	padding-top:30px;
	font-size:16px;
}

#met_menu{
	margin: 10px 0 30px 0;
}

#met_menu a{
	color:#333333;
	text-decoration:none;
	margin: 5px 10px 7px 10px;
}

#met_menu a:hover{
	color:#999999;
}

#txt_subtitulo{
	color:#252525;
	font-weight:bold;
	padding-top:20px;
	font-size:14px;
}

#txt_subtitulo a{
	color:#252525;
	text-decoration:none;
}

#txt_itens{
	padding: 0 20px 0 30px;
	color:#707070;
}



#txt_itens ul{
	margin-left:20px;
}


#txt_item{
	padding: 0px 10px 0px 20px;
	color:#707070;
	font-size:15px;
}

#logo_crossref{
	background:url(../images/logo/crossref.png);
	width:120px;
	height:38px;
	position:relative;
	left:780px;
	top:-40px;


}

#logo_pmc{
	background:url(../images/logo/pmc.png) no-repeat;
	width:272px;
	height:73px;
	position:relative;
	left:50%;
	margin-left:-136px;
	top:15px;
	padding-bottom:20px;


}

#quadro_texto_topo{
	background:url(../images/fundo/quadro_texto_topo.png);
	width:950px;
	height:14px;
	margin-top:5px;
}

#quadro_texto_meio{
	background:url(../images/fundo/quadro_texto_meio.png);
	width:950px;
	background-repeat:repeat-y;
}

#quadro_texto_rodape{
	background:url(../images/fundo/quadro_texto_rodape.png);
	width:950px;
	height:14px;
	margin-bottom:20px;
}

#titulo_interno{
	width:950px;
	height:85px;
}

.tit_metodologia{
	background:url(../images/titulos/metodologia.png);
}

.tit_epub{
	background:url(../images/titulos/epub.png);
}

.tit_designdigital{
	background:url(../images/titulos/designdigital.png);
}

.tit_designimpresso{
	background:url(../images/titulos/designimpresso.png);
}

.tit_contato{
	background:url(../images/titulos/contato.png);
}