/*
	<div id='social'>
		<ul>
			<li>Compartilhar: </li>
			<li><a href='http://www.facebook.com/buscapopular'><img src='imgs/facebook.ico' /></a></li>
			<li><a href='http://www.twitter.com/buscapopular'><img src='imgs/twitter.ico' /></a></li>
			<li><a href='#'><img src='imgs/email.ico' /></a><li>
		</ul>
	</div>
*/

/* Typography
--------------------------------------------------------- */
body,input{
	font-family: Ubuntu,"Segoe UI", "Lucida Grande", Arial, sans-serif;
	font-size:11px;
	line-height:20px;
	}

input{font-size: 12px;}
/* Site Styles
--------------------------------------------------------- */
html{
	background:#fff;
	}


/* EXTRAS */
#social{background: #eee; position:fixed; bottom:0; right: 0; padding: 3px 2px 3px 6px; float: left;}
	#social li{display: inline;}
	#social img{float: left; margin: 2px 5px 0 0;}
	#social a, #social li{color: #666; font-size: 12px; font-weight: bold; text-decoration: none; float: left; margin: 0 5px 0 0}
	#social a:hover{text-decoration: underline}

/* HOME PAGE
 * ------------------------------------------------------------------ */

#main{position: absolute; top:17%; left:50%; margin-left: -300px; width: 600px;}
	#logo{width: 500px; height: 199px; background: url("../imgs/logo.png") #fff no-repeat; margin: 0 auto; border: none;}
		#logo a{width: 500px; height: 200px; border: none; background: #fff;}
		#logo img{width: 500px; height: 200px; border: none; background: #fff;}
		#logo h1{display: none;}
		
	#search{margin: 0 auto; width: 100%; text-align: center;}
		#cse-search-box{margin: 20px auto 10px auto; width: 600px; float: left;}
			#search_text{padding: 1px 0 0 4px; height: 19px; background: #fff; border: 1px solid #ccc; width: 564px; border-radius: 2px; box-shadow: 0 0 10px #ddd; float: left; color:#555; }
				#search_text:hover{box-shadow: 0 0 10px #ccc;}
			#search_submit{background: #fff; width: 24px; height: 24px; border: none; background: url("../imgs/search_btn.png") #fff no-repeat; margin: 0 0 0 6px; float: left;}
		
	#options{text-align: center; font-size: 13px; width: 100%; margin: 15px auto 40px auto; float: left}
		#options li{display: inline; margin: 0 25px 0 0; font-weight: bold;}
		#options a{color: #666; text-decoration: none;}
			#options a:hover{text-decoration: underline;}
		#opt_legacy_add a{color: #999;}
			
	#adsense{margin: 10px auto; text-align: center; width: 480px; height: 80px; }
	
	#cse-search-results{width: 800px; text-align: center; margin: 0 auto; float: left;}
	
/* RESULT PAGE
 * ------------------------------------------------------------------ */
 
#header_results{width: 800px; margin: 0 auto;}
	#logo_results{background: url("../imgs/logo.png") #fff no-repeat; margin: 0 auto; float: left;}
		#logo_results h1{display: none;}
		
	#search_results{float: left; width: 710px;}
		#cse-search-box_results{margin: 8px 0 0 10px; float: left;}
			#search_text_results{padding: 1px 0 0 4px; height: 19px; background: #fff; border: 1px solid #ccc; width: 664px; border-radius: 2px; box-shadow: 0 0 10px #ddd; float: left; color:#555; }
				#search_text_results:hover{box-shadow: 0 0 10px #ccc;}
			#search_submit_results{background: #fff; width: 24px; height: 24px; border: none; background: url("../imgs/search_btn.png") #fff no-repeat; margin: 0 0 0 6px; float: left;}
		
	#options_results{text-align: center; font-size: 11px; width: 100%; margin: 0 auto 20px auto; float: left}
		#options_results li{display: inline; margin: 0 30px 0 0; font-weight: bold;}
		#options_results a{color: #666; text-decoration: none;}
			#options_results a:hover{text-decoration: underline;}
	
#main_results{width: 800px; margin: 0 auto;}	
	#cse-search-results_results{width: 800px; text-align: center; margin: 0 auto; float: left;}

/* NEWS PAGE
 * ------------------------------------------------------------------ */
#adsense{text-align: center; margin: 0 auto 30px auto; width: 728px;}
#adsense_home{float:left; text-align: center; margin: 0 auto 0 auto; width: 605px; height: 60px}
#main_noticias{width:960px; margin: 0 auto; clear: both}
	#main_noticias h3{font-size: 26px; text-align: center; color: #555; clear: both; margin: 0 0 60px 0; font-weight: normal; text-shadow: 0 0 10px #ddd; width: 100%; padding: 10px 0 10px 0; background: #f5f5f5; box-shadow: 1px 1px 3px #ccc;}
	#sidebar_noticias{width:100px; border-right: 1px dotted #ddd; float: left; position: fixed;}
		#sidebar_noticias a{font-weight: bold; font-size: 14px; color: #56863D; text-decoration: none; padding: 5px;}
		#sidebar_noticias a:hover{color: #fff; background: #C5D5BC;}
		#sidebar_noticias li{padding-bottom: 12px;}
	#content_noticias{width: 840px; margin: 0 0 0 10px; float: right}
		#content_noticias li{margin: 0 0 20px 0; padding: 10px; clear: both; height: 100%; float: left; width: 100%;}
		#content_noticias li:hover{background: #f5f5f5;}
		#content_noticias a{color: #3a3a3a; font-size: 18px; font-weight: bold; text-decoration: none; float: left;}
		#content_noticias a:hover{color: #000; text-decoration: underline;}
		#date{color:#777;}
		#content_noticias p{color: #333; font-size: 12px; font-weight: normal; text-align: justify; float: left; margin: 10px 0 0 0;}
		#content_noticias img{float: left; margin: 5px 10px 0 0}

/* CONTATO */
#hide_all{display: none; width: 100%; height: 100%; background: #000; position:absolute; opacity: 0.7}
#contato_{display: none; position:absolute; top:25%; left:50%; margin-left:-275px; margin-top:-100px; padding:25px 25px 0 25px; width:550px; height:550px; border:1px solid #333; background: #fff}
	#contato_ h1{font-size: 22px; margin: 0 auto; text-align: center;}
	#contato_ form{margin: 20px 0;}
	#contato_ label{float: left; width: 50px; margin: 0 0 22px 0; font-size: 13px; font-weight: bold;}
	#contato_ input{float: right; width: 490px; border: 1px solid #ccc; margin: 0 0 20px 0; font-family:"Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;}
	#contato_ textarea{float: right; width: 550px; height: 350px; border: 1px solid #ccc;}
	#contato_ #contato_send{width: 100px; margin: 0 auto; text-align:center; background: #000; color: #fff; margin: 15px 10px 0 32%; float: left; border: none; padding: 0 0 1px 0; border-radius: 35px; font-weight: bold}
	#contato_ #contato_close{width: 100px; margin: 0 auto; text-align:center; background: #000; color: #fff; margin: 15px 0 0 0; float: left; border: none; padding: 0 0 1px 0; border-radius: 35px; font-weight: bold}
	
#status_ajax{background: #C8DFB2; color: #333; font-size: 13px; text-align: center; width: 400px; width: 100%; height: 100%; display: none; float: left;}
#status_wrapper{background: #fff; margin: 20px auto; text-align: center; width: 400px; padding: 2px 5px 2px 5px; height: 20px;}