/* 
	Theme Name: Guia Recreio
	Theme URL: http://guiarecreio.net
	Description: O guia de servi�os online mais completo do Recreio dos Bandeirantes
	Author: Leonardo Carvalho
	Author URI: XXX
	Version: 1.0
	Tags: three columns, fixed width, white, blue, sidebar widgets
*/
/* resetando valores - CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,label,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;vertical-align:middle;}
table {border-collapse:collapse;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;}
ol,ul {list-style:none;}
abbr,acronym {border:0;}

h1,h2,h3,h4,h5,h6 {font-size:12px;}

a {text-decoration:none;}



body {
	background-color: #18c0fe;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
/*	background: #18c0fe url(../_img/bg-miolo.png) center top repeat-y; */
	background-color:#fff;
	border-left: 5px solid #005289;
	border-right: 5px solid #005289;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	Teste de erro									*
************************************************/	
.teste {
	border: 1px solid red;
	background-color: #cfc;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #2255AA;
	text-decoration: none;
	}
	
a:hover {
	color: #f9cd00;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
/************************************************
*	Header  									*
************************************************/
#header {
	width:970px;
	height:177px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	background:#0bbdfd url(../_img/bg_topo.png) no-repeat top left;
	}
	
#header p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#header h1 {
	background:  url(../_img/logo-guia-recreio.png) no-repeat top left;
	width:300px;
	height:200px;
	cursor:pointer;
	float:left;
	text-decoration: none;
	color: #fff;
	
	}
	
#header h1 a, #header h1 a:visited {
	/* css antigo */
	/*color: #FFFFFF;
	font-size: 36px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-decoration: none;*/
	
	text-decoration: none;
	color: #acac96;
	overflow:hidden;text-indent:-9999px;display:block;
	}
	
#header h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.description {
	color: #900;
	overflow:hidden;
	text-indent:-9999px !important;
	display:block;

}
	
#header h2  {
	text-decoration: none;
	color: #acac96;
	overflow:hidden;text-indent:-9999px;display:block;
	}

.headerleft {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerright {
	width: 650px;
	height: 95px;
	float: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;

	}
	
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
.headerright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}
	
/************************************************
*	Navbar  									*
************************************************/

#navbar {

	float: left;
	width: 650px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbarleft {
	width: 650px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 650px;
	height: 30px;
	margin: 0px;
	padding: 4px 0 0 0;
	color: #000;
	}

#navbarright input.text{
	width: 500px;
	color: #000;
	border: 1px #f0f solid;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a {
	color: #FFFFFF;
	display: block;
    font-weight: bold;
    margin: 0px 20px 0px 0px;
	padding: 8px 10px 7px 10px;
	}
	
#nav a:hover {
	background: #0bbdfd;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 20px 0px 0px;
	padding: 8px 10px 7px 10px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #67d7ff;
	color: #FFFFFF;
	width: 180px;
	font-size: 90%;
	float: none;
	margin: 0px;
	padding: 6px 10px 5px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #fed100;
	color: #000;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	
/************************************************
*	Content | Miolo do Site - aonde e impresso o conteudo    * 
************************************************/

#content {
	width: 100%;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	overflow:hidden;
	}

/* conteudo do miolo dos posts*/
#contentleft {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 20px 25px 20px 25px;
	}
	
#contentleft h1{
	color: #036;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 3px 3px 0 3px;
	border-bottom: 1px solid #ccc;
	}
	
#contentleft ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
/* /contentleft */


/* contentpage - conteudo do miolo das paginas sem as sidebars*/

#contentpage {
	width: 910px;
	margin: 0px 0px 0px 0px;
	padding: 20px 25px 20px 25px;
	}
	
#contentpage h2{
	color: #fff;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 4px 5px 0 8px;
	background: #fff url(../_img/bg_tit_premium.png) bottom left repeat-x;
	/*border-right: 1px solid #036;*/
	}
	
#contentpage ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentpage ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentpage ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentpage ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	border: 1px solid #red;
	}
	

/*  /contentpage */

.date {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #999999;
	border: 1px solid red;
	}
	
.postmeta {
	width: 500px;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	}
	
.postfooter {
	width: 500px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 40px 0px;
	border-bottom: 1px dotted #999999;
	}
	
blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #4A7EB8;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}

	
/************************************************
*	Css criado para controlar as p�ginas 		    * 
************************************************/
	
#content .paginas {
	color: #000;
	font-size: 14px;

}

#content .paginas li{
	margin-top: 8px;
	text-align: left;
	border: 1px solid red;
	list-style-type: none;
	color: #535353;
	
}

/************************************************
*	Images  					     		    * 
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption {
	margin: 0px;
	padding: 0px;
	}
	
.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	line-height: 12px;
	}
	
/************************************************
*	Left Sidebar - Coluna da esquerda - Categorias  * 
************************************************/

#l_sidebar {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 10px;
	line-height: 20px;
	}
	
#l_sidebar h2 {
	background: #FFFFFF url(../_img/bg-tit-menu-cat-l.png) no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	}
	
#l_sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#l_sidebarwidgeted {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:#009af3 url(../_img/bg-menu-cat-l.png) repeat-y top left;
	overflow:hidden;
	}
	
#l_sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;

	}

#l_sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li li {
	background: url(../_img/arrow-li.png) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	
	}
	
#l_sidebar .children .cat-item{
	background: url(../_img/arrow-li-li.png) no-repeat top left;
	padding: 0px 5px 0px 15px;
	margin: 0px;
	}
	

	
#l_sidebar a {
	color: #fff;
	font-weight:bold;
	}
#l_sidebar a:hover {
	color: #ff9;
	}
	
/************************************************
*	Right Sidebar - coluna da direita -    	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 0px;
	line-height: 20px;
	}
	
#r_sidebar h2 {
	background: url(../_img/bg-tit-menu-cat-r.png) no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	}

#r_sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#r_sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
/*	background:#009af3 url(../_img/bg-menu-cat-r.png) repeat-y top left;
	overflow:hidden;*/
	}
	
#r_sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#r_sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul li li {
	background: #FFFFFF url(../_img/arrow-li-li.png) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
#r_sidebar ul li ul li {
	background: #FFFFFF url(../_img/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #18c0fe url(../_img/bg-rodape.png) no-repeat top center;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 970px;
	height: 170px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;;

	}
	
#footer p {
	color: #FFFFFF;
	font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
	margin: 0px;	
	padding: 0px;
	
	}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.footerleft {
	width: 700px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
.footerright {
	width: 250px;
	float: right;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	text-align: right;
	}
	
/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
	
#s {
	background: #FFFFFF;
	width: 400px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #1A4E88 url(../_img/submit.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 500px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
	
.commentleft {
	width: 150px;
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.commentright {
	width: 300px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	margin: 0px 5px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#commentblock ol li {
	margin: 0px;
	padding: 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}
	
#name, #email, #url {
	background: #EAEAEA !important;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #EAEAEA !important;
	width: 460px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#submit {
	background: #1A4E88 url(../_img/submit.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	text-transform: uppercase;
	padding: 3px;
	margin: 0px;
	border: 1px solid #1A4E88;
	}

/************************************************
*	CSS todos os 3 tipos de anuncios								*
************************************************/
.categorias-posts{
	display: block;
	font: 11px "Trebuchet Ms", Arial, Helvetica, sans-serif normal;
	color: #535353;
	margin: 5px 0 0 0;
}
.tags-posts{
	display: block;
	font: 11px "Trebuchet Ms", Arial, Helvetica, sans-serif normal;
	color: #535353;
	margin: 5px 0 8px 0;
}

.descricao {
	font-style: italic;
}
.telefone {
	font-style: italic;
}

.rodape-anuncio{
	background-color:#f0f0f0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.rodape-anuncio h3{
	color: #036;
	font-size: 12px !important;
	font-style: bold;
}
/************************************************
*	Anuncio Gratis									*
************************************************/
.anuncio-gratis {
}

.anuncio-gratis h2 {
	color: #666;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 0 3px;
	font-weight: bold;
	background-color: #f0f0f0!important;
	border-bottom: 1px solid #333!important;

}
.anuncio-gratis .logo {
	float: left;
	width: 150px;

}
.anuncio-gratis .dados {
	float: left;
	width: 340px;
	color: #535353;
	list-style: none;
	
}
.anuncio-gratis .dados li {
	display:block;
	
}

/************************************************
*	Anuncio Pago Plus									*
************************************************/
.anuncio-pago-1{
	background-color:#fff;
}

.anuncio-pago-1 h2 {
	color: #000;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 0 3px;
	border-bottom: 1px solid #ccc;
	background-color: #f9cb15 !important;
	border-bottom: 1px solid #333!important;
}

.anuncio-pago-1 .logo {
	float: left;
	width: 150px;
	
}
.anuncio-pago-1 .dados {
	float: left;
	width: 340px;
	min-height: 160px;
	color: #666;
	
}
.anuncio-pago-1 .galeria-p1
{
	border-top: 1ps solid #ccc;
	color: #666;
	
}

/************************************************
*	Anuncio Pago Premium									*
************************************************/
.anuncio-premium{
	background-color:#fff;
}

.anuncio-premium h2 {
	color: #000;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 0 3px;
	border-bottom: 1px solid #ccc;
	background-color: #f9cb15 !important;
	border-bottom: 1px solid #333!important;
}

.ban-premium {
	width: 500px;
	margin: 0 0 10px 0;
	
}
.anuncio-premium .dados {
	width: 5000px;
	min-height: 160px;
	color: #666;
	
}
.anuncio-premium .galeria-p1
{
	border-top: 1ps solid #ccc;
	color: #666;
	
}


/************************************************
*	css inserido para tirar a borda e o credito dos banners no max-banner-ads do wordpress		*
************************************************/
.widget_maxbannerads img, .widget_maxbannerads a {border:0; padding:0 !important;}
.widget_maxbannerads span {display:none;}

.post div span {display:none;}


/************************************************
*	css tabela planos comparativo		*
************************************************/

.comparativo {
	color: #535353;
	border: 1px solid #626f78;
	width:475px;
}
.comparativo table {
	border: 1px solid #626f78;
}
.comparativo a {
	color: #535353;
	text-decoration: none;
	font-size: 90%;
}
.comparativo a:hover {
	color: #900;
	text-decoration: underline
}
.comparativo tr {
	background-color: #f0f0f0;
	border-top: 1px solid #ccc;
}
.comparativo tr:hover {
	background-color: #ffc;
}
.comparativo tr.grupo {
	color: #888;
	font-size: 90%;
	font-weight: bold;
}
.titgrupo {
	color: #fff;
}
.grupo {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	background-color: #0090f0;
}
.contrate {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	background-color: #036;
}
.comparativo th {
	padding:3px 8px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	background-color: #036;
	background:#06bcfd url(../_img/bg_topo_mini.png) top repeat-x;
}

.comparativo td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #dadada;
	font-size: 95%;
	padding: 3px;
}
.comparativo td a {
}

.preco{
color: #000;
font-weight:bold;
font-size:14px;
}
.obs{
	color: #535353;
	font-weight:normal;
	font-size:12px;

}
.desconto tr{
	background-color: #dbf2ff;

}

/************************************************
*	css dos planos do guiarecreio.net - planos.html		*
************************************************/

plano-premium {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 20px;
	margin: 20px;
}

.plano-plus {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 20px;
	margin: 20px;
}

.imagem-planos {
	float: left;
	width:250px;
	
}

.botoes-planos{
	text-align: center;
	width:auto;;
	
}

.descricao-planos {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	color: #535353;
	width:550px;
	margin-left: 20px;
}

.descricao-planos h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	background-color:#fc0;
	display:block;
	padding: 3px 8px;
	margin: 15px 0;
}
.descricao-planos ul{
	margin-left: 20px;
}
.descricao-planos li{
	list-style-type:circle;
}


/************************************************
*	css da estrutura das paginas do wordpress	*
************************************************/
.coluna-aviso {
	float:left;
	width: 360px;
	margin-left: 40px;
}

/************************************************
*	css dos avisos laterais		*
************************************************/

.aviso-seguranca {
	float:left;
	width: 360px;
	height: 280px;
	background: url(http://www.guiarecreio.net/wp-content/themes/recreio/../_img/aviso_seguranca.png) top right no-repeat;
	padding: 0;
	text-align: left;
}
.aviso-seguranca .aviso {
	margin: 0;
	padding: 65px 20px 20px 20px;
}
.aviso-seguranca .aviso p {
	text-align: justify;
	margin-top: 8px;
	font-size: 12px;
}
.aviso-pagamento {
	float:left;
	width: 360px;
	height: 550px;
	background: url(http://www.guiarecreio.net/wp-content/themes/recreio/../_img/aviso_pagamento.png) top right no-repeat;
	padding: 0;
	margin-top:20px;
	text-align: left;
}
.aviso-pagamento .aviso {
	margin: 0;
	padding: 65px 20px 20px 20px;
}
.aviso-pagamento .aviso p {
	text-align: justify;
	margin-top: 8px;
	font-size: 12px;
}
.aviso-pagamento .aviso p strong {
	text-align: left;
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
}

/* passo */

.passo {font-size:18px; color: #036 !important; font-weight:bold;margin:5px 0 0 20px;}

.description {display:none;}

.campo-erro {background: #ffcdcd;}

.inputFocus {background: #ffffcd;}

.box-erro {background: #eeacb1 url(../_img/ico-erro.png) center no-repeat;background-position: 15px 50%; text-align: left;padding: 5px 10px 5px 38px;border: 2px solid #bf0412;margin:0 0 10px 0; color:#fff; font-weight:bold;}

.box-sucesso {background: #cfe7a4 url(../_img/ico-valido.png) center no-repeat;background-position: 15px 5px; text-align: left;padding: 5px 10px 5px 38px;border: 2px solid #4b8300;margin:0 0 10px 0; color:#336600; font-weight:bold;}

.msgTextoErro { color: #bf0412;}

#msg {margin: 15px;}



/* anuncio simples */
.box-anuncio-simples {background:#dcdcdc;width:500px;font-size:11px;}
.box-anuncio-simples h2{background: url(_img/bg-tit-simples.gif) no-repeat; height:18px; width:500px; font-size:14px; font-weight:bold; padding: 4px 0 0 13px;}
.anuncio-simples {width:483px; height:125px; border:solid 1px #56686d;padding:19px 0 0 15px;}
.txt-anuncio-simples {float:left; width:315px;}
.txt-anuncio-simples p{margin:0 0 10px 0;}
.img-anuncio-simples {float:left; width:138px;margin: 0 22px 0 0;}