@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "960.css";

* {margin:0; padding:0;}
html, body {background:#f7f7f7 url(../images/bg-topo.jpg) repeat-x top; font:12px Arial, Helvetica, sans-serif; color:#1a335f;}

a img {border: 0;}
a {text-decoration:none; cursor:pointer; color:#b11116;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

div.clear,html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}
div.spacer {margin:10px 0; background:none; border:0; clear:both; display:block; float:none; overflow:hidden; visibility:hidden;}

p {line-height:160%; margin-bottom:15px; margin-top: 15px;}
h1 img {margin-bottom:20px;}
h1, h2, h3, h4 {color:#b52025; line-height:140%; font-family:Georgia, "Times New Roman", Times, serif;margin: 0px 0 10px 0; }
h1.rodape {margin: 0;}

ul li {list-style: disc; list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em;}
ol li {list-style: decimal; list-style-position: inside; margin: 10px auto;}
ol ul li {list-style: disc; list-style-position:inside; margin: 10px auto 10px 10px}

/* linha horizontal */
.linha_h{border-top:#b11116 solid 1px; height:0; margin: 10px 0;}

/*CONTEÚDO*/

/*
	topo grande
	a.logo {text-indent: -9999px; height: 130px; width: 561px; display: block; background:url(../images/logo-moreira-franco.gif) no-repeat 0 38px;}
	#header-bg {background:url(../images/bg-header.jpg) center repeat-x; height:304px;}
		#header {height:304px;}
		#header #moreira-franco {background:url(../images/header-moreira-franco.png) no-repeat; width:458px; height:411px; position:absolute; margin:-115px 0 0 520px; text-indent:-9999px;}
		
*/
	a.logo {text-indent: -9999px; height:82px; width: 561px; display: block; background:url(../images/logo-moreira-franco.gif) no-repeat 0 20px; outline:none}
	#header-bg {background:url(../images/bg-header.jpg) center repeat-x; height:234px;}
		#header {height:234px; }
		#header #moreira-franco {background: url(../images/header-moreira-franco.png) no-repeat; width:284px; height:288px; position:absolute; margin:-63px 0 0 520px; text-indent:-9999px;}
		#header #chamada {position:absolute; margin:110px 0 0 60px; font-size:18px; font-weight:bold; font-style:italic; background:url(../images/frase-chamada.png); color:#4c4753; text-indent:-9999px; width:612px; height:88px;}

	.redes-sociais a {outline:none;}
	.redes-sociais li {float:left; margin:0 0 30px 4px; list-style:none;text-indent: 0; padding:0}	
		.redes-sociais a {display:block; height:38px; width:38px; text-indent:-9999px;}
		.redes-sociais a.btn-orkut {background:url(../images/ico_orkut.png) no-repeat;}
		.redes-sociais a.btn-delicious {background:url(../images/ico_delicious.png) no-repeat;}
		.redes-sociais a.btn-facebook {background:url(../images/ico_facebook.png) no-repeat;}
		.redes-sociais a.btn-flickr {background:url(../images/ico_flickr.png) no-repeat;}
		.redes-sociais a.btn-youtube {background:url(../images/ico_youtube.png) no-repeat;}
		.redes-sociais a.btn-linkedin {background:url(../images/ico_linkedin.png) no-repeat;}
		.redes-sociais a.btn-google {background:url(../images/ico_google.png) no-repeat;}
		.redes-sociais a.btn-twitter {background:url(../images/ico_twitter.png) no-repeat;}
		.redes-sociais a.btn-mypodcast {background:url(../images/ico-mypodcast.png) no-repeat;}
		
	#blog dl {width:550px; border-bottom:#b52025 solid 1px; padding:10px 0; clear:both;}
	#blog h1 { margin-bottom:-20px;}
		#blog dt {position:relative; left:0; top:18px; font-size:10px; border-right: 1px solid #9b9252; width:60px;}
		#blog dd {margin:0 0 0 80px; padding: 0; line-height:160%;}
		#blog dd strong {color:#b52025; font-family:Georgia, "Times New Roman", Times, serif;}
		.link {color:#b52025;}
	
	#twitter {margin:40px 0 0 0;}
		#twitter .preloader {background:url(../images/loader.gif) no-repeat; padding-left: 20px;}
		#twitter #twitter-slider dl {width:550px; padding:0;}
		#twitter #twitter-slider dt {width:50px;}
		#twitter #twitter-slider dd {position: relative; top:-50px; margin: 0 0 0 65px; padding:0; text-indent: 0; line-height:160%;}
		#twitter #twitter-slider dd strong {color:#b6b6b6; font-weight:normal;}
	
	#podcast h3 { font-size:16px; margin-bottom:5px;} 
	
	.btn-cadastre-se {background:url(../images/btn-cadastrese.gif) no-repeat; width:340px; height:48px; display:block; text-indent:-9999px; margin-top:50px;}
	.btn-comente {background:url(../images/ico-comente.gif) no-repeat; padding-left:25px;}
	.veja-mais {border-top:#b11116 solid 1px; color:#b11116; padding:5px 0; text-align:right;}	
	.link-voltar { color:#b11116; font-size:18px; margin-top: 15px; display:block}
	
	.box-comentarios {border:#b11116 solid 1px; padding:10px; margin-bottom:10px;}
	.boxPost {border-bottom:#b11116 solid 1px; margin:30px 0; margin-top:30px; padding-bottom:15px;}
	
	span.breadcrumb { font-size: 14px; font-weight: bold; color: #18325e; margin: 0px 0px 20px 0px; display:block }
	span.breadcrumb a {color: #18325e}
	
/*MENU*/

	#menu-bg {background:#18325e; height:42px; color:#daebe9; font-size:14px; margin:1px 0 25px 0;}
	
	#menu {height:42px; padding:0;}
		#menu li {float:left; padding:0; margin:0; list-style:none;text-indent: 0; padding:0}
		#menu li a {display:block; height:42px; text-indent:-9999px; background:url(../images/btn-menu.gif) no-repeat;}
		
		#menu a.btn-1 {width:166px;outline:none}
		#menu a.btn-2 {width:170px; background-position:-166px 0; outline:none}
		#menu a.btn-3 {width:166px; background-position:-336px 0; outline:none}
		#menu a.btn-4 {width:127px; background-position:-502px 0; outline:none}
		#menu a.btn-5 {width:144px; background-position:-629px 0; outline:none}
		#menu a.btn-6 {width:93px; background-position:-773px 0; outline:none}
		#menu a.btn-7 {width:72px; background-position:-866px 0; outline:none}
		
			#menu li ul {background:#18325e; display:none; position:absolute; z-index:2; margin:0; padding:0; min-width:170px;text-indent: 0; }
			#menu li:hover ul, #menu .ie6hover ul {display:block;}
			#menu li ul li {float:none; border-bottom:#f4f4f4 solid 1px; background:none;text-indent: 0; padding:0}
			#menu li ul li a {background:none; color:#fff; text-indent:0px; height:auto; padding:8px; font-weight:normal; line-height:15px;}
			#menu li ul li a:hover {background:#234a8b; text-decoration:none;}

		
/*GALERIA DE FOTOS HOME*/

	.hidden {display: none;}
	#wrap {padding-left:25px;}
	#slides img {margin:0 2px;}
	#prevNext {margin-bottom:0;}
	#prevNext img {position:absolute; z-index: 2; cursor:pointer;}
	#prevNext .jFlowPrev {margin-left:-25px;}
	#prevNext .jFlowNext {margin-left:290px;}

	#g-flickr {width: 320px;}
	.p-flickr {float:left; margin:1px;}
	
/*SHOW-HIDE*/
		


    #show_hide h2.trigger {padding:0 0 0 45px; margin-bottom:10px; background: url(../images/tab-show-hide.gif) no-repeat; height:60px; width:423px; float: left;}    
	#show_hide h2.trigger a {text-decoration: none; display:block; font-size:12px; padding-top:12px; color:#500000; outline:none; line-height:160%} 
    #show_hide h2.trigger a span {font-size: 11px; font-weight: normal;}
    #show_hide h2.trigger a:hover {color: #b30209;}
    #show_hide h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
    #show_hide .toggle_container {margin:0 0 15px 0; padding:0; border:none; background: #f7f7f7; overflow: hidden; clear:both; width:468px;}
    #show_hide .toggle_container .block {padding:0 10px;}    
    #show_hide .toggle_container .block p {padding: 5px 0; margin: 5px 0;}

/*GALERIA DA SEÇÃO COMUNICAÇÃO */

	#galeria { margin-bottom: 15px; padding:0; }
	
	.img-grande {width: 365px; height:245px; margin: 15px 0 0 0; background:#9C9} 
	.img-grande img {border: 2px solid #d4d4d4; }
	
	.legenda { width: 365px;} 
	
	.miniaturas {}
	.miniaturas img {border: 2px solid #d4d4d4; margin: 0 4px 0 0; float: left;}
	
	#galeria .paginador {width: 365px;}
	#galeria .paginador ul {margin: 0 auto; width: 150px; }
	#galeria .paginador ul li { border:1px solid #b11116; padding:1px 5px; margin: 0 5px 0 0; text-indent: 0;}
	#galeria .paginador ul li a { font-size: 12px; }

/*PAGINADOR*/
	
	.paginador {margin:20px 0;}	
		.paginador li {float:left; margin:0; list-style:none; padding:0 5px;text-indent: 0; }
		.paginador li a {display:block; color:#b11116; font-size:18px;}
		.paginador li a:hover {color:#b11116;}
		.paginador .pag-anterior {background:url(../images/seta-esquerda.gif) left no-repeat; padding-left:15px;}
		.paginador .pag-proximo {background:url(../images/seta-direita.gif) right no-repeat; padding-right:15px;}
		.paginador .pag-contador {margin-top:5px;}


/*RODAPÉ*/

	#rodape {background:#f4f4f4 url(../images/bg-rodape.gif) repeat-x; height:150px; color:#daebe9; font-size:14px; margin-top:30px;}
	
		#rodape #menu-footer li {float:left; padding:0; margin:12px 0 0 0; list-style:none;text-indent: 0; }
		#rodape #menu-footer li a {display:block; height:13px; text-indent:-9999px; background:url(../images/btn-menu-rodape.gif) no-repeat;}
			
			#rodape #menu-footer a.btn-1 {width:110px; outline:none}
			#rodape #menu-footer a.btn-2 {width:103px; background-position:-110px 0; outline:none}
			#rodape #menu-footer a.btn-3 {width:98px; background-position:-213px 0; outline:none}
			#rodape #menu-footer a.btn-4 {width:71px; background-position:-311px 0; outline:none}
			#rodape #menu-footer a.btn-5 {width:79px; background-position:-382px 0; outline:none}
			#rodape #menu-footer a.btn-6 {width:46px; background-position:-461px 0; outline:none}
			#rodape #menu-footer a.btn-7 {width:42px; background-position:-507px 0; outline:none}
			
			#rodape #creditos {margin-top:45px; text-align:right; color:#a38b71; font-size:10px; text-transform:uppercase;}
			#rodape #creditos a {color:#a38b71; text-decoration:none;}
			#rodape #creditos a:hover {color:#a38b71; text-decoration:underline;}
			

/*FORMULÁRIO*/
	
	form li {list-style: none}
	
	/* video */		
	#formVideo {margin-top:35px; border: none;}
	#formVideo li {margin-bottom:10px;text-indent: 0; padding:0}
	#formVideo label {float:left; width:130px;}
	#formVideo input {padding:2px;}		
		a[href$='.doc'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.docx'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.pdf'] { padding:5px 20px 5px 0; background:url(../images/ico_pdf.png) no-repeat center right;}
		
	/* sugestões */		
	#formSugestoes {margin-top:35px; border: none;}
	#formSugestoes li {margin-bottom:10px;text-indent: 0; padding:0}
	#formSugestoes label {float:left; width:160px;}
	#formSugestoes input, #formSugestoes select, #formSugestoes textarea {padding:2px;}	
	#formSugestoes select { width: 160px; } 
		a[href$='.doc'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.docx'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.pdf'] { padding:5px 20px 5px 0; background:url(../images/ico_pdf.png) no-repeat center right;}
		p.alerta {color: #990000;}

	/* busca */
	#searchform {margin:10px 0 25px 20px;}
	fieldset.search {border:none; width:280px; height:38px; background:url(../images/bg-busca.gif) no-repeat;}
	.search input, .search button {border:none; float:left;}
	.search input.box {color:#000; font-size:10px; width:150px; height:15px; padding:0; background:#fff; margin:12px 10px 0 75px;}
	.search button.btn {width:38px; height:38px; cursor:pointer; text-indent:-9999px; background:none; outline:none}	
		#formBusca{margin:10px 0 25px 20px;}
			#formBusca fieldset.busca{border:none; width:280px; height:38px; background:url(../images/bg-busca.gif) no-repeat; padding:0; margin:0;}
			#formBusca .busca input, .busca button {border:none; float:left;}
			#formBusca .busca input.box {color:#000; font-size:10px; width:135px; height:15px; padding:0; margin:12px 0 0 75px; background:#fff;}
			#formBusca .busca button.btn {width:38px; height:38px; cursor:pointer; text-indent:-9999px; background:none; margin-left:25px; outline:none}


.blog-post {border-bottom:#500000 dotted 1px; margin:30px 0;}
.blog-post .titulo {margin:0; padding:0; font-size: 16px; font-weight:bold;}
.blog-form input, .blog-form textarea {width:445px; font:12px Arial, Helvetica, sans-serif; color:#500000; padding: 2px; margin-top: 2px; margin-bottom: 8px;}
.blog-sidebar {margin-left: 5px;}
.blog-coment {background:url(../images/ico-comente.gif) no-repeat; padding-left:25px;}
.blog-form .btn-coment {width: 90px; font-weight:bold;}