@charset "utf-8";
/* CSS STUDIO DPI - PAULO MARQUES */
/* PROPRIEDADES */
body{
	margin:0px;
	padding:0px;
	background-image: url(../imagens/bg.gif);
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}

div, li, ul, p, img, iframe{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
	position:relative;
}
a, img {border:none; text-decoration:none; color:#666;}
h1 {
	color: #00A1B1;
	font-size:17px;
	margin:0px;
	padding:0px;
}
h1.noticias{border-bottom: 2px solid #00A1B1; margin-bottom:10px;}
h1.subtitulo {
	color: #00A1B1;
	font-size:17px;
	margin-top:20px;
	margin-bottom:5px;
	padding:0px;
	float:left;
	width:200px;
}
h2{
	font-size:15px;
	margin:0px;
	padding:0px;
	color:#099;
}
h3{
	width:auto;
	color: #00A1B1;
	font-size:12px;
	float:left;
	margin:0px;
	border-bottom: 2px solid #00A1B1;
}
span, a:hover {
	color:#00A1B1;
}
strong.outros-destaques {
	color:#00A1B1;
	font-size:16px;
}
strong.destaque, h1.noticia-destaque {
	font-size:15px;
	text-transform: uppercase;
	font-weight:normal;
	color:#666;
}
strong.data {
	font-size:18px;
}
h1.noticia-destaque {
	font-weight:bold;
}
img.imagem-noticia {
	margin-right:10px;
	margin-bottom:10px;
}
a.links {
	color:#099;
	font-weight:bold;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1.autor-site {display:none;}
/* ///////////////////////////////////////////////////////////// PROPRIEDADES */
/* DIVS */
div#web-business, div#hoteis-net, div#empresa, div#easy-hotel, div#e-reserva{
	width: 900px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	height:830px;
	background: url(../imagens/fundo_conteudo.png) repeat-y center;
}
div#hoteis-net {height:2300px;}
div#empresa {height:1400px;}
div#e-reserva {height:2020px;}
div#topo {
	background: url(../imagens/fundo-topo.gif) repeat-x top left;
	width:832px;
	height:165px;
	margin-left:31px;
}
div#conteudo {
	margin: 23px 25px 0px 53px;
}
div#rodape {
	background: url(../imagens/fundo_rodape.png) no-repeat center top;
	height:80px;
	width: 900px;
	float: none;
	margin-right: auto;
	margin-left: auto;  
}
/* ///////////////////////////////////////////////////////////////////// DIVS */
/* TOPO */
div#topo ul {
	float: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 24px;
	top:141px;
}
div#topo ul li a {
	margin-left: 22px;
	padding-top: 8px;
	float: left;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	overflow:hidden;
}
div#topo ul li a:hover {
	color: #00A1B1;
	border-top: 3px solid #666;
	padding-top: 5px;
}
div#topo ul li a.integracao {text-align:center;}
div#topo a.logo {
	margin-top: 36px;
	margin-left: 22px;
	float: left;
}
div#topo a.icone-home {
	margin-top: 25px;
	margin-right: 21px;
	float: right;
	width:61px;
	height:25px;
	background:url(../imagens/icone-home.gif) no-repeat left;
}
div#topo a.icone-contato {
	float: none;
	top: 65px;
	right:21px;
	position:absolute;
	width:70px;
	height:24px;
	background:url(../imagens/icone-contato.gif) no-repeat left;
}
div#topo a.icone-home:hover, div#topo a.icone-contato:hover {
	background-position:right;
}
/* ///////////////////////////////////////////////////////////////////// TOPO */

/* CONTEÚDO PÁGINAS */
div#conteudo ul.lado-esquerdo-home li, div#conteudo ul.lado-esquerdo li, div#conteudo ul.lado-esquerdo-consultoria li, div#conteudo ul.lado-esquerdo-noticias, div#conteudo ul.lado-esquerdo-produtos, div#conteudo ul.lado-esquerdo-produtos-info, div#conteudo ul.lado-esquerdo-empresa li, div#conteudo ul.lado-esquerdo-index{
	width:519px;
	height:591px;
	background:url(../imagens/home-web-business.jpg) no-repeat;
}

div#conteudo ul.lado-esquerdo-index {background:none;}
div#conteudo ul.lado-esquerdo-index li.easyhotel, div#conteudo ul.lado-esquerdo-index li.hoteisnet {
	background: url(../imagens/box-easyhotel.jpg) no-repeat left top;
	width:234px;
	height:262px;
	margin-top:23px;
}
div#conteudo ul.lado-esquerdo-index li.hoteisnet {margin-left:32px;background: url(../imagens/box-hoteisnet.jpg);}
div#conteudo ul.lado-esquerdo-index li.easyhotel p, div#conteudo ul.lado-esquerdo-index li.hoteisnet p{
	padding-top:150px;
	padding-left:13px;
	line-height: 17px;
}
div#conteudo ul.lado-esquerdo-index li.easyhotel p strong, div#conteudo ul.lado-esquerdo-index li.hoteisnet p strong{color:#119dab;}
div#conteudo ul.lado-esquerdo li, div#conteudo ul.lado-esquerdo-empresa li{
	width:499px;
	height:548px;
	padding:36px 0px 0px 20px;
	background:url(../imagens/premios.jpg) no-repeat;
	overflow:hidden;
}
div#conteudo ul.lado-esquerdo li p, div#conteudo ul.lado-esquerdo-empresa li p{
	width:460px;
}
div#conteudo ul.lado-esquerdo li a, div#conteudo ul.lado-esquerdo-empresa li a {
	float:left;
	padding:0px;
	margin:0px;
	font-weight:bold;
	color:#666;
}
div#conteudo ul.lado-esquerdo-empresa li {height:100%;}
div#conteudo ul.lado-esquerdo li a.logo-merito, div#conteudo ul.lado-esquerdo-consultoria li .consultoria {
	float:right;
	padding-left:10px;
}
div#conteudo ul.lado-esquerdo li.clipping a:hover {color:#00A1B1;}
div#conteudo ul.lado-esquerdo li.clipping {height:575px;}
div#conteudo ul.lado-esquerdo-produtos {
	background:url(../imagens/produtos.jpg) no-repeat;
}
div#conteudo ul.lado-esquerdo-produtos li {
	float:right;
	width:300px;
	padding-right:10px;
}
div#conteudo ul.lado-esquerdo-produtos li h1 {
	float:right;
	width:140px;
	clear:both;
	font-weight:bold;
	padding-right:10px;
}
div#conteudo ul.lado-esquerdo-produtos li h1.e-reserva {
	margin:0px auto 40px auto;
}
div#conteudo ul.lado-esquerdo-produtos li h1.hoteis-net {
	margin:30px auto;
}
div#conteudo ul.lado-esquerdo-produtos li h1.software {
	margin-top:45px;
}
div#conteudo ul.lado-esquerdo-produtos li p.texto-produtos {
	height:195px;
	margin:40px 0px 40px 0px;
}
div#conteudo ul.lado-esquerdo-produtos li p {
	margin:0px;
	padding:0px;
}
div#conteudo ul.lado-esquerdo-produtos li p span {
	font-size:24px;
	color:#099;
	font-weight:bold;
}
div#conteudo ul.lado-esquerdo-produtos li p strong {
	font-weight:bold;
}
div#conteudo ul.lado-esquerdo-produtos li a.saiba-mais{
	background: url(../imagens/seta.gif) no-repeat right;
	float:right;
	color:#099;
	font-size:10px;
	padding-right:10px;
}
div#conteudo ul.lado-esquerdo-produtos-info {
	background:url(../imagens/fundo-produtos.jpg) no-repeat;
	overflow:hidden;
	height:100%;
}
div#conteudo ul.lado-esquerdo-produtos-info li{
	padding: 15px 10px;
	height:1780px;
}
div#conteudo ul.lado-esquerdo-produtos-info li div.mascara{
	overflow:hidden;
}
div#conteudo ul.lado-esquerdo-produtos-info li div.mascara div, div#conteudo ul.lado-esquerdo li div.mascara div{
	overflow:auto;
	width:510px;
	height:470px;
}
div#conteudo ul.lado-esquerdo-produtos-info li p img{
	margin:5px;
}
div#conteudo ul.lado-esquerdo-produtos-info li div.mascara div img.gerenciador{
	width:auto;
}
div#conteudo ul.lado-esquerdo-produtos-info li div.mascara div p.visite-link{
	margin:10px auto;
	padding:0px;
	float:left;
}
div#conteudo ul.lado-esquerdo-produtos-info li p{
	padding:0px;
	margin-top:10px;
	width:500px;
}
div#conteudo ul.lado-esquerdo li div.mascara div{
	width:500px;
	overflow:hidden;
}
div#conteudo ul.lado-esquerdo-consultoria li{
	background: none;
	width:499px;
	height:548px;
	padding:30px 0px 0px 20px;
}
div#conteudo ul.lado-esquerdo-consultoria h1{
	font-size:24px;
	width:250px;
	border-bottom: 2px solid #00A1B1;
}
div#conteudo ul.lado-esquerdo-consultoria li #formulario {
	width:440px;
	height:295px;
	margin:0px;
	margin-right:29px;
	background-color:#e6e6e6;
	padding:15px;
}
div#conteudo ul.lado-esquerdo-consultoria li #formulario input.enviar {
	border:0px;
	background:none;
	background:url(../imagens/bt-enviar.gif) no-repeat;
	width:41px;
	height:31px;
	float:right;
	color:#fff;
	font-size:10px;
	margin:0px;
	padding:0px;
	cursor:pointer;
}
div#conteudo ul.lado-esquerdo-consultoria li p{
	width:500px;
}
div#conteudo ul.lado-esquerdo-consultoria li p.campos-obrigatorios{
	font-size:10px;
	width:auto;
}
div#conteudo ul.lado-esquerdo-consultoria h2{
	float:left;
	width:485px;
	margin: 15px auto;
}
div#conteudo ul.lado-esquerdo-consultoria h2 a.link-mapa{
	color:#099;
}
div#conteudo ul.lado-esquerdo-parceiros { 
	background:url(../imagens/fundo-parceiros.jpg) no-repeat;
	width:519px;
	height:591px;
}
div#conteudo ul.lado-esquerdo-parceiros li {
	margin-left:21px;
	margin-bottom:10px;
	float:left;
	position:relative;
	width:462px;
}
div#conteudo ul.lado-esquerdo-parceiros li img{
	float:left;
	position:relative;
	width:147px;
}
div#conteudo ul.lado-esquerdo-parceiros li h1{
	background:url(../imagens/h1-parceiros.gif) no-repeat 2px;
	padding-left:18px;
	margin-left:10px;
	float:left;
}
div#conteudo ul.lado-esquerdo-parceiros li p {
	margin-left:15px;
	float:left;
	width:300px;
}
div#conteudo ul.lado-esquerdo-parceiros li.h1-parceiros {
	font-size:24px;
	border-bottom: 2px solid #00A1B1;
	margin-top:39px;
	margin-left:23px;
	margin-bottom:19px;
}
div#conteudo ul.lado-esquerdo-parceiros li.h1-parceiros h1 {
	background:none;
	padding-left:0px;
	margin:0px;
}
div#conteudo ul.lado-esquerdo-home h1{
	font-size:13px;
	text-align:justify;
	padding:14px;
	line-height:21px;
	color:#666;
}
div#conteudo ul.lado-esquerdo-home h1 strong{
	color:#00A1B1;
}
div#conteudo ul.lado-esquerdo-home h1 span{
	background: url(../imagens/icone-span.gif) no-repeat left;
	padding-left:25px;
	float:left;
	margin-left:7px;
	color:#666;
}
h1.e-reserva{font-size:15px;line-height:20px;}
h1.e-reserva img {padding-right:5px; padding-bottom:5px;}
h1.e-reserva span{
	background: url(../imagens/icone-span.gif) no-repeat left 2px;
	color:#666;
	font-size:12px;
	float:left;
	padding-left:20px;
	margin-left:7px;
	width:450px;
}
a.voltar-ao-topo {position:absolute; bottom:5px;; right:5px; padding-top:20px;	}
a.ir-clientes {position:absolute;right:115px; top:73px;}
div#conteudo ul.lado-esquerdo-noticias {
	background: none;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque {
	width:260px;
	margin-right:15px;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque a.img-principal{
	float:left;
	height:205px;
	width:261px;
	background:url(../imagens/noticias/destaque-principal.jpg) no-repeat top left;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque a.img-principal:hover{
	background-position:right;
}

div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical, div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical2 {
	font-size:11px;
	width:124px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical2 {
	float:right;
	width:119px;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical a, div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical2 a {
	margin-bottom:10px;
	padding:0px;
	float:left;
	width:124px;
	height:75px;
	background:url(../imagens/noticias/mini-destaque02.jpg) no-repeat top left;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical2 a {
	width:119px;
	height:75px;
	background:url(../imagens/noticias/mini-destaque03.jpg) no-repeat top left;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical a:hover, div#conteudo ul.lado-esquerdo-noticias li.destaque  div.mini-vertical2 a:hover{
	background-position:right;
}
div#conteudo ul.lado-esquerdo-noticias li.destaque div.outros {
	margin-top:10px;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista div.mini-horizontal, div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista  div.mini-horizontal2 {
	margin-bottom:10px;
	width:242px;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista div.mini-horizontal p, div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista  div.mini-horizontal2 p {
	width:109px;
	margin-left:8px;
	margin-top:38px;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista div.mini-horizontal a, div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista  div.mini-horizontal2 a {
	float:left;
	width:125px;
	height:98px;
	background:url(../imagens/noticias/mini-destaque00.jpg) no-repeat top left;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista  div.mini-horizontal2 a {
	background:url(../imagens/noticias/mini-destaque01.jpg) no-repeat top left;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista div.mini-horizontal a:hover, div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista  div.mini-horizontal2 a:hover {
	background-position:right;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista {
	float:left;
	width:242px;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista h3{
	float:left;
	width:242px;
	font-size:16px;
}
div#conteudo ul.lado-esquerdo-noticias li.outros-destaques-lista a.lista{
	margin:0px;
	float:left;
	width:242px;
	margin-top:20px;
}
/* //////////////////////////////////////////////////////// CONTEÚDO PÁGINAS */
/* LADO DIREITO */
ul.lado-direito {
	width:250px;
}
ul.lado-direito li hr{
	width:250px;
	height:3px;
	border: 0px;
	background:#666;
	float:left;
	position:relative;
}
ul.lado-direito li{
	display:block;
	margin:0px;
	margin-bottom:7px;
}
ul.lado-direito li h2{
	margin:0px;
}

ul.lado-direito li.webdesk a{
	display:block;
	text-indent:-9999px;
	width:251px;
	height:37px;
	background:url(../imagens/bt_webdesk.png) no-repeat 0 0;
}
ul.lado-direito li.destaque #destaques {
	margin:5px auto 15px auto;
}
ul.lado-direito li.novidades p{
	float:none;
	display:block;
	width:215px;
	background:url(../imagens/p-news.gif) no-repeat left 3px;
	margin:0px;
	padding:0px 0px 5px 15px;
}
ul.lado-direito li.clientes iframe{
	margin:0px;
	padding:0px;
	float:left;
	width:265px;
	height:130px;
	overflow:hidden;
	border:0px;
}


ul.lado-direito li.clientes{margin-bottom:0;}
/* //////////////////////////////////////////////////////////// LADO DIREITO */
/* RODAPÉ */
div#rodape div {
	background: url(../imagens/bg-rodape.gif) repeat-x;
	width:812px;
	height:29px;
	margin-left:31px;
	padding-left: 20px;
	padding-top: 8px;
}
div#rodape div p {
	margin-left:10px;
	color:#fff;
	margin-top:1px;
}
div#rodape a.autor {
	height: 30px;
	width: 63px;
	position: absolute;
	background: url(../imagens/logo-agencia-dpi.png) no-repeat left bottom;
	font-size: 9px;
	color: #000;
	text-decoration: none;
	top: 60px;
	right:40px;
}
div#rodape a.autor:hover {
	background-position: -63px bottom;
}
div#rodape a.w3c-xhtml, div#rodape a.w3c-css {position: absolute; height:14px; right:0; bottom:-10px;}
div#rodape a.w3c-xhtml {right:180px;}div#rodape a.w3c-css {right:110px;}
/* //////////////////////////////////////////////////////////////// RODAPÉ */

/* SCROLL 
#scroll-aviso{
	background:url(../imagens/fundo-bg.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999999999999999;
	width: 100%;
	height: 100%;
	display:block;
	opacity:100;
}
#scroll-aviso a{
	position:absolute;
	margin:0px auto;
	z-index:99999999999999999999;
	top:45%;
	left:33%;
	display:block;
	opacity:100;
}*/
/* ///////////////////////////////////////////////////// SCROLL */
/* NEWSLETTER */
div#newsletter {
	background: url(../imagens/fundo-newsletter.png) no-repeat left top;
	width:199px;
	height:32px;
	position:absolute;
	right:19px;
	top:100px;
}
div#newsletter form#newsletter-form input {background:none; border:0px; bottom:0; position:absolute;}
div#newsletter form#newsletter-form input#email { height:19px; width:123px;left:44px; font-size:12px;}
div#newsletter form#newsletter-form input#enviar {height:19px; width:29px; color:#fff;right:2px; cursor:pointer;}
