/*
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) {
  
    .pop-up{
        z-index:1000;
        position: fixed; 
        top:2em;        
        width: 90%;
        height: 550px;
        overflow: auto;
        background-color: white;
        border: 1px solid lightgray;
        color:white;
        opacity: 0.98;
       padding-bottom: 20px;        
        
    } 
    /*//titulo popup*/
    .pop-up-titulo{
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        height: 50px;
        float:left;
        border-bottom: 1px solid white;
        background-color: #666666;
        font-size: 80%;        
    }
    
    .pop-up-titulo-izq{
        width: 80%;
        float: left;
        text-align: left;
        line-height: 50px;

    }
    .pop-up-titulo-izq h1{
        margin:0px;

    }
    
    .pop-up-titulo-der{
        width: 20%;
        float: left;
        text-align: right;
        line-height: 50px;        
    }
    
    .pop-up-titulo-der a{
        color:#ffffff;
        text-decoration: none;
        cursor:pointer;
    }
    .pop-up-titulo-der a:hover{
        text-decoration: underline;
    }

    /*contenido popup*/
    .pop-up-contenido{
        width:100%;
        height: 500px;
        color:#666666;
        overflow: auto;

    }
    .pop-up-contenido-izq{
        float:left;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;        
        margin-top: 10px;

    }
    .centrar-imagen{
        text-align: center;
    }
    .centrar-imagen img{
    height: 150px;    
    }
    
    .imagenPopUp{
    height: auto   
    }
    
    .pop-up-contenido-izq p{
        text-align: justify;
    }
    .pop-up-contenido-der{
        float:left;
        width: 100%;
        padding-right: 0%;
        text-align: center;
    }
    .pop-up-contenido-der a{
        color:#666666;
        cursor:pointer;
        font-size: 110%;
       line-height: 30px;
    }
    .pop-up-contenido-der a:hover{
        color:#60b232;
        text-decoration: underline;
    }
       .pop-up-contenido-full{
        float:left;
        width: 100%;
        padding-right: 0%;
        text-align: center;
    }

    
    .pop-up-contenido-documento{
        width: 90%;
        height: 545px;        
        margin-left: 5%;
        margin-right: 5%;        
        float:left;       
    }
    
    /*TABLA DEL POPUP*/
    .tabla-popup{
    border-collapse: collapse;  
    width:90%;
    margin-left: 5%;
    }
    .tabla-popup thead{
        background-color: #008D3D;
        color:white;
        border:1px solid #008D3D;
        line-height: 30px;
    }
    .tabla-popup tbody{
        border:1px solid #666666;
        color:black;
    }
    .tabla-popup tbody th{
        line-height: 30px;
    }
      
}

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

    .pop-up{
        z-index:1000;
        position: fixed; 
        top:2em;        
        width: 90%;
/*        margin-left:  5%;*/
        height: 90vh;
        background-color: white;
        border: 1px solid lightgray;
        /*border-bottom: 1px solid lightgray;*/ 
        color:white;
        opacity: 0.98;
        overflow: auto;
        
    } 
    
    .pop-up-titulo{
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        height: 50px;
        float:left;
        border-bottom: 1px solid white;
        background-color: #666666;
    }
    
    .pop-up-titulo-izq{
        width: 80%;
        float: left;
        text-align: left;
        line-height: 50px;
    }
    .pop-up-titulo-izq h1{
        margin:0px;

    }
    
    .pop-up-titulo-der{
        width: 20%;
        float: left;
        text-align: right;
        line-height: 50px;        
    }
    
    .pop-up-titulo-der a{
        color:#ffffff;
        text-decoration: none;
        cursor:pointer;
    }
    .pop-up-titulo-der a:hover{
        text-decoration: underline;
    }

    
    .pop-up-contenido{
        width:100%;
        float: left;   
        color:#666666;
        overflow: auto;
    }
    .pop-up-contenido-izq{
        float:left;
        width: 45%;
        padding-left: 2.5%;
        margin-top: 10px;
        padding-bottom: 10px;
        overflow: auto;
    }
    .centrar-imagen{
        text-align: center;
    }
    .centrar-imagen img{
    height: 200px;    
    }
    

    
    .pop-up-contenido-izq p{
        text-align: justify;
    }
    .pop-up-contenido-der{
        float:left;
        width: 45%;
        padding-right: 5%;
        margin-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    .pop-up-contenido-der a{
        color:#666666;
        cursor:pointer;
        font-size: 110%;
       line-height: 40px;
    }
    .pop-up-contenido-der a:hover{
        color:#60b232;
        text-decoration: underline;
    }
    .pop-up-contenido-der img{
    width:70%;
    height: auto;
    }
    
    
    .pop-up-contenido-documento{
        width: 90%;
        height: 545px;        
        margin-left: 5%;
        margin-right: 5%;        
        float:left;       
    }
    
           .pop-up-contenido-full{
        float:left;
        width: 95%;
        margin-left: 2.5%;
        padding-right: 0%;
        text-align: center;
    }
    
        .pop-up-contenido-full p{
        text-align: justify;
    }
    
    /*TABLA DEL POPUP*/
    .tabla-popup{
    border-collapse: collapse;  
    width:60%;
    margin-left: 20%;
    margin-top: 20px;
    }
    .tabla-popup thead{
        background-color: #008D3D;
        color:white;
        border:1px solid #008D3D;
        line-height: 30px;
    }
    .tabla-popup tbody{
        border:1px solid #666666;
        color:black;
    }
    .tabla-popup tbody th{
        line-height: 30px;
    }
    
    
}