@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		*/

	
/* Projetos */
#box-projetos{ float:left; width:630px; height:auto; padding:0; }
	#box-projetos .body{
		display:block; height:auto; padding:0;
		font-size:15px; font-weight:300; line-height:22px; color:#333;
	}
	
#box-sections-teaser{ width:630px; margin:40px 0 0 10px; }
	#box-sections-teaser ul{ list-style:none; }
		#box-sections-teaser ul li{ float:left; width:180px; padding:0 15px; border-left:1px dashed #dedfe0; }
		#box-sections-teaser ul li:first-child{ padding:0 15px 0 0; border-left:0; }
			#box-sections-teaser ul li h3{
				padding:10px 0 10px 20px; margin:0 0 10px 0;
				border-top:1px solid #EEE; border-bottom:1px solid #EEE;
				font-size:15px; font-weight:bold; color:#8d8f92;
			}
			#box-sections-teaser ul li.sect-downloads h3{ background:url(../../images/icons/bg_blockpink.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-projetos h3{ background:url(../../images/icons/bg_blockgreen.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-imprensa h3{ background:url(../../images/icons/bg_blockorange.png) no-repeat 0 15px; }
			
			#box-sections-teaser ul li p{
				min-height:90px; padding:0 0 0 45px; margin:0 0 10px 0;
				font-size:11px; font-style:italic; color:#8d8f92;
			}
				#box-sections-teaser ul li.sect-downloads p{ background:url(../../images/icons/icon_download.png) no-repeat; }
				#box-sections-teaser ul li.sect-projetos p{ background:url(../../images/icons/icon_projetos.png) no-repeat; }
				#box-sections-teaser ul li.sect-imprensa p{ background:url(../../images/icons/icon_imprensa.png) no-repeat; }
				
			#box-sections-teaser ul li a.btn_readmore{
				 width:95px; padding: 12px 40px 10px 15px; margin:0 0 0 35px;
				 background:#9ecc41 url(../../images/icons/icon_arrowright.png) 73px 9px no-repeat; color:#333; font-size:11px; text-align:center;
			}
			
	
/*		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) {
		
/* Projetos */
#box-projetos{ float:left; width:630px; height:auto; padding:0; margin:0 0 0 55px; }
	#box-projetos .body{
		display:block; height:auto; padding:0;
		font-size:15px; font-weight:300; line-height:22px; color:#333;
	}
	
#box-sections-teaser{ width:630px; margin:15px 0 0 68px; }
	#box-sections-teaser ul{ list-style:none; }
		#box-sections-teaser ul li{ float:left; width:180px; padding:0 15px; border-left:1px dashed #dedfe0; }
		#box-sections-teaser ul li:first-child{ padding:0 15px 0 0; border-left:0; }
			#box-sections-teaser ul li h3{
				padding:10px 0 10px 20px; margin:0 0 10px 0;
				border-top:1px solid #EEE; border-bottom:1px solid #EEE;
				font-size:15px; font-weight:bold; color:#8d8f92;
			}
			#box-sections-teaser ul li.sect-downloads h3{ background:url(../../images/icons/bg_blockpink.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-projetos h3{ background:url(../../images/icons/bg_blockgreen.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-imprensa h3{ background:url(../../images/icons/bg_blockorange.png) no-repeat 0 15px; }
			
			#box-sections-teaser ul li p{
				min-height:90px; padding:0 0 0 45px; margin:0 0 10px 0;
				font-size:11px; font-style:italic; color:#8d8f92;
			}
				#box-sections-teaser ul li.sect-downloads p{ background:url(../../images/icons/icon_download.png) no-repeat; }
				#box-sections-teaser ul li.sect-projetos p{ background:url(../../images/icons/icon_projetos.png) no-repeat; }
				#box-sections-teaser ul li.sect-imprensa p{ background:url(../../images/icons/icon_imprensa.png) no-repeat; }
				
			#box-sections-teaser ul li a.btn_readmore{
				 width:95px; padding: 12px 40px 10px 15px; margin:0 0 0 35px;
				 background:#9EFF3C url(../../images/icons/icon_arrowright.png) 73px 9px no-repeat; color:#448E00; font-size:11px; text-align:center;
			}
		
}

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

@media only screen and (max-width: 767px) {
		
	#box-projetos{ float:none; width:100%; height:auto; padding:0; }
		#box-projetos .head{
			display:block; height:auto; padding:10px 15px; background:#8DC63F;
			font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; line-height:17px; color:#FFF;
		}
		#box-projetos .body{
			display:block; height:auto; padding:0;
			font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:300; line-height:22px; color:#333;
		}
			#box-projetos .body .flex-caption { font-size:14px; }


	#box-sections-teaser{ width:100%; margin:15px 0 0 0; }
	#box-sections-teaser ul{ list-style:none; }
		#box-sections-teaser ul li{ float:left; width:100%; min-height:160px; padding:0 0; border-left:0; }
		#box-sections-teaser ul li:first-child{ padding:0 15px 0 0; border-left:0; }
			#box-sections-teaser ul li h3{
				padding:10px 0 10px 20px; margin:0 0 10px 0;
				border-top:1px solid #EEE; border-bottom:1px solid #EEE;
				font-size:15px; font-weight:bold; color:#8d8f92;
			}
			#box-sections-teaser ul li.sect-downloads h3{ background:url(../../images/icons/bg_blockpink.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-projetos h3{ background:url(../../images/icons/bg_blockgreen.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-imprensa h3{ background:url(../../images/icons/bg_blockorange.png) no-repeat 0 15px; }
			
			#box-sections-teaser ul li p{
				min-height:35px; padding:10px 0 0 45px; margin:0 0 10px 0;
				font-size:11px; font-style:italic; color:#8d8f92;
			}
				#box-sections-teaser ul li.sect-downloads p{ background:url(../../images/icons/icon_download.png) no-repeat; }
				#box-sections-teaser ul li.sect-projetos p{ background:url(../../images/icons/icon_projetos.png) no-repeat; }
				#box-sections-teaser ul li.sect-imprensa p{ background:url(../../images/icons/icon_imprensa.png) no-repeat; }
				
			#box-sections-teaser ul li a.btn_readmore{
				 width:95px; padding: 12px 40px 10px 15px; margin:0 0 0 175px;
				 background:#9EFF3C url(../../images/icons/icon_arrowright.png) 73px 9px no-repeat; color:#448E00; font-size:11px; text-align:center;
			}
	
}

/*		
	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) {
	
	#box-projetos{ float:none; width:100%; height:auto; padding:0; }
		#box-projetos .head{
			display:block; height:auto; padding:10px 15px; background:#8DC63F;
			font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; line-height:17px; color:#FFF;
		}
		#box-projetos .body{
			display:block; height:auto; padding:0;
			font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:300; line-height:22px; color:#333;
		}
			#box-projetos .body .flex-caption { font-size:16px; }
			
			
			
	#box-sections-teaser{ width:100%; margin:15px 0 0 0; }
	#box-sections-teaser ul{ list-style:none; }
		#box-sections-teaser ul li{ float:left; width:100%; min-height:160px; padding:0 0; border-left:0; }
		#box-sections-teaser ul li:first-child{ padding:0 15px 0 0; border-left:0; }
			#box-sections-teaser ul li h3{
				padding:10px 0 10px 20px; margin:0 0 10px 0;
				border-top:1px solid #EEE; border-bottom:1px solid #EEE;
				font-size:15px; font-weight:bold; color:#8d8f92;
			}
			#box-sections-teaser ul li.sect-downloads h3{ background:url(../../images/icons/bg_blockpink.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-projetos h3{ background:url(../../images/icons/bg_blockgreen.png) no-repeat 0 15px; }
			#box-sections-teaser ul li.sect-imprensa h3{ background:url(../../images/icons/bg_blockorange.png) no-repeat 0 15px; }
			
			#box-sections-teaser ul li p{
				min-height:35px; padding:12px 0 0 45px; margin:0 0 10px 0;
				font-size:11px; font-style:italic; color:#8d8f92;
			}
				#box-sections-teaser ul li.sect-downloads p{ background:url(../../images/icons/icon_download.png) no-repeat; }
				#box-sections-teaser ul li.sect-projetos p{ background:url(../../images/icons/icon_projetos.png) no-repeat; }
				#box-sections-teaser ul li.sect-imprensa p{ background:url(../../images/icons/icon_imprensa.png) no-repeat; }
				
			#box-sections-teaser ul li a.btn_readmore{
				 width:95px; padding: 12px 40px 10px 15px; margin:0 0 0 335px;
				 background:#9EFF3C url(../../images/icons/icon_arrowright.png) 73px 9px no-repeat; color:#448E00; font-size:11px; text-align:center;
			}
}