@charset "utf-8";
/*
#1 estrutura
#2 navegação
#3 links
#4 texto
#5 formulários
#6 tabelas
#7 twitter
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote {
	margin:0;
	padding:0;
	outline:none;
}
fieldset, img {
	border:0;
}
ol, ul {
	list-style:none;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
body {
	font-family: Lucida Sans, sans-serif;
	text-align:center;
	margin: 0px auto;
	background: url(images/bg_topo.png) repeat-x #eef1f1;
}
a {
	text-decoration:none;
	color:#2ECAD7;
	outline:none;
}
.clearfloat {
	clear:both;
}
/*-------------------------- #1 estrutura */
.geral {
	position:relative;
	width:1004px;
	text-align:left;
	margin:auto;
}
.topo {
	height:241px;
	padding:0 41px 0 24px;
}
.meio {
	width:939px;
	margin:35px auto;
}
.conteudo {
	float:left;
	width:558px;
	padding-right:29px;
	border-right:1px solid #DDE3E3;
}
.coluna {
	float:left;
	width:321px;
	padding-left:29px;
	border-left:1px solid #fff;
}
.coluna hr {
	border:none;
	height:2px;
	background:url(images/hr.png) top left no-repeat;
	margin:38px 0 21px 0;
}
.rodape {
	background:#1C1F20;
	border-top:9px solid #2E3233;
	padding:42px 0 0 0;
}
.container_rodape {
	display:block;
	width:939px;
	margin:0 auto;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#EEF1F1;
	font-size:11px;
	line-height:18px;
}
.box_rodape {
	display:block;
	width:294px;
	padding:0 0 8px 17px;
	float:left;
	border-left:1px dashed #383E3F;
}
.dados_site {
	display:block;
	height:60px;
	background:#0F1111;
	margin-top:42px;
}
.containerDados {
	position:relative;
	width:939px;
	margin:0 auto;
	line-height:60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#fff;
	text-align:left;
}
.divisao_tutoriais {
	border-bottom:1px dashed #2DCAD8;
	padding-bottom:30px;
	margin-bottom:15px;
}
/*-------------------------- #2 navegação */
.topo ul {
	display:block;
	float:left;
	height:33px;
	margin:127px 0 0 39px;
}
.topo ul li {
	display:block;
	float:left;
}
li#nav_01 a {
	display:block;
	text-indent:-9999px;
	width:92px;
	height:33px;
	background:url(images/nav_01.png) top left no-repeat;
}
li#nav_01 a:hover {
	background:url(images/nav_01.png) bottom left no-repeat;
}
li#nav_02 a {
	display:block;
	text-indent:-9999px;
	width:85px;
	height:33px;
	background:url(images/nav_02.png) top left no-repeat;
}
li#nav_02 a:hover {
	background:url(images/nav_02.png) bottom left no-repeat;
}
li#nav_03 a {
	display:block;
	text-indent:-9999px;
	width:86px;
	height:33px;
	background:url(images/nav_03.png) top left no-repeat;
}
li#nav_03 a:hover {
	background:url(images/nav_03.png) bottom left no-repeat;
}
li#nav_04 a {
	display:block;
	text-indent:-9999px;
	width:111px;
	height:33px;
	background:url(images/nav_04.png) top left no-repeat;
}
li#nav_04 a:hover {
	background:url(images/nav_04.png) bottom left no-repeat;
}
li#nav_05 a {
	display:block;
	text-indent:-9999px;
	width:102px;
	height:33px;
	background:url(images/nav_05.png) top left no-repeat;
}
li#nav_05 a:hover {
	background:url(images/nav_05.png) bottom left no-repeat;
}
.box_rodape li {
	list-style-image: url(images/bullet_icon.jpg);
	list-style-position:inside;
}
/*-------------------------- #3 links */
.meio a:hover {
	text-decoration:underline;
}
#logotipo_yode a {
	float:left;
	width:204px;
	height:241px;
	text-indent:-9999px;
	background:url(images/logo_yode.png) no-repeat;
}
.topo #painel_controle a {
	padding-top:80px;
	width:103px;
	height:16px;
	position:absolute;
	top:0;
	right:45px;
	background:url(images/btn_painel_controle.png) top center no-repeat;
	font-size:11px;
	color:#707678;
}
.topo #painel_controle a:hover {
	color:#2ECAD7;
}
.leiamais a {
	display:block;
	width:107px;
	line-height:36px;
	text-indent:-9999px;
	background:url(images/leiamais.png) top left no-repeat;
}
.leiamais a:hover {
	background:url(images/leiamais.png) bottom left no-repeat;
}
.rodape a {
}
.rodape a:hover {
	text-decoration:underline;
}
#atha a {
	text-decoration:none;
	position:absolute;
	top:0;
	right:0;
	color:#d92e58;
	background:none;
}
#atha a:hover {
	color:#fff;
}
/*-------------------------- #4 texto */
h1 {
	font-size:17px;
	font-weight:normal;
	color:#1C1F20;
	padding:2px 0 3px 3px;
	margin-bottom:14px;
	background:#fff;
}
.coluna h2 {
	width:321px;
	line-height:28px;
	padding-bottom:11px;
}
h2#dicas_metricas {
	text-indent:-9999px;
	background:url(images/tt_dicas_metricas.png) no-repeat;
}
h2#faq {
	text-indent:-9999px;
	background:url(images/tt_duvidas.png) no-repeat;
}
h2#atendimento {
	text-indent:-9999px;
	background:url(images/tt_atendimento.png) no-repeat;
}
h2#newsletter {
	text-indent:-9999px;
	background:url(images/tt_newsletter.png) no-repeat;
}
h3 {
	font-size:13px;
	text-transform:uppercase;
	color:#1C1F20;
	line-height:18px;
}
.geral p, .meio ul {
	font-size:11px;
	color:#1C1F20;
	line-height:18px;
	margin:5px 0 11px 0;
}
.topo h2 {
	position:absolute;
	top:181px;
	left:228px;
	line-height:59px;
	text-transform:uppercase;
	font-style:italic;
	font-size:14px;
	color:#fff;
}
.container_rodape .depoimento {
	margin:0 30px 0 0;
	font-style:italic;
}
.container_rodape h4 {
	widows:294px;
	line-height:22px;
	text-transform:uppercase;
	padding-bottom:15px;
}
h4#depoimentos {
	text-indent:-9999px;
	background:url(images/tt-depoimento.png) top left no-repeat;
}
h4#yodefacil {
	text-indent:-9999px;
	background:url(images/tt-nav2.png) top left no-repeat;
}
h4#redesocial {
	text-indent:-9999px;
	background:url(images/tt-redesocial.png) top left no-repeat;
}
/*-------------------------- #5 formulários */
form .newsletter {
	display:block;
	margin:4px 0;
}
label.newsletter {
	text-indent:17px;
}
input.newsletter {
	background:url(images/input.png) top center no-repeat;
	border:none;
	width:290px;
	height:16px;
	font-size:12px;
	padding:11px 15px;
}
input#cadastrar {
	background:url(images/cadastrar.png) top center no-repeat;
	border:none;
	width:146px;
	height:39px;
}
/*CONTRATO*/
fieldset {
	display:block;
	padding:10px;
	text-align:left;
}
fieldset span {
	font-size:11px;
}
label {
	height:20px;
	padding:5px 0 0 10px;
	font-size: 12px;
	color:#EF9120;
}
div#formulario .labelbg {
	display:block;
	float:left;
	width:150px;
	height:20px;
	padding:5px 0 0 10px;
	font-size: 12px;
	color:#EF9120;
}
div#formulario label em {
	color:#666;
	font-size:10px;
}
div#formulario input, div#formulario textarea, div#formulario select {
	font-family:Lucida Sans, sans-serif;
	font-size:11px;
	margin-bottom:8px;
}
div#formulario .input_text {
	margin-bottom:8px;
}
div#formulario .text_area {
}
div#formulario input, div#formulario textarea {
	width:330px;
	padding:3px 7px;
}
div#formulario select {
	width:292px;
	padding:3px 7px;
	margin-bottom:8px;
}
div#formulario input#cidade {
	width:150px;
}
div#formulario input#cep {
	width:65px;
}
div#formulario input#telefone {
	width:80px;
}
div#formulario input#ddd {
	width:20px;
}
div#formulario .envia {
	width:78px;
	height:36px;
	background:url(images/contratar.png) top center no-repeat;
	border:none;
	width:146px;
	height:39px;
	margin-top:7px;
}
div#formulario .check {
	width:15px;
	margin:3px 5px 3px 19px;
}
/*Contato*/
div#formulario_contato .labelbg {
	display:block;
	float:left;
	width:150px;
	height:20px;
	padding:5px 0 0 10px;
	font-size: 12px;
	color:#EF9120;
}
div#formulario_contato label em {
	color:#666;
	font-size:10px;
}
div#formulario_contato input, div#formulario textarea, div#formulario select {
	font-family:Lucida Sans, sans-serif;
	font-size:11px;
	margin-bottom:8px;
}
div#formulario_contato .input_text {
	margin-bottom:8px;
}
div#formulario_contato .text_area {
}
div#formulario_contato input, div#formulario_contato textarea {
	width:330px;
	padding:3px 7px;
}
div#formulario_contato select {
	width:292px;
	padding:3px 7px;
	margin-bottom:8px;
}
div#formulario_contato input#cidade {
	width:150px;
}
div#formulario_contato input#cep {
	width:65px;
}
div#formulario_contato input#telefone {
	width:80px;
}
div#formulario_contato input#ddd {
	width:20px;
}
div#formulario_contato .envia {
	width:78px;
	height:36px;
	background:url(images/enviar.png) top center no-repeat;
	border:none;
	width:146px;
	height:39px;
	margin-top:7px;
}
div#formulario_contato .check {
	width:15px;
	margin:3px 5px 3px 19px;
}
/*-------------------------- #6 tabelas */
table#planos {
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin:0;
	clear:both;
	background:#262626;
	font-family:Arial, Helvetica, sans-serif;
}
table#planos thead {
	font-size:12px;
	text-align:center;
	font-weight:bold;
	background:#d9532e;
	color:#fff;
}
table#planos tbody {
	background:#f1f1f1;
	font-size:11px;
	color:#555;
}
table#planos tbody tr:hover {
	background:#fff;
}
/*-------------------------- #7 twitter */
.twitted {
}
.twitted h2 {
	display:none;
}
.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;/* generate your own loader gif: http://www.ajaxload.info */
}
.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}
.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
}
.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}
.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
}
.twitted ul#twitter_update_list li a {
	/* timestamp link */
}
.twitted ul#twitter_update_list li.firstTweet {
}
.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}
.twitted p.profileLink a{
	display:block;
	width:107px;
	line-height:36px;
	text-indent:-9999px;
	background:url(images/leiamais.png) top left no-repeat;
}
.twitted p.profileLink a:hover {
	background:url(images/leiamais.png) bottom left no-repeat;
}