/*
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) {
 footer{
        width: 100%;
        float:left;
        border-top:1px solid lightgray;
        padding-bottom: 1em;
    }
    .footer-izq{
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        float:left;
    }
    .footer-der{
        text-align: right;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        float:left;        
    }
    .footer-a{
        color:#666666;
        text-decoration: none;
    }
    .footer-a:hover{
        color:#60b232;
        text-decoration: underline;
    }       
}

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


    footer{
        width: 100%;
        float:left;
        border-top:1px solid lightgray;
        padding-bottom: 1em;
    }
    .footer-izq{
        width: 40%;
        padding-left: 5%;
        padding-right: 5%;
        float:left;
    }
    .footer-der{
        text-align: right;
        width: 40%;
        padding-left: 5%;
        padding-right: 5%;
        float:left;        
    }
    .footer-a{
        color:#666666;
        text-decoration: none;
    }
    .footer-a:hover{
        color:#60b232;
        text-decoration: underline;
    }    
    
    
}