/*
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 : 17/05/2019, 09:03:37 PM
    Author     :  MYSTERIOUS WEB DEVELOPER
*/

/*++++++++++++----------        DISPOSIIVOS MOVILES     ---------++++++++++++++++++++++++*/
@media only screen and (max-width: 900px) {
  /*BLOQUE 1*/
    .contacto{
    width: 95%;
    float: left;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-bottom: 2em;
    text-align: center;
    }
    .contacto 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 );
    }    

    .contacto-input input{
     width: 90%;
     padding:0.5em;
     margin-bottom: 1em;
     border:none;
     border-bottom: 1px solid lightgray;
     font-size: 110%;
    font-family: "Gadugi";      
    }
    .contacto-input textarea{
     width: 90%;     
     padding:0.5em;
     border:none;
     border-bottom: 1px solid lightgray;
     font-size: 110%;
     margin-bottom: 1em;     
     font-family: 'Gadugi';
    }
    
    #contacto-boton{
        
    }
    
    #contacto-boton:hover{
    background-color: #666666;
    color: white;
    cursor:pointer;
    }   
}

/*++++++++++++----------      ESCRITORIO   ---------++++++++++++++++++++++++*/
@media only screen and (min-width: 901px){

/*BLOQUE 1*/
    .contacto{
    width: 80%;
    float: left;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2em;
    text-align: center;
    }
    .contacto 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 );
    }    

    .contacto-input input{
     width: 60%;
     padding:0.5em;
     margin-bottom: 1em;
     border:none;
     border-bottom: 1px solid lightgray;
     font-size: 110%;
    font-family: "Gadugi";      
    }
    .contacto-input textarea{
     width: 60%;     
     padding:0.5em;
     border:none;
     border-bottom: 1px solid lightgray;
     font-size: 110%;
     margin-bottom: 1em;     
     font-family: 'Gadugi';
    }
    
    #btn{
    background-color: #666666;
    color: white;
    cursor:pointer;        
    }
    
    #btn:hover{
    background-color: lightgrey;
    color: #666666;
    }    
}