b/**
    HOJA DE ESTILO PRINCIPAL.CSS 
   

    Document   : principal
    Created on : 25/02/2015
    Author     : Alberto
    Description:
*/
/******************************************************
        CONFIGURACION GLOBAL
*******************************************************/



a:link
{
    text-decoration:none;
}


/*@media screen and ( min-device-width: 1200px) {*/
/*@media screen and ( min-width: 1200px) {*/




root {
    /*display: block;*/
}

html,body{
    margin:0px;
    /*height:100%;*/
    /*background-color:#777 ;*/
    background-color:#fff ;
    font-size: 0.75rem;
    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
    color: #4c4c4c;  
    /*background-color:#ddd ;*/    
    /*background-image: url("");*/
}






/* para la alineacion vertial en contenedores
*/
.gerogrid td
{
    vertical-align: top;
    height: 100%;
}


.texto
{
    /*font-size: 18px;*/
    font-size: 1.2em;
    color: #664444;
    text-align: justify;
    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}


.textoTitulo
{

    font-size: 1.8em;
    font-weight: bold;
    color: #664444;
    text-align: justify;
    font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}





.esquinas8
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.esquinas5
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.esquinas10
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.esquinas3
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.esquinas8TopLeft
{
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}
.esquinas8TopRight
{
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}
.esquinas8bottomLeft
{
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.esquinas8buttonRight
{
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}





.loginTitulo{
    /*font-size: 12px;*/ 
    font-size: 1.5em;
    /*    color: white;*/
    font-weight: bold;
    text-align: center; width: 100%;
}

.padding15{
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.padding15-30{
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
}


.padding30{
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}


.contenedor{
    display: inline-block;
    max-width: 95%;
    /*width:60%;*/
    /*width: 100%;*/
}
.ventanaTitulo{
    /*width:60%;*/
    /*height: 10px;*/
    text-align: left;    
    color: #fff;
    /*background-color: # 0c8ebf;*/
    /*background-color: # 006064;*/
    background-color: #3c6d87;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom:  5px; 
}
.ventanaCuerpo{
    text-align: left;
    color: #555;

    border-width: 1px;
    border-bottom-width: 2px;
    padding-bottom: 15px;
    /*padding-top: 15px;*/
    padding-left: 15px;
    padding-right:  15px;
    background-color: rgba(0, 0, 0, 0.1);
}


.ui-datatable .ui-column-filter{display:none;}

.ui-column-filter
{
    display: none;
}

.loginInicio
{
    border: none;
    position:absolute;
    top: 50%;
    left:50%;
    /*width: 580px;*/
    margin-left: -160px; /*-125 - 22*/
    margin-top: -145px;
    background: #fff;
    /*background-color: rgba( 30,30,30,0.75);*/
    text-align: left;    
    color: #555;
    /*box-shadow:  4px 4px 20px rgba(255, 255, 255, 0.15);*/
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
    /*box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.9),inset 1px 1px 10px rgba(0, 0, 0, 0.2);*/
}





/**************************************************************
            PAGINA PRINCIPAL
*****************************************************************/
.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}




.loginLogo{
    width: 480px;
    height: 78px;
    text-align: center; background-color: white;
}


.cabeceraLogo{
    /*position:absolute;*/
    /*top: 0px ;*/
    /*left: 0px;*/
    /*width: 17%;*/
    /*height: 80px;*/
    text-align: center;
    background-color: white;
}


.ui-picklist-source,
.ui-picklist-target { 
    width: 100%;
    height: 500px;
}



.anchoFijo50px
{
    width: 50px;
}

.anchoFijo10Por
{
    width: 10%;
}
.none{
    
}

.cuarenta-percent {
     width: 40%;
}

.sesenta-percent {
     width: 60%;
}

.veinte-percent {
     width: 20%;
}

.ochenta-percent {
     width: 80%;
}

.top-alignment {
     vertical-align: top;
}