/* elementos principais */
* {	margin: 0 auto; padding: 0; }

html { height: 100%; text-align:center; 	width: 100%; }

body {
	text-align: center;
	background: #ffffff;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 70%/1.5em;
	color: #000000;
	height:100%;
		width: 100%;
}

a{ text-decoration:none; }
a:hover { text-decoration: underline; }

#wrap {
	height:100%;
	width: 100%;
}

#top {
	background-color: #f8cdf9;
	background-image: url("http://recado-virtual.com/suasmensagens/img01_topobg.jpg");
	background-repeat: repeat-x;
	height: 139px;
}
#top_img {
	background-image: url("http://recado-virtual.com/suasmensagens/img02_topoimg.jpg");
	background-repeat:no-repeat;
	background-position:center 10px;
	height: 139px;
}

#header {
	width: 740px;
	height: 139px;
	position: relative;

}

h3 {
	position: absolute;	
	left: -42px;
	width: 219px;
	height: 139px;
	text-indent: -99em;
	overflow: hidden;
	background-image: url("http://recado-virtual.com/suasmensagens/img04_logo.jpg");
	background-repeat: no-repeat;

}
h3 a{display:block; height: 135px;}

h2 {
	color: #f53de2;
	font-size: 90%;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: bold; 
	background-image: url("http://recado-virtual.com/suasmensagens/img09.gif");
	background-repeat: no-repeat;
	margin-left: 8px;
	padding-left: 22px;
	padding-top: 2px;
}

h1 {
  padding-left: 51px;
  margin-top: -4px;
  background-image: url("http://recado-virtual.com/suasmensagens/img08.gif");
  background-repeat: no-repeat;
  background-position: left;
  height: 26px;
  font-size: 110%;
  font-family: tahoma, arial, verdana, sans-serif;
  font-weight: bold;
  color: #f53de2;
  text-align: left;
}

#ad_topo {
	position: absolute;
	top: 46px;
	left: 205px;
	width: 468px;
	height: 60px;
}

#ad_barrinha {
	position: absolute;
	top: 121px;
	left: 205px;
	width: 468px;
	height: 15px;
}

#menu {
	position: absolute;
	top: 11px;
	left: 156px;
	width: 568px;
	height: 20px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 1px;
}
a.menu { color: #FFFFFF; }

#menu img { vertical-align:middle; }

#corpo_bg {
    background : url("http://recado-virtual.com/suasmensagens/img00b.jpg");
	background-repeat:repeat;
	background-position: top center;
}
#corpo_bg2 {
    background : url("http://recado-virtual.com/suasmensagens/img00.jpg");
	background-repeat:repeat-x;
	background-position: top center;
}

#corpo{
	width: 740px;
	height: auto;
	min-height: auto;
 	position : relative;
	padding-top: 26px;
	margin-bottom: -1px;
	padding-bottom: 18px;

}

.bg_bottom {
  position : absolute;
  width : 742px;
  height : 25px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
  margin-left: -1px;
  *ma\rgin-left: 0px;
  background : transparent url("http://recado-virtual.com/suasmensagens/img06.jpg") no-repeat;
  bottom : 0px;
  left : 0;
}

#categorias {
  width: 171px;
  float:left;
  text-align:left;
}

ul{
  list-style-type:none;
  background : url("http://recado-virtual.com/suasmensagens/img10.gif") no-repeat;
  background-position: top left;
  margin-top: 2px;
  margin-bottom: 20px;
  margin-left: 8px;
  padding-left: 3px;
  padding-top: 2px;

}
  
.categoria_link {
	font-size: 70%;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: bold;
  	color: #734e67;
}

li {
	background-image: url("http://recado-virtual.com/suasmensagens/seta.gif");
	background-repeat: no-repeat;
    background-position: left;
	padding-left: 18px;
	padding-bottom: 2px;
	line-height: 15px;
}

#conteudo {
  margin-left: 171px;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#f9d4ff;
  border-spacing: 4px;
}

.bloco_paginacao {
  width: 89%;
  padding: 8px;
  border: 1px dashed #f53de2;;
  background-color: #fff2ff;
  text-align: left;
  margin-top: 14px;
  color:#f53de2;
  font-family: arial, tahoma, verdana, sans-serif;
  font-size: 110%;
}

.paginacao {
  font-weight: normal;
  color: #646464;
  font-family: arial, tahoma, verdana, sans-serif;
  text-decoration:none;

}
.paginacao:hover {
  color: #ff009c;
}

.paginacao_importante {
  font-weight: normal;
  color: #646464;
  font-family: arial, tahoma, verdana, sans-serif;
  text-decoration:none;

}
.paginacao_importante:hover {
  color: #ff0072;
}

.paginacao_atual {
  font-family: arial, tahoma, verdana, sans-serif;
  color: #ff009c;
}

.paginacao_traco {
  font-family: arial, tahoma, verdana, sans-serif;
  color: #cccccc;
}

hr {
	color: #f9d4ff;
	width: 92%;
	margin-top:15px;
	margin-bottom: 15px;
	border: 1px solid;
	border-color: #f9d4ff;
	border-width: 0;
	height: 1px;
	border-top-width: 1px;
}

.cliquenacaixaabaixo{
  margin-top: 8px;
  margin-bottom: 3px;
  font-size: 100%;
  font-weight:bold;
  font-family: arial, tahoma, verdana, sans-serif;
  color:#444444;
}


.areadecodigo{
    color: #646464; 
    font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	border: 1px dashed #f53de2; 
	padding: 2px; 
	background-color: #fff2ff; 
	overflow: hidden;
	margin-bottom: 6px;
    }

.bloco_confira{
  width: 89%;
  margin-top: 20px;
  font-size: 100%;
  font-family: arial, tahoma, verdana, sans-serif;
  color: #f53de2;
  text-align:left;
}

.relacionadas {
	color: #646464;
	font-family: arial, tahoma, verdana, sans-serif;
	text-decoration: none;
}

.relacionadas:hover {
	color: #ff009c;
}

.relacionadas_traco {
	color: #cccccc;
}

#rodape {
  clear:both;
  padding-top:10px;
  height: 26px;
  color: #9F6FA6;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  background:#ececec;
}

a.rodape { font-size: 10px; color: #7C5283;	text-decoration: none; }
a:hover.rodape { color: #CC0094; text-decoration:underline; }

#ad_photobucket {
margin-top: -3px;
margin-left: 6px;
}

#ad_torre{
margin-top: 28px;
height: 600px;
width: 120px;
}

.enviarporemail {
font-size: 11px;
font-weight:bold;
margin-bottom:10px;
  	color: #734e67;
}
a.dcontexto{
  position:relative; 
  color:#039;
  text-decoration:underline;
  cursor:help; 
  z-index:24;
  }
a.dcontexto:hover{
  background:transparent;
  z-index:25; 
}
a.dcontexto span{display: none}
a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:179px;
  height:184px; 
  top:-80px;
  left:36px;;
  border: 4px solid #ffffff;
  text-decoration:none;
}