@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonte/proximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight';
    src: url('fonte/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonte/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@charset"UTF-8";
* {margin: 0; padding: 0; list-style: none; outline: none;}
body {font-family: Arial, Tahoma, Helvetica; font-weight: normal;}
section {display:block;}

.content {width: 100%; height: auto; position: relative; margin: 0px auto;}
	.tituloDicionarioHouaiss {width: 100%; height: 350px; background: #d3461c repeat-x;}
		.conteudoBaloes {width: 1220px; height:  350px; background: url(../img/fundo-imagens.gif) no-repeat ; position:relative; margin: 0px auto;}
			.imagensIntro {width: 1000px; height: 350px; position: relative; margin: 0px auto; }
			.imagemCamaleao {position: absolute; top: 119px; left: 2px;}
			.imagemFarao {position: absolute; top: 11px; left: 314px;}
			.imagemLogoHouaissR {position: absolute; top: 11px; left: 451px;}
			.imagemAstronauta {position: absolute; top: 14px; left: 588px;}
			.imagemCiclista {position: absolute; top: 46px; left: 789px;}
		
			h1.dicionarioHouaissIlustrado {width: 354px; height: 161px; position: absolute; top: 135px; left: 319px; text-indent: -9999px; background: url(../img/logotipo-dicionario-houaiss.png) no-repeat; display:block;}



		.acessoComputador {width: 1000px; height: 408px; position: relative; margin: 0px auto;}
			p.textoExplicativoComputador {font-family: proxima_nova_rgregular, Segoe, "Trebuchet MS", Verdana, sans-serif; font-size: 24px; color: #1fb3ab; position: absolute; top: 83px; left: 0px;}
			p.textoExplicativoComputador span {font-family: proxima_nova_rgbold, Segoe, "Trebuchet MS", Verdana, sans-serif; color: #e54c1e}
			a.botaoLogin {width: 425px; height: 67px; background: url(../img/botaoLogin.gif) no-repeat; display: block; text-indent: -9999px; position: absolute; top: 240px; left: -100px;}
			.imagemDispositivos {position: absolute; right: 0px; top: 50px;}
		
		.boxComprar {width: 100%; height: 170px; background: url(../img/bg-compra.jpg);  margin: 0px auto;}
			.conteudoComprar {width: 1000px; height: 170px; position:relative; margin: 0px auto; }
		
		
		
		
		
		
		
		
		

	.boxTit {width: 1024px; height: 156px; position: relative; margin: 0px auto;}
	h1.logoHouaiss {background: url(../img/logo-houaiss.gif) no-repeat; width: 162px; height: 110px; position: relative; margin-top: 50px;}
	p.titPequeno {font-family: Arial, Verdana, Tahoma; font-size: 24px; color: #f26522; font-weight: bold; position: absolute; top: 28px; left: 177px; }
	
	.holderBox {width: 100%; height: 347px; background:url(../img/bg-box.gif) repeat-x;}
	.boxLaranja {width: 1024px; height: 347px; background: url(../img/img-pc.gif); display: block; border: none; margin: 0px auto; position: relative;}
	p.txtIntro {font-size: 22px; color: #ffffff; position: absolute; top: 40px; left: 20px;}
		p.txtIntro a {text-decoration: underline; color: #ffffff; font-weight: bold;}
		
	.icosExp {font-size: 16px; position: relative; width: 1000px; margin: 0px auto; height: 600px;}	
	table { position: absolute; top: -75px;}
	td {width: 500px; height: 115px;}	
	td img {float: left; margin-left: 18px;}	
	td p {float: left; padding: 16px 0px 0px 10px;}
	
	.boxFooter {width: 100%; height: 161px; background:url(../img/bg-prisa.gif) repeat-x;}
	footer {width: 1024px; height: 161px; margin: 0px auto; position: relative;}
		.redesSociais {position: absolute; top: 20px; right: 20px;}
			a.icoFacebook {width: 34px; height: 34px; background: url(../img/facebook-icon.png) no-repeat; display: block; position: absolute; top:25px; right: 91px;}
			a.icoTwitter {width: 34px; height: 34px; background: url(../img/twitter-icon.png) no-repeat; display: block; position: absolute; top:25px; right: 45px;}
			a.icolinkedin {width: 34px; height: 34px; background: url(../img/linkedin-icon.png) no-repeat; display: block; position: absolute; top:25px; right: 0px;}
			
	.houlderPrisa {width: 1024px; margin: 0px auto; position: relative;}
		.txtLegal {position: absolute; top: 135px; left: 20px; color: #a6a6a6; font-size: 12px; text-transform: uppercase;}
		a.logoModerna {width: 173px; height: 46px; display: block; background: url(../img/logo-moderna.gif) no-repeat; position: absolute; top: 30px; left: 10px;}
		a.linkPrisa {position: absolute; top: 129px; right: 20px; background:url(../img/prisa-logo.png) no-repeat; display: block; width: 48px; height: 21px;}



.titulo_meio{
	float:  left;
	width: 370px;
	margin-left: 50px;
    margin-top: 30px;
}	

.logos{
	float:  left;
	width: 180px;
    margin-top: 30px;
}	


.bloco_descricao{
	width: 300px;
	margin:  10px;
	height: 90px;
	float: left;
}

.imagembloco{
	width: 90px;
	float: left;
}

.textobloco{
	width: 210px;
    float: right;
}