/*
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*/
    .productos-bloque1{
    width: 100%;
    float: left;
    padding-left: 0%;
    padding-right: 0%;
    text-align: justify;  
    padding-top: 0em;  
    padding-bottom: 2em;
    }
    .productos-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 );
    }
    

    
    #div-izq{
     width: 100%;
     float:left;
     text-align: center;      
    } 
    #div-izq a{
        color: #666666;
     text-decoration: none;
     cursor:pointer;
    }
    
    #div-izq a:hover{
     color: #60b232;
     text-decoration: underline;
    }     
        #div-izq iframe{
        width: 100%;
        height: 200px;
    }
    #div-der{
     width: 100%;
     float:left;
     text-align: center;    
    }    
    
    #div-der a{
     color: #666666;
     text-decoration: none;
     cursor:pointer;
    }
    
    #div-der a:hover{
     color: #60b232;
     text-decoration: underline;
    }    
    
    
  #div-cen{
     width: 100%;
     float:left;
     text-align: center;    
    }    
    
    #div-cen a{
        color: #666666;
     text-decoration: none;
     cursor:pointer;
    }
    
    #div-cen a:hover{
     color: #60b232;
     text-decoration: underline;
    }  
    
    #div-cen img{  
        width: 80%;        
    }
 
    #div-izq img{
        width: 40%;
    }  
}

/*++++++++++++----------      ESCRITORIO   ---------++++++++++++++++++++++++*/
@media only screen and (min-width: 901px){
/*@media only screen and (min-width: 1px){*/    
/*BLOQUE 1*/
    .productos-bloque1{
    width: 40%;
    float: left;
    padding-left: 5%;
    padding-right: 5%;
    text-align: justify;  
    padding-top: 0em;  
    padding-bottom: 2em;
    }
    .productos-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 );
    }
    

    
    #div-izq{
     width: 50%;
     float:left;
     text-align: center;      
    } 
    #div-izq a{
        color: #666666;
     text-decoration: none;
     cursor:pointer;
    }
    
    #div-izq a:hover{
     color: #60b232;
     text-decoration: underline;
    }     
    #div-izq iframe{
        width: 100%;
        height: 300px;
    }
    #div-der{
     width: 50%;
     float:left;
     text-align: center;    
    }    
    
    #div-der a{
        color: #666666;
     text-decoration: none;
     cursor:pointer;
    }
    
    #div-der a:hover{
     color: #60b232;
     text-decoration: underline;
    }    
    
    #div-cen{
     width: 100%;
     float:left;
     text-align: center;    
    }    
    
    #div-cen a{
        color: #666666;
     text-decoration: none;
     cursor:pointer;
    }
    
    #div-cen a:hover{
     color: #60b232;
     text-decoration: underline;
    }  
    
    #div-cen img{
        height: 200px;
        width: 350px;
        
    }
 
    #img-bloque{
        width: 65%;
    }
    .br-movil{
        display: none;
    }

}