body{background:#e7e8e9 url(../img/bg-header.gif) no-repeat;}
p{color:#333333; text-align:justify;}
a{color:#0083c2;}
pre{font-size: 14px;}
.pagina{width:970px;padding:0 10px; }

/* header */
div#header{height:100px; background:#FFF;}
div#header h1.logo{position:absolute;top:20px;left:5px;}
div#header .logo a{
	display:block;
	width:178px;
	height:60px;
	padding:5px;
	text-indent:-9999px;
	background:url(../img/dmti-dm-tecnologia-de-informacao.gif) no-repeat 5px 5px;	
}
/* area do cliente */

#login-cliente{width:516px; height:60px;/* padding-top:10px*/;background:url(../img/bg-area-cliente.gif) no-repeat right;}
#login-cliente input{width:113px;}

.cliente-logar{
	border:0;
	width:21px !important;
	height:19px;
	text-indent:-9999px;
	background:url(../img/sprite-botoes.gif) no-repeat;
}

.posicao-campos{
    top:8px;
    left:150px;
}

/*.area-cliente-titulo{
	display:block;
	width:133px;
	height:36px;
	margin-top:-10px;
	margin-right:10px;
	text-indent:-9999px;
	background:url(../img/area-do-cliente.gif) no-repeat;
}*/

.esqueci-senha{
	width:176px;
	height:24px;
	top:36px;
	right:10px;	
}
.esqueci-senha a{
	display:block;
	font-size:12px;
	line-height:20px;
	text-align:center;
}

/* menu: menu.css */
div#bloco-menu /* div#bloco-busca*/{	
	height:30px;
	border-bottom:1px solid #000;
	/*background:url(../img/bg-menu.gif);*/
}

/* Pesquisa de dominio */
div#bloco-busca {line-height:30px;}
div#bloco-busca label{font-weight:bold;color:#0083c2;}
div#bloco-busca .botao{ background:#0083c2; border:0;color:#FFF;}
.termo-dominio{
	
}

/* conteudo */
.conteudo{background:#FFF; padding-bottom:20px; padding-top:10px;}
#slider{margin-bottom:15px;}

/*
	Blocos da home
*/
.conteudo .coluna, .conteudo .coluna-direita{
	width:242px;
	height:390px;
	background:url(../img/bg-separador-coluna-conteudo.gif) no-repeat right;
}

.conteudo .coluna h2,
.conteudo .coluna-direita h2,
.conteudo .coluna img,
.conteudo .coluna-direita img,
.conteudo .coluna p,
.conteudo .coluna-direita p,
.conteudo .coluna ul,
.conteudo .coluna-direita ul{
		margin:5px 10px;
}

.conteudo .coluna ul li, .conteudo .coluna-direita ul li	{border-bottom:1px dotted #cccccc;}
.conteudo .coluna ul p, .conteudo .coluna-direita ul p		{margin:10px 0;}
.conteudo .coluna ul a, .conteudo .coluna-direita ul a		{font-weight:bold;}
.conteudo .coluna ul span, .conteudo .coluna-direita ul span{display:block;}

.conteudo .coluna h2,
.conteudo .coluna-direita h2{
	margin:5px 10px;
	font-size:20px;
	font-weight:normal;
}
.azul	{color:#0083c2;}
.vermelho	{color:#7b1010;}

.conteudo .coluna h3{	
	height:39px;
	margin:0 10px;
	font-weight:bold;
	background:url(../img/bg-titulo-secao-conteudo.gif) repeat-x;
}

/*
	Páginas internas
*/

.conteudo .texto{
	width:696px !important;
	height:auto !important;
	margin:20px 20px 0 10px !important;
}

	.conteudo .texto p,
	.conteudo .texto h1,
	.conteudo .texto h2{
		margin:0 0 10px 0;
	}

	.conteudo h1, .conteudo .texto h1{
		font-family:Verdana, Geneva, sans-serif;	
		margin-bottom:15px !important;
		font-size:18px;
		font-weight:bold;
		color:#117baf;
	}
		.conteudo h1 em, .conteudo .texto h1 em{
			font-size:12px;
			font-weight:normal;
			color:#f18e30;
		}
		.conteudo .texto h1 img{margin:0;}
		
	.conteudo .texto h2{color:#2a8fc1;font-size:18px;}
	
	.conteudo .texto ul{ margin:0 0 20px 0 !important;}
	
	.conteudo .texto ul li{ border:0 !important;}
	
	.barra-lateral{margin-top:20px;}
	
		.barra-lateral h3{
                    height:39px;
                    margin:0 10px;
                    font-weight:bold;
                    background:url(../img/bg-titulo-secao-conteudo.gif) repeat-x;


                    /*margin:0 10px 10px 10px;
                    font-size:16px;
                    font-weight:bold;
                    color:#11a9e5;*/
                }

	.img-borda li img{ margin:0 8px 8px 0 !important; padding: 3px;border:1px solid #cccccc;}
	
	.bloco{
		padding-bottom:20px;
		margin-bottom:30px;
		background:url(../img/bg-bloco.jpg) repeat-x bottom;
	}
	.bloco:after {display:block;clear:both;content:" ";}

.coluna-img {width:150px !important; background:none !important; height:auto !important;}
.coluna-img img{
        margin:0 !important;
        padding: 3px;
        border: 1px solid #999999;
        /*border-right: 3px solid #84bfdc;*/
}
.coluna-img:after {display:block;clear:both;content:" ";}

.coluna-equipe, .coluna-conteudo-maior {margin-left:170px;}
.preco_info{width:155px;}

div#nav-footer{margin:10px 10px 0 10px; padding:10px 40px; background:#f1f2f2;}
div#nav-footer .coluna{
	width:174px;
	height:390px;
	background:url(../img/bg-separador-nav-footer.gif) no-repeat right;
}

div#nav-footer .coluna h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 17px; font-weight: bold; margin:10px;}
div#nav-footer .coluna ul{ margin:0;}
div#nav-footer .coluna ul li{ margin:0 10px; padding: 10px 0;}
div#nav-footer .coluna ul li a{ font-weight:normal;text-decoration:none; color:#333333;}

div#footer{
	height:130px;
	border-top:1px solid #000;
	background:#ffffff url(../img/bg-footer.jpg) repeat-x bottom;
}

.endereco{ margin:20px 0;}
.endereco dd{padding-left:5px;}
.endereco dt{padding-left:60px;}
.endereco address{line-height:20px;}
.endereco a{display:block; position:relative; top:-5px;width:28px; height:28px;}

.twitter{
	text-indent:-9999px;
	background-image:url(../img/sprite-botoes.gif);
	background-repeat:no-repeat;
	background-position: 0 -33px;
}
.rss{
	text-indent:-9999px;
	background-image:url(../img/sprite-botoes.gif);
	background-repeat:no-repeat;
	background-position: 0 -61px;
}
.valid-code{margin-right:90px;}

/*
	Plano de hospedagem
*/
div.planos_hospedagem{position:relative;width:300px;margin-bottom:30px;}
div.planos_hospedagem *{text-indent:-9999px;}
div.planos_hospedagem a{display:block;position:absolute;right:5px;outline:none;}
div.planos_hospedagem ul{list-style:none;}

a.planos_caracteristicas{top:115px;width:150px;height:30px;}
a.planos_assinar{top:150px;width:280px;height:37px;}

div#dm1000{
	width:300px;
	height:211px;
	margin-right:6px;
	margin-left:45px;
	background:url(../img/plano-dm1000.jpg) no-repeat !important;
}
div#dm5000{
	width:300px;
	height:211px;
	background:url(../img/plano-dm5000.jpg) no-repeat !important;
}

div#sv2000{
	width:300px;
	height:211px;
	margin-right:6px;
	margin-left:45px;
	background:url(../img/plano-sv2000.jpg) no-repeat !important;
}
div#sv4000{
	width:300px;
	height:211px;
	background:url(../img/plano-sv4000.jpg) no-repeat !important;
}



.tabela-assinatura{
	width:606px;
	margin:0 auto 30px auto;
	text-align:left;
}

.tabela-assinatura th{
	text-align:center;	
	font-weight:bold;
	border-bottom:1px solid #999;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
}

.tabela-assinatura th span{
    display: block;
    width: 10px;
    height: 16px;
    float: right;
}

	.titulo-laranja{background:url(../img/bg-th-laranja.jpg) no-repeat;text-align:center !important;}
        .titulo-laranja span{background:url(../img/bg-th-laranja-end.jpg) no-repeat;}

	.titulo-verde{background:url(../img/bg-th-verde.jpg) no-repeat;text-align:center !important;}
        .titulo-verde span{background:url(../img/bg-th-verde-end.jpg) no-repeat;}
	
        .titulo-azul{background:url(../img/bg-th-azul.jpg) no-repeat;width:100px;text-align:center !important;}
        .titulo-azul span{background:url(../img/bg-th-azul-end.jpg) no-repeat;}
	
.tabela-assinatura td{
        border-bottom:1px solid #eaeaea;
        border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	padding:5px;
}

/*	======================================================
	Página SSL
	======================================================
*/
.coluna-conteudo {
	margin-left:145px;
	margin-right:160px;
}
.coluna-conteudo .lista-dados img {margin:0 !important;}
.coluna-conteudo .lista-dados strong {position:relative; top:-10px;}

.preco_info{
	width:155px !important;
	height:auto !important;
	margin-left:10px;
	background:none !important;
}
.preco_info h3{/* preços */	
	margin:0;
	padding:0;
	line-height:16px;
	font-size:14px;
	color:#6ab737;
	background:none !important;
}
.preco_info h3 em{/* preços */	
	margin:0;
	padding:0;
	font-size:9px;
	line-height:10px;
	font-weight:normal;
	color:#999999;
}
.preco_info a{/* preços */
	display:block;
	width:151px;
	height:37px;
	outline:0;
	margin-top:10px;
	margin-left:auto !important;
	text-indent:-9999px;
	background:url(../imgs/btn_servico_comprar.gif) no-repeat;
}

/*	======================================================
	portifolio
	======================================================
*/

.portfolio {
	margin-bottom:30px;
	/*border-bottom:1px dotted #999;*/
	padding-bottom:10px;
        background:url(../img/bg-bloco.jpg) repeat-x bottom;


}

.portfolio h2 {font-size:1em;}

.portfolio:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.img_portfolio {float:right; margin-left: 10px;}

.lista_portifolio li {
	color:#818181;
	margin-bottom:0;
	padding-left:0;

}

/*	======================================================
	borda nas imagens do portifolio
	======================================================
*/
.img_portfolio img {margin:0 0 5px 5px;border:1px solid #cccccc;}
/*.desc_portfolio {float:left;width:400px;}*/

div#anos {margin:10px 0 30px 0;}
.desc_portfolio img, div#anos img {margin:0 3px !important;}
.desc_portfolio p{margin: 10px 10px;}



/*
    clientes
*/
.logos_clientes{
    margin-left: 50px;
}

.logos_clientes li {
	width: 150px;
	height: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top:auto;
	padding: 5px;
	border: solid 1px #999999;
	background-color:#ffffff;
}

.logos_clientes li img{padding:3px;}
/*
    Contato
*/

.form legend{padding:0;margin-bottom: 30px;}

.form label{
    display:block;
    float:left;
    width: 130px;
    color:#666666;
}
.form textarea{
    width:650px;
    height:100px;
}

.form input, .form select, .form textarea{ margin-bottom: 10px;}

.form-contato li{
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea !important;
}

.form-contato li input, .form-contato li select{margin:0 0 3px 0;vertical-align: top;}

.form-contato fieldset{margin-left:130px;}
.form-contato legend{margin: 0;font-size: 14px;}
.form-contato fieldset li{border: 0 !important;}
.form-contato fieldset label, .form-contato fieldset input{display:inline !important;float:none !important;}
#botao{
    width:100px;
    height: 30px;
    border:0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    background: #0c4662;
    color:#fff;
}
#botao:hover{background: #117baf;}
#botao:active{background: #af4111;}



span.error{font-size: 11px; color:#f07363; margin-left: 5px; vertical-align: top;}
span.sucesso{ color:#009900 !important;}
.textarea_p{display: inline !important;}



/*
    listagem dos twitts na página inicial
*/

.lista-twitter {font-size:11px;}
.lista-twitter span{display:block;color:#666666;font-size:10px;}

/*
    listas
*/

.lista_nivel1 li {
	padding-left:14px;
	margin-left:5px;
	background:url(../imgs/ico_lista_img.gif) no-repeat left 3px;
}

/*	nivel 2 */
.lista_nivel2 li {
	padding-left:8px;
	margin-left:5px;
	background:url(../imgs/arrow.gif) no-repeat left 4px;
}

/*	nivel 3 */
.lista_nivel3 li {
	padding-left:8px;
	margin-left:5px;
	background:url(../imgs/arrow2.gif) no-repeat left 4px;
}

/*
    Noticias
*/

.conteudo .texto .lista-noticias li{border-bottom:1px dotted #cccccc !important;}

.coluna .lista-dados li{
    text-align: left;
}

.lista-noticias li span, .lista-noticias li a{display: inline !important;}
.lista-noticias li span{color:#999999;}

.img-noticia{
    margin: 0 10px 5px 0 !important;
    padding: 10px !important;
    border: 1px solid #999999;
    float:left;
}

#mapa {
	width: 695px;
	height: 500px;
        float: left;
	margin-top: 10px;
}

#mensagem{ height: 14px;visibility: hidden;border:1px solid #fff2c0;padding:4px;background-color:#fff6d4;}