@import url('clear.css');

body { font: normal 12px/16px 'Open Sans', 'Roboto Condensed', Tahoma, Arial, 'Trebuchet Ms', sans-serif; }
a { color: #0000EE; text-decoration: none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img, picture, video, embed { max-width: 100%; }
a:link,
a:link * {
	-khtml-transition:	color 100ms ease-out;
	-moz-transition:	color 100ms ease-out;
	-ms-transition:		color 100ms ease-out;
	-o-transition:		color 100ms ease-out;
	-webkit-transition:	color 100ms ease-out;
	transition:			color 100ms ease-out;
}

::-moz-selection { background: #E70A75; color: #FFF; }
::selection { background: #E70A75; color: #FFF; }

@font-face
{
	font-family: 'Museo300';
	src: url('../fontes/museo300-regular.eot');
	src:url('../fontes/museo300-regular.eot?#iefix') format('embedded-opentype'),
	url('../fontes/museo300-regular.woff2') format('woff2'),
	url('../fontes/museo300-regular.woff') format('woff'),
	url('../fontes/museo300-regular.ttf') format('truetype'),
	url('../fontes/museo300-regular.svg#museo300') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear { clear: both; }
.hidden { display: none; }
.animed,
.animed a { -khtml-transition: all 200ms !important; -moz-transition: all 200ms !important; -ms-transition: all 200ms !important; -o-transition: all 200ms !important; -webkit-transition: all 200ms !important; transition: all 200ms !important; }
.bg-gradient-preto { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#cc000000',GradientType=0); }


/*
 * GERAL
 */
#geral { min-width: 1000px; }
.max-width { width: 1000px; min-width: 1000px; padding: 0; margin: 0 auto; }


/*
 * TOPO
 */
#topo { }

#topo .conteudo { overflow: hidden; background-image: url(../img/bg-bolhas-1.png); background-repeat: repeat; background-position: bottom center; background-color: #FF6600; }
#topo .conteudo h1.logo { width: 104px; height: 46px; margin: 50px auto 40px; }
#topo .conteudo h1.logo a { overflow: hidden; display: block; width: 104px; height: 46px; background: url(../img/logo-small.png) no-repeat; text-indent: -99999px; }

#topo .menu-geral { overflow: hidden; width: 100%; background: #FF4400; }

#topo .menu-geral .social { overflow: hidden; float: right; margin-top: 12px; }
#topo .menu-geral .social a { float: left; display: block; margin: 0 6px; }
#topo .menu-geral .social a:hover i { color: #FFF000; }
#topo .menu-geral .social a i { color: #FFF; font-size: 26px; }

#topo .menu-geral .mobile-botao-menu { display: none; float: left; margin: 20px 0 0 10px; }
#topo .menu-geral .mobile-botao-menu a { display: block; color: #FFF; font-size: 26px; }

#topo .menu-geral ul { float: left; max-width: 880px; }
#topo .menu-geral ul li { display: inline-block; text-transform: lowercase; }
#topo .menu-geral ul li a { display: block; padding: 14px; font: italic 16px/19px Museo300, Arial, 'Trebuchet Ms'; color: #FFF; }
#topo .menu-geral ul li a.ativo,
#topo .menu-geral ul li a:hover,
#topo .menu-geral ul li a:active { color: #FFF000; }



/*
 * BASE
 */
#base { background: url(../img/bg-bolhas-1.png) repeat center center #FF4400; }
#base .barra1 { overflow: hidden; padding: 40px 0; }
#base .barra2 { overflow: hidden; padding: 10px 0; background: #FF0000; }
#base .barra2 .copyright { color: #FFF000; }

#base .barra1 .logo { float: left; margin-right: 22px; }
#base .barra1 .logo img { height: 30px; }
#base .barra1 .menu { float: left; max-width: 586px; padding: 7px 0; text-transform: lowercase; }
#base .barra1 .menu a { display: inline-block; margin-right: 10px; color: #FFF; }
#base .barra1 .menu a.ativo,
#base .barra1 .menu a:hover { color: #FFF000; text-decoration: underline; }
#base .barra1 .pedrocaires { float: right; width: 136px; height: 25px; text-align: center; }
#base .barra1 .pedrocaires a { display: inline-block; width: 136px; height: 25px; background: url(../img/base-pedrocaires.png) no-repeat center center; }



/*
 * CONTEÚDO
 */
#conteudo { padding: 30px 0; }

#conteudo .espaco-00 { overflow: hidden; }
#conteudo .espaco-10 { margin-bottom: 10px !important; }
#conteudo .espaco-20 { margin-bottom: 20px !important; }
#conteudo .espaco-30 { margin-bottom: 30px !important; }
#conteudo .espaco-40 { margin-bottom: 40px !important; }
#conteudo .espaco-50 { margin-bottom: 50px !important; }

#conteudo .separador { margin-bottom: 30px; padding: 5px; background: url(../img/bg-pontilhado.gif) #F2F2F2; }
#conteudo .separador.separador-titulo { margin-bottom: 20px !important; }

#conteudo h2.titulo-padrao { overflow: hidden; margin-bottom: 20px; font: 38px/42px Museo300, Arial, 'Trebuchet Ms'; color: #FF4400; letter-spacing: -1px; text-transform: none; }
#conteudo h2.titulo-padrao a { display: inline-block; margin-left: 10px; color: #666; font: 20px/20px 'Roboto Condensed', Arial, 'Trebuchet Ms', sans-serif; vertical-align: middle; }
#conteudo h2.titulo-padrao a:hover { color: #000; }

#conteudo h2.titulo-padrao.boxall { overflow: inherit !important; }
#conteudo h2.titulo-padrao.boxall span { display: inline-block; margin-top: -2px; padding-top: 20px; border-top: 2px solid #FF4400; }

#conteudo h3.titulo-padrao { overflow: hidden; margin-bottom: 15px; font: 24px/28px Museo300, Arial, 'Trebuchet Ms'; color: #666; letter-spacing: -1px; text-transform: none; }
#conteudo h3.titulo-padrao a { display: inline-block; margin-left: 6px; color: #666; font: 10px 'Roboto Condensed', Arial, 'Trebuchet Ms', sans-serif; vertical-align: middle; text-transform: uppercase; }
#conteudo h3.titulo-padrao a:hover { color: #000; }

#conteudo h6.titulo-padrao { overflow: hidden; margin-bottom: 20px; font: 14px/16px Museo300, Arial, 'Trebuchet Ms'; color: #666; text-transform: none; }
#conteudo h6.titulo-padrao a { color: #666; }
#conteudo h6.titulo-padrao a:hover { text-decoration: underline; }

#conteudo .texto-padrao { font-size: 16px; line-height: 26px; color: #666; }
#conteudo .texto-padrao h2,
#conteudo .texto-padrao p { margin-bottom: 20px; text-align: justify; }
#conteudo .texto-padrao p:last-child { margin-bottom: 0 !important; }
#conteudo .texto-padrao ul { list-style: initial !important; margin-bottom: 20px; }
#conteudo .texto-padrao ul li { margin-left: 20px; margin-bottom: 6px; }
#conteudo .texto-padrao hr { display: block; height: 1px; margin-bottom: 20px; background: url(../img/border1.gif) repeat-x; border: none; }

#conteudo .texto-padrao iframe,
#conteudo .texto-padrao object,
#conteudo .texto-padrao embed { max-width: 100% !important; }

#conteudo .texto-padrao img { max-width: 100%; }
#conteudo .texto-padrao h1,
#conteudo .texto-padrao h2,
#conteudo .texto-padrao h3,
#conteudo .texto-padrao h4,
#conteudo .texto-padrao h5,
#conteudo .texto-padrao h6,
#conteudo .texto-padrao address,
#conteudo .texto-padrao blockquote,
#conteudo .texto-padrao dd,
#conteudo .texto-padrao div,
#conteudo .texto-padrao dl,
#conteudo .texto-padrao dt,
#conteudo .texto-padrao fieldset,
#conteudo .texto-padrao iframe,
#conteudo .texto-padrao frame,
#conteudo .texto-padrao frameset,
#conteudo .texto-padrao ol,
#conteudo .texto-padrao p,
#conteudo .texto-padrao ul,
#conteudo .texto-padrao center,
#conteudo .texto-padrao dir,
#conteudo .texto-padrao hr,
#conteudo .texto-padrao pre			{ display: block; unicode-bidi: embed; }
#conteudo .texto-padrao hr			{ margin-bottom: 20px; }
#conteudo .texto-padrao li			{ display: list-item }
#conteudo .texto-padrao table			{ display: table; border: solid 1px; margin-bottom: 24px }
#conteudo .texto-padrao tr			{ display: table-row; border: solid 1px; }
#conteudo .texto-padrao thead		{ display: table-header-group }
#conteudo .texto-padrao tbody		{ display: table-row-group }
#conteudo .texto-padrao tfoot			{ display: table-footer-group }
#conteudo .texto-padrao col			{ display: table-column }
#conteudo .texto-padrao colgroup		{ display: table-column-group }
#conteudo .texto-padrao td,
#conteudo .texto-padrao th			{ display: table-cell; border: solid 1px; }
#conteudo .texto-padrao caption		{ display: table-caption }
#conteudo .texto-padrao th			{ font-weight: bolder; text-align: center }
#conteudo .texto-padrao caption		{ text-align: center }
#conteudo .texto-padrao h1			{ margin-bottom: 10px }
#conteudo .texto-padrao h2			{ margin-bottom: 12px }
#conteudo .texto-padrao h3			{ margin-bottom: 13px }
#conteudo .texto-padrao h4,
#conteudo .texto-padrao p,
#conteudo .texto-padrao blockquote,
#conteudo .texto-padrao ul,
#conteudo .texto-padrao ol,
#conteudo .texto-padrao dl,
#conteudo .texto-padrao h5			{ margin-bottom: 24px }
#conteudo .texto-padrao h6			{ margin-bottom: 26px }
#conteudo .texto-padrao h1,
#conteudo .texto-padrao h2,
#conteudo .texto-padrao h3,
#conteudo .texto-padrao h4,
#conteudo .texto-padrao h5,
#conteudo .texto-padrao h6,
#conteudo .texto-padrao b,
#conteudo .texto-padrao strong		{ font-weight: bolder }
#conteudo .texto-padrao blockquote	{ margin-left: 40px; margin-right: 40px }
#conteudo .texto-padrao address		{ font-style: italic }
#conteudo .texto-padrao pre,
#conteudo .texto-padrao tt,
#conteudo .texto-padrao code			{ font-family: monospace }
#conteudo .texto-padrao pre			{ white-space: pre }
#conteudo .texto-padrao big			{ }
#conteudo .texto-padrao small,
#conteudo .texto-padrao sub,
#conteudo .texto-padrao sup			{ }
#conteudo .texto-padrao sub			{ vertical-align: sub }
#conteudo .texto-padrao sup			{ vertical-align: super }
#conteudo .texto-padrao thead,
#conteudo .texto-padrao tbody		{ vertical-align: middle }
#conteudo .texto-padrao td,
#conteudo .texto-padrao th,
#conteudo .texto-padrao tr			{ vertical-align: inherit }
#conteudo .texto-padrao s,
#conteudo .texto-padrao strike 		{ text-decoration: line-through }
#conteudo .texto-padrao ol,
#conteudo .texto-padrao ul,
#conteudo .texto-padrao dd			{ list-style-type: initial; margin-left: 40px }
#conteudo .texto-padrao ol			{ list-style-type: decimal }
#conteudo .texto-padrao ol ul,
#conteudo .texto-padrao ul ol,
#conteudo .texto-padrao ul ul,
#conteudo .texto-padrao ol ol			{ margin-top: 0; margin-bottom: 0; }
#conteudo .texto-padrao u			{ text-decoration: underline }

#conteudo .tags-padrao { overflow: hidden; margin-bottom: 20px; }
#conteudo .tags-padrao a { float: left; display: block; margin: 0 10px 10px 0; padding: 8px 10px; border: solid 1px #DDD; }
#conteudo .tags-padrao a:hover { background: #EEE; }

#conteudo .form-busca { float: right; margin: 0; padding: 0; background: #EEE; -moz-border-radius: 2px; border-radius: 2px; }
#conteudo .form-busca,
#conteudo .form-busca form { overflow: hidden; width: 290px; }
#conteudo .form-busca form { display: block; padding: 5px; background: #EEE; }
#conteudo .form-busca form input { display: inline-block; vertical-align: middle; }
#conteudo .form-busca .texto { float: left; width: 253px; height: 26px; padding: 0 5px; color: #666; font-size: 14px; font-family: inherit; background: none; border: none; }
#conteudo .form-busca .submit { float: right; width: 26px; height: 26px; color: #AAA; font-size: 16px; border: none; background-color: transparent; cursor: pointer; opacity: 0.6; }
#conteudo .form-busca .submit:hover { opacity: 1; }


/*
 * PÁGINAÇÃO
 */
.paginacao-internas { padding: 10px; background: #F2F2F2; text-align: center; border-radius: 2px; -moz-border-radius: 2px; }
.paginacao-internas li { display: inline-block; margin: 0 1px; font-size: 14px; }
.paginacao-internas li a,
.paginacao-internas li span { display: block; padding: 4px 9px; color: #666; -moz-border-radius: 2px; border-radius: 2px; }
.paginacao-internas li a:hover { color: #000; }
.paginacao-internas li.atual span { background: #951955; font-weight: bold; color: #FFF; }
.paginacao-internas li.ultima a,
.paginacao-internas li.primeira a { color: #888; }
.paginacao-internas li.ultima a:hover,
.paginacao-internas li.primeira a:hover { color: #666; }
.paginacao-internas li.ultima a:before,
.paginacao-internas li.primeira a:after { content: "..."; }
.paginacao-internas li.anterior a,
.paginacao-internas li.proxima a { color: #888; }
.paginacao-internas li.anterior a:hover,
.paginacao-internas li.proxima a:hover { color: #000; text-decoration: underline; }



/*
 * OUTROS
 */
.fb-comments,
.fb-comments iframe span[style],
.fb-comments iframe[style],
.fb-comments span { width: 100% !important; box-sizing: border-box !important; }


.a2a_kit { overflow: hidden !important; background: #000 !important; }
.a2a_kit a:hover { opacity: .8 !important; }
.a2a_default_style .a2a_img,
.a2a_default_style .a2a_dd,
.a2a_default_style .a2a_svg { float: left !important; width: 100% !important; padding: 0px !important; background-position: center center !important; background-repeat: no-repeat !important; text-align: center !important; }
.a2a_button_facebook { float: left; width: 25%; padding: 6px 0px !important; background-color: #3B5998; }
.a2a_button_twitter { float: left; width: 25%; padding: 6px 0px !important; background-color: #55ACEE; }
.a2a_button_google_plus { float: left; width: 25%; padding: 6px 0px !important; background-color: #DC4A38; }
.a2a_button_whatsapp { float: left; width: 25%; padding: 6px 0px !important; background-color: #12AF0A; }
.a2a_default_style a:hover .a2a_img,
.a2a_default_style a:hover .a2a_svg,
.a2a_floating_style a:hover .a2a_img,
.a2a_floating_style a:hover .a2a_svg
{
	opacity: 1 !important;
}



/*
	960px – Tablets no formato paisagem e alguns monitores mais antigos
*/
@media (min-width: 960px)
{
	#topo .menu-geral ul { display: block !important; }
}

@media (max-width: 960px)
{

	#topo .barra .menu { display: none; }
	#topo .menu-geral .social { margin-top: 0 !important; padding: 20px 0 !important; }
	#topo .menu-geral .mobile-botao-menu { display: block !important; margin: 0 !important; }
	#topo .menu-geral .mobile-botao-menu { padding: 20px 0 !important; }
	#topo .menu-geral { background: none !important; }
	#topo .menu-geral ul { display: none; float: none !important; width: 100% !important; max-width: 100% !important; padding: 0 0 20px !important; clear: both; }
	#topo .menu-geral ul li { display: block !important; }
}

@media (min-width: 960px) and (max-width: 1079px)
{
	/*.max-width { background: orange; }*/
	#geral { min-width: 900px; }
	.max-width { width: 900px; min-width: 900px; }
}

/*
	768px – Tablets no formato retrato, como o iPad
*/
@media (min-width: 768px) and (max-width: 959px)
{
	/*.max-width { background: red; }*/
	#geral { min-width: 708px; }
	.max-width { width: 708px; min-width: 708px; }

	#base div.menu { max-width: 394px; }
}

@media (max-width: 767px)
{
	#topo .conteudo h1.logo { margin-top: 30px !important; margin-bottom: 0 !important; }
	#topo .conteudo h1.logo a { overflow: hidden; display: inline-block; }

	#conteudo .form-busca { clear: both; margin-bottom: 20px; }
	#conteudo .form-busca,
	#conteudo .form-busca form { overflow: hidden; width: 100%; }
	#conteudo .form-busca .texto { width: 90%; }
	#conteudo .form-busca .submit { width: 26px; }

	#base .barra1 { padding-bottom: 20px; }
	#base .logo { float: none !important; margin-right: 0 !important; margin-bottom: 20px; text-align: center; }
	#base .pedrocaires { float: none !important; width: 100% !important; margin-bottom: 10px; text-align: center; }
	#base div.menu { float: none !important; text-align: center; }
	#base .copyright { text-align: center; }
}

/*
	560px – Smartphones no formato paisagem com tela pequena
*/
@media (min-width: 480px) and (max-width: 767px)
{
	/*.max-width { background: yellow; }*/
	#geral { min-width: 440px; }
	.max-width { width: 440px; min-width: 440px; }
}

/*
	480px – Smartphones no formato paisagem com tela pequena
*/

@media screen and (max-width: 479px)
{
	/*.max-width { background: green; }*/
	#geral { min-width: 300px; }
	.max-width { width: 300px; min-width: 300px; }
}

/*
	320px – Smartphones no formato retrato com tela pequena
*/
@media screen and (max-width: 320px)
{
	/*.max-width { background: gray; }*/
}