/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/*

v002
green:	#0f0
dark green: #030



*/

	@font-face{
		font-family: body_font;
		/*src: url('fonts/tititlium_body.otf');*/
		/*src: url('fonts/marie.otf');*/
		src: url('fonts/museo.otf');
	}

	body, html{ margin: 0; padding:0}

	body {
		color:#030;
		/*font-family: Helvetica, Arial, sans-serif;*/	
		font-family: body_font;
		font-size:13px;
		/*background:url('../img/bkgr.png');*/
		background:#fff;
		line-height: normal;
		color:#999
	}

	p{ margin-bottom: 10px }

	a, a:visited{ text-decoration: none; color:#0f0 }	
	
	input[type=text], input[type=password], textarea{ width:95% }
	
	#top-bar{ height:20px; width:100%; background:#030; position: fixed; top:0; z-index: 1000; }
	#top-bar #coords{ font-size: 10px; color:#0f0; width: 75px; float: right; padding-top: 5px; }
	#top-bar #pbs{ font-size: 10px; color:#0f0; width: 75px; float: left; padding: 5px 0 0 5px; }
	#ruler{  height:10px; width:100%; background:url(../img/ruler.png) top left; border-bottom:1px solid #000; margin-top: 20px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);}
	
	#first-row{ margin-top: 10px}
	
	/*.container{ margin-top:-150px;}*/	
	#header{ height:110px; margin-top: 30px; /*background: #ccc*/  }
	
	#header-logo{ float:left; width:30%; }	
	/*#hello-universe{ float: left; text-align: center; width:60%; background:#ccc }*/
	
	#menu{ margin:5px 0 0 10px; float:right; text-align:center; text-transform:uppercase; }
	#menu a{ width:100px; height: 30px; line-height: 30px; font-weight: bold; /*font-size:14px;*/ color:#030; padding:2px 10px 2px 10px; float:left; margin:2px; display: block; border: 1px solid; background: #030; color:#0f0; -moz-border-radius: 5px; border-radius: 5px; }
	#menu a:hover{ background: #fc0; display: block; border: 1px solid #030; -moz-border-radius: 5px; border-radius: 5px; color:#030 }
	#menu .selected{ background: #0f0; display: block; border: 1px solid #030; color:#030 }
	
	#sub-menu{ text-transform: uppercase; width:100%; -moz-border-radius: 5px; border-radius: 5px; }
	#sub-menu .second-level{ height:30px; /*width:100%;*/ line-height:30px; background:#030; float:left; width:99%; margin-bottom: 4px; color:#0f0; overflow: hidden; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #030 }
	#sub-menu .gradient{ background:url(../img/horizontal-gradient.png ) left repeat-y; width:100%; height: 100% }
	#sub-menu .gradient a{ /*width:100%; height:30px;*/ display: block; padding-left: 10px }
	#sub-menu .gradient a:hover{ background:url(../img/horizontal-gradient-hover.png ) repeat-y; color:#030;  height:100% }
	#sub-menu .third-level{ height:20px; line-height:20px; display:block; background:#030; font-weight: normal; float:right; width:95%; margin-bottom: 4px; font-size:10px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #030 }
	#sub-menu .selected{ background: url(../img/horizontal-gradient-selected.png ) repeat-y; display: block; color:#030; font-weight:bold }
		
	#home-video{ width:553px; height: 300px; background:#666; margin:0 auto; padding-left:0 }
	
	.center{ margin:0 auto }	
	
	.row{ margin-top: 20px;}
	
	/*home-destaques*/
	.thumb h1{ margin:0; padding:0}
	.thumb_wrap{ float:left; width:100%; display:block; height:100px; margin-bottom:20px; position: relative}
	.thumb{ width:99%; height:100px; position:absolute; overflow:hidden; background: #0f0; border: 1px solid #030; -moz-border-radius: 5px; border-radius: 5px; }
	.thumb .overlay{ background:url(../img/gradient.png); height:100px; width:100%; position:absolute; bottom: -35px; color:#fff; }
	.thumb .overlay .dica{ padding: 10px; color:#fff; height:50px; position:absolute; bottom:0px}
	.thumb .overlay .dica h1{ font-size:18px; color:#0f0; text-transform:uppercase }	
	
	/*image de X page*/
	.page-image{ padding:10px; border: 1px solid #ccc; text-align: center }
	.page-image a{ font-size: 12px; color:#999; }
	
	/* a div do centro do o texto principal*/
	.main-content{ /*background:#fc0;*/ padding:10px; border:1px solid #ccc; min-height: 300px; color:#030; line-height: 25px; }
	.main-content h1{ font-size: 24px; color:#030; background: #fc0; display: block; padding:5px; margin-bottom: 10px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #030 }

	.rounded{-moz-border-radius: 5px; border-radius: 5px;}

	#footer{ width: 100%; height: 300px; background:#030; margin-top: 100px }
	.footer-itens{ color: #0f0; }
	.footer-itens .fourcol{ padding:30px 0 0 10px; width:29%; /*background: #fc0*/ }
	
	
	.round_btn_form {
		-moz-border-radius: 5px;
		border-radius: 5px; /*border:1px solid #39f;*/
		height: 30px;
		line-height: 20px;
		width: 100px;
		background-color: #030;
		display: block;
		float: left;
		text-align: center;
		color: #0f0;	
	}
	
	.round_btn_form:hover{ background: #fc0; color:#030}
	
	.small{ font-size: 11px; color:#9dff9d }
	
	.pagination{ border:1px solid #ccc; width:45%; height:100px; padding: 4px; font-size: 12px }
	.pagination a{ display: block; height:100px; width: 100%; }
	.pagination.next{ float:right; text-align: right }
	.pagination.previous{ float:left }
	.pagination .tip{ background-color:rgba(0,51,0,0.8); padding: 2px; }

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	#header{ background:#fff; height:0  }
		
	#header-logo{ text-align: center; width:100% /*float:left; width:15%; */}
	#header-logo img{  width:40% }

	#menu a{ font-weight: normal; /*color:#030;*/ font-size:10px; padding:1px 3px 1px 3px; }

	#home-video{ max-width: 100%; background:#666; margin:0 auto; padding-left:0; display:none }
		/*PBS*/
	/*#header{ min-height: 10% }	
	.container{ margin-top:-50px;}
	#header-logo{ width: 15% }*/
	
	.row img{ width:100% }
	/*#lightbox-container-image-box img{ width:100% }*/
	
	.row .galeria img{ width:auto }
	
	#first-row{ margin-top: 5px;}
	
	/*.thumb_wrap{ float:left; width:100%; height:300px; }
	.thumb{ width:100%; position:absolute; overflow:hidden; background: #060 }*/

}

/**
 * 	320px
 */
@media handheld, only screen and (max-width: 766px) {
	/*body{ background: #ccc }*/
	#header{ margin-top: 40px }
	#header-logo{ margin-bottom: 5px; }
	#menu, #menu a{ width:100%; padding:0; margin: 0 }
	#menu a{ font-size: 14px; /*margin: 0;*/ height: 30px}
	.row{ margin-top: 5px }
	.footer-itens .fourcol{ padding:30px 0 0 10px; width:95%; }
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}*/