body {
	color:#444;
	margin:0px;
	background-color:#f7f7ff;
	background-image:none;
	}

.bodynatal {
	background:#DCDCFF url(http://images.esoterikha.com/presentes/back-natal.gif);
	margin-top:10px;
	}

/* TOPO*/

#barratop {
background-color:#4473FF;
height:7px;
}

#logobuscatop {
background-image:url(http://images.esoterikha.com/presentes/back-img-top.gif);
height:85px;
}

.logobuscatop2 {
width:982px;
margin:0 auto;
}

#logobuscatop3 {
float:left;
margin-top:7px;
}

#logobuscatopform {
float:right;
margin-top:20px;
}

#logomenutop {
clear:both;
height:35px;
background-image:url(http://images.esoterikha.com/presentes/back-topblue2.jpg);
}





#top-h1 {
	width:181px;
	height:38px;
	margin: 0px;
	float:left;
}

#top-h1 a {
	display:block;
}


#top-presente {
	width:982px;
	height: 38px;
	background: url(http://images.esoterikha.com/presentes/top-fundo.gif) no-repeat;  
	margin:0 auto;
	text-align:left;
	}

#menutop-presentes {
	float:left;
	width:780px;
	margin-top:7px;
	margin-left:20px;
	text-align:center;
	border-width: 0 1px;
	}
/*
#top-randon-namoro {
	width:982px;
	text-align:left;
	background-color:#fff;
	clear:both;
	margin: 5px 0 -5px 15px;
	_margin: 0px 0 -10px 15px;
	}
*/
#top-randon-presentes {
	margin: 5px 5px 5px 20px;
	}

#conteudo {
	margin:0 auto;
	}

#cont-topimg-presente {
	width:802px;
	text-align:center;
	_margin-bottom:-3px;
	float:right;
	}

#cont-topimg-presente-new {
	width:982px;
	text-align:center;
	_margin-bottom:-3px;
	}

#cont-todos-presentes-new {		/* CONTEUDO Pai de Todos */
	width:980px;
	background-color:#fff;
	border: 1px solid #AABFFF;
	border-top:none;
	text-align:left;
	float:right;
	}

#cont-todos-presentes {		/* CONTEUDO Pai de Todos */
	width:800px;
	background-color:#fff;
	border: 1px solid #AABFFF;
	border-top:none;
	text-align:left;
	float:right;
	}

#cont-todos-msn {		/* CONTEUDO Pai de Todos */
	width:980px;
	background-color:#fff;
	border: 1px solid #fff;
	border-top:none;
	text-align:left;
	float:right;
	}


/* CONTEUDO Pai de Todos MSN 2.0 */

#cont-todos-presentes-20 {
	margin:0 auto;
	width:982px;
	background-color:#fff;
	text-align:left;
	float:right;
	}

#top-presente-20 {
	width:978px;
	height: 38px;
	background: url(http://images.esoterikha.com/presentes/top-fundo.gif) no-repeat;
	text-align:left;
	}

#menutop-presentes-20 {
	float:left;
	width:780px;
	margin-top:7px;
	margin-left:10px;
	text-align:center;
	border-width: 0 1px;
	}
/* FIM CONTEUDO Pai de Todos MSN 2.0 */


#menu-presentes {
	width:170px;
	_width:165px;
	border: 1px solid #7A9CFF;
	}


#meio-msn {
	width:717px;
	padding:0;
	margin-right:20px;
	background-color: #FFFFFF;
	text-align: left;
	float:right;
	}

#meio-msn-30 {
	width:750px;
	padding:0;
	margin:10px 15px 0px 0px;
	background-color: #FFFFFF;
	text-align: left;
	float:right;
	}

#meio-inter-30 {
	background-color: #fff;
	padding:0px 0px 10px 5px;
	}

#meio-dc-larga {
	width:530px;
	background-image:url(http://images.esoterikha.com/presentes/back-textos-natal.jpg);
	border: solid 6px #60BA82;
	padding:10px;
	float:left;
	}

#meio-dc-larga h2 {
	font-size:16pt;
	font-weight:normal;
	}

#meio-dc-larga p {
	font-size:11pt;
	color:#000;
	}

#meio-dc-estreita {
	width:160px;
	float:right;
	}

#meio-inter-msn {
	background-color: #fff;
	padding:0px 35px 10px 10px;
	}

#meio-lado {
	width:190px;
	float:left;
	padding:10px 10px 10px 20px;
	}

#meio-lado-30 {
	width:190px;
	float:left;
	padding-left:5px;
	margin-top:10px;
	}

#adstopparag {
	width:300px;
	height:250px;
	float:left;
	margin:10px 15px 10px 0;
	}

#adsmeioparag {
	width:300px;
	height:250px;
	margin:0 auto;
	}

div.meio-lado-inter {
	margin-top:10px;
	}

div.meio-lado-ads {
	margin-top:0px;
	margin-bottom:10px;
	}

div.meio-lado-ads-bll {
	margin-top:10px;
	margin-bottom:10px;
	}

div.meio-lado-box {
	border:#CCCCCC solid 1px;
	background-color:#FFFEDF;
	padding:7px;
	}

div.meio-lado-box-2 {
	width:300px;
	border:#CCCCCC solid 1px;
	background-color:#FFFEDF;
	padding:7px;
	}

#tablechama {
margin:0px auto;
text-align:center;
padding-top:15px;

}

#tablechama p{
margin:5px 0px 0px 0px;
font-weight:bolder;
}

#tablechama td{
background-color: #FFDFDF;
width:160px;
padding:5px;
}

#tablechama td:hover{
background-color: #FFFF00;
}


/* Titulos MENU com  Image Replacement */

h1 a {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

h1.logo-presentes {			/* H1 */
	margin: 0px;
	background:url(http://images.esoterikha.com/presentes/top-logo-presentes-pais.gif) no-repeat; 
}

h1.logo-presentes a {
	width:181px;
	height:38px;
}

h1	{
	font-size:18pt;
	color: #03C;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	line-height:130%;}

h1.top-natal {
	font-size:18pt;
	font-weight:normal;
	color: #0099FF;
}

h2	{
	font-size:13pt;
	color: #03C;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	padding-left:0px;
	line-height:130%;}

h2.times {
margin-top:10px;
text-align:center;
font-size:18pt;
font-family:Times New Roman, Times, serif;
}


h2.h2-pps	{
	color: #080;
}

h2.h2-livros	{
	color: #0072C6;
}

h3	{
	font-size:12pt;
	color: #56AA1C;
	margin: 0px;
	font-weight: bold;
	line-height:130%;}


h3.fra-h3-ver	{
	font-size:11pt;
	color: red;
	margin:40px 0px 0px 5px;
	font-weight: bold;
	line-height:130%;}

h4 a {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

.fra-aspas-ver {
	font-family:Times New Roman, Times, serif;
	font-size:14pt;
	color:red;
}

p.fra-times-13pt {
	font-family:Times New Roman, Times, serif;
	font-size:14pt;
}

#msn-times {
	border:#FF0000 solid 5px;
	background-image:url(http://images.esoterikha.com/presentes/fundo-msn-2.gif);
	padding:10px;
}

#msn-times p{
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	letter-spacing: 0.05em;
}


#menu-presentes h4 {			/* Menu ESOTERIKHA  */
	margin: 0px;
	background:url(http://images.esoterikha.com/presentes/h4-dia-dos-pais-presentes.gif) no-repeat;
}

#menu-presentes h4 a {
	width:169px;
	height:27px;
}


#h4natal h4 {			/* Menu ESOTERIKHA NATAL  */
	margin-left: 5px;
	background:url(http://images.esoterikha.com/presentes/h4-dia-dos-pais-presentes.gif);
}

#h4natal h4 a {
	width:190px;
	height:30px;
}


.img-floatleftvideo {
	float: left;
	margin: 7px;
	padding: 1px;
	border: 1px  solid #999999;
	}



/* LINKS */

a:active { font-size: 10pt; color: #444; text-decoration: none}
a:link { font-size: 10pt; color: #444; text-decoration: none}
a:hover { font-size: 10pt; color: #444; text-decoration: none}
a { font-size: 10pt; color: #444; text-decoration: none}

.linkVermelho-Esc:active { font-size: 10pt; color: #900; text-decoration: none}
.linkVermelho-Esc:link {  font-size: 10pt; color: #900; text-decoration: none}
.linkVermelho-Esc:hover {  font-size: 10pt; color: blue; text-decoration: none}
.linkVermelho-Esc { font-size: 10pt; color: #900; text-decoration: none}

.linkYOUT-Esc:active { font-size: 11pt; color: #03C; text-decoration: none}
.linkYOUT-Esc:link {  font-size: 11pt; color: #03C; text-decoration: none}
.linkYOUT-Esc:hover {  font-size: 11pt; color: #900; text-decoration: none}
.linkYOUT-Esc { font-size: 11pt; color: #03C; text-decoration: none}

.linkVerde-Esc:active { font-size: 11pt; color: #080; text-decoration: none}
.linkVerde-Esc:link {  font-size: 11pt; color: #080; text-decoration: none}
.linkVerde-Esc:hover {  font-size: 11pt; color: #03C; text-decoration: none}
.linkVerde-Esc { font-size: 11pt; color: #080; text-decoration: none}

.linktop-728:active { font-size: 10pt; color: #060; text-decoration: none}
.linktop-728:link {  font-size: 10pt; color: #060; text-decoration: none}
.linktop-728:hover {  font-size: 10pt; color: #03C; text-decoration: none}
.linktop-728 { font-size: 10pt; color: #060; text-decoration: none}

.linktop-728-b:active { font-size: 10pt; color: #03C; text-decoration: none}
.linktop-728-b:link {  font-size: 10pt; color: #03C; text-decoration: none}
.linktop-728-b:hover {  font-size: 10pt; color: #060; text-decoration: none}
.linktop-728-b { font-size: 10pt; color: #03C; text-decoration: none}

/* Menu TOPO LISTAS*/

ul#navlist2 {
	list-style: none;
	padding: 0;
	margin: 0px;
	font-size: 10pt;
}

ul#navlist2 li {
	display: block;
	float: left;
	width: 143px;
}

ul#navlist2 li a {
	width: 99.99%;
	font-size: 10pt;
	display: block;
	padding: 3px;
	border-width: 1px;
	border-color: #FFD68B #FFAE19 #FFAE19 #FFD68B;
	border-style: solid;
	color: #006600;
	margin-right: 4px;
	margin-bottom: 2px;
	text-decoration: none;
	background: #FFF7EA;
	}

#menutop-presentes>ul#navlist2 li a { width: auto; }

ul#navlist2 li a:hover {
	color: #060;
	background: #FEE7EB;
	border-color: #aaab9c #fff #fff #ccc;
	}

/* Menu TOP 30*/


ul#nav30 {
	list-style: none;
	padding: 0;
	margin: 0px;
	font-size: 11pt;
}

ul#nav30 li {
	display: block;
	float: left;
	width:150px;
	margin-right: 15px;
	text-align:center;
}

ul#nav30 li a {
	width: 99.99%;
	font-size: 11pt;
	display: block;
	padding: 3px;
	border-width: 1px;
	border-color: #FFD68B #FFAE19 #FFAE19 #FFD68B;
	border-style: solid;
	color:blue;
	margin-right: 4px;
	margin-bottom: 8px;
	text-decoration: none;
	background: #FFF7EA;
	}

#menutop-presentes>ul#nav30 li a { width: auto; }

ul#nav30 li a:hover {
	color:#fff;
	background: #0066FF;
	border-color: #aaab9c #fff #fff #ccc;
	}

/* Menu TOP 30*/



/* Menu TOP 30 BRANCO*/


ul#nav30branco {
	list-style: none;
	padding: 0;
	margin: 0px;
	font-size: 12pt;
	color:#FFFFFF;
	font-weight:bold;
}

ul#nav30branco li {
	display: block;
	float: left;
	text-align:center;
}

ul#nav30branco li a {
	width: 99.99%;
	height:29px;
	font-size: 12pt;
	display: block;
	border-width: 1px 1px 0px 1px;
	border-right-color:#0F5A8D;
	border-left-color:#2B7CAE;
	border-top-color:#2B7CAE;
	border-style: solid;
	color:#FFF;
	margin: -3px 5px 0px 10px;
	padding-top:6px;
	text-decoration: none;
	background: none;
	}

ul#nav30branco li a:hover {
	color:#03C;
	background: #FFF;
	}

/* Menu TOP 30 BRANCO*/


/* Menu TOPO LISTAS NOVO*/

ul#navlist3 {
	list-style: none;
	padding-top: 5px;
	margin: 0;
	font-size: 16pt;
}

ul#navlist3 li {
	display: block;
	float: left;
	margin-right:4px;
}

ul#navlist3 li a {
	font-size: 15pt;
	display: block;
	text-decoration: none;
	color: #FFFF00;
	}

#menutop-presentes>ul#navlist3 li a { width: auto; }

ul#navlist3 li a:hover {
	color:#FFF;
	}


/* Menu LATERAL */

ul#menu-presente {    /* AZUL FUNDO */
	width: 160px;
	/* to display the list horizontaly */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#menu-presente li {
	display: inline;
	/* for IE5 and IE6 */
}

ul#menu-presente a {
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display:block;
	padding-left: 10px;
	margin:1px 0 1px 0;
	background-color: #fff;
	border-top: 1px #fff solid;
	border-bottom: 1px #EADDC8 solid;
	font-size:9pt;
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	color:#009
}

ul#menu-presente a:hover { 
	font-weight: bold;
	background-color: #FEE7EB;
}

/* Menu LATERAL 30 */

ul#menu-30 {    /* AZUL FUNDO */
	width: 180px;
	/* to display the list horizontaly */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#menu-30 li {
	display: inline;
	/* for IE5 and IE6 */
}

ul#menu-30 a {
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display:block;
	padding: 5px;
	margin:5px 5px;
	background-color: #fff;
	border: 1px #EADDC8 solid;
	font-size:10pt;
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	color:#009
}

ul#menu-30 a:hover { 
	font-weight: bold;
	background-color: #FEE7EB;
}

/* Menu LATERAL 30 */

/* Menu LATERAL 30 INDEX */

ul#menu-30index {    /* AZUL FUNDO */
	width: 160px;
	/* to display the list horizontaly */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#menu-30index li {
	display: inline;
	/* for IE5 and IE6 */
}

ul#menu-30index a {
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display:block;
	padding: 5px;
	margin:5px 5px;
	background-color: #fff;
	border: 1px #EADDC8 solid;
	font-size:10pt;
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	color:#009
}

ul#menu-30index a:hover { 
	font-weight: bold;
	background-color: #FEE7EB;
}

/* Menu LATERAL 30 INDEX */






ul.menu-presente2 {    /* AZUL FUNDO */
	width: 210px;
	/* to display the list horizontaly */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.menu-presente2 li {
	display: inline;
	/* for IE5 and IE6 */
}

ul.menu-presente2 a {
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display:block;
	padding: 5px 2px 5px 5px;
	margin:1px 0 1px 0;
	background-color: #fbfbff;
	border-top: 1px #fff solid;
	border-bottom: 1px #99cc00 solid;
	font-size:10pt;
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	color:#03c;
}

ul.menu-presente2 a:hover { 
	font-weight: bold;
	background-color: #FEE7EB;
}

ul.ul-azul-10site {    /* links listas site */
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	font-size: 10pt;
	line-height: 140%;
	}

ul.ul-azul-10site a {
	font-size: 10pt;
	color:#03C;
	text-decoration: none;
	line-height: 140%;
	}

ul.ul-azul-10site a:hover {	
	color:blue;
	text-decoration:underline;
	line-height: 140%;
	}




/*BUSCA TOPO*/
.txt{
width:400px;/*Largura da caixa como vai ser visualizado e onde o leitor irá digitar a sua pesquisa*/
height:30px;
border:1px solid #FF0000;/*borda*/
background-color:#fff;/*Cor de fundo*/
font-size:15pt;
color:#03c;
/*Abaixo, efeito de trasparência, funciona no IE*/
}

/*Caixa do texto no modo hover (quando o mouse estiver sobre)*/
.txt:hover{
width:400px;/*Largura da caixa como vai ser visualizado e onde o leitor irá digitar a sua pesquisa*/
height:30px;
}

/*Botão no modo normal*/
.btn{
cursor:pointer;/*Para aparecer a mãonzinha em cima do botão, fica mais intuitiva, se tirado aparece apenas a setinha quando clicado no botão*/
border:1px solid #03c;/*borda*/
background-color:#98CA00;/*Cor de fundo*/
color:#fff;/*Cor da letra do botão*/
font-size:15pt;
height:30px;
}

/*Botão no modo hover (quando o mouse estiver sobre)*/
.btn:hover{
border:1px solid #e47906;/*borda*/
background-color:#e47906;/*Cor do fundo do botão*/
color:#f3f3f3;/*Cor da letra*/
height:30px;
}







