.empresas{	
    color: white;	    
    text-align:center;
	top:19rem;		
	margin-left:0;
	margin-top:0;
	margin-bottom:auto;	
	margin-right:auto;	
	width:100%;
	max-width:1100px;
	min-width:650px;
	margin:0 auto;	
	height: 46rem; 	
	position:relative;
}
.iempr{
	width:100%;
	height: 35.3em;
	top:0;	
	margin-right:0;
	margin-top:0;
	right:0;	
	position: absolute;
	z-index:-1;
}
.iempres{
	top:0;	
	margin-right:0;
	margin-top:0;
	padding:0 0;
	width:100%;
	height:100%;	
}
emprest{
	font-family:"Arial Rounded MT",Arial,"Arial Black";
	color: white;	
	font-size:5vw;
	text-align:left;	
	top:8vw;			
	width:45%;
	height:15rem;	
	position: absolute;
    left:33vw;
    margin-left:0;
    margin-top:0;
    padding:0 0;
}  
.emprest1, .emprest2{
    text-align:left;
	font-size:2.5rem;
	top:22rem;			
	width:45%;
	height:2.8rem;	
	position: absolute;
    left:3.5%; 
}
.emprest2{
	font-size:3.3rem;
	top:24rem;			
}
.iemtip{
	top:0;	
	margin-right:0;
	margin-top:0;
	padding:0 0;
	width:100%;
	height:100%;	
}
.emptip{
	background:#006CA3;
	font-family:"Arial Rounded MT",Arial,"Arial Black";
	color: white;	
	font-size:2rem;
	text-align:center;
	top:-1rem;			
	width:5rem;
	height:5rem;	
	position: absolute;
    left:29rem;
    margin-left:0;
    margin-top:0;
    padding:0 0;
    border-radius: 100px;  
    transition:all .8s;   
}
.emptic1 {
	background:#006CA3;
}
.emptic2{
	background:#00A6DE;
}
.emptic3{
	background:#B0D9E6;
}
.emptic1:hover{
	background:#00A3DE;	
	transition:all .8s;
	width:6rem;
	height:6rem; 		 
}
.emptic2:hover{
	background:#68C5E6;	
	transition:all .8s;
	width:6rem;
	height:6rem; 		 
}
.emptic3:hover{
	background:#D4EAF1;	
	transition:all .8s;
	width:6rem;
	height:6rem; 		 
}
.emptipa{
    left:32.5rem;
}
.emptipb{
    left:27rem;
}
.emptip1{
	top:-1rem;
}
.emptip2{
	top:2rem;
}
.emptip3{
	top:5rem;
}
.emptip4{
	top:8rem;
}
.emptip5{
	top:11rem;
}
.emptip6{
	top:14rem;
}
.emptip7{
	top:17rem;
}
.emptip8{
	top:20rem;
}
.emptip9{
	top:23rem;
}
.emptip10{
	top:26rem;
}
.emptip11{
	top:29rem;
}
.emptip12{
	top:32rem;
}
/* **************************************************************************
                                ventanas emergentes
   **************************************************************************/  
/* ***************************
              titulo
   ***************************/   
.drogf, .ferrf, .fruvf, .gimnf, .parqf, .peluf, .restf, .ropaf, .servf, .supef, .tecnf, .vetef{
	font-family:"Arial Rounded MT",Arial,"Arial Black";
	padding:0 0;
	color:black;
	height:100%;	
	font-size:1.5rem;
    margin-left:2.6rem;
    line-height:2rem;
    margin-top:.8rem;
}
.emprest3a, .emprest3b, .emprest3c{
	padding:.5rem 0;
	background:#006CA3;	
	color: white;
	font-size:2.1rem;
	width:100%;	
	left:0;
	text-align:center;
	height:2rem;	
	transition:all .4s;	
}
.emprest3b{
	background:#00A6DE;	
}
.emprest3c{
	background:#D4EAF1;	
	color: black;
}
.emprest4{
    opacity:1;	
	transition:all .8s; 
	margin-left:0;
	margin-top:0; 
	margin-bottom:0;
	margin-right:0;
}  
/* ***************************
            droguerias
   ***************************/
.drog{
	background:#BBDEF0;		
	top:-700rem;		
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.drogg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover droguerias
****************************************************/
.emptip1:hover .drog{
	top:-6rem;		
	margin-left:-32rem;
	height:31rem;
    transition:all .4s;     
}
/* ***************************
            ferreteria
   ***************************/
.ferr{
	background:#BBDEF0;		
	top:-700rem;			
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.ferrg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover ferreterias
****************************************************/
.emptip2:hover .ferr{
	top:-9rem;		
	margin-left:-26.5rem;
	height:20rem;   
    transition:all .4s;     
}
/* ***************************
            fruver
   ***************************/
.fruv{
	background: #7CBFD6;		
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.fruvg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover fruver
****************************************************/
.emptip3:hover .fruv{
	top:-12rem;		
	margin-left:-32rem;
	height:14rem;   
    transition:all .4s;     
}
/* ***************************
            gimnasios
   ***************************/
.gimn{
	background:#BBDEF0;		
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.gimng{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover Gmnasios
****************************************************/
.emptip4:hover .gimn{
	top:-15rem;		
	margin-left:-26.5rem;
	height:24rem;
    transition:all .4s;     
}
/* ***************************
            parqueaderos
   ***************************/
.parq{
	background:#BBDEF0;		
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.parqg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover parqueaderos
****************************************************/
.emptip5:hover .parq{
	top:-18rem;		
	margin-left:-32rem;
	height:20rem;   
    transition:all .4s;     
}
/* ***************************
            peluquerias
   ***************************/
.pelu{
	background: #7CBFD6;	
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.pelug{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover peluquerias
****************************************************/
.emptip6:hover .pelu{
	top:-21rem;		
	margin-left:-26.5rem;
	height:18rem;
    transition:all .4s;     
}
/* ***************************
            Restaurantes
   ***************************/
.rest{
	background:#BBDEF0;		
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.restg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover Restaurantes
****************************************************/
.emptip7:hover .rest{
	top:-24rem;		
	margin-left:-32rem;
	height:30rem;   
    transition:all .4s;     
}
/* ***************************
            ropa
   ***************************/
.ropa{
	background:#BBDEF0;
	top:-700rem;			
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.ropag{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover ropa
****************************************************/
.emptip8:hover .ropa{
	top:-27rem;		
	margin-left:-26.5rem;
	height:22rem;
    transition:all .4s;     
}
/* ***************************
            SERVITECA
   ***************************/
.serv{
	background: #7CBFD6;		
	top:-700rem;			
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.servg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover serviteca
****************************************************/
.emptip9:hover .serv{
	top:-30rem;		
	margin-left:-32rem;
	height:18rem;   
    transition:all .4s;     
}
/* ***************************
            SUPERMERCADO
   ***************************/
.supe{
	background:#BBDEF0;
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.supeg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover supermercado
****************************************************/
.emptip10:hover .supe{
	top:-33rem;		
	margin-left:-26.5rem;
	height:22rem;
    transition:all .4s;     
}
/* ***************************
            TECNOLOGIA
   ***************************/
.tecn{
	background:#BBDEF0;		
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.tecng{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover tecnologia
****************************************************/
.emptip11:hover .tecn{
	top:-36rem;		
	margin-left:-32rem;
	height:18rem;   
    transition:all .4s;     
}
/* ***************************
            Veterianria
   ***************************/
.vete{
	background: #7CBFD6;	
	top:-700rem;				
	margin-left:-120rem;
	width:25rem;
	height:0;	
	position:relative;
	text-align:left;   
    right:0;
    opacity:.9;
    transition:all .4s; 
    font-size:1.2rem;
}
.veteg{
	list-style-image:url("media/check3.png");
    left:3rem;
    margin-top:.8rem;
    opacity:1;
}
/***************************************************
               hover Veterianria
****************************************************/
.emptip12:hover .vete{
	top:-39rem;		
	margin-left:-26.5rem;
	height:41rem;
    transition:all .4s;     
}