/* 
	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-style:normal;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(images/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(images/bg_topo.png) no-repeat top left;
	}
	
#header p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#header h1 {
	background:  url(images/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 {
	text-decoration: none;
	color: #acac96;
	overflow:hidden;text-indent:-9999px;display:block;
	}
	
#header h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.description {
	color: #b8e7ff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif bold;
	font-weight: bold;
	font-style: italic;
	margin-top: 52px;
	text-align: left;
	vertical-align: bottom;
	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: 660px;
	height: 102px;
	float: right;
	margin: 0px;
	padding: 3px 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: 970px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;

	}

#content p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h2 {
	/*
	color: #fff;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 4px 5px 0 8px;
	background: #fff url(images/bg_tit_premium.png) bottom left repeat-x;
border-right: 1px solid #036;
	*/
}
	
#content h2 a  {
	color: #fff;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #fcd531;
	text-decoration: none;
	}
	
#content h3 {
	color: #000;
	font-size: 18px;
	font-family: Arial, Verdana;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 8px;
	}
	
#content h4 {
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
/* conteudo do miolo dos posts*/
#contentleft {
	float: left;
	width: 490px;
	margin: 0px;
	padding: 20px 25px 20px 25px;
	}
	
#contentleft h1{
/*	color: #036;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 3px 3px 0 3px;
	border-bottom: 1px solid #036;*/
	color: #fff;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 4px 0 0 8px;
	background: #fff url(images/bg_tit_premium.png) bottom left repeat-x;
	}
	
#contentleft h1 a{
	color: #fff;
	}
	
#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(images/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;
	}
	

/*  /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: #535353;
	font-size: 14px;

}
#content .paginas h3{
	color: #3399ff;
	font-size: 18px;
	font-weight:bold;
	margin: 20px 0 15px 0;
	padding: 0;

}
#content .paginas li{
	margin-top: 12px;
	text-align: left;
	list-style-image: url(http://www.guiarecreio.net/_img/check-list.png);
	list-style-position: outside;
	margin-left: 30px;
	color: #535353;
	line-height: normal;
	
}

/************************************************
*	Css criado para controlar os formularios		    * 
************************************************/
	
#content .formulario {
	color: #000;

}

#content .formulario li{
	margin-top: 8px;
	text-align: justify;
}
	
/************************************************
*	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: 10px 0px 20px 10px;
	line-height: 20px;
	background: url(images/bg-rodape-menu-cat-l.png) no-repeat bottom center;
	}
	
#l_sidebar h2 {
	background: #FFFFFF url(images/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(images/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(images/arrow-li.png) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	
	}
	
#l_sidebar .children .cat-item{
	background: url(images/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(images/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(images/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(images/arrow-li-li.png) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
#r_sidebar ul li ul li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #18c0fe url(images/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;
	}
	
.dados-footer {padding:25px 0 0 240px;}

/************************************************
*	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(images/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(images/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-weight: 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-gratis {
	float: left;
	width: 340px;
	color: #535353;
	list-style: none;
	
}
.anuncio-gratis .dados-gratis li {
	display:block;
	
}

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

.anuncio-plus 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-plus .logo {
	float: left;
	width: 150px;
	
}
.anuncio-plus .dados-plus {
	float: left;
	width: 340px;
	min-height: 160px;
	color: #666;
	
}
.anuncio-plus .galeria-p1
{
	border-top: 1px solid #ccc;
	color: #666;
	
}

/************************************************
*	Anuncio Pago Premium									*
************************************************/
.anuncio-premium{
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
}

.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-premium {
	width: 500px;
	min-height: 160px;
	color: #666;
	
}
.anuncio-premium ul{
	margin:0 !important;
	padding:0 !important;
}
.anuncio-premium li{
	list-style-type: none;


}
.anuncio-premium .galeria-premium
{
	border-top: 1px solid #ccc;
	color: #666;
	
}

/************************************************
*	Novidades								*
************************************************/
.novidades{
}

.novidades h2 {
	color: #000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 3px 3px 0 3px;
	border-bottom: 1px solid #ccc;
}

.novidades a{
	color: #036!important;
}

.novidades a:hover{
	color: #18C0FE!important;
}

/************************************************
*	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;
}
.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;
}

.botoes-planos img{
	margin: 4px;
	
}

.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-principal {
	float:left;
	width: 500px;
}
.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/images/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/images/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;
}

/************************************************
*	css da pagina descontos		*
************************************************/

.todos-descontos {
	width: 90%;
	height: 400px;
}

.lista-desconto {
	float: left;
	width: 200px;
	margin: 10px;
	padding: 5px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	text-align: center;
	color: #535353;
}

.lista-desconto a{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
}

.lista-desconto p{
	color: #535353;
	font-size: 11px;
	text-decoration: none;
	margin: 0 !important;
	padding: 0 !important;
}

.lista-desconto a:hover{
	color: #06f;
	text-decoration: underline;
}

.logo-desconto img{
	width: 150px;
	height: 70px;
	margin: 5px;
	padding: 5px;
	background-color:#fff;
	border: 1px solid #ccc;
}


/* social media */
.social-media {clear:both;margin:0 0 20px 0; height:43px;}
.social-media li{float:left;margin:0 15px 0 0;}



/* box-simples 
.box-anuncio-simples {background:#dcdcdc;width:500px;font-size:11px; clear: both; height:100%;}
.box-anuncio-simples h2{background: url(images/bg-tit-simples.gif) no-repeat; height:18px; width:500px; font-size:14px; font-weight:bold; padding: 4px 0 0 13px; border:none; margin:0;}
.anuncio-simples {width:483px; height:138px; 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; height:140px;}
*/

.cat-tags {color:#535353; font-size:10px !important;width:100%;clear:both !important; height:100%; background: #fff; margin-bottom:20px;}
.cat-tags p{margin: 0 !important;}
.cat-tags br{height:5px!important;}

/* Novidades da home do guiarecreio */
.tit_novidades {width:480px;height:20px; background: url(images/bg_tit_novidades.png) no-repeat; padding:6px 0 0 15px; color:#fff; font-size:16px;}
.tit_novidades ul {margin: 0 5px;}
.sub-tit-novidades a{font-size:12px; color:#535353 !important; border-bottom:1px solid #ccc; margin:5px 0; padding: 5px 0; clear:both; width:100%; display:block;}

/* Banner da home do guiarecreio */
.ban-home-miolo { padding: 0 0 20px 0; margin: 0;}


/* acertos */
#content p {margin:0;padding:0; line-height:normal;}

.ngg-gallery-thumbnail img {margin:4px 0 4px 2px !important;}

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

/* anuncio plus */
#contentleft .txt-anuncio-plus {background-color:#dcdcdc;color:#036;}
#contentleft .anuncio-plus {width:500px; overflow:hidden;}
#contentleft .anuncio-plus span {display:block;margin-top:10px;}
#contentleft .anuncio-plus h2 {background: url(images/bg-tit-anuncio-plus.png) no-repeat; height:23px; font-size:14px; color:#fff; font-weight:bold; padding: 8px 0 0 13px;width:500px;}
#contentleft .atalhos-plus {width:459px;height:30px; overflow:hidden;margin-top:10px; background: url(images/bg-linha-plus.png) repeat-x top; padding:6px 0 0 10px; clear:left;}
#contentleft .atalhos-plus li{float:left;margin-right: 16px;}
#contentleft .atalhos-plus .ultima li{float:left; margin-right: 16px;}
#contentleft .foto-plus {width:492px; clear:both; overflow:hidden;margin-top:10px;}
#contentleft .foto-plus li{float:left;padding-right:10px;}
#contentleft .foto-plus .ultima li{padding-right:0;}
#contentleft .txt-anuncio-plus {border-bottom:solid 2px #19a6f7;border-left:solid 2px #19a6f7;border-right:solid 2px #19a6f7;width:468px;padding:14px; overflow:hidden;}
#contentleft .banner-plus {width:180px;height:185px;float:left;}
#contentleft .anuncio-plus-descricao {float:left; width:280px;}
#contentleft .anuncio-plus-descricao a:hover {color:#00162b;}

/* anuncio premium */
#contentleft .txt-anuncio-premium {background-color:#c3daeb;color:#036;}
#contentleft .anuncio-premium {width:500px; overflow:hidden;}
#contentleft .anuncio-premium span {display:block;margin-top:10px;}
#contentleft .anuncio-premium h2 {background: url(images/bg-tit-anuncio-premium.png) no-repeat !important; height:23px; font-size:14px; color:#fff; font-weight:bold; padding: 8px 0 0 13px;width:500px;}
#contentleft .atalhos-premium {width:459px;height:30px; overflow:hidden;margin-top:10px; background: url(_img/bg-linha-plus.png) repeat-x top; padding:6px 0 0 10px;}
#contentleft .atalhos-premium li{float:left;margin-right: 16px;}
#contentleft .atalhos-premium .ultima li{float:left; margin-right: 16px;}
#contentleft .foto-premium {width:492px; clear:both; overflow:hidden;margin-top:10px; margin:0 !important; padding:0 !important}
#contentleft .foto-premium li{float:left;padding-right:8px;}
#contentleft .foto-premium .ultima li{padding-right:0;}
#contentleft .txt-anuncio-premium {border-bottom:solid 2px #036;border-left:solid 2px #036;border-right:solid 2px #036;width:468px;padding:14px;}
#contentleft .banner-premium {border:solid 2px #036;width:496px;}


.txt-novidades {
	line-height: 20px!important;
	
}

.txt-novidades p{
	margin-bottom: 8px!important;
	
}