/* TABLET LAYOUT 
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
		
	.centered_content
	{
		width: 768px;
	}
	
	nav[role="menu"] ul li
	{
		font-size: 12px;
	}
	
	.media_content
	{
		height: auto;
	}
	
	.ccol2
	{
		width: 460px;
		margin-left: 26px;
	}
	
	footer .col1
	{
		width:170px; padding-right:23px;
	}
	
	footer .col2
	{
		width:170px; padding-right:8px
	}
	
	footer .col3
	{
		width:170px; padding-right:10px;
	}
	
	.style1
	{
		width: 256px;
		height: 328px;
	}
	
	.style11
	{
		width: 256px;
		height: 328px;
	}
	
	.style2
	{
		width: 256px;
		height: 174px;	
	}
	
	.style3
	{
		width: 512px;
		height: 174px;
	}
	
	.style4
	{
		width: 256px;
		height: 232px;
	}
	
	.style44
	{
		width: 256px;
		height: 232px;
	}
	
	.style5
	{
		width: 512px;
		height: 232px;
	}
	
	.links_home li h2
	{
		padding-left: 20px;
		padding-top: 15px;
		padding-right: 20px;
		font-size: 18px;
		color: #ffffff;
		line-height: 26px;
		text-align: justify;
	}

} /* CLOSE TABLET LAYOUT */



/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */

@media only screen and (max-width: 767px) {
	
	.centered_content
	{
		width: 100%;
	}
	
	nav[role="menu"] ul
	{
		display: none;
	}
	
	.menu_open
	{
		display: block;
	}
	
	.media_content
	{
		height: auto;
	}
	
	.lang_sel
	{
		top: 8px;
		right: 8px;
	}
	
	header
	{
		height: 80px;
	}
	
	header h1
	{
		padding-left: 15px;
		padding-top: 14px;
	}
	
	h1 img
	{
		width: 180px;
	}
	
	nav[role="menu"] ul li
	{
		margin: 0;
		padding: 0;
	}
	
	.submneuwrap
	{
		display: block;
		position: relative
	}
	
	.submneuwrap .submenuwrapp
	{
		visibility: visible;
	}
	
	#submenu
	{
		display: none;
	}
	
	.ccol1, .ccol2
	{
		margin-left: 0px;
		width: 100%;
	}
	
	.ccol2
	{
		margin-left: 15px;
		width: 91%;
	}
	
	section .content
	{
		padding-top: 0px;
	}
	
	footer .col1
	{
		width: 100%; padding: 0; 
		margin-bottom: 40px;
	}
	
	footer .col2
	{
		width: 100%; padding: 0;
		margin-bottom: 40px;
	}
	
	footer .col3
	{
		width: 100%; padding: 0;
		margin-bottom: 40px;
	}
	
	footer .col4
	{
		width: 100%; padding: 0;
		padding-bottom: 20px;
	}
	
	footer
	{
		height: auto;
	}
	
	footer .content
	{
		margin-left: 15px;
	}
	
	.style1, .style2, .style3, .style4, .style5
	{
		width: 100%;
		min-height: auto;
		height: auto;
	}
	
	.w50
	{
		width: 50%;	
	}
	
	.style1 img, .style2 img, .style3 img, .style4 img, .style5 img
	{
		width: 100%;
		display: block;
	}

	.mobile
	{
		display: block;
	}
	
	.nomobile
	{
		display: none;
	}
	
	.links_home
	{
		width: 100%;
	}
	
	.links_home li h2
	{
		padding-bottom: 15px;
		font-size: 15px;
		line-height: 22px;
		padding-left: 15px;
	}
	
	.banner_legenda {
		left: 13px;	
		font-size: 12px;
		bottom: 10px;
	}
	
	.fb-like_wrap
	{
		position: absolute;
		right: 14px;
		top: 40px;
	}
	
	
	
} /* CLOSE MOBILE LAYOUT */


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
----------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	footer .col1
	{
		width: 40%; padding: 0; padding-right: 15%;
		margin-bottom: 40px;
	}
	
	footer .col2
	{
		width: 40%; padding: 0;padding-right: 15%;
		margin-bottom: 40px;
	}
	
	footer .col3
	{
		width: 40%; padding: 0
		padding-bottom: 20px;
	}
	
	footer .col4
	{
		width: 40%; padding: 0;
	}
	
	h1 img
	{
		width: 220px;
	}

} /* CLOSE WIDE MOBILE LAYOUT */