/* DEFAULTS
----------------------------------------------------------*/

@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");


.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: Calibri;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			text-align: center;
			cursor: default;
			background-color: #37c0fb;
			background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			color: #fff;
			border-radius: 100%;
			display: inline-block;
			width: 5em;
			height: 5em;
			line-height: 5em;
			box-shadow: 0 0 0 3px white, 0 0 0 5px #e0e0e0;
			margin: 0 0 2em 0;
		}

			.icon.major:before {
				font-size: 36px;
			}


html
{
    margin: 0px;
    padding: 0px;
}

body
{
    width: 98%;
    min-width: 98%;
    margin: 0;
    padding: 0;
    font-family:Calibri;
    font-size: 14pt;
    background-image: url(../images/Induccion/BGManual.png); 
    padding-left:1%; padding-right:1%;
    background-repeat: repeat-x;
    height: 100%;
    /*background-color: #586f94;*/
    color: Black;
}

/* Formato de elnaces general <a></a> 
----------------------------------------------------------*/
/*
a, a:link, a:visited
{
    color: #000060;
    text-decoration: none;
}

a:active
{
    color: #ffffff;
    text-decoration: none;
}

a:hover
{
    color: #ffffff;
}*/


/* Formato de elnaces pie de página <a></a> 
----------------------------------------------------------*/
#footer a:link
{
    color: White;
    text-decoration: none;
}

#footer a:visited
{
    color: White;
    text-decoration: none;
}


#footer a:hover, a:active
{
    color: #1eb8fb;
    text-decoration: none;
}

/* Formato de elnaces de seccion right <a></a> 
----------------------------------------------------------*/
#right a:link
{
    color: #000066;
    text-decoration: none;
}

#right a:visited
{
    color: #000066;
    text-decoration: none;
}


#right a:hover, a:active
{
    color: #1d60ff;
    text-decoration: none;
}

/* HEADINGS   
----------------------------------------------------------*/


h1
{
    padding-bottom: 0px; /*margin: 15px 0px 0px 15px;*/
    padding-left: 15px;
    padding-right: 0px;
    display: block;
    font-family: Calibri;
    color: #404040;
    font-size: 22pt;
    font-weight: normal;
    padding-top: 0px;
}

h2
{
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 15px;
    font-family: Calibri;
    color: #000000;
    font-size: 22pt;
    font-weight: 500;
    padding-top: 0px;
}

h3
{
    
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 0px;
    font-family: Calibri;
    color: #0A5481;
    font-size: 14pt;
    font-weight: normal;
    padding-top: 3px;
    margin: 0px 0px 0px 0px;
}

h4
{
    padding-bottom: 0px; /*margin: 25px 0px 10px 27px;*/
    padding-left: 15px;
    padding-right: 0px;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    color: #52525a;
    font-size: 13pt;
    font-weight: normal;
    padding-top: 0px;
}

.letrasazules
{
    font-family: Calibri;
    color: #0A5481;
    font-size: 14pt;
}


/* Frases pagina de default login   
----------------------------------------------------------*/

.frase_ing
{
    padding-bottom: 0px; /*margin: 25px 0px 10px 27px;*/
    padding-left: 15px;
    padding-right: 0px;
    font-family: Calibri;
    color: #0A5481;
    font-size: 14pt;
    font-weight: normal;
    padding-top: 0px;
    text-align: left;
}

.frase_resaltada
{
    padding-bottom: 0px; /*margin: 25px 0px 10px 27px;*/
    padding-left: 15px;
    padding-right: 0px;
    font-family:Calibri;
    color: #0A5481;
    font-size: 14pt;
    font-weight: normal;
    padding-top: 0px;
    text-align: left;
}

.frase_esp
{
    padding-bottom: 0px; /*margin: 25px 0px 10px 27px;*/
    padding-left: 15px;
    padding-right: 0px;
    font-family: Calibri;
    color: Black;
    font-size: 14pt;
    font-weight: normal;
    padding-top: 0px;
    text-align: left;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 100%;
    min-width: 100%;
    margin: 0px 0px 0px 0px;
}

#header
{
    width: 102%;
    min-width: 100%;
    display:block;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}

.main
{
    width: 102%;
    min-width: 100%;
    margin: 0px;
    /*border-radius: 10px;*/
    box-shadow: 0 0 14px #ddd;
    border-left: 0px solid #C0C0C0;
    border-bottom: 0px solid #C0C0C0;
    border-right: 0px solid #C0C0C0;
    background-color: white;
    overflow: hidden;
    /* Degradado para Google Chrome   */
    /*background: -webkit-gradient(linear, 15% 50%, 1% 50%, from(#ffffff), to(#9aaac3));*/
    /*-moz-border-radius-topleft: 19px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
}

#menup /* Comienza estilo menu*/
{
      /*border-radius: 18px;*/
        width: 100%;
        min-width: 100%;  
        cursor:pointer;
		font-size:16px;
		background-color: #0f78b8; /*Color barra de menus*/
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3));
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3));
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3));
		background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3));	
}

#subMPI
{
      /*border-radius: 18px;*/
        width: 100%;
        min-width: 100%;
        cursor:pointer;
		font-size:16px;
		background-color: #0f78b8; /*Color barra de menus*/
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		
	
}
/* Termina estilo menu*/



#margen 
{
    padding-left: 1%;
    padding-right: 2%;
}

#left
{
    float: left;
    /*width: 0%; las dimeciones van en relación con el padding valor 240 - 5 de padding*/
    /*padding: 0px 5px 0px 0px;*/
    /*margin: 1% 0px 0px 0px;*/ /*position:fixed;*/
   /*background: -webkit-gradient(linear, 100% 52%, 1% 52%, from(#ffffff), to(#9aaac3));
    overflow: hidden;*/
    /* Degradado para Internet Explorer   
    background: -webkit-gradient(linear, left top, left bottom, from(#9aaac3), to(#ffffff));
    background: -webkit-linear-gradient(left, #9aaac3, #ffffff);
    background: -moz-linear-gradient(left, #9aaac3, #ffffff);
    background: -ms-linear-gradient(left, #9aaac3, #ffffff);
    background: -o-linear-gradient(left, #9aaac3, #ffffff); */
    /*border-radius: 10px;
    box-shadow: 0 0 15px #ddd;
    background: #fff;*/
    
}

#right
{   
    /*width: 100%;
    min-width: 85%;
    min-height: 100%;*/
   /* background-image: url(../images/Induccion/BGManual.png);*/ /*background-image: url('../images/aguasumma.png');      background-repeat: no-repeat;*/
    /*margin: 1% 0% 5% 15%;*/
    /*-moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
}

#rightceta
{
    width: 1220px;
    min-width: 600px;
    min-height: 800px;
    background-color: White;
    background-image: url('../images/aguaceta.png'); /*background-attachment:fixed;*/
    background-repeat: no-repeat;
    margin: 0px 0px 0px 240px;
    padding: 10px 10px 10px 10px; /* borde css3 */
    /*-moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
}

#rightke
{
    width: 1220px;
    min-width: 600px;
    min-height: 800px;
    background-color: White;
    background-image: url('../images/aguake.png'); /*background-attachment:fixed;*/
    background-repeat: no-repeat;
    margin: 0px 0px 0px 240px;
    padding: 10px 10px 10px 10px; /* borde css3 */
    /*-moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
}

#rightprocedimientos
{
    width: 1220px;
    min-width: 600px;
    min-height: 850px;
    background-color: White; /*background-image: url('../images/aguasumma.png');      background-repeat: no-repeat;*/
    margin: 0px 0px 0px 240px;
    padding: 10px 10px 10px 10px; /* borde css3 */
    /*-moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
}

.calendario 
{
    color: #365F91;
    background-color: #FFFFFF;

    border-bottom: #586f94 1px solid;
    border-left: #586f94 1px solid;
    border-top: #586f94 1px solid;
    border-right: #586f94 1px solid;
    
}
    .calendario tr td {
        
        font-weight: 550;

        border-bottom: #F4F4F9 1px solid;
        border-left: #F4F4F9 1px solid;
        border-top: #F4F4F9 1px solid;
        border-right: #F4F4F9 1px solid;

        padding-top:5px;
        padding-left:0px;
        padding-right:0px;
    }

#footer/*pie de pagina*/
{
    width: 102%;
    min-width: 100%;
    text-align: center;
    color: White;
    font-size: 14pt;
    background-color: #0f78b8; /*Color barra de menus*/
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    /*border-radius: 10px;*/
    box-shadow: 0 0 14px #ddd;
    /*-moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.hclear
{
    clear: both;
    background-color: #000000;
    height: 50px;
}

.contenedor 
{
    background-image:url(../images/Induccion/BGManual.png); 
    padding-left:2%; 
    padding-right:2%;
}

.title
{
    font-family:Calibri;
    background-color: #1396e6; 
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 0px;
    color: #FFF;
    font-size: 20pt;
    font-weight: normal;
    display: block;
    text-align: left;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

#logo
{
    width: 75px; 
    margin: 0px 0px 0px 6px;
    float: left;
    border: 0;
}

#home
{
    width: 40px; 
    margin: 0px 0px 0px 6px;
    float: right;
    border: 0;
}

.list_box_user
{
    border-bottom: #ccc 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 5px;
    background-color: #fff;
    padding-left: 5px;
    width: 95px;
    padding-right: 5px;
    height: 14px;
    color: #737373;
    font-size: 14pt;
    border-top: #fff 1px solid;
    margin-right: 5px;
    border-right: #ccc 1px solid;
    padding-top: 5px;
}

/**********************************  Control de directorio *********************************************/

.boton
{
    border-bottom: #ccc 1px solid;
    border-left: #fff 1px solid;
    border-right: #ccc 1px solid;
    border-top: #fff 1px solid;
    background-color: #fff; /*width: 95px;*/
    height: 25px;
    color: black;
    font-size: 14pt;
    font-family: Calibri;
    margin-right: 5px;
}


/**********************************  Control de inicio de sesion ****************************************/

.btnRegister
{
    color: White;
    background: -webkit-gradient(linear, 50% 100%, 50% 1%, from(#e7e7e7), to(Navy));
    background-color: Navy;
    border-width: 1px;
    border-style: Groove;
    font-size: 14pt;
    font-weight: bold;
    height: 28px;
    width: auto;
    /*-moz-border-radius-topleft: 19px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
}

    .btnRegister:hover
    {
        color: Navy;
        background: -webkit-gradient(linear, 50% 100%, 50% 1%, from(#e7e7e7), to(#c2c2c2));
        background-color: navy;
        cursor: pointer;
        border-width: 1px;
        border-style: Groove;
        font-size: 14pt;
        font-weight: bold;
        height: 28px;
        width: auto;
        /*-moz-border-radius-topleft: 19px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomleft: 20px;
        -moz-border-radius-bottomright: 20px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;*/
    }

    .btnRegister:active
    {
        background: -webkit-gradient(linear, 50% 100%, 50% 1%, from(#e7e7e7), to(#99CCFF));
        background-color: #99CCFF;
        color: Navy;
        /*-moz-border-radius-topleft: 19px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomleft: 20px;
        -moz-border-radius-bottomright: 20px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;*/
    }

.sugerencias
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #000066;
    list-style-type: none;
}

.txtbuscar
{
    background: url(../images/search-bg.png) top left no-repeat;
    border: 0px solid White;
    padding: 0px 0px 0px 25px; /*margin: 0px 0px 0px 0px;*/
    width: 275px;
    height: 20px;
    font-family: Calibri;
    font-size: 14pt;
    color: White;
}

.search_box_user
{
    border-left: #000066 1px solid;
    border-bottom: #000066 1px solid;
    border-top: #000066 1px solid;
    border-right: #000066 1px solid;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    background-color: #fff;
    width: 90%;
    height: 20px;
    color: black;
    font-size: 14pt;
    font-family: Calibri;
    margin-right: 5px;
    font-size: 16pt;
}

.search_sugerencias
{
    border: 1px solid #000066;
    background-color: #fff;
    color: black;
    font-family: Calibri;
    font-size: 14pt;
    text-align: center;
}

.valores
{
    font-family: Calibri;
    color: black;
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
}

#usrlog
{
    font-family: Calibri;
    color: #000022;
    font-weight: bold;
    font-size: 14pt;
}

 #respws 
        {
            font-size: 14pt;
            text-align: left;
            margin: 0px 0px 0px 20px;
            color: #000022;
        }

.caphead
{
    font-family: Calibri;
    color: #000022;
    font-weight: inherit;
    font-style: normal;
    font-size: 14pt;
    margin-left: 230px;
}

.comhead
{
    font-family: Calibri;
    color: #000022;
    font-weight: bold;
    font-style:normal;
    font-size: 14pt;
}

.combohead {
     margin:0px;        
     border:0px;
     overflow: hidden;
     position:relative;
     font-family: "Calibri";
     color: #000022;
     font-weight: inherit;
     font-style:normal;
     font-size: 14pt;
  }

#cierra
{
    font-family: "Calibri";
    color: #000022;
    font-size: 16px;
}

.alinghead {
    width: 97%;
    height: 5%;
    margin-left: 1%;
}
/* configuraciones para el organigrama 
----------------------------------------------------------*/

.panelOrg
{
    overflow: scroll;
    width: 100%;
}

.letraorg
{
    font-size: small;
}

.alineaorg
{
    text-align: center;
}

/* configuraciones de innerfade
----------------------------------------------------------*/

#portfolio
{
    list-style-type: none;
}

.enblanco
{
    white-space: nowrap;
    overflow: hidden;
}

/* configuraciones de texto lado derecho
----------------------------------------------------------*/
.text
{
    border-width: 1px;
    border-color: #999999; /*background-color: #fbfbfb;*/
    padding-left: 10px;
    padding-right: 10px;
    border-top-style: solid;
    border-bottom-style: solid;
}

/* configuraciones de texto pagina procesos
----------------------------------------------------------*/
.titulopuesto
{
    font-size: 16pt;
    font-style: italic;
    font-weight: bold;
}

.tablaindiceprocesos
{
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #000060;
}


/* configuraciones de texto pagina Actualizacion procesos
----------------------------------------------------------*/
.accordionHeader
{
    border: 1px solid #000060;
    color: white;
    background-color: #000060;
    font-family: Calibri;
    font-size: 14pt;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #586f94;
    color: white;
    background-color: #586f94;
    font-family: Arial, Sans-Serif;
    font-size: 14pt;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #dde4ec;
    border: 1px dashed #586f94;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.cumple
{
    border-bottom: 1px solid #000066;
}

/* configuraciones de tablas para el borde de celdas
----------------------------------------------------------*/
.tblborde
{
    border-right: 1px solid #000066;
}

/* detalles de movimientos
----------------------------------------------------------*/

.folio
{
    color: Red;
}

.separadorinferior
{
    border-bottom: 1px solid #000066;
}

/* manual de bienvenida
----------------------------------------------------------*/
.cursormb
{
    cursor: pointer;
}

.mbcontenido
{
    padding-left: 30px;
}

/* modal popup autorizaciones
----------------------------------------------------------*/
.modalBackground
{
    background-color: Gray;
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
}

.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 300px;
    height: 65px;
}

.modalBackgrounde
{
    background-color: Gray;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}

.paddingex
{
    padding: 10px 10px 10px 10px;
}

.carritoicono
{
    height: 20px;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.bordes
{
    border: 1px solid #000066;
}

#divFlotante {
position: absolute;
width: 99%;
top: 300px;
left: 135px;
margin-left: -128px;
border: 0px;
padding: 2px;
z-index: 200;
}