/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2/12/2018, 05:45:16 PM
    Author     :  MYSTERIOUS WEB DEVELOPER
*/

/*++++++++++++----------        DISPOSIIVOS MOVILES     ---------++++++++++++++++++++++++*/
@media only screen and (max-width: 900px) {
    /*BLOQUE 1*/
    .empresa-bloque1{
    width: 95%;
    float: left;
    padding-left: 2.5%;
    padding-right: 2.5%;
    text-align: justify;  
    padding-top: 0em;  
    padding-bottom: 2em;
    }
    .empresa-bloque1 h1{
padding-top: 3px;        
padding-bottom: 5px;
color:white;   
/*COLOR DE FONDO*/        
background: rgba(105,105,105,1);
background: -moz-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,105,105,1)), color-stop(48%, rgba(168,178,181,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#ffffff', GradientType=1 );
    }
    
/*BLOQUE 2*/    
    .empresa-bloque2{
    width: 95%;
    float: left;    
    padding-left: 2.5%;
    padding-right: 2.5%;
    text-align: justify; 
    padding-top: 0em;    
    padding-bottom: 2em;    
    }
    
    #div-centrar{
    text-align: center;
    }  
    #div-centrar img{
        width: 80%;
    }
    
    .empresa-bloque2 h1{
padding-top: 3px;        
padding-bottom: 3px;
color:white;    
/*COLOR DE FONDO*/        
background: rgba(105,105,105,1);
background: -moz-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,105,105,1)), color-stop(48%, rgba(168,178,181,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#ffffff', GradientType=1 );
    }
    
}

/*++++++++++++----------      ESCRITORIO   ---------++++++++++++++++++++++++*/

@media only screen and (min-width: 901px){
/*BLOQUE 1*/
    .empresa-bloque1{
    width: 40%;
    float: left;
    padding-left: 5%;
    padding-right: 5%;
    text-align: justify;  
    padding-top: 0em;  
    padding-bottom: 2em;
    }
    .empresa-bloque1 h1{
padding-top: 3px;        
padding-bottom: 5px;
color:white;   
/*COLOR DE FONDO*/        
background: rgba(105,105,105,1);
background: -moz-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,105,105,1)), color-stop(48%, rgba(168,178,181,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#ffffff', GradientType=1 );
    }
    
/*BLOQUE 2*/    
    .empresa-bloque2{
    width: 40%;
    float: left;    
    padding-left: 5%;
    padding-right: 5%;
    text-align: justify; 
    padding-top: 0em;    
    padding-bottom: 2em;    
    }
    
    #div-centrar{
    text-align: center;
    }  
    
    .empresa-bloque2 h1{
padding-top: 3px;        
padding-bottom: 3px;
color:white;    
/*COLOR DE FONDO*/        
background: rgba(105,105,105,1);
background: -moz-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,105,105,1)), color-stop(48%, rgba(168,178,181,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(105,105,105,1) 0%, rgba(168,178,181,1) 48%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#ffffff', GradientType=1 );
    }
    

}