@import "../global.css";

/*		Default Layout:992px. 
		Gutters:24px.
		Outer margins:48px.
		Leftover space for scrollbars @1024px:32px.
-------------------------------------------------------------------------------
cols		1		 2			3			4			5			6			7			8			9			10
px			68		160		252		344		436		528		620		712		804		896		*/

		
	.project-detail{
		position:relative; float:left; width:610px; padding:0 15px;
		border-left:1px solid #EEE;
	}
		.project-detail .head{
			padding:0 5px 0 15px; margin:0 0 15px 0; border-left:10px solid #333;
		}
			.project-detail .head h3{ font-size:10px; }
			.project-detail .head p{
				float:left; width:360px;
				font-size:17px; line-height:17px; font-weight:bold;
			}
			.project-detail .head a.btn_voltar{
				float:right; height:20px; margin:-20px 0 0 0; font-size:10px; padding:7px 25px 0 0; text-decoration:none;
				background:url(../../images/icons/icon_arrowleft.png) no-repeat right;
			}
				.project-detail .head a.btn_voltar:hover{ text-decoration:none; }
				
		.project-detail .body{}
			.project-detail .body p{ text-align:justify; }
			.project-detail .body div,
			.project-detail .body p
			{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin:0 0 10px 0; }
			.project-detail .body img{ margin:5px 10px; }
			.project-detail .body iframe{ max-width:100%; max-height:360px; margin:10px 0; }
			.project-detail .body ul,
			.project-detail .body ol{ position:relative; list-style:circle; padding:0 10px 0 0; margin:0 0 15px 30px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; }
			.project-detail .body li{ color:#000; }
			.project-detail .body a{ text-decoration:underline; }
			.project-detail .body img{ width:100%; }
		
		#project-historico{ display:block; }
		#project-apresentacao{ display:none; }
		#project-publicacoes{ display:none; }
		#project-parceiros{ display:none; }
		.project-nav{ display:block; }
		
/*		Tablet Layout:768px.
		Gutters:24px.
		Outer margins:28px.
		Inherits styles from:Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width:768px) and (max-width:991px) {

	.project-detail{
		position:relative; float:none; width:85%; padding:0 10%;
		border-left:0;
	}
		.project-detail .head{
			padding:0 5px 0 15px; margin:0 0 15px 0; border-left:10px solid #333;
		}
			.project-detail .head h3{ font-size:10px; }
			.project-detail .head p{
				float:left; width:240px;
				font-size:17px; line-height:17px; font-weight:bold;
			}
			.project-detail .head a.btn_voltar{
				float:right; height:20px; margin:-20px 0 0 0; font-size:10px; padding:7px 25px 0 0; text-decoration:none;
				background:url(../../images/icons/icon_arrowleft.png) no-repeat right;
			}
				.project-detail .head a.btn_voltar:hover{ text-decoration:none; }
	
	#project-historico{ display:block; }
	#project-apresentacao{ display:block; }
	#project-publicacoes{ display:block; }
	#project-parceiros{ display:block; }
	.project-nav{ display:none; }

}

/*		
	Mobile Layout:480px.
	Gutters:24px.
	Outer margins:22px.
	Inherits styles from:Default Layout
*/

@media only screen and (max-width:767px) {
	
	.project-detail{
		position:relative; float:none; width:100%; padding:0 0%;
		border-left:0;
	}
		.project-detail .head{
			padding:0 5px 0 15px; margin:0 0 15px 0; border-left:10px solid #333;
		}
			.project-detail .head h3{ font-size:10px; }
			.project-detail .head p{
				float:left; width:240px;
				font-size:17px; line-height:17px; font-weight:bold;
			}
			.project-detail .head a.btn_voltar{
				float:right; height:20px; margin:-20px 0 0 0; font-size:10px; padding:7px 25px 0 0; text-decoration:none;
				background:url(../../images/icons/icon_arrowleft.png) no-repeat right;
			}
				.project-detail .head a.btn_voltar:hover{ text-decoration:none; }
	
	#project-historico{ display:block; }
	#project-apresentacao{ display:block; }
	#project-publicacoes{ display:block; }
	#project-parceiros{ display:block; }
	.project-nav{ display:none; }

}
/*		
	Wide Mobile Layout:480px.
	Gutters:24px.
	Outer margins:22px.
	Inherits styles from:Default Layout, Mobile Layout.
*/

@media only screen and (min-width:480px) and (max-width:767px) {
	
	#project-historico{ display:block; }
	#project-apresentacao{ display:block; }
	#project-publicacoes{ display:block; }
	#project-parceiros{ display:block; }
	.project-nav{ display:none; }
	
}