@import "font-awesome/css/font-awesome.min.css";
@import "galano/galano.css";

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

html {
    height: 100%;
}
.logo {
    width: 324px;
    height: 90px;
    background: url('../images/IPLAEM-blanco.png'); 
    background-size: 100% 100%;
    margin: 30px auto 0px;
    padding: 5px
}

.pie {
    width: 311px;
    height: 151px;
    background: url('../images/Michoacan - Concepto(blanco).png');
    background-size: 100% 100%;
    margin: 30px auto 0px;
    padding: 5px
}
.pie2 {
    width: 337px;
    height: 76px;
    background: url('../images/Michoacan - Concepto.png');
    background-size: 100% 100%;
    margin: 30px auto 0px;
    padding: 5px
}

.logopag {
    /*background: url('../images/Michoacan - Concepto.png') no-repeat;*/
    background-size: 100% 100%;    
    height: 60px;
    margin: 5px auto;
    padding: 5px;
    width: 100px;
}

.login-block {
    width: 380px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    border-top: 5px solid #29BDBE;
    margin: 50px auto;
    box-shadow:         10px 10px 5px 0 rgba(0, 0, 0, 0.7), 0 1px 2px rgba(0, 0, 0, 0.9);		
}

.login-block h2 {
    text-align: center;
    color: #414142;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block h1 {
    text-align: center;
    color: #808285;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.texto{
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;    
    padding: 0 20px 0 50px;
    outline: none;
}

.textoL{
    color: #6b737c;                    
    font-size: 30pt;                    
    line-height: 150%;                    
    text-align: center;
    vertical-align: middle;
    width: 80%;
    letter-spacing: 3pt;
    text-shadow:5px 5px 4px #aaa;
    text-align: center; /*font-size:xx-large; vertical-align: middle; color:#487194*/
    position: absolute;
    top:40%;
    left:15%;                                                          
    padding:5px;                   

}


.login-block input#username {
    background: #fff url('../images/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus {
    background: #fff url('../images/u0XmBmv.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password {
    background: #fff url('../images/Qf83FTt.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus {
    background: #fff url('../images/Qf83FTt.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.texto:active, .texto:focus {
    border: 1px solid #B40A5C;
}

/** Botones ***********************************/
.boton{
    background:-moz-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:-ms-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:-o-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:-webkit-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:linear-gradient(#f9f9f9 0%,#DADADA 100%);
    border:solid 1px #CFCFCF;
    border-radius:5px;
    text-align:center;
    padding:10px;
    color:#7A7676;

    margin:0 8px;
    height: auto ;
    font-weight: bold;
}
.boton:hover{
    background:-moz-linear-gradient(#fff 0%,#DEDEDE 100%);
    color:#7A7676;
    /*font-size: x-small;*/
} 

.boton2{
    background:-moz-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:-ms-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:-o-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:-webkit-linear-gradient(#f9f9f9 0%,#DADADA 100%);
    background:linear-gradient(#f9f9f9 0%,#DADADA 100%);
    border:solid 1px #CFCFCF;
    border-radius:5px;
    text-align:center;
    padding:4px;
    color:#7A7676;
    font-size:  x-small;
    margin:0px;
    height: auto ;
    font-weight: bold;
    letter-spacing: 1pt;
}
.boton2:hover{
    background:-moz-linear-gradient(#fff 0%,#DEDEDE 100%);
    color:#B5B4B4;
    font-size: xx-small;
} 


.login-block div.errorAcces {
    color: #ca1818;
    background-color : #F2E3AC;    
    font-size: x-small;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding: 10px 0px 10px 0px;
    border: 1px solid;
    font-family: 'Galano';
}



.triangle-border.top:before {
    border-width: 0 20px 20px;
    bottom: auto;
    left: auto;
    right: 40px;
    top: -20px;
}
.triangle-border:before {
    border-color: #C13142 transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
.triangle-border.top:after {
    border-width: 0 13px 13px;
    bottom: auto;
    left: auto;
    right: 47px;
    top: -13px;
}
.triangle-border:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}
.triangle-border {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #C13142;
    border-radius: 5px;
    color: #ca1818;
    margin: 1em 0 3em;
    padding: 5px;
    position: relative;
    font-size: x-small;

}


/******************************************************************************/
/*Estilo para el div con ID mainmenu, que despliega el menu principal*/

#mainmenu {      
    float: left;
    height: auto;
    margin: 0;
    padding-top: 0;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 20%;    
}

#tituloSist{
    /*background-color: rgba(236,0,140,0.5);     */
    color: #6b737c;
    float: left;
    font-size: xx-large;
    height: 5%;
    line-height: 150%;
    margin: 5px auto;
    text-align: center;
    vertical-align: middle;
    width: 80%;
    letter-spacing: 3pt;
    text-shadow:5px 5px 4px #aaa;
}

#logout{     
    color: #757575;
    float: left;
    height: 25px;
    width: 80%;
}

.logoutTex{      
    cursor: default;
    font-size: small;
    padding-right: 50px;
    text-align: right;
}

/*Estilo para el div con ID content, que es donde se despliega el contenido principal del sistema*/

.content {
    float: left;
    padding: 0;
    margin: 2px;
    width: 78%;    
    height: 85%;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    background: url(../medios/tema/escudo_michoacan.png) bottom right no-repeat;
}

/*Estilo para el div con ID footer, donde se despliega el pie de p�gina del sistema*/

#footer {
    /*background: #bbbbbb repeat scroll 0 0;*/
    /*background-color: rgba(236,0,140,0.4);   */
    background: rgba(123,29,95,1);
    background: -moz-linear-gradient(left, rgba(123,29,95,1) 0%, rgba(193,157,182,1) 49%, rgba(193,157,182,1) 50%, rgba(123,29,95,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(123,29,95,1)), color-stop(49%, rgba(193,157,182,1)), color-stop(50%, rgba(193,157,182,1)), color-stop(100%, rgba(123,29,95,1)));
    background: -webkit-linear-gradient(left, rgba(123,29,95,1) 0%, rgba(193,157,182,1) 49%, rgba(193,157,182,1) 50%, rgba(123,29,95,1) 100%);
    background: -o-linear-gradient(left, rgba(123,29,95,1) 0%, rgba(193,157,182,1) 49%, rgba(193,157,182,1) 50%, rgba(123,29,95,1) 100%);
    background: -ms-linear-gradient(left, rgba(123,29,95,1) 0%, rgba(193,157,182,1) 49%, rgba(193,157,182,1) 50%, rgba(123,29,95,1) 100%);
    background: linear-gradient(to right, rgba(123,29,95,1) 0%, rgba(193,157,182,1) 49%, rgba(193,157,182,1) 50%, rgba(123,29,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b1d5f', endColorstr='#7b1d5f', GradientType=1 );


    color: #fff;
    float: left;    
    font-size: x-small;
    font-weight: bold;
    height: 3%;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
    letter-spacing: 2px;
}

.contentframeOp {    
    width: 100%;    
    height: 100%;
    /*background: #F2E3AC;*/
}  

.user{
    vertical-align: middle;
    height: 30px;
    cursor: default;
    text-align: center;    
    padding: 6px;
    color: #757575;
    cursor: default;
    font-size: 16px;
}  

.title {    
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding: 6px 20px;
    margin-bottom: 15px;
    margin-left: 10px;
    cursor: default;
    border-radius: 3px 0px 0px 30px ;

    background: rgba(193,157,182,1);
    background: -moz-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(193,157,182,1)), color-stop(100%, rgba(123,29,95,1)));
    background: -webkit-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: -o-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: -ms-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: linear-gradient(to right, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19db6', endColorstr='#7b1d5f', GradientType=1 );

    -webkit-box-shadow: 5px 7px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 7px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 5px 7px 5px 0 rgba(0, 0, 0, 0.3);
}

.titleWelcome {    
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding: 6px;
    margin-bottom: 6px;
    cursor: default;
    background-color: rgba(41,189,190,0.5);     

}


/*div de bienvenida*/
#easeout {    
    text-align: center; 
    vertical-align: middle; 
    color:#487194;
    -moz-transition-property: font-size;
    -moz-transition-duration: 10s;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 10s;
    -o-transition-property: font-size;
    -o-transition-duration: 10s;
    font-size: 36px;
}


#easeout:hover {
    -moz-transition-property: font-size;
    -moz-transition-duration: 30s;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 30s;
    -o-transition-property: font-size;
    -o-transition-duration: 30s;
    font-size: 52px;
}

/*Divs con clase mensaje_pendiente para mensajes que se muestran solo una vez*/
div.mensaje_pendiente {    
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    font-style: italic;
    color: #B40A5C;    
    padding: 5px;
    margin: 0 auto 10px;
    width: 85%;
    text-shadow:5px 5px 4px #aaa;
}


/*Divs con clase en_espera para mensajes donde se procesa algo*/
div.en_espera { 
    background: url('../medios/imagenes/reloj.gif') no-repeat;
    background-position: center;
    letter-spacing: 1px;
    color: #808285;
    font-size: large;
    font-style: italic;
    font-weight: bold;
    height: 100px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 80%;

}

div.wait_message { 
    background: url('../medios/imagenes/reloj.gif') no-repeat;
    background-position: center;
    letter-spacing: 1px;
    color: #D44188;  
    text-shadow:5px 5px 4px #aaa;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    height: 60px;
    margin: 0 auto;    
    text-align: center;
    width: 80%;
    background-size: 45px 45px;

}

/*Divs con clase error para mostrar errores*/

div.error {
    color: #ff0000;
    font-size: x-small;
    font-weight: bold;
    line-height: 180%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 80%;
}

/*Divs con clase peligro para mostrar avisos de acciones potencialmente peligrosas*/

div.peligro {    
    text-align: center;
    font-weight: bold;
    font-size: 11pt;
    margin: 0px auto;
    color: #BD0000;    
    width: 90%;
    vertical-align: middle;
    padding: 2px;
    padding-bottom: 5px;
    line-height: 150%;
}  

/*  Tablas ***********************************************/
.sortable {
    width:90%; 
    margin:0 auto 15px;
    /*
    border-bottom:none; 
    box-shadow: 5px 5px 6px #888888;
    padding: 5px;
    
    border-left:1px solid #c6d5e1; 
    border-top:1px solid #c6d5e1; 
    
    */
}

.sortable th {    
    /*background-color: rgba(41,189,190,0.5);  */   
    background-color: rgba(186,185,186,0.6);     
    text-align:left; 
    color:#414142; 
    border:1px solid #fff; 
    border-right:none
}

.sortable th h3 {
    font-size:11px; 
    /*padding:6px 8px 8px*/
}

.sortable td {
    padding:4px 6px 6px; 
    /*
    border-bottom:1px solid #c6d5e1; 
    border-right:1px solid #c6d5e1;
    */
    font-size: 12px;
}

.sortable .head h3 {
    background:url(../medios/imagenes/sort.gif) 7px center no-repeat; 
    cursor:pointer; 
    padding-left:18px;
    padding-right: 8px;
}

.sortable .desc, .sortable .asc {

    background-color: rgba(128,130,133,0.6);     
    color: #fff;
}

.sortable .desc h3 {background:url(../medios/imagenes/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px
}

.sortable .asc h3 {background:url(../medios/imagenes/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px
}

.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {
    /*color:#fff*/
    color: #6b737c;
}

.sortable .evenrow td {
    background:#fff
}


.sortable img.icono {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sortable .oddrow td {
    background:#ecf2f6
}

.sortable td.evenselected {
    background:#ecf2f6
}

.sortable td.oddselected {    
    /*
    background-color:rgba(41, 189, 190, 0.2);
    */    
    background-color:rgba(123, 29, 95, 0.1);
}

#controls {
    width:90%; 
    margin:0 auto; 
    height:20px;
    font-size: x-small;
}

#perpage {
    float:left; 
    width:30%;
}

#perpage select {
    float:left; 
    font-size:11px;
}

#perpage span {
    float:left; 
    margin:2px 0 0 5px
}

#navigation {
    float:left; 
    width:40%;
    text-align:center;
}

#navigation img {
    cursor:pointer;
}


#text {
    float:left; 
    width:30%;
    text-align:right; 
    margin-top:2px;
}

/***********    formularios *******************/

.capDatos {    
    margin: 30px 60px 0;
    padding: 10px;
    width: 80%;
    -moz-box-shadow:    inset 0 0 4px #424242;
    -webkit-box-shadow: inset 0 0 4px #424242;
    box-shadow:         inset 0 0 4px #424242;

}

.capDatos label.tituloDatos {    
    background-color: #fff;
    color: #666666;
    font-size: small;
    font-style: italic;
    margin: -22px 0 0;
    padding: 5px 20px;
    position: absolute;
}


table.tablaCapt{
    width: 95%;
    margin: 20px auto;  
}

table.tablaCapt th {
    padding: 3px;
    color: #414142;
    font-size: small;
    font-weight: bold;
    line-height: 100%;
    margin: 0;
    padding: 8px;
    text-align: left;
}
table.tablaCapt td {
    padding: 3px;
    color: #414142;
    font-size: small;
    font-weight: bold;
    line-height: 100%;
    margin: 0;
    padding: 8px 45px;
}

table.tablaCapt td.izquierda {   
    text-align: left;
}

table.tablaCapt td.derecha {    
    text-align: right;
}

table.tablaCapt td.centro {   
    text-align: center;
}

.cuadro_texto_busqueda{

}
.cuadro_texto {
    display: block;
    height: auto;
    padding: 6px;	
    border-radius:         5px;
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);	
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);		
    border: 2px solid #dbdbdb;
    color: #414142;
    position: relative;
    width: 80%;
    font-size: 12px;
}

textarea.cuadro_texto {
    height: 80px;
    overflow: auto;	
    position: relative;
}

.cuadro_texto:hover, input[type="text"]:hover , textarea:hover{
    border: 1px solid #7B1D5F;
}

.cuadro_texto:focus, input[type="text"]:focus , textarea:focus{
    border: 1px solid #808285;
}

.cuadro_texto:disabled, input[type="text"]:disabled {
    background-color: #D5C8D1;
    opacity: 0.7;
}

.cuadro_texto_invalido {        
    background-color: #FAE7E7;
    display: block;
    height: auto;
    padding: 6px;	
    border-radius:         5px;
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);	
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);		
    border: 2px solid #E4223C;
    color: #DF0101;
    position: relative;
    width: 50%
}

textarea.cuadro_texto_invalido {
    height: 80px;
    overflow: auto;	
    position: relative;
}

label.obligatorio{
    color:red;
}

/* Estilo para los combobox */

select {  

    padding:5px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;


    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);	
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);	
    background: #f8f8f8;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    width: 80%;
    cursor:pointer;

}


select:disabled{
    background-color: #D5C8D1;
    opacity: 0.7;
}

select:hover { 
    border: 1px solid #7B1D5F;
}

select:focus { 
    border: 1px solid #808285;
}

ul li {    
    line-height: 180%;    
}

/****   Tabla muestra datos **************************************/  

table.tablaDatos{       
    width:90%;
    height:auto;
    margin:0px auto;
    padding:0px;
    box-shadow: 5px 5px 5px #888888;

} 

table.tablaDatos td{
    vertical-align:middle;
    background:-o-linear-gradient(bottom, #a1a2a3 5%, #ffffff 100%);	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1a2a3), color-stop(1, #ffffff) ); 
    background:-moz-linear-gradient( center top, #a1a2a3 5%, #ffffff 100% );
    background: -o-linear-gradient(top,#a1a2a3,ffffff);
    background-color:#a1a2a3;       
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:11px;
    font-size: x-small;
    color:#000000;
} 

table.tablaDatos  th.titleDatos{
    background: #fff;
    color: #414142;
    text-align: center ;
    font-size: small;
} 

table.tablaDatos  th{		
    background-color:#808285;
    text-align:right;
    border-width:0px 0px 1px 1px;
    font-size: x-small;
    font-weight:bold;
    color:#ffffff;
    padding-right: 10px;
}



/****************file**************************/

div.upload {
    width: 100px;
    height: 36px;
    background: url('../medios/imagenes/upload2.png') no-repeat;
    overflow: hidden;
}

div.upload input {
    display: block !important;
    width: 100px !important;
    height: 36px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}


/*******    Pestañas ******************************/
#contenedorPest {
    margin: 40px auto;
    width: 90%;  /* Ancho del contenedorPest */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#contenedorPest input {
    height: 33px;
    visibility: hidden;
}

#contenedorPest label {
    float: left;
    cursor: pointer;
    font-size: 15px;  /* Tamaño del texto de las pestañas */
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    display: block;
    color: #414142;  /* Color del texto de las pestañas */
    text-align: center;
    border-radius: 5px 5px 0 0;
    background: #eee;  /* Fondo de las pestañas */
    margin-right: 5px;
}

#contenedorPest input:hover + label {
    background: #ddd;  /* Fondo de las pestañas al pasar el cursor por encima */
    color: #666;  /* Color del texto de las pestañas al pasar el cursor por encima */
}

#contenedorPest input:checked + label {
    
    background: rgba(193,157,182,1);
    background: -moz-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(193,157,182,1)), color-stop(100%, rgba(123,29,95,1)));
    background: -webkit-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: -o-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: -ms-linear-gradient(left, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    background: linear-gradient(to right, rgba(193,157,182,1) 0%, rgba(123,29,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19db6', endColorstr='#7b1d5f', GradientType=1 );
    
    
    
   
    
    color: #fff; /* Color de las pestañas al presionar */
    z-index: 6;
    line-height: 45px;
    height: 50px;
    position: relative;
    top: -10px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s;
    -ms-transition: .1s;
}

.contentPest {    
    position: relative;
    width: 100%;
    height: 600px;  /* Alto del contenido */
    padding: 10px;
    z-index: 5;
    border-radius: 0 5px 5px 5px;
    border-top: 2px solid #c19db6;
    /*box-shadow: 0 0 4px #424242 inset;*/
}

.contentPest div {
    position: absolute;
    z-index: -100;
    opacity: 0;
    transition: all linear 0.1s;
    width: 95%;
    height: 90%
}

#contenedorPest input.tab-selector-1:checked ~ .contentPest .contentPest-1,
#contenedorPest input.tab-selector-2:checked ~ .contentPest .contentPest-2,
#contenedorPest input.tab-selector-3:checked ~ .contentPest .contentPest-3,
#contenedorPest input.tab-selector-4:checked ~ .contentPest .contentPest-4 {
    z-index: 100;
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
}

/**Mensajes en tooltips ******************************/
.tooltip_header {
    color: #414142;
    background:#C19DB6;       
    font-size:x-small;
    border: #BAB9BA 1px solid;
    padding: 3px;
   font-weight: bold;
   letter-spacing: 3px;
}

.tooltip_body {
    color: #333333;
    background-color: #EEE;
    /*opacity: 0.8; */   
    font-size:x-small;
    border: #BAB9BA 1px solid;
    padding: 3px;
}

.tooltip_body ol{
    margin: 0 auto;
    padding-left: 14px;
}


/* acceso*/ 
.formErrorLogin {
    background: #ee0101 none repeat scroll 0 0;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 0 6px #000;
    color: #fff;
    font-size: 11px;
    left: 320px;
    margin: 10px 0 0 0;
    min-width: 120px;
    padding: 4px 10px;
    position: relative;
    width: 50%;    
}

.formErrorArrowL {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 10px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
        
        left: 320px;
        margin: -2px 0 0 13px;
    position: relative;
    width: 15px;
        z-index: 996;
}


.formErrorArrowL .line10 {
	width: 13px;
	border: none;
}

.formErrorArrowL .line9 {
	width: 11px;
	border: none;
}

.formErrorArrowL .line8 {
	width: 11px;
}

.formErrorArrowL .line7 {
	width: 9px;
}

.formErrorArrowL .line6 {
	width: 7px;
}

.formErrorArrowL .line5 {
	width: 5px;
}

.formErrorArrowL .line4 {
	width: 3px;
}

.formErrorArrowL .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formErrorArrowL .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formErrorArrowL .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}