@charset "utf-8";

/*
Theme Name: Coopa
Author: Fábio Emerson | Ilustra Propaganda
Version: 1.0
*/


/*... RESET ...*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* { border: none; outline-color: transparent; outline-style: none }


/*... FONTE ...*/
@font-face {
    font-family: 'LucidaGrande';
    src: url('fonts/lucida_grande-webfont.eot');
    src: url('fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida_grande-webfont.woff') format('woff'),
         url('fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('fonts/lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


p { margin: 15px 0 }
a { color: #6C6C6C; text-decoration: none }
a:hover { text-decoration: underline }
html { background: #967652 url(img/bg_html.png) }
body { background: url(img/bg.jpg) no-repeat fixed center 0; font: 12px LucidaGrande, Arial, Helvetica, sans-serif; color: #6C6C6C }
#top { background: url(img/bg_top.png) repeat-x left bottom; margin-bottom: 30px }
#top #top_content { margin: auto; width: 990px; height: 90px }
#top #top_content #logo { float: left; margin: 0px 0 0 60px }


/*... MENU ...*/
#top #top_content #nav { float: right; white-space: nowrap; margin: 25px 50px 0 0 }
#top #top_content #nav li { float: left; margin-right: 20px }
#top #top_content #nav li a { line-height: 30px; height: 30px; color: #6C6C6C; text-decoration: none; padding-right: 10px; background: #FCFCFC url(img/bg_nav.png) no-repeat right 0; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px }
#top #top_content #nav li a:hover,
#top #top_content #nav li a.active { background-position: right -30px }
#top #top_content #nav li a span { width: 10px; height: 30px; display: block; background: #FCFCFC url(img/bg_nav.png) no-repeat; float: left }
#top #top_content #nav li a:hover span,
#top #top_content #nav li a.active span { background-position: 0 -30px }


/*... RODAPE ...*/
#footer { background: url(img/bg_footer.png) repeat-x; padding-top: 20px; color: #FFF; height: 354px; clear: both; margin-top: 100px }
#footer #footer_content { margin: auto; width: 990px; padding-top: 20px }
#footer #footer_content #logo_footer { margin-left: 30px; float: left }
#footer #footer_content a { color: #FFF; text-decoration: none }
#footer #footer_content .box_footer { float: left; width: 221px; margin-left: 35px; font-size: 11px }
#footer #footer_content .box_footer li { background: url(img/bg_box_footer.png) repeat-x bottom; padding: 8px 0  }
#footer #footer_content .box_footer li.tit { font-size: 20px }
#footer #footer_content .box_footer li a:hover { text-decoration: underline }


/*... FORMULARIO NEWSLETTER ...*/
#footer #footer_content .box_footer #f_newsletter { height: 36px; width: 222px; background: url(img/bg_f_newsletter.png) no-repeat }
#footer #footer_content .box_footer #f_newsletter .textfield { height: 28px; background: url(none); width: 130px; margin: 4px 0 4px 10px; font: 12px LucidaGrande, Arial, Helvetica, sans-serif; color: #FFF }
#footer #footer_content .box_footer #f_newsletter #f_newsletter_enviar { float: right; cursor: pointer; margin: 4px 4px 0 0 }


/*... MENU RODAPE ...*/
#footer #footer_content #nav_footer { clear: both; padding: 30px 0 50px; white-space: nowrap; margin: 30px 20px 0 0; float: left; *float: none; *margin-left: 454px }
#footer #footer_content #nav_footer li { float: left; margin-right: 20px }
#footer #footer_content #nav_footer li a { line-height: 29px; height: 29px; text-decoration: none; padding-right: 10px; background: url(img/bg_nav_footer.png) no-repeat right 0; display: block }
#footer #footer_content #nav_footer li a:hover,
#footer #footer_content #nav_footer li a.active { background-position: right -30px }
#footer #footer_content #nav_footer li a span { width: 10px; height: 30px; display: block; background: url(img/bg_nav_footer.png) no-repeat; float: left }
#footer #footer_content #nav_footer li a:hover span,
#footer #footer_content #nav_footer li a.active span { background-position: 0 -30px }
#footer #footer_content #copyright { clear: both; padding: 0 50px; font-size: 9px; *padding-top: 30px }
#footer #footer_content #copyright #ilustra { float: right }


/*... CONTEUDO ...*/
#main { margin: auto; width: 980px }


/*... SLIDES ...*/
#main #slider { background: url(img/bg_slide.png) no-repeat center 0; text-align: center; height: 395px; padding-top: 7px }
#main #slider #slides  { height: 340px; overflow: hidden }
#main #slider #nav_slides { background: url(img/bg_nav_slider.png) no-repeat center 0; height: 38px; margin-top: -19px; position: absolute; width: 980px; padding-top: 10px; *position: static }
#main #slider #nav_slides ul { margin-left: 390px; width: 200px; *margin-left: 0; display: none }
#main #slider #nav_slides ul li { float: left }
#main #slider #nav_slides ul a { height: 16px; width: 16px; background: url(img/bg_nav_slides.png); display: block; margin-left: 5px }
#main #slider #nav_slides ul a.active { background-position: 0 -16px }


/*... BREADCRUMB ...*/
#main #breadcrumb { line-height: 30px; color: #2A1C10; height: 30px; font-size: 10px }
#main #breadcrumb a { color: #2A1C10 }


/*... CONTEUDO ...*/
#main #content { background: #EDE9DC; width: 600px; padding: 15px 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; border-bottom: 2px solid #000; border-left: 2px solid #FFF }
#main #content .post { border-bottom: 1px solid #C4C3BA; margin: 25px 0; padding: 25px 0 }
#main #content .post:first-child { padding-top: 0 }
#main #content .post:last-child { border-bottom: none }
/*#main #content .post:first-child { padding-top: 0; _padding-top: expression(this.previousSibling == null ? '0': '50px') }*/
#main #content .post .info_post { font-size: 20px; min-height: 44px; margin-bottom: 15px }
#main #content .post .info_post h1 { font-weight: normal }
#main #content .post .info_post .data_post { background: url(img/bg_data.png); text-align: center; margin: 0 15px 15px 0; float: left; height: 44px; width: 44px; color: #EDE9DC }
#main #content .post .info_post .data_post .dia { line-height: 26px; height: 26px; font-size: 15px }
#main #content .post .info_post .data_post .mes { font-size: 11px; line-height: 18px; height: 18px }
#main #content .post .info_post .data { font-size: 11px; margin-left: 60px; color: #B9B6AC; line-height: 26px; height: 26px }


/*... NAVEGACAO POSTS ...*/
#main #content #nav_posts { margin: 0 -15px; line-height: 36px; background: url(img/bg_nav_posts.png) no-repeat center top; height: 36px; text-align: center; font-size: 11px; width: 198px; margin-left: 201px }
#main #content #nav_posts li { width: 50%; float: left; list-style: none; }
#main #content #nav_posts a { color: #FFF; margin: 0 15px; text-decoration: none }
#main #content #nav_posts a:hover { text-decoration: underline }


/*... SIDEBAR ...*/
#main #sidebar { background: url(img/bg_sidebar.png); float: right; width: 292px; padding: 10px; color: #EDE9DC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px 0 100px; font-size: 11px; }
#main #sidebar h2 { font-size: 16px; color: #ffe918; border-bottom: 1px solid #CAB383; margin-bottom: 15px; font-weight: normal }
#main #sidebar ul li { list-style: disc; margin-left: 20px }
#main #sidebar a { color: #EDE9DC; text-decoration: none }
#main #sidebar a:hover { text-decoration: underline }
#main #sidebar #f_pesquisa { margin: -25px 0 0 6px }
#main #sidebar #f_pesquisa #s { line-height: 24px; background: url(img/bg_pesquisa.png) no-repeat; padding: 5px 10px 5px 39px; height: 24px; width: 230px; font-family: LucidaGrande, Arial, Helvetica, sans-serif; font-size: 12px; color: #005028 }
#main #sidebar #redes_sociais { height: 29px; line-height: 29px; margin: 0 15px; color: #005028; font-size: 11px; padding-top: 25px }
#main #sidebar #redes_sociais a { display: block; height: 29px; width: 29px; margin-left: 10px; background: url(img/bg_redes_sociais.png) no-repeat; float: right }
#main #sidebar #redes_sociais #link_facebook { background-position: -29px 0 }
#main #sidebar #redes_sociais #link_twitter { background-position: -58px 0 }
#main #sidebar #redes_sociais #link_youtube { background-position: -87px 0 }
#main #sidebar .sidebar { margin: 25px 0 }