/************************************/
/*                                  */
/*  M E D I A  -  Q U E R I E S     */
/*                                  */
/************************************/

@media screen and (min-width: 720px) and (max-width: 1099px) {
    
 /**************************** ETIQUETA ****************************/     
    article{
        width:710px;
	}
 /**************************** GENERALES ****************************/     
    a.botonFalso{
	   margin-top: -8px !important;
	}		
 /**************************** HEADER ****************************/
    #miHeader{
        height:120px;
    }
    
    #telefonoHeader{
	    background-color:#FBF6E9;
	}
 /**************************** BANNER ****************************/      
    #miBanner{
	    height:700px;
	}	
    
    #miBannerFacebook{
        height:750px !important;
    }
    
    #miBannerCorreoCorp{
        height:850px;
    }
    
    #miBannerHospedaje{
        height:800px;
    }
    
    #miBannerInfo{
	   max-width: 384px !important;
	}
    
    #miBannerEncabezado{
	    max-width:300px !important;
	    padding:20px 10px 20px 30px;
	    font-size: 28px;
	    border-radius:40px;
	}
    
    #miBannerForm{
	    width:310px;
	}
    
    #miBannerForm input,textarea{
	    width:300px;
	}
    
    #miBnnerFormFlecha{
	    margin:520px auto auto -50px;	
	}
    
    #miBnnerFormFlecha img{
	    width:100px;
	    height:auto;
	}
    
    
    #miVideoFlechaDesarro{
        width:120px;
        height:54px;
        float:left;
        position: absolute;
        z-index: 100;
        margin-top: 950px;
        margin-left: 100px;
    }
    
    #miVideoDesarro{
    width:320px !important;
}

#miVideoDesarro video{
    width:320px !important;
}
    
    
    #miVideo{
	    height:880px;
	}
    
    #miSoftware #miVideo{
	    height:950px;
	}
    
    #miVideoHospedaje{
	    height:930px;
	}
    
    #miVideoCorreoCorp{
        height:950px !important;
    }
    
    #miVideoCorreoCorp #miVideoFlecha{
        margin-top: 860px;
    }
    
     .miVideo-desarrolloWeb{
        height:1040px !important;
    }
    
    .miVideo-Apps{
        height:920px !important;
    }
    
    .miVideo-Apps #miVideoFlecha{
        margin-top: 850px;
    }
    
    .miVideo-anuncios-facebook{
        height:900px !important;
    }
    
    #miVideoParteSuperiorLeft{
	    max-width: 359px;
	}
    
    #miVideoParteSuperiorLeft p:nth-child(1){
	    font-size: 28px;
	}
    
    #miVideoParteSuperiorLeft p:nth-child(2){
	    padding-right: 20px;
	}
    
    #miVideoParteSuperiorLeft p:nth-child(3){
	    padding-left: 0px;		
	}
    
    #miVideoParteSuperiorRight{
	    max-width:350px !important;
	}
    
    #videoContainer{
	    width:359px;
    }
    
    #videoContainer video{
	    width:359px;
	}
    
    #videoContainer p{
	    font-size: 22px;
	}
    
    #miVideoFlecha{
	    margin-top: 800px;
	}
    
    #miSoftware #miVideoFlecha{
	    margin-top: 870px;
	}
    
    #miVideoHospedaje #miVideoFlecha{
	    margin-top:850px;
	}
    
    #buenasManos{
	    width:359px;
	}
    
    #clientesContainer{
	    margin:0 auto;
	}
    
    #clientesContainer p{
	    font-size: 18px;
	}
/**************************** LISTON ****************************/ 
    #miListon p{
	    font-size: 16px;
	    padding-top: 20px;
	    padding-right: 0px;
	}
/**************************** SEIS ICONOS ****************************/
    #miSeisIconos{
	     margin:30px 0 80px 0;
    }
    
    #miSeisIconos div {
		max-width:290px !important;
		margin:5px 5px 5px 20px;
    }
    
    #miSeisIconosFlecha{
	   margin-top: 1015px;
	    margin-left: 400px;
	}
    
    #miSeisSoftware{
        height:1000px;
    }
    
    #miSoftware #miSeisIconosFlecha{
        margin-top: 950px;
    }
    
    #correoCorpSix #miSeisIconosFlecha{
    margin-top: 1020px;
    margin-left: 410px;
}
   
    #miSeisIconosHospedaje #miSeisIconosFlecha{
    margin-top: 1020px;
    margin-left: 410px;
}
    
    #seisApps #miSeisIconos{
        height:990px;
    }
/**************************** FOOTER ****************************/
    #logoFooter{
        display:block;
        text-align: left;
        height:60px;
        margin-top:12px;
    }
    
    #datosFooter{
	    margin-right: 0 !important;
	}	

}


/************************************/
/*                                  */
/*  M E D I A  -  Q U E R I E S     */
/*                                  */
/************************************/

@media screen and (min-width: 360px) and (max-width: 719px) {
    
 /**************************** ETIQUETA ****************************/     
    article{
        width:350px;
	}
 /**************************** GENERALES ****************************/     
    a.botonFalso{
	   margin-top: -8px !important;
	}		
 /**************************** HEADER ****************************/ 
    #miHeader{
        height:220px;
    }
    
    #logoHeader{
        width:230px;
        margin-left:50px;
    }		
            
    #telefonoHeader{
	    background-color:#FBF6E9;
        margin-right:70px;
	}
 /**************************** BANNER ****************************/      
    #miBanner{
	    height:1370px;
	}	
    
    #miSoftware #miBanner{
        height:1270px;
    }
    
    #miBannerHospedaje{
        height:1400px;
    }
    
    #miBannerFacebook{
        height:1370px !important;
    }
    
    #miBannerAPPs{
        height:1250px;
    }
    
    #miBannerCorreoCorp{
        height:1450px;
    }
    
    #miBannerDesarrolloWeb{
        height:1250px !important;
    }
    
    #miBannerInfo{
	   min-width: 100% !important;
        display:block;
	}
    
    #miBannerEncabezado{
	    max-width:300px !important;
	    padding:20px 10px 20px 30px;
	    font-size: 28px;
	    border-radius:40px;
	}
    
    #miBannerForm{
	    width:310px;
        padding:20px;
	}
    
    #miBannerForm input,textarea{
	    width:280px;
	}
    
    #miBannerForm button{
        margin:0 auto 15px auto !important;
    }		
    
    #miBnnerFormFlecha{
	    margin-left: -50px;	
	}
    
    #miBnnerFormFlecha img{
	    width:100px;
	    height:auto;
	}
    
    #miVideoDesarro{
    width:320px !important;
        margin:20px auto;
}

#miVideoDesarro video{
    width:320px !important;
}
    
    #miVideo{
	    min-height:1450px;
	}
    
    #miSeisSoftware{
       height:1955px; 
    }
    
    #miSoftware #miSeisIconosFlecha{
        margin-top: 1900px;
    }
    
    #miSoftware #miVideo{
	    min-height: 1680px;
	}
    
    
    #miVideoHospedaje{
	    height:1650px;
	}
    
    #miVideoCorreoCorp{
        height: 1720px;
    }
    
    .miVideo-desarrolloWeb{
        height:1820px !important;
    }
    
    .miVideo-Apps{
        height:1700px !important;
    }
    
    .miVideo-Apps #miVideoFlecha{
        margin-top: 750px;
    }
    
    #miVideoFlechaDesarro{
        width:120px;
        height:54px;
        float:left;
        position: absolute;
        z-index: 100;
        margin-top: 750px;
        margin-left: 10px;
    }
    
    #miVideoParteSuperiorLeft{
	    max-width: 359px;
	}
    
    #miVideoParteSuperiorLeft p:nth-child(1){
	    font-size: 28px;
        padding-left: 0px !important;
	}
    
    #miVideoParteSuperiorLeft p:nth-child(2){
	    padding-right: 20px;
	}
    
    #miVideoParteSuperiorLeft p:nth-child(3){
	    padding-left: 0px;		
	}
    
    #miVideoParteSuperiorRight{
	    max-width:350px !important;
	}
    
    #videoContainer{
	    width:359px;
    }
    
    #videoContainer video{
	    width:359px;
	}
    
    #videoContainer p{
	    font-size: 22px;
	}
    
    #miVideoFlecha{
	    margin-top: 515px;
	}
    
    #miVideoHospedaje #miVideoFlecha{
	    margin-top: 660px;
	}
    
    #buenasManos{
	    width:359px;
	}
    
    .buenasManosDesarro img{
    margin-left: 23px;
    }
    
    #clientesContainer{
	    margin:0 auto;
	}
    
    #clientesContainer p{
	    font-size: 18px;
	}
/**************************** LISTON ****************************/ 
     #miListon{
	    height:120px;
	}
    
    #miListon p{
	    font-size: 16px;
	    padding-top: 10px;
	    padding-right: 0px;
        text-align: center !important;
	}
    
    #miListon p a{
        
        position: relative;
        width:222px;
        margin-top:15px !important;
        margin-right: 50%;
        right:-120px !important;
    }		
/**************************** SEIS ICONOS ****************************/

    #miSeisIconos div {
        margin:0px 20px 0px 20px;
    }
    
    #miSeisIconosFlecha{
	   margin-top: 1960px;
	    margin-left: 100px;
	}
    
     #correoCorpSix #miSeisIconosFlecha{
    margin-top: 1950px;
    margin-left: 10px;
}
    
     #miSeisIconosHospedaje #miSeisIconosFlecha{
    margin-top: 1950px;
    margin-left: 110px;
}
    #seisApps #miSeisIconos{
        height:1920px;
    }
    
/**************************** FOOTER ****************************/
    #miFooter{
        height:150px;
    }
        
    #logoFooter{
        float:none;
        height:60px;
        width:100%;
        margin-top:12px;
        border: 1px solid transparent;
        text-align: center;
    }	
    
    #logoFooter img{
        height:60px !important;
        width:153px;
        margin:0 auto;
    }

    #datosFooter{
        width:100%;
	    margin-right: 0 !important;
	}	
    
    #datosFooter p{
        text-align: center;
	    font-size: 10px;
	}

}