@charset "UTF-8";
/* CSS Document */

body{background-color:#000;
	/* background-image:url(fondo2.jpg);*/
	 background-position:top center;
	 background-repeat:no-repeat;
	 overflow:hidden;
	 -moz-background-size: cover;
	 -webkit-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
	 
	 
#menu_mobil,#menu_mobil_2,#mobil-servicios,#mobil-consultorias,#mobil-contacto,#mobil-mision,#menu_mobil_ipad,#info_falsa_ipad,#info_inferior_titulos_ipad,#mobil-mineria,#mobil-infraestructura{display:none}



#mineria,#infraestructura {
    font-family: 'Pontano Sans',sans-serif;
    font-size: 10.5px;
    letter-spacing: 0.5px;
}


	 
p{color:#FFF}
h1{font-size:12px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
   
   
  

#wrap {padding-top:10px;
	   width:95%;}

#logo { position:absolute;
		top:0px;
		left:30px;
		width:334px;
		height:238px;
		margin-right:100px;
		background-repeat:no-repeat;
		background-image:url(logo.png);
		background-position:right;}

#menu{
	position:absolute;
	right:0px;
	width:450px;
	  text-align:left;
	  z-index:1000;}


ul{list-style-type:none}

li{font-family: 'Pontano Sans', sans-serif;
font-size:12px;
	letter-spacing:4px;
	/*color:#F90;*/
	
	text-transform:uppercase;
	line-height:40px;
	font-style:inherit;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);}
	
#info_inferior,#info_inferior-2{
	position: absolute;
	bottom: -38px;
	width: 98%;
	height: 380px;
	left: 6px;	
	
	}
#info_falsa{
	position: absolute;
	bottom: 370px;
	height:100px;
	width: 98%;
	background-color:transparent;
	}
#info_inferior_titulos,#info_inferior_titulos_ipad,#botonera-falsa{
	position: absolute;
	bottom: 0px;
	width: 98%;
	left: 6px;
	height:45px;
	background-image:url(fondo_punto_2.png);
	text-transform:uppercase;
	font-family: 'Pontano Sans', sans-serif;
	color:#F60;
	
	
	}	
#botonera-falsa{
		background-image:none;
		height:75px;
		z-index:100000000000;}
	
	
	
#info_inferior table{font-family: 'Pontano Sans', sans-serif;
font-size:10.5px;
letter-spacing:0.5px;
background-image:url(fondo_punto.png);
position:relative;
z-index:1000;
}	

#info_inferior h1{
	font-family: 'Pontano Sans', sans-serif;
	color:#F60;
	text-transform:uppercase;}

#info_inferior ul{list-style-type:square;}
#info_inferior ul.sub_ul{list-style-type:none;}
#info_inferior ul.sub_ul li{line-height:12px;}

#info_inferior li{font-family: 'Pontano Sans', sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#FFF;
	line-height:16px;
	text-transform:inherit;}

#info_inferior li{text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}


#info_inferior a:link, a:visited, a:hover, a:active 
{background-image:none; background-color:inherit; padding-right:inherit; color:#F60; font-size:11px;}


a:link, a:visited, a:active  
{color:#FFF; text-decoration:none; 
/*background-image:url(fondo_punto.png); */
padding:3px;
padding-left:13px;
/*background-color:#F60;*/
padding-right:400px;
background-image:url(back_menu.png);
background-repeat:no-repeat;}   


a.mail_blog_menu:link, a.mail_blog_menu:visited, a.mail_blog_menu:active {padding-right:0px;}
a.mail_blog_menu:link, a.mail_blog_menu:visited, a.mail_blog_menu:active,a.mail_blog_menu:hover{background-image:none;}

a:hover{
background-image:url(back_menu_over.png);
background-repeat:no-repeat;
}

a.blog_menu  {
	background-image:none;
	color:#F60;
	font-weight:bold;
}


#equipo a:link,#equipo  a:visited,#equipo  a:active, #equipo a:hover{  
color:#FFF; text-decoration:none; 
/*background-image:url(fondo_punto.png); */
padding:0px;
padding-left:0px;
/*background-color:#F60;*/
padding-right:0px;
background-image:none;
background-repeat:no-repeat;}	
	

a.cv { color:#F60}

#equipo,#mineria,#infraestructura{
	width:98%;
	height:300px;
	/*background-color:#F63;*/
	position:absolute;
	bottom:45px;
	background-image:url(fondo_punto.png);}
	
#infraestructura{
	height:270px;}

#equipo{
	height:350px;}
#equipo p{text-align:justify;}

#soc_1{
	width:17%;
	margin:12px;
	float:left;
	}

#soc_1 .img{
	height:100px;
	width:100px;
	}
	
#soc_1 p, a{
	font-family: 'Pontano Sans', sans-serif;
	font-size:8.5px;
	color:#FFF;
	line-height:9px;
	text-transform:inherit;
}

#equipo h1,h2 {font-size:14px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#F60;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;
}

#mineria h1,h2 {font-size:14px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#F60;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;
}
#infraestructura h1,h2 {font-size:14px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#F60;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;
}
  
  
.pdf_icon{
	height:20px;
	width:20px;}

h2{
	font-size:9px;
	margin-left:0px;
}
	
#contacto a{
	margin:0px; 
	padding:0px;}
	


	
/*---	MOBILE  ----*/
/*iPad in portrait*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#menu,#info_inferior_titulos{display:none;}
#menu_mobil_ipad{
	display:block;
	position:absolute;
	right:0px;
	width:auto;
	}
a:link, a:visited, a:active  
{color:#FFF; text-decoration:none; 
/*background-image:url(fondo_punto.png); */
padding:3px;
padding-left:13px;
/*background-color:#F60;*/
padding-right:130px;
background-image:url(back_menu.png);
background-repeat:no-repeat;}   
	
#info_inferior_titulos_ipad{
	display:block;
	bottom:0px;
	height: 55px;
	}
#info_inferior,#info_inferior-2{
	position:absolute;
	height:580px;}
	
#info_falsa_ipad{
	display:block;
	position: absolute;
	bottom: 480px;
	height:200px;
	width: 98%;
	background-color:transparent;
	z-index:100000;
	}
	
#equipo,#mineria,#infraestructura{
	
	height:420px;
	/*background-color:#F63;*/
	position:absolute;
	bottom:55px;
	background-image:url(fondo_punto_mob.png);}
	
#soc_1{
	width:17%;
	margin:11px;
	float:left;
	}
	
#botonera-falsa{display:none;
}		
#equipo{
	height:450px;}

 }

/*iPhone 5 in portrait & landscape*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 


}

/*iPhone 5 in landscape*/

@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : landscape) { 
	
body{background-color:#000;
	 background-repeat:repeat;
	 overflow:hidden;
	 background-image:url(fondos/fondo_3.jpg);}	
	 
	 
.pdf_icon{
	display:none;
	}	

	a:link, a:visited, a:active, a:hover{  
color:#FFF; 
text-decoration:none; 
padding:0px;
padding-left:0px;
padding-right:0px;
background-image:none;
background-repeat:no-repeat;}	
	
a.cv { color:#F60}


#menu,#menu_mobil,#menu_mobil_2{
	position:absolute;
	top:0px;
	right:0px;
	  text-align:center;
	  z-index:1000;
	 background-image:url(fondo_punto_2.png);
}



#menu_mobil_2{
	text-align:center;
	top:33px;
	background-image:url(fondo_punto_3.png);
}

#wrap{}
	  
#menu_mobil,#menu_mobil_2{display:block;}
#menu,#botonera-falsa{display:none;}

	  
li{float:left;
padding:0px;
padding-right:5px;
padding-bottom:5px;
line-height:5px;
font-size:8px;
letter-spacing:2px;}	  

#wrap {padding:0px;
	   margin:0px;
	   
	   width:100%;}
#logoa{display:none;}
#logo { position:absolute;
		bottom:0px;
		left:0px;
		height:85%;
		width:100%;
		background-repeat:no-repeat;
		background-image:url(logo_mobil_2.png);
		background-position:bottom;}
		


ul{list-style-type:none;
padding:0px;
padding-left:5px;}

#info_inferior_titulos,#info_inferior_titulos_ipad, #info_inferior{
	display:none;

}


#equipo,#mobil-servicios,#mobil-mision,#mobil-contacto,#mobil-consultorias,#mobil-mineria,#mobil-infraestructura{
	width:45%;
	height:260px;

	position:absolute;
	top:0px;
	background-image:url(fondo_punto_mob.png);}
#mobil-mision{height:200px;}
#mobil-consultorias{height:370px;}
#mobil-servicios{height:260px;}
#equipo{height:450px;}
#mobil-infraestructura{height:450px;}
#mobil-mineria{height:530px;}	



#soc_1{
	width:18%;
	margin:11px;
	float:left;
	}

#soc_1 img{
	height:40px;
	width: 40px;
	}
	
#soc_1 p, a{
	font-family: 'Pontano Sans', sans-serif;
	font-size:9px;
	color:#FFF;
	line-height:12px;
	text-transform:inherit;
}

#soc_1 p{
	display:none;
}


#equipo h2, #mineria h2, #infraestructura h2 {font-size:8px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:1px;
}



#info_inferior_mobil h2  {font-size:8px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
    margin-left:1px;

}

#info_inferior_mobil h1 {font-size:14px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;
  
}
#info_inferior_mobil p, li {
   font-size:6px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;}
   
#info_inferior_mobil li{
	line-height:10px;
	float:none;	

}

#info_inferior_mobil ul{list-style-type:circle;
margin-left:5px;
}

#mision a{color:#F60;
font-size:6px;}

.1_infraestructura,.2_infraestructura{width:49%;}
.3_infraestructura{width:1%;}
}

/*iPhone 5 in portrait*/
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) 
and (orientation : portrait) {
	
body{background-color:#000;
	 background-repeat:repeat;
	 overflow:hidden;
	 background-image:url(fondos/fondo_3.jpg);}	
	 
	 
	 
.pdf_icon{
	display:none;
	}	

 
	
a:link, a:visited, a:active, a:hover{  
color:#FFF; 
text-decoration:none; 
padding:0px;
padding-left:0px;
padding-right:0px;
background-image:none;
background-repeat:no-repeat;}	
	
a.cv { color:#F60}


#menu,#menu_mobil,#menu_mobil_2{
	position:absolute;
	top:0px;
	right:0px;
	  text-align:center;
	  z-index:1000;
	 background-image:url(fondo_punto_2.png);
}

#menu_mobil_2{
	text-align:center;
	top:33px;
	background-image:url(fondo_punto_3.png);
}

#wrap{}
	  
#menu_mobil,#menu_mobil_2{display:block;}
#menu,#botonera-falsa{display:none;}


	  
li{float:left;
padding:0px;
padding-right:5px;
padding-bottom:5px;
line-height:5px;
font-size:8px;
letter-spacing:2px;}	  

#wrap {padding:0px;
	   margin:0px;
	   width:100%;}
#logoa{display:none;}
#logo { position:absolute;
		bottom:0px;
		left:0px;
		height:85%;
		width:100%;
		background-repeat:no-repeat;
		background-image:url(logo_mobil_2.png);
		background-position:bottom;}
		


ul{list-style-type:none;
padding:0px;
padding-left:5px;}

#info_inferior_titulos,#info_inferior_titulos_ipad, #info_inferior{
	display:none;

}


#equipo,#mobil-servicios,#mobil-mision,#mobil-mineria,#mobil-infraestructura,#mobil-contacto,#mobil-consultorias{
	width:300px;
	height:82%;

	position:absolute;
	bottom:0px;
	background-image:url(fondo_punto_mob.png);}
	

#soc_1{
	width:24%;
	margin:7px;
	float:left;
	}

#soc_1 img{
	height:40px;
	width: 40px;
	}
	
#soc_1 p, a{
	font-family: 'Pontano Sans', sans-serif;
	font-size:9px;
	color:#FFF;
	line-height:12px;
	text-transform:inherit;
}

#soc_1 p{
	display:none;
}

#equipo h2 {font-size:6px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:1px;
}



#info_inferior_mobil h2  {font-size:8px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
    margin-left:1px;

}

#info_inferior_mobil h1 {font-size:14px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   text-transform:uppercase;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;
  
}
#info_inferior_mobil p, li {
   font-size:10px;
   letter-spacing:2px;
   text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
   color:#FFF;
   font-family: 'Pontano Sans', sans-serif;
   margin-left:9px;}
   
#info_inferior_mobil li{
	line-height:10px;
	float:none;	

}

#info_inferior_mobil ul{list-style-type:circle;
margin-left:5px;
}

#mision a{color:#F60;}

#mobil-mineria p,#mobil-infraestructura p{
	font-size:2.5px;	
}


}




/*iPad in landscape*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#menu,#info_inferior_titulos,#botonera-falsa{display:none;}
#menu_mobil_ipad{
	display:block;
	position:absolute;
	right:0px;
	width:auto;
	}
a:link, a:visited, a:active  
{color:#FFF; text-decoration:none; 
/*background-image:url(fondo_punto.png); */
padding:3px;
padding-left:13px;
/*background-color:#F60;*/
padding-right:0px;
background-image:url(back_menu.png);
background-repeat:no-repeat;}   
	
#info_inferior_titulos_ipad{
	display:block;
	bottom:0px;
	height: 55px;
	}
#info_inferior,#info_inferior-2{
	position:absolute;
	bottom:70px;}
	
#info_falsa_ipad{
	display:block;
	position: absolute;
	bottom: 300px;
	height:100px;
	width: 98%;
	background-color:transparent;
	z-index:100000;
	}

#soc_1{
	width: 17%;
	
	}
#equipo{
	height:450px;
	bottom:55px;}
	
#mineria,#infraestructura{
	bottom:55px;
	height:340px;

}
	

}

/*iPhone 2G-4S in portrait*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 

/*este*/
#info_inferior_mobil p, li {
   font-size:7.5px;
   }
   
#info_inferior_mobil li{
	line-height:7.5px;
	

}
#mobil-consultorias{
	height:280px;

 }
#mobil-mision,#mobil-contacto{
	height:240px;
}
#mobil-servicios{
	height:270px;
}
#equipo,#mineria,#infraestructura{
	width:98%;
	margin-left:-1px;
	height:270px;
	/*background-color:#F63;*/
	position:absolute;
	background-image:url(fondo_punto_mob.png;}
	
#soc_1{
	width:20%;
	margin:8px;
	float:left;
	}

#botonera-falsa{display:none;
}
}



/*iPad 3 & 4 Media Queries

If you're looking to target only 3rd and 4th generation Retina iPads (or tablets with similar resolution) to add @2x graphics, or other features for the tablet's Retina display, use the following media queries.
Retina iPad in portrait & landscape*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/*Retina iPad in landscape*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/*Retina iPad in portrait*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }
/*
iPad 1 & 2 Media Queries

If you're looking to supply different graphics or choose different typography for the lower resolution iPad display, the media queries below will work like a charm in your responsive design!
iPad 1 & 2 in portrait & landscape

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ /* STYLES GO HERE }
*/
/*iPad 1 & 2 in landscape*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/*iPad 1 & 2 in portrait*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ }



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 



 }


/*iPhone 5 in portrait & landscape*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

/*iPhone 5 in landscape*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/*iPhone 5 in portrait*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/*iPhone 2G, 3G, 4, 4S Media Queries

It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
iPhone 2G-4S in portrait & landscape*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { /* STYLES GO HERE */}

/*iPhone 2G-4S in landscape*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { /* STYLES GO HERE */}



/*iPad in portrait & landscape*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}