/********************************************************************
  Nombre de la Institucion  :   MINISTERIO DE AGRICULTURA Y RIEGO
  Nombre del Proyecto       :   Estandares de Diseño - Tipografia
  Objetivo                  :   Estandarizar los estilos referentes a la ubicacion de las capas 
  							    y capas contenidas
  Aplicado a                :   Las plantillas de las páginas login y principal									   									  
  Responsable:              :   A Salazar
  Fecha Creacion            :   Agosto - 2017
  Fecha Actualizacion       :   __/__/__
  Detalle de actualización  :   --------------
**************************************************************************/
/*BODY*/
body {    
    font-family: Arial,"Verdana";  
    font-size:14px;
    color:black;
    line-height:0.75em;
}

.textoBody{
    font-family: Arial,"Verdana" !important; 
    font-size:14px;
    color:black;
}

hr{border-bottom: 4px solid #99999A !important;}

.nopadding {
    padding: 0 !important;            
 }
.nomargin {            
    margin: 0 !important;
}

.noresize {
  resize: none; 
}

.colorFondoBody{
    background-color:#DFEFF4 !important;     
}
.colorTextoBody{
    color:black !important;     
}

.vcenter {
   display: inline-block;
   vertical-align: middle !important;
   float: none;
}

.textoNegro{
    color:black !important;
}

.textoBlanco{
    color:white !important;
}

.textoRojo{
    color:red !important;
}

.textoDisabled{
    color:#777779 !important;
}



.textoAzul{
    color:blue !important;
}

.texto14{
    font-size:14px !important;
}

.texto18{
    font-size:18px !important;
}

.texto22{
    font-size:22px !important;
}
/*CONTENEDOR PRINCIPAL*/
#contenedor_master {
    width: 1024px;
    margin: 0 auto;
    border: 1px solid #523628; /*marron*/
    /*border-top:none;*/
    /*margin-top:10px;*/
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.colorFondoContenido{
    background-color:#FFF !important; /*blanco*/
}

/*ENCABEZADO*/
#capa_logo_institucional{	
	height: 63px;
	background-image:url('../imagenes/LogoMinagri.png');
	background-repeat:no-repeat;
    background-size:31%;
    margin-top:5px;
    margin-left:5px;
	z-index:4;
}

#capa_logo_minagri{
	float: left;
	width:190px;
	height: 194px!important;
	background-image:url('../imagenes/logo_minagri.png');
	background-repeat:no-repeat;
}
#capa_datos_sistema{
    /*background-color: #009966;*/
    height: 45px;
    text-align:center;
    margin:0px;        
}
#capa_titulo_sistema{    
    color:#fff;
    font-size:14px;
    /*font-weight:bold;*/
    line-height:45px;
}
#capa_version_sistema{    
   color:#fff;
   /*font-weight:bold;*/
   font-size:14px;
   line-height:45px;
}

.colorFondoEncabezado{
    background-color:#C6C6C6 !important;/*plomo*/
}
.colorFondoDatosSistema{
    background-color: darkgrey !important;/*verde*/    
}
.colorTextoDatosSistema{
    /*color: #FFF !important; /*blanco*/
    color:black !important;/*celeste*/
}

/*MENU*/
.barraMenuPrincipal {
    background-color: #2AC3DF;
    border: 0px none !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    margin: 2px 0px !important;
}
.barraMenuPrincipal a {
    color: black;
} 

.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    min-height:150px;
}

.mega-dropdown-menu li
{
  float: left;
  width: 33% !important;  /* accommodate the widest item */
}

/* anchor styling */
.mega-dropdown-menu li a
{
  display: block;  
  text-decoration: none;
}

.mega-dropdown-menu li a:focus,
.mega-dropdown-menu li a:hover,
.barraMenuPrincipal .dropdown-menu li a:focus,
.barraMenuPrincipal .dropdown-menu li a:hover
{
    text-decoration: none;
    color: white;
    background-color: #2AC3DF !important;    
}

.menuIcon{
    font-size: 16px !important;     
}

/*BARRA DE HERRAMIENTAS*/
.barraHerramientas{
    background-color:#ededee !important;    
    border:0px;  
    color:black !important;    
    margin:0px;
    padding:5px !important;     
}

.barraHerramientas ul{    
   list-style-type: none;
   text-align: left;
   overflow: hidden;
   margin:0px 10px;
}

.barraHerramientas li{
   display: inline;
   text-align: center;     
   margin-right:5px !important;        
}

.barraHerramientas a{
  text-decoration:none;     
}

.botonBH{
    background-color:transparent;
    border:none !important;
    color:#009966 !important;    
    font-size: 25px !important;
}

.botonBH:disabled{
    background-color:transparent;
    border:none !important;
    color:#777779 !important;    
    font-size: 25px !important;
}

.barraHerramientas li :hover{
    background:#10B9EC;
    color:white;   
}

/*CONTENIDO*/
#capa_contenido{
    background-color:white;    
    color:black !important; 
    min-height:350px;
}

/*PIE DE PAGINA*/
#capa_footer {
    background-color: #2e2e2e;
    /*background-color:#10B9EC;*/
    /*background: -moz-linear-gradient(top, #2AC3DF 0%, #10B9EC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2AC3DF), color-stop(80%, #10B9EC));
    background: -webkit-linear-gradient(top, #2AC3DF 0%, #10B9EC 80%);
    background: -o-linear-gradient(top, #2AC3DF 0%, #10B9EC 80%);
    background: -ms-linear-gradient(top, #2AC3DF 0%, #10B9EC 80%);
    background: linear-gradient(to bottom, #2AC3DF 0%, #10B9EC 80%);*/
    padding-top: 15px !important;
    padding-bottom: 5px !important;
    text-align: center;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#capa_creditos{	
    font-size:13px;
    line-height:0.75em;
}
#capa_footer_logo{	
    margin-top:0;
    height:54px;
    background-image:url('../Imagenes/elperuprimero.png');    
	background-repeat:no-repeat;
}
.colorFondoPiePagina{
    /*NOTA: ESTE COLOR ESTA #capa_footer, si cambia aquí deberá cambiar también en ese identificador*/
    background-color:#585858 !important;/*gris*/
}
.colorTituloPiePagina{    
    color:black !important;
}
.colorTextoPiePagina{    
    color:#ffffff !important; /*café*/
}

/*LOGIN*/
#mision_titulo, #funcionalidades_titulo{	    
    color:black;
    font-size:20px;        
    font-weight:bold;
}

#mision_texto{    
    font-size:14px;    
}

#funcionalidades_texto{
    font-size:14px;
    text-align:justify;    
}

#funcionalidades_texto li{    
    margin-left:5px;    
}

#caja_login{     
    box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);         
    margin: 30px 0px;    
    width: 450px; 
    font-size:15px;
    border:1px solid #CCC;
    border-radius:4px;
}

#caja_login input{         
    font-size:15px !important;
}

.boton_login{    
    font-size:15px !important;
    font-weight:bold !important;
    margin:10px auto;
    padding: 10px 60px !important;        
}

button{
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
    border-radius: 6px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    /*text-decoration: none;*/
    border: 1px solid #BDBDBD;
	border-bottom-color: #A4A4A4;
	background: #f9f9f9;
    color: #444;
    display:inline-block;
    padding:6px 12px
}
button:hover{
    background: #2AC3DF;
    border: solid 1px #35BADD;
    color: #fff;
}
button:active{
    background: #35BADD;
    border: solid 1px #73C8DF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.6);
    color: #fff;
}

/*****VENTANAS***/
.colorEncabezadoVentana{
    background-color:#10B9EC !important;/*celeste*/
    color:white !important;
}

.colorPieVentana{
    background-color:#d1edfb !important;/*celeste bajo*/
    color:black !important;
}

.colorBotonVentana{
    background-color:#337AB7 !important;/*azul - primari de bootstrap*/
    color:whitesmoke !important; 
    box-shadow: 0px 2px 25px rgba(0, 0, 0, .25);    
}

.colorFondoObligatorio {
    background-color: white !important; /*amarillo*/
}

.marginFilaVentana{
    margin-top:10px;
}

.control-label{
    padding:0 !important;
    margin:0 !important;
}

/*FORMULARIOS*/
form input:required, select:required, textarea:required {
            background-color: #FFFFAC !important; /*amarillo*/
        }
form input:required {
    background-color: #FFFFAC !important; /*amarillo*/
}
/*Si el valor que el usuario escribe es valido, obtendra un color verde*/
form input:valid, select:valid {
    border: 1px solid #A4A4A4;            
}
/*caso contrario, el color sera rojo*/
form input:focus:invalid, select:focus:invalid {
    border: 1px solid red;            
}

/***********CHECKBOX**********************/
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;
}

input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}

input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}


/*TABLAS*/
.table thead tr {
    background-color: #10B9EC !important;
    border-bottom:solid 1px;
}

.table.table-striped  tbody tr:nth-child(even) {               
    background-color: rgba(0, 120, 80, 0.2);               
}
.table.table-striped  tbody tr:nth-child(odd) {
    background-color: white;
}
/*.table tbody tr:hover {    
    background-color:#009966 !important;
    color: white !important;
}*/

.table.table-conhover tbody tr:hover {
    /*background-color: rgba(0, 120, 80, 0.85) !important;    */
    background-color:#009966 !important;
    color: white !important;
}


.botonTabla{
    background-color:transparent;
    border:none !important;
    /*color:#009966 !important;*/  
    color:black !important;      
    font-size: 18px !important;
}

/*PANEL ACORDEON*/
.tituloAcordeon {                                    
    padding: 0px !important;
    margin: 0 !important;
}
    .tituloAcordeon a {
        /*color: white !important;*/
        text-decoration: none !important;
    }
    .tituloAcordeon > .form-control {
        background-color: #10B9EC !important; /*celeste*/
        color: white !important; 
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }


/*GLYPHICON*/
.verybigIcon{
    font-size: 60px !important; 
}

.bigIcon{
    font-size: 35px !important; 
}

.mediumIcon{
    font-size: 22px !important;     
}

.smallIcon{
    font-size: 14px !important; 
}

/* Tooltip */
  .MiTooltip + .tooltip > .tooltip-inner {
      background-color: #73AD21; 
      color: #FFFFFF; 
      border: 1px solid green; 
      padding: 10px;
      font-size: 15px;
  }
 
  /* Tooltip on top */
  .MiTooltip + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid green;
  }
  /* Tooltip on bottom */
  .MiTooltip + .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid green;
  }
  /* Tooltip on left */
  .MiTooltip + .tooltip.left > .tooltip-arrow {
      border-left: 5px solid green;
  }
  /* Tooltip on right */
  .MiTooltip + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid green;
  }

/****************TAB PANEL****************************************/
/*Para quitar el padding a las columnas del boostrap: col-sm, sol-lg*/
.colsSinPadding [class*="col-"] {
    padding: 2px !important;
}
                
.tabsMINAGRI .tab-content {
    padding: 5px;
}
.tabsMINAGRI.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.tabsMINAGRI.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.tabsMINAGRI.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}
        
/********************************************************************/
/*** PANEL PRIMARY ***/
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li > a,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}

.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}

.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}

.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}

.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
#tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}

.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.tabsMINAGRI.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}

/*****MODAL***********/
.modal-header{
    color:white;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    /*background-color: #5cb85c;*/
    background-color:#009966;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-footer{
    color:black;
    padding:9px 15px;    
    /*background-color: #bbddbb;*/    
    /*background-color: #59a58c;*/    
}


/*DECLARACION JURADA*/
.textoDeclaracionJurada p li{
    font: normal 14px Arial !important;
    line-height:22px !important;        
}

.firmaPostulante {
    width: 300px;
    border-top: 1px solid #000;
    text-align: center;    
}

/*EXPERIENCIA LABORAL*/
.textoELExpecifica{
    /*font: normal 14px Arial !important;*/
    color: blue !important;
    font-size:14px !important;
    font-weight:normal !important;
}

.textoELGeneral{
    /*font: normal 14px Arial !important;*/
    color: black !important;
    font-size:14px !important;
    font-weight:normal !important;
}

/*ANCHO DE OBJETOS*/
.cTamano_w10{width:10px;}
.cTamano_w20{width:20px;}
.cTamano_w30{width:30px;}
.cTamano_w35{width:35px;}
.cTamano_w40{width:40px;}
.cTamano_w45{width:45px;}
.cTamano_w48{width:48px;}
.cTamano_w50{width:50px;}
.cTamano_w60{width:60px;}
.cTamano_w70{width:70px;}
.cTamano_w75{width:75px;}
.cTamano_w80{width:80px;}
.cTamano_w85{width:85px;}
.cTamano_w90{width:90px;}
.cTamano_w95{width:95px;}
.cTamano_w100{width:100px;}
.cTamano_w110{width:110px;}
.cTamano_w120{width:120px;}
.cTamano_w125{width:125px;}
.cTamano_w130{width:130px;}
.cTamano_w140{width:140px;}
.cTamano_w145{width:145px;}
.cTamano_w148{width:148px;}
.cTamano_w150{width:150px;}
.cTamano_w155{width:155px;}
.cTamano_w160{width:160px;}
.cTamano_w165{width:165px;}
.cTamano_w170{width:170px;}
.cTamano_w175{width:175px;}
.cTamano_w180{width:180px;}
.cTamano_w185{width:185px;}
.cTamano_w190{width:190px;}
.cTamano_w195{width:195px;}
.cTamano_w200{width:200px;}
.cTamano_w205{width:205px;}
.cTamano_w210{width:210px;}
.cTamano_w220{width:220px;}
.cTamano_w230{width:230px;}
.cTamano_w240{width:240px;}
.cTamano_w250{width:250px;}
.cTamano_w250{width:252px;}
.cTamano_w260{width:260px;}
.cTamano_w270{width:270px;}
.cTamano_w275{width:275px;}
.cTamano_w280{width:280px;}
.cTamano_w290{width:290px;}
.cTamano_w295{width:295px;}
.cTamano_w300{width:300px;}
.cTamano_w310{width:310px;}
.cTamano_w320{width:320px;}
.cTamano_w330{width:330px;}
.cTamano_w340{width:340px;}
.cTamano_w345{width:345px;}
.cTamano_w350{width:350px;}
.cTamano_w360{width:360px;}
.cTamano_w370{width:370px;}
.cTamano_w380{width:380px;}
.cTamano_w390{width:390px;}
.cTamano_w400{width:400px;}
.cTamano_w410{width:410px;}
.cTamano_w420{width:420px;}
.cTamano_w430{width:430px;}
.cTamano_w440{width:440px;}
.cTamano_w450{width:450px;}
.cTamano_w460{width:460px;}
.cTamano_w470{width:470px;}
.cTamano_w480{width:480px;}
.cTamano_w490{width:490px;}
.cTamano_w500{width:500px;}
.cTamano_w510{width:510px;}
.cTamano_w520{width:520px;}
.cTamano_w530{width:530px;}
.cTamano_w540{width:540px;}
.cTamano_w550{width:550px;}
.cTamano_w560{width:560px;}
.cTamano_w570{width:570px;}
.cTamano_w580{width:580px;}
.cTamano_w590{width:590px;}
.cTamano_w600{width:600px;}
.cTamano_w610{width:610px;}
.cTamano_w615{width:615px;}
.cTamano_w620{width:620px;}
.cTamano_w630{width:630px;}
.cTamano_w640{width:640px;}
.cTamano_w650{width:650px;}
.cTamano_w660{width:660px;}
.cTamano_w670{width:670px;}
.cTamano_w680{width:680px;}
.cTamano_w690{width:690px;}
.cTamano_w700{width:700px;}
.cTamano_w710{width:710px;}
.cTamano_w720{width:720px;}
.cTamano_w730{width:730px;}
.cTamano_w740{width:740px;}
.cTamano_w750{width:750px;}
.cTamano_w760{width:760px;}
.cTamano_w770{width:770px;}
.cTamano_w780{width:780px;}
.cTamano_w790{width:790px;}
.cTamano_w800{width:800px;}
.cTamano_w810{width:810px;}
.cTamano_w820{width:820px;}
.cTamano_w830{width:830px;}
.cTamano_w840{width:840px;}
.cTamano_w850{width:850px;}
.cTamano_w860{width:860px;}
.cTamano_w870{width:870px;}
.cTamano_w880{width:880px;}
.cTamano_w890{width:890px;}
.cTamano_w900{width:900px;}
.cTamano_w910{width:910px;}
.cTamano_w920{width:920px;}
.cTamano_w930{width:930px;}
.cTamano_w940{width:940px;}
.cTamano_w945{width:945px;}
.cTamano_w950{width:950px;}
.cTamano_w960{width:960px;}
.cTamano_w970{width:970px;}
.cTamano_w980{width:980px;}
.cTamano_w990{width:990px;}
.cTamano_w1000{width:1000px;}
.cTamano_w1180{width:1180px;}
.cTamano_w1250{width:1250px;}

/*ALTO DE OBJETOS*/
.cTamano_alto_80{height:80px;}
.cTamano_alto_85{height:85px;}
.cTamano_alto_90{height:90px;}
.cTamano_alto_95{height:95px;}
.cTamano_alto_100{height:100px;}
.cTamano_alto_110{height:110px;}
.cTamano_alto_130{height:130px;}
.cTamano_alto_140{height:140px;}
.cTamano_alto_150{height:150px;}
.cTamano_alto_180{height:180px;}
.cTamano_alto_200{height:200px;}
.cTamano_alto_300{height:300px;}
.cTamano_alto_320{height:320px;}
.cTamano_alto_350{height:350px;}
.cTamano_alto_380{height:380px;}
.cTamano_alto_400{height:400px;}
.nav_chrome{
    background-image:url(../imagenes/nav_chrome.png);
}
.nav_firefox{
    background-image:url('../imagenes/nav_firefox.png');
}
.nav_explorer{
    background-image:url('../imagenes/nav_explorer.png');
}
.icono_nav {
    height: 20px;
    width: 20px;
}