/* CSS Document */

/***********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}


*{
margin:0px;
padding:0px;
}

body
{
font-family: "Georgia", "Times New Roman", "Times", "serif";
background:url(../imagens/layout/bg-body.jpg);
background-repeat:repeat-x;
color:#fff;
margin:auto;
}

body img
{
border:none;
}

a {color:#fff; text-decoration:none;}
a:hover {color:#33FFFF;}


h3{font-size:22px; font-style:italic; letter-spacing:-1px; font-weight:normal;}

.negrito{font-weight:bold;}

/***********/

#geral{width:1275px; height:auto; background-image:url(../imagens/layout/bg-geral.jpg); background-repeat:no-repeat; margin:auto;}
#geral-interno{width:1275px; height:auto; background-image:url(../imagens/layout/bg-geral-interno.jpg); background-repeat:no-repeat; margin:auto;}

#conteudo{width:935px; height:885px; margin:auto; }

#topo{ height:220px; margin:auto; text-align:center;}



/*****MENU*******/

.menu{width:280px; height:30px; float:left; margin:55px 60px 0px 115px;}

.menu ul li {display:inline; text-transform:uppercase; font-size:13px; font-weight:bold; padding:7px 3px 9px 3px; margin:0px 2px 0px 0px; width:150px; height:30px;  text-align:center;}

.bg-menu{ background-image:url(../imagens/layout/bg-menu.png); background-repeat:no-repeat;}
.menu ul li.bg-menu-quem-ajudo{background-image:url(../imagens/layout/bg-menu.png); background-repeat:no-repeat; padding-left:11px; padding-right:12px;}
.bg-menu-sobre{background-image:url(../imagens/layout/bg-menu-sobre.png); background-repeat:no-repeat; }
.menu ul li.bg-menu-parceiros{background-image:url(../imagens/layout/bg-menu-parceiros.png); background-repeat:no-repeat; padding-left:7px; padding-right:8px; }

/*****LOGOMARCA******/

#logo
{
width:204px; height:133px; float:left;  
}

#logo h1 a
{
width:204px; height:133px; float:right; background-repeat:no-repeat; text-indent:-9999px; background-image:url(../imagens/layout/logo-chico-xavier.png); position:relative; top:3px; left:380px;
}


/*********FRASE DESTAQUE****/

#frase-destaque{ height:80px; margin:auto; text-align:center; margin-top:15px;  }

#ouca{width:240px; height:55px; background-image:url(../imagens/layout/btn-ouca-agora.png); background-repeat:no-repeat; margin:auto; margin-top:15px; }
#ouca h2{font-size:26px; font-style:italic; margin-left:68px; padding-top:9px; }


/********ESQ*********/

#esq{width:230px; height:auto; float:left; text-align:right; }
#esq h3 {text-align:right; width:170px; padding-bottom:5px; float:right; margin-right:35px;  }
#esq img{ margin-right:35px;}
#esq p {width:170px; font-size:12px; font-style:italic; text-align:right; line-height:16px; margin-top:13px; margin-right:35px; float:right;}

.sublinhado{text-decoration:underline;}
#prefira-original{ float:right; margin-top:40px;}

/********MIOLO*********/
#miolo{width:470px; height:auto; float:left;  }
#miolo .detalhes-produto {font-size:11px; position:relative; letter-spacing:-1px; top:280px; left:385px;}

#frase-destaque2{ height:60px; margin:auto; text-align:center; margin-top:345px;  }


/******DIR**********/
#dir{width:235px; height:auto; float:left; }
#dir .comprar{width:150px; height:55px; margin:30px 0px 0px 30px;}
#dir h3 {text-align:left; width:170px; padding-bottom:5px; margin:15px 0px 0px 45px; line-height:22px; }
#dir p {font-size:15px; text-align:left; line-height:16px; margin:13px 0px 0px 45px;}

.riscado{text-decoration:line-through; font-weight:bold; color:#FF0000; font-size:16px;}
#dir .preco-box{width:133px; height:65px; margin:5px 0px 0px 30px;}
#dir p.preco-individual {margin:0px 0px 0px 45px;}

#midias-sociais{margin:70px 0px 0px 0px; float:right;}
#midias-sociais ul li{display:inline; list-style:none;}

/********RODAPE********/

#rodape{width:955px; height:265px; margin:auto;  background-image:url(../imagens/layout/topo-rodape.gif); background-repeat:no-repeat; }
#esq-rodape{width:286px; height:265px; float:left; /*background-image:url(../imagens/layout/bg-esq-rodape.jpg); background-repeat:no-repeat;*/}

#meio-rodape{width:280px; /*330px*/ height:235px; /*265px*/ float:left; padding:30px 30px 0px 20px; text-align:right;}
#meio-rodape h3{text-align:right;}
#meio-rodape p{width: 223px; float:left; text-align:right; font-size:15px; letter-spacing:-1px; margin-top:20px;}

.nome-depoimento{ font-style:italic; font-weight:bold;}

.data{width:50px; height:45px; float:right; background-color:#27BFF2; font-size:15px; text-align:center; margin-top:25px; font-weight:bold; padding-top:20px; font-family:Times New Roman, Trebuchet MS, Arial; }

#dir-rodape{width:298px; height:235px; float:left; background-image:url(../imagens/layout/separador-rodape.png); background-repeat:no-repeat; padding:30px 20px 0px 20px;}
#dir-rodape h3{text-align:right; width:230px; float:right;}

#indique{float:right; margin-top:10px;}

#apoio h4{font-size:15px; font-style:italic; letter-spacing:-1px; font-weight:bold; margin-bottom:15px;}
#apoio ul li{display:inline; list-style:none; margin-right:5px;}
#apoio{width:298px; float:left; margin-top:15px; }


/***********PAGINA OUVIR RADIONOVELAS**********/

#coluna-esquerda{width:465px; float:left; margin-top:45px;}
#coluna-direita{width:465px; float:right; margin-top:45px;}

.mp3{width: 320px; margin-bottom:40px; float:left;}
.mp3 p{font-size:14px;}

.produto{width:104px; float:left; margin-right:15px;}


/********PÁGINA QUEM AJUDO**********/
#texto-quem-ajudo{width:850px; height:473px; margin:auto; margin-top:40px; background-image:url(../imagens/layout/bg-texto-quem-ajudo.png); background-repeat:no-repeat; padding-top: 1px;}

#texto-quem-ajudo p, #texto-quem-ajudo h3  {margin:30px; }


/********CONTADOR******/
#defaultCountdown{width:170px; height:65px; background-image:url(../imagens/layout/relogio.png); background-repeat:no-repeat; margin:auto; margin-top:62px; font-family:Arial, Helvetica, sans-serif; }

.dia{font-size:30px; font-weight:bold; font-style:italic; letter-spacing:-2px; position:relative; width:38px; top:5 px; left:4px; text-align:center; padding-top:5px;}
.hora, .minutos, .segundos{font-size:20px; font-weight:normal; letter-spacing:-2px; text-align:center; float:left; position:relative; bottom:26px; width:31px;}

.hora{left:53px;}
.minutos{left:61px;}
.segundos{left:69px;}

.relogio{width:270px; text-align:center;}

#esq h3{border:none!important;}




/*indicar amigos*/
#box-indicar-amigo
{
width:660px;
margin:auto;
margin-top:20px;
}
#form-amigo label
{
font-size:15px;
width:200px;
font-weight:bold;
float:left;
height:25px;
clear:both;
margin-top:3px;
}
#form-amigo .input
{
margin-top:3px;
height:20px;
float:left;
width:280px;
}
.submit
{
clear:both;
float:left;
position:relative;
left:432px;
top:20px;
background-color:#43CAF7;
color:#000;
border:none;
padding:5px;
font-weight:bold;
}
#box-indicar-amigo .mensagens
{
padding:10px;
text-align:center;
color:#fff;
font-weight:bold;
}
#box-indicar-amigo .mensagens ul li
{
list-style:none;
}


#social
{
width:995px;
height:20px;
clear:both;
}
#icones
{
float:right;
width:100px;
}