@media screen and (min-width:1290px){
}

@media screen and (max-width:1289px) and (min-width:980px){

	.content { width: 98%;}

	.colABC { width: 71%;}
	.colA { width: 25%;}

	#header a[rel="home"] { max-width: 24%;}
		#header a[rel="home"] img { width: 100; max-width: 100%; height: auto;}


	.blogs .list li { width: 22%;}
	.blogs .list li li { width: auto;}

	#footer .content div { width: 22%;}
		#footer .content div img { max-width: 100%; height: auto;}

}

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

	.content { width: 98%;}

	.colABC { width: 71%;}
	.colA { width: 25%;}

	#header a[rel="home"] { max-width: 24%;}
		#header a[rel="home"] img { width: 100; max-width: 100%; height: auto;}

	.menu-menu-principal-container li a { font-size: 11px;}

	.blogs .list li { width: 20%;}
	.blogs .list li li { width: auto;}

	#footer .content div { width: 20%;}
		#footer .content div img { max-width: 100%; height: auto;}


}

@media screen and (max-width:767px) and (min-width:481px){

	#page { position: relative;}

	.hide { display: inline-block;}

	.content { position: static; width: 85%;}

	.colABC { width: 100%; margin-right: 0;}
	.colA { width: 100%;}

	#header a[rel="home"] { float: none; display: block; max-width: inherit; width: 100%; text-align: center;}
		#header a[rel="home"] img { max-width: 50%; height: auto;}

	.language { float: left; margin-right: 0;}
	.menu-social-container { margin-right: 3em;}

	.banner { float: none; width: 100%; padding-top: 10px; font-size: 20px; text-align: center;}

	.menu-icon { position: absolute; top: 0; right: 0; width: 3em; height: 3em; background:#6cc835 url(images/menu.png) no-repeat center center; color: #fff; text-indent: -99999em; }

	.navBar { position: absolute; bottom: 0; left: 0; clear: both; float: none; margin-top: 0; padding: 0; max-width: 100%; width: 100%; background: #6cc835; text-align: left;}
		.navBar a { color: #fff;}
		.menu-menu-principal-container li a:hover { background: rgba(0,0,0,.3); color: #6cc835;}
		.menu-menu-principal-container .current-menu-item a, .menu-menu-principal-container .current-menu-item a:hover { background:  rgba(255,255,255,.8); color: #6cc835;}

		.menu-menu-principal-container li { display: block; text-align: center;}
		.menu-menu-principal-container li:nth-child(1) { background: rgba(0,0,0,.1);}
		.menu-menu-principal-container li:nth-child(2) { background: rgba(0,0,0,.2);}
		.menu-menu-principal-container li:nth-child(3) { background: rgba(0,0,0,.3);}
		.menu-menu-principal-container li:nth-child(4) { background: rgba(0,0,0,.4);}
		.menu-menu-principal-container li:nth-child(5) { background: rgba(0,0,0,.5);}
		.menu-menu-principal-container li:nth-child(6) { background: rgba(0,0,0,.6);}
		.menu-menu-principal-container li:nth-child(7) { background: rgba(0,0,0,.7);}
		.menu-menu-principal-container li:nth-child(8) { background: rgba(0,0,0,.8);}
		.menu-menu-principal-container li:nth-child(9) { background: rgba(0,0,0,.9);}
		.menu-menu-principal-container li:nth-child(10) { background: rgba(0,0,0,1);}

	.blogs .list li { width: 100%; margin-right: 0;}
	.blogs .list li li { width: auto;}

	.docs.list .img { width: 30%;}
	.docs.list a { padding: 10px;}
	.docs.list h3 { font-size: 21px;}
	
	.news.list h3 { font-size: 21px;}
	.news.list .img { float: none; width: 100%; padding-right: 0;}
	.news.list .wysiwyg, .about { font-size: 16px; line-height:18px;}

	.alignleft { float: none;}

	#footer { padding-bottom: 30em;}
	#footer .content div { width: 100%; margin-right: 0;}
		#footer .content div img { max-width: 100%; height: auto;}


}

@media screen and (max-width:480px){

	#page { position: relative;}

	.hide { display: inline-block;}

	.content { position: static; width: 85%;}

	.colABC { width: 100%; margin-right: 0;}
	.colA { width: 100%;}

	#header a[rel="home"] { float: none; display: block; max-width: inherit; width: 100%; text-align: center;}
		#header a[rel="home"] img { max-width: 50%; height: auto;}

	.language { float: left; margin-right: 0;}
	.menu-social-container { margin-right: 3em;}

	.banner { float: none; width: 100%; padding-top: 10px; font-size: 20px; text-align: center;}

	.menu-icon { position: absolute; top: 0; right: 0; width: 3em; height: 3em; background:#6cc835 url(images/menu.png) no-repeat center center; color: #fff; text-indent: -99999em; }

	.navBar { position: absolute; bottom: 0; left: 0; clear: both; float: none; margin-top: 0; padding: 0; max-width: 100%; width: 100%; background: #6cc835; text-align: left;}
		.navBar a { color: #fff;}
		.menu-menu-principal-container li a:hover { background: rgba(0,0,0,.3); color: #6cc835;}
		.menu-menu-principal-container .current-menu-item a, .menu-menu-principal-container .current-menu-item a:hover { background:  rgba(255,255,255,.8); color: #6cc835;}

		.menu-menu-principal-container li { display: block; text-align: center;}
		.menu-menu-principal-container li:nth-child(1) { background: rgba(0,0,0,.1);}
		.menu-menu-principal-container li:nth-child(2) { background: rgba(0,0,0,.2);}
		.menu-menu-principal-container li:nth-child(3) { background: rgba(0,0,0,.3);}
		.menu-menu-principal-container li:nth-child(4) { background: rgba(0,0,0,.4);}
		.menu-menu-principal-container li:nth-child(5) { background: rgba(0,0,0,.5);}
		.menu-menu-principal-container li:nth-child(6) { background: rgba(0,0,0,.6);}
		.menu-menu-principal-container li:nth-child(7) { background: rgba(0,0,0,.7);}
		.menu-menu-principal-container li:nth-child(8) { background: rgba(0,0,0,.8);}
		.menu-menu-principal-container li:nth-child(9) { background: rgba(0,0,0,.9);}
		.menu-menu-principal-container li:nth-child(10) { background: rgba(0,0,0,1);}

	.blogs .list li { width: 100%; margin-right: 0;}
	.blogs .list li li { width: auto;}

	.docs.list .img { width: 30%;}
	.docs.list a { padding: 10px;}
	.docs.list h3 { font-size: 21px;}
	
	.news.list h3 { font-size: 21px;}
	.news.list .img { float: none; width: 100%; padding-right: 0;}
	.news.list .wysiwyg, .about { font-size: 16px; line-height:18px;}

	.alignleft { float: none;}

	#footer { padding-bottom: 30em;}
	#footer .content div { width: 100%; margin-right: 0;}
		#footer .content div img { max-width: 100%; height: auto;}

}