article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}


/*		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    11    12   
px      75    150    225    300    375    450    525    600   675   750   825  900   */

body {
	/*padding: 72px 48px 84px;*/
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

.centered
{
	width: 1200px;
	margin:0 auto;
	
}

#macontainer
{
	width:1050px;
}

#mapacontainer { 
    /*height: 900px; 
    width: 900px; */
    cursor:move
}

@media only screen and (min-width: 901px) and (max-width: 1199px) {
	

	
	.centered {
		width: 900px;
		/*padding: 48px 28px 60px;*/
		margin:0 auto;
	}
	
	#macontainer
	{
		width:750px;
	}
	
	nav[role="footer"] ul li
	{
		width:194px;
	}
	
	#mapacontainer { 
		/*height: 750px; 
		width: 750px; */
		cursor:move
	}
}








/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8     9     10
px      75    150    225    300    375    450    525    600   675   750   */

@media only screen and (min-width: 768px) and (max-width: 899px) {
	
	
	
	.centered {
		width: 750px;
		/*padding: 48px 28px 60px;*/
		margin:0 auto;
	}
	
	#macontainer
	{
		width:600px;
	}
	
	nav[role="footer"] ul li
	{
		width:120px;
	}
	
	#mapacontainer { 
		height: 600px; 
		width: 600px; 
		cursor:move
	}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3     4
px      75    150    225   300 */

@media only screen and (max-width: 767px) {
	
	body
	{
		width:300px;	
	}
	
	.centered {
		width: 300px;
		/*padding: 48px 34px 60px;
		margin:0 auto;*/
		margin:0;
	}
	
	#macontainer
	{
		width:300px;
	}
	
	nav[role="footer"] ul li
	{
		width:69px;
	}
	
	#mapacontainer { 
		height: 300px; 
		width: 300px; 
		cursor:move
	}
	
	header[role="head"], .logo_head {
		/*float: left;*/
		visibility:hidden;
		display:none:
	}
	
	#conteudo
	{
		margin-left:0px;
	}
	
	header[role="headmobile"] {
		/*float: left;*/
		visibility:visible;
		display:block;
		margin-top:20px;
	}
	
	.logo_headmobile
	{
		visibility:visible;
		display:block	
	}
	
	.menu_contentmobile
	{
		position:relative;  z-index:5;
	}
	
	#menumobile
	{
		width:300px;
		margin:0;
		padding:0;
		font-family: "MyFontFamilyTexto",Arial, Helvetica, Verdana, sans-serif;
	}
	
	#menumobile li
	{
		list-style:none;
		height:30px;
	}
	
	#menumobile li.principal
	{
		padding-top:2px;
		padding-bottom:2px;
		text-transform:uppercase;
		font-size:16px;
		line-height:16px;
	}
	
	.backgroundmobile {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       z-index:1;
	   background-color:#000000;
	   -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)'; filter: alpha(opacity=85); opacity:.85;
       /* These three lines are for transparency in all browsers. */
   }
   
   .container_texto
	{
		width:300px;
		height:300px;
		font-size:9px;
	}
	
	.container_texto_2
	{
		font-size:9px;
	}
	
	.results
	{
		width:300px;
		word-wrap: break-word;
	}
	
	nav[role="footer"] ul li.col1
	{
		visibility:hidden;
		display:none;
	}
	
	.logo_headmobile
	{
		margin-bottom:10px;
		margin-left:10px;
		margin-top:-10px;
	}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5     6
px      75    150    225    300    375   450  */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/*body
	{
		width:450px;	
	}
	
	.centered {
		width: 450px;
		
		margin:0;
	}
	
	header[role="head"] {
		
		visibility:hidden;
		display:none:
	}
	
	#conteudo
	{
		margin-left:0px;
	}
	
	nav[role="footer"] ul li
	{
		width:80px;
	}*/
	
	body
	{
		width:450px;	
	}
	
	.centered {
		width: 450px;
		/*margin:0 auto;*/
		margin:0;
	}
	
	#macontainer
	{
		width:450px;
	}
	
	nav[role="footer"] ul li
	{
		width:81px;
	}
	
	#mapacontainer { 
		height: 450px; 
		width: 450px; 
		cursor:move
	}
	
	header[role="head"], .logo_head {
		/*float: left;*/
		visibility:hidden;
		display:none:
	}
	
	#conteudo
	{
		margin-left:0px;
	}
	
	header[role="headmobile"] {
		/*float: left;*/
		visibility:visible;
		display:block;
		margin-top:20px;
	}
	
	.logo_headmobile
	{
		position:absolute;
		left:10px;
		top:-10px;
	}
	
	.logo_headmobile
	{
		visibility:visible;
		display:block;
		margin-left:0px;
		margin-top:0px;
	}
	
	.menu_contentmobile
	{
		position:relative;  z-index:5;
	}
	
	#menumobile
	{
		width:300px;
		margin:0;
		padding:0;
		font-family: "MyFontFamilyTexto",Arial, Helvetica, Verdana, sans-serif;
	}
	
	#menumobile li
	{
		list-style:none;
		height:30px;
	}
	
	#menumobile li.principal
	{
		padding-top:2px;
		padding-bottom:2px;
		text-transform:uppercase;
		font-size:16px;
		line-height:16px;
	}
	
	.backgroundmobile {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       z-index:1;
	   background-color:#000000;
	   -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)'; filter: alpha(opacity=85); opacity:.85;
       /* These three lines are for transparency in all browsers. */
   }
   
   .container_texto
	{
		width:450px;
		height:450px;
		font-size:14px;
	}
	
	.container_texto_2
	{
		font-size:13px;
	}
	
	.results
	{
		width:450px;
		word-wrap: break-word;
	}
	
	nav[role="footer"] ul li.col1
	{
		visibility:visible;
		display:block;
	}
			
}