﻿body {
	
	font-family: calibri;
	font-size: 15px;
	background: url(images/background.jpg) no-repeat top center;
	
}

.clear {
	
	clear: both;
	
}

#layout-center {
	
	width: 996px;
	margin: auto;
	
}

/*-------------------------------------------- HEADER */

#header {
	
	padding: 22px 0 20px 0;
	background: url(images/faixa.jpg) no-repeat bottom center;
	
}

#header-center {
	
	width: 996px;
	margin: auto;
	
}

#top-header {
	
	float: right;
	width: 600px;
	margin-bottom: -90px;
	margin-top: 11px;
	
}

#topo-cabecalho {
	
	height: 75px;
	
}

#logo {
	
	float: left;
	width: 320px;
	margin: 8px 0 16px 8px;
	
}

#top-header #info-top {
	
	float: right;
	margin-right: 30px;
	
}


/*------ MENU */


#top-header #menu {
	
	text-transform: uppercase;
	width: 620px;
	margin-top: 13px;
	margin-left: -5px;
		
}

#top-header #menu span {
	
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	padding: 13px 0 11px 0;
	text-align: center;
	vertical-align: central;
		
}

#top-header #menu span a {
	
	color: #fff;
		
}

#top-header #menu span.inicio {
	
	background: url(images/inicio-menu-back.png) no-repeat center;
	padding-left: 46px;
	padding-right: 48px;
			
}

#top-header #menu span.inicio:hover  {
	
	background: url(images/inicio-menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.inicio:active  {
	
	background: url(images/inicio-menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.meio1 {
	
	background: url(images/menu-back.png) no-repeat center;
	padding-left: 43px;
	padding-right: 33px;
	margin-left: -13px;
			
}

#top-header #menu span.meio1:hover {
	
	background: url(images/menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.meio1:active  {
	
	background: url(images/menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.meio2 {
	
	background: url(images/menu-back.png) no-repeat center;
	padding-left: 43px;
	padding-right: 41px;
	margin-left: -14px;
			
}

#top-header #menu span.meio2:hover {
	
	background: url(images/menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.meio2:active  {
	
	background: url(images/menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.meio3 {
	
	background: url(images/menu-back.png) no-repeat center;
	padding-left: 35px;
	padding-right: 35px;
	margin-left: -10px;
			
}

#top-header #menu span.meio3:hover {
	
	background: url(images/menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.meio3:active  {
	
	background: url(images/menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.fim {
	
	background: url(images/fim-menu-back.png) no-repeat center;
	padding-left: 35px;
	padding-right: 35px;
	margin-left: -14px;
			
}

#top-header #menu span.fim:hover {
	
	background: url(images/fim-menu-back-hover.png) no-repeat center;
			
}

#top-header #menu span.fim:active  {
	
	background: url(images/fim-menu-back-hover.png) no-repeat center;
			
}

/*------ MENU */

#header-center #anuncio-header {
	
	background: url(images/anuncio-home-top-back.png) no-repeat bottom center;
	width: 518px;
	height: 305px;
	padding: 46px 60px 0 418px;
	margin-bottom: -10px;
	
}

#anuncio-header #conteudo-anuncio {
	
	background: url(images/back-ir-planos.png) no-repeat top left;
	height: 57px;
	margin-left: 50px;
	padding: 127px 0 0 8px;
	
}

#anuncio-header #conteudo-anuncio #txt-conteudo-anuncio {
	
	color: #fff;
	float: right;
	width: 136px;
	font-size: 30px;
	text-align: center;
	margin: -120px 32px 0 0;
	font-weight: 900;	
	
}

#anuncio-header .txt-anuncio {
	
	width: 460px;
	margin-left: 80px;
	margin-top: -5px;
			
}

#anuncio-header .txt-anuncio ul li {
	
	font-size: 22px;
	color: #fff;
	font-weight: 900;
	line-height: 28px;
	padding: 1px 0 1px 15px;
	list-style: disc;
		
}

#titulo-txt {
	
	margin: 20px 0 0 0;
		
}

#titulo-txt p {
	
	padding: 10px 0 20px 0;
	font-size: 34px;
	color: #fff;
	text-shadow: 0 0 3px #333;
		
}

#titulo-txt-2 p {
	
	padding: 10px 0 20px 0;
	font-size: 34px;
	color: #fff;
	text-shadow: 0 0 3px #333;
		
}

/*------------------------- HEADER 2 */

#header-center #anuncio-header-2 {
	
	background: url(images/anuncio-top-back.png) no-repeat top center;
	width: 518px;
	height: 301px;
	margin-top: -45px;
	padding: 75px 60px 0 418px;
	
}


#anuncio-header-2 #conteudo-anuncio-2 {
	
	background: url(images/back-ir-planos-2.png) no-repeat top left;
	height: 50px;
	margin-left: 50px;
	padding: 108px 0 0 8px;
	
}

#titulo-txt-2 {
	
	margin: -110px 0 0 0;
		
}

#anuncio-header-2 #conteudo-anuncio-2 #txt-conteudo-anuncio-2 {
	
	color: #fff;
	float: right;
	width: 136px;
	font-size: 25px;
	text-align: center;
	margin: -100px 41px 0 0;
	font-weight: 900;	
	
}



/*-------------------------------------------- CONTENT */

#content {
	
	padding: 50px 0 0 0;
	border-bottom: solid 1px #ccc;
	
}

#conteudo-home {
	
	width: 765px;
	float: left;
	
}

#conteudo-home-top {
	
	width: 710px;
	padding: 0 60px 50px 0;	
	border-bottom: solid 1px #ccc;
		
}

#planos {
	
	width: 435px;
	float: left;
	font-size: 16px;
	color: #333;
	
}

#planos span.titulo-planos {
	
	margin: 0 0 0 20px;
		
}

#planos p {
	
	padding: 8px 10px 15px 25px;
	margin: 10px 0 -15px 0;
					
}

#planos p.valor-planos-1 {
	
	background: url(images/back-planos-1.png) no-repeat top;
			
}

#planos p.valor-planos-2 {
	
	background: url(images/back-planos-2.png) no-repeat top;
			
}

#planos .plano-nome {
	
	width: 100px; 
						
}

#planos p span.plano-valor {
	
	margin-left: 105px;
				
}

#planos p span.plano-valor {
	
	margin-left: 105px;
				
}

#planos p span.plano-link {
	
	float: right;
	margin: -2px 0 0 0;
				
}

#medidor {
	
	width: 210px;
	float: right;
	padding: 7px 0 0 0;
	font-size: 15px;
	
}

#medidor span {
	
	margin-left: 5px;
			
}

#medidor p {
	
	padding: 10px 0 0 20px;
			
}


#conteudo-home-bottom {
	
	width: 754px;
	padding: 35px 0 20px 18px;		
		
}

#assinantes {
	
	width: 410px;
	float: left;
	padding-top: 5px;
	color: #6E6E6E;
		
}

#assinantes a {
	
	color: #6E6E6E;
		
}

#assinantes p.titulo-assinantes {
	
	margin-bottom: 5px;
			
}

#assinantes p {
	
	padding: 0;
			
}

#parceiras {
	
	width: 270px;
	float: right;
		
}

#parceiras p.titulo-parceiras {
	
	margin-bottom: 10px;
			
}

#parceiras p {
	
	padding: 0;
			
}

/*---------- CONTEUDO-PLANOS */

#conteudo-planos {
	
	width: 765px;
	float: left;
	font-size: 15px;
	
}

#conteudo-planos p.title-page {
	
	margin-left: 20px;
	padding: 0;
	margin-bottom: 10px;
		
}

#conteudo-planos-top {
	
	width: 710px;
	color: #fff;
		
}

#conteudo-planos-bottom {
	
	width: 710px;
	color: #fff;
		
}

.planos-left {
	
	float: left;
	width: 247px;
	height: 51px;
	padding: 85px 24px 0 24px;
	margin-bottom: 20px;
	
}

.planos-left p {
	
	padding: 0;
	font-size: 25px;
	font-weight: 900;
		
}

.planos-left p.txt-planos {
	
	margin: 2px 0 -2px 10px;
		
}

.planos-left p.compre-planos {
	
	float: right;
	margin-top: -5px;
	margin-right: -15px;
		
}

.planos-right {
	
	float: right;
	width: 247px;
	height: 51px;
	padding: 85px 24px 0 24px;
	margin-bottom: 20px;
	
}

.planos-right p {
	
	padding: 0;
	font-size: 25px;
	font-weight: 900;
		
}

.planos-right p.txt-planos {
	
	margin: 2px 0 -2px 10px;
		
}

.planos-right p.compre-planos {
	
	float: right;
	margin-top: -5px;
	margin-right: -15px;
		
}

#plano-200 {
	
	background: url(images/back-plano-200.png) no-repeat top left;
	
}

#plano-300 {
	
	background: url(images/back-plano-300.png) no-repeat top left;
	
}

#plano-400 {
	
	background: url(images/back-plano-400.png) no-repeat top left;
	
}

#plano-600 {
	
	background: url(images/back-plano-600.png) no-repeat top left;
	
}

#plano-800 {
	
	background: url(images/back-plano-800.png) no-repeat top left;
	
}

#plano-1 {
	
	background: url(images/back-plano-1.png) no-repeat top left;
	
}

#plano-1f {
	
	background: url(images/back-plano-1f.png) no-repeat top left;
	
}

#plano-info {
	
	width: 695px;
	background: url(images/fundo-plano-info.png) no-repeat bottom center;
	padding-bottom: 30px;
	
}

#plano-info p {
	
	padding: 0;
		
}

#plano-info p.plano-info-txt {
	
	width: 650px;
	margin-left: 18px;
	text-align: justify;
		
}

#form-planos {
	
	padding: 30px 0 50px 17px;
	
}

/*------------- A EMPRESA */

#a-empresa {
	
	width: 695px;
	padding-bottom: 30px;
	
}

#a-empresa p {
	
	padding: 0;
		
}

#a-empresa p.empresa-txt {
	
	width: 650px;
	margin-left: 18px;
	text-align: justify;
		
}


/*-------------------------------------------- SIDEBAR */

#sidebar-home {
	
	float: right;
	
}

#sidebar-home .widget {
	
	margin-bottom: 45px;
	
}

#sidebar-home .widget span.publicidade {
	
	float: right;
	margin-bottom: 5px;
	margin-right: 5px;
	
}

#sidebar-home .widget #publicidade {
	
	padding: 5px;
	background: #DBDBDB;	
}


/*-------------------------------------------- FOOTER */

#footer {
	
	background: url(images/footer-back.png) no-repeat bottom center;
	height: 71px;
	padding: 22px 0 45px 0;
	margin-top: 60px;
		
}

#footer-center {
	
	width: 970px;
	padding: 0 13px 0 13px;
	margin: auto;
	
}

#footer-left {
	
	float: left;
	
}

#footer-left p {
	
	padding: 0;
	color: #fff;
			
}

#footer-right {
	
	float: right;
	
}

/*-------------------------------------------- CONTATO */

#info-contato {
	
	width:635px;	
	padding: 0 40px 20px 20px;
	font-family: calibri;
	font-size: 15px;
	color: #666;
	background: url(images/fundo-contato-info.png) no-repeat bottom left;
	
}

#info-contato p {
	
	padding: 0 0 13px 0;
	line-height: 18px;
	
}

#info-contato p span {
	
	color: #5F5F87;
	
}

/*------- FORM - CONTATO */

#form-contato {
	
	width: 648px;
	padding: 30px 30px 0 17px;
	
}

#form-contato img.titulo-contato {
	
	margin-bottom: 10px;
		
}

#form-contato p {
	
	padding-left: 10px;
	margin: 0 0 -5px 0;
	background: url(images/fundo-p-contato.png) no-repeat left center;
	
}

#form-contato p input {
	
	border: none;
	background: none;
		
}

#form-contato p.p1 input {
	
	width: 570px;
	margin-left: 5px;
	
}

#form-contato p.p2 input {
	
	width: 566px;
	margin-left: 5px;
	
}

#form-contato p.p3 input {
	
	width: 570px;
	margin-left: 5px;
	
}

#form-contato p.p4 input {
	
	width: 550px;
	margin-left: 5px;
	
}

#form-contato p.texto {
	
	background: url(images/fundo-txt-contato.png) no-repeat center left;
	margin-top: 4px;
	
}

#form-contato p.texto textarea {
	
	width: 615px;
	border: none;
	background: none;
	font-family: calibri;
	font-size: 15px;
	
}

#form-contato p.enviar {
	
	background: none;
	float: right;
	margin: 10px 8px 15px 0;
	background: url(images/botao-enviar.png) no-repeat top left;
	padding: 3px 7px 2px 2px;
	
}

#form-contato p.enviar input {
	
	font-size: 20px;
	font-family: calibri;
	color: #fff;
	
}


/*------- FORM - PLANOS */

#form-planos {
	
	width: 648px;
	padding: 30px 30px 0 17px;
	
}

#form-planos img.titulo-contato {
	
	margin-bottom: 10px;
		
}

#form-planos p {
	
	padding-left: 10px;
	margin: 0 0 -5px 0;
	background: url(images/fundo-p-contato.png) no-repeat left center;
	
}

#form-planos p input {
	
	border: none;
	background: none;
		
}

#form-planos p.p1 input {
	
	width: 570px;
	margin-left: 5px;
	
}

#form-planos p.p2 input {
	
	width: 566px;
	margin-left: 5px;
	
}

#form-planos p.p3 input {
	
	width: 550px;
	margin-left: 5px;
	
}

#form-planos p.texto {
	
	background: url(images/fundo-txt-contato.png) no-repeat center left;
	margin-top: 4px;
	
}

#form-planos p.texto textarea {
	
	width: 615px;
	border: none;
	background: none;
	font-family: calibri;
	font-size: 15px;
	
}

#form-planos p.enviar {
	
	background: none;
	float: right;
	margin: 10px 8px 15px 0;
	background: url(images/botao-enviar.png) no-repeat top left;
	padding: 3px 7px 2px 2px;
	
}

#form-planos p.enviar input {
	
	font-size: 20px;
	font-family: calibri;
	color: #fff;
	
}


