@import url('https://fonts.googleapis.com/css?family=Nunito:300,700,900');

html,body{
    width:100%;
    margin:0;
    padding:0;
    font-family: 'Nunito', sans-serif;
}

a{
    color: inherit;
    text-decoration: none;
}

.radioinput{
    display: inline-block;
    float:left;
    width: 50%;
    margin-left: 25%;
    margin-top: 5px;
}
.radioinput input{
    display: inline-block;
    float: left;
    width: 10%;
    box-sizing: border-box;
}
.radioinput label{
    display: inline-block;
    float: left;
    width: 85%;
    margin: 0;
}
.redast{
    color: #ff0000;
}
.datosobligatorios{
    text-align: center;
    font-weight: bolder;
}

/* LOGIN */
        /* BODY */
        #bodylogin{
            background-color: lightgray;
        }
        /* SECTION */
        #loginsection{
            width: 100%;
            display: inline-flex;
        }
        #loginouter{
            width:500px;
            margin:0 auto;
            display: inline-flex;
        }
        #logininner{
            margin: auto 0;
            background-color: #fff;
            width:500px;
            height:350px;
            border: 3px solid #bab8b2;
            position: relative;
        }

		#logoAZ{
			margin-left: 30%;
			display: block;
			width: 40%;
			height: 92px;
			margin-top: 100px;
			margin-bottom: 20px;
			text-align: center;

		}
        /* FORM */
        #formlogin{
            width:100%;
        }
        .labellogin{
            width:90%;
            text-align: left;
            clear: both;
            margin-left: 5%;
            margin-top: 30px;
            display: inline-block;
            font-weight: 700;
            font-size: 1.3em;
        }
        .logininput{
            clear: both;
            width:80%;
            height:30px;
            margin: 10px 5%;
        }
        #loginsubmitwrap{
            width:100%;
            position: absolute;
            bottom:0;
            height:100px;
            background-color: #3f5461;
        }
        #submitlogin{
            width:130px;
            height:30px;
            position: absolute;
            bottom:20px;
            right:20px;
            border-radius:10px;
            color: #3f5461;
            font-weight: 700 ;
            font-size: 1.1em;
        }



/* GENERAL */
        /*HEADER*/
        header{
            display: inline-block;
            height:150px;
            width:100%;
            border-bottom: 2px solid #3f5461;
            position: relative;
        }
        #headerlogo{
            width:30%;
            height:120px;
            margin-top: 25px;
            object-fit: contain;
        }
        #headermenu{
            display: inline-block;
            min-width: 35%;
            height:90px;
            background-color: #2e404b;
            position: absolute;
            top:30px;
            right:15px;
            color: #fff;
            font-weight: 700;
			border-radius: 5px;
        }
        #userheader{
            display: inline-block;
            float: left;
            width:70%;
            height:100%;
            line-height: 90px;
            text-align: center;
        }
        #signoutheader{
            display: inline-block;
            float: left;
			width: 30%;
            height:100%;
            background-color: #c1272d;
            text-align: center;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			line-height: 90px;
        }


		#signoutheader:hover{
			background: #7B0103;

		}



        .spanheadermiddle{
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        }
        /* NAV */
        #menu{
            width: calc(100% - 30px);
            background-color: #3f5461;
            margin:20px 15px 0 15px;
            border-radius: 5px;
			height: 45px;
        }
        #menu p{
            color: #fff;
            display: inline-block;
            float: left;
			margin: 0;
            padding: 0 10px;
            font-weight: 700;
			font-size: .8em;
        }

		#menu p a{
			display:block;
			height: 45px;
			line-height: 45px;
			padding: 0 5px;
		}
		
#menu p a:hover{
	background: #1C7CDE;
}


		/* NAV RESPONSIVE */


		.check{
			visibility: hidden;
			display: none;
		}


		#menuR {
			height:0px;
			-webkit-transition: all 1s ease-in 0s;
			-o-transition: all 1s ease-in 0s;
			transition: all 1s ease-in 0s;
			overflow: hidden;
			width: 94%;
			margin-left: 3%;
			display: none;
			visibility: hidden;

		}

		#menuR00 {
			background-color: #3f5461;
			color: #FFFFFF;
			height: 40px;
			text-align: center;
			line-height: 40px;
			border-radius: 5px;
			width: 94%;
			margin-top: 15px;
			margin-left: 3%;
			display: none;
			visibility: hidden;
		}


		#menuR01 {
			background-color: #04AECA;
			color: #FFFFFF;
			height: 40px;
			text-align: center;
			line-height: 40px;
			display: none;
			visibility: hidden;
}




/* INICIO*/

#inicio{
	background: #056DC8;
	color: #FFF;
	padding: 2%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #9C9B9B;
	border-right: 1px solid #9C9B9B;
	
}

#bulletInicio{
	color: #056DC8;
	border-left: 1px solid #9C9B9B;
	border-right: 1px solid #9C9B9B;
	padding: 2%;
	
	
}

#inicioMail{
	background: #056DC8;
	color: #FFF;
	padding: 2%;
	margin-bottom: 30px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left: 1px solid #9C9B9B;
	border-right: 1px solid #9C9B9B;
	
	
	
}

.sombraInicio{
	border-radius: 5px;
	margin-top: 30px;
	margin-left: 15%;
	width: 70%;
	-webkit-box-shadow: 0px 10px 28px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 28px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 28px -2px rgba(0,0,0,0.75);
}






/* USUARIOS */
    /* CONSULTAR */
        /* SECTION */
        #usersection{
            width:100%;
        }
        #usertable{
/*            width: calc(100% - 30px);
            overflow-x: scroll;*/
			margin-top: 100px;
        }
        #titleline{
            display: inline-block;
            width: calc(100% - 30px);
            margin:30px 15px 0 15px;
            font-weight: 900;
            font-size: 1.5em;
            color: #3f5461;
        }
        #titleline p{
            float: left;
            width: 120px;
            height:20px;
            margin:0;
        }
        #titlelinerect{
            height:10px;
            background-color: #3f5461;
            overflow: hidden;
            margin-top: 10px;
        }
        #adduserbutton{
            width:170px;
            margin:20px auto;
            background-color: silver;
            border-radius: 5px;
            padding:15px 15px;
            font-size: 1.4em;
            color: #fff;
        }
        .rowcontainer{
            width: calc(100% - 30px);
            min-width: 1000px;
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
            height:50px;
            line-height: 50px;
            font-size: 1.2em;
            overflow: hidden;
        }
        .usercolumnname{
            display: inline-block;
            float: left;
            width:20%;
        }
        .usercolumnnotaria{
            display: inline-block;
            float: left;
            width:25%;
        }
        .usercolumnemail{
            display: inline-block;
            float: left;
            width:35%;
        }
        .usercolumndata{
            display: inline-block;
            float: left;
            width:10%;
            color: dodgerblue;
        }


		.btnVolver{
			background: #057DB4;
			color: #FFFFFF;
			font-size: 1.1em;
			margin-left: 7%;
			border-radius: 5px;

		}
    /* AGREGAR */
        /* SECTION */
        #useraddsection{
            width:100%;
        }
        #adduserwindow{
            width:800px;
            background-color: lightgray;
            margin:50px auto;
			border-radius: 10px;
			-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
        }
        #formadduser{
            width:100%;
            height:100%;
        }
        .adduserinputsection{
            width:100%;
            border-bottom: 1px solid #3f5461;
            display: inline-block;
            float: left;
            margin-top: 10px;
            padding-bottom: 10px;
        }
        .labeladduser{
            width:50%;
            display: inline-block;
            float: left;
            margin-left: 25%;
            font-weight: 700;
            color: #3f5461;
        }
        .adduserinput{
            display: inline-block;
            float: left;
            width:50%;
            height:30px;
            margin-left: 25%;
            margin-top: 5px;
        }
        #addusertitle{
            width:calc(100% - 10px);
            display: inline-block;
            float: left;
            background-color: #3f5461;
            font-size: 1.3em;
            font-weight: 700;
            color: #fff;
            padding:10px 0 10px 10px;
			border-top-right-radius: 10px;
			border-top-left-radius: 10px;
        }
        #addusersubmitwrap{
            width:100%;
            height:60px;
            display: inline-block;
            /*float: left;*/
            margin-top: 10px;
            padding-bottom: 10px;
        }
        #submitadduser{
            width:160px;
            height:30px;
            margin:0 auto;
            margin-top: 15px;
            display: block;
        }
        #titlelinedatos{
            display: inline-block;
            width: calc(100% - 30px);
            margin:30px 15px 0 15px;
            font-weight: 900;
            font-size: 1.5em;
            color: #3f5461;
        }
        #titlelinedatos p{
            float: left;
            width: 180px;
            height:20px;
            margin:0;
        }
        #titlelinerectdatos{
            height:10px;
            background-color: #3f5461;
            overflow: hidden;
            margin-top: 10px;
        }
/* USUARIOS */
    /* CONSULTAR */
        /* RESULTADOS */
        .consultabusquedalista{
            width:80%;
            background-color: #3f5461;
            margin:0 auto;
            padding:10px 0 10px 10px;
            font-weight: 700;
            color: #fff;
        }
        .resultadobusquedalista{
            width:80%;
            background-color: lightgray;
            margin:0 auto;
            padding:10px 0 10px 10px;
            font-weight: 700;
            color: #3f5461;
        }
        .textonombreproceso{
            width:50%;
            display: inline-block;
            float: left;
            margin-left: 25%;
            color: #3f5461;
            margin-top: 0;
        }
        .acuerdoagregardatos{
            width:95%;
            margin-left: 2.5%;
            text-align: center;
            font-weight: 900;
        }


		.btnNoSeEncontro{
			font-size: 1em;
			background: #002F53;
			color: white;
			border-radius: 6px;
			margin: 20px auto;
			text-align: center;
			width: 200px;

			
		}

		.btnNoSeEncontro a{
			display: block;
			height: 50px;
			line-height: 50px;
		}


		.btnNoSeEncontro a:hover{
			background: #018FA9;
			border-radius: 6px;
		}



        .datosusuario{
            width:10%;
            display: inline-block;
            float: left;
        }
        .datosano{
            width:10%;
            display: inline-block;
            float: left;
        }
        .datosmes{
            width:10%;
            display: inline-block;
            float: left;
        }
        .datoscombo{
            width:34.6%;
            display: inline-block;
            float: left;
        }
        .datosparte1{
            width:16.6%;
            display: inline-block;
            float: left;
        }
        .datosparte2{
            width:16.6%;
            display: inline-block;
            float: left;
        }
        /*#datostable{*/
            /*min-width:1000px;*/
        /*}*/
        /*#datossection{*/
            /*width:100%;*/
            /*overflow-x: scroll;*/
        /*}*/



/*   CONSULTA DATOS PROPIOS */


.filtrosdatos{
	width: 40%;
	margin-left: 30%;
	text-align: center;
	font-size: 2em;
}

.formConsultaPropios{
	font-size: .5em;
	
}

#btnElegir{
	font-size: .5em;
	background: #002F53;
	color: white;
	padding: 0 15px;
	border-radius: 6px;
	margin-left: 10px;
}

#btnBuscarPorEscritura{
    /* margin-right: 0; */
    width: 100px;
}

#tableconsultapropios{
    table-layout: fixed;
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
    width:90%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableconsultapropios tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableconsultapropios td, th{
		padding: 6px; 
		border: 1px solid #ccc; 
}


.rowdatoscontainer{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
/*            line-height: 50px;*/
            font-size: 1.2em;
            overflow: hidden;
}


.headDatosContainer{
			background: #153252;
			color: white;

}


.columnDatosContainer{

}


.meses{
	background: #2AA9C0;
	color: white;
	padding: 20px 0;
	font-size: 1.8em;
}



.datosacto{
    width:3%;
}



/*CONSULTA DATOS GENERALES */

#tableconsultaGenerales{
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
    width:90%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableconsultaGenerales tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableconsultaGenerales td, th{
		padding: 6px; 
		border: 1px solid #ccc; 
}



.rowdatosGenerales{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
/*            line-height: 50px;*/
            font-size: 1.2em;
            overflow: hidden;
}


.headDatosGenerales{
			background: #153252;
			color: white;

}


.columnDatosGenerales{

}


.generalesActo{
    width:5%;
}



/*CONSULTA ACUMULACIONES*/

#tableAcumulaciones{
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
    width:90%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableAcumulaciones tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableAcumulaciones td, th{
		padding: 6px; 
		border: 1px solid #ccc; 
}



.rowAcumulacion{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
            line-height: 20px;
            font-size: 1.2em;
            overflow: hidden;
}


.headAcumulacion{
			background: #153252;
			color: white;

}


.columnAcumulacion{

}

.similitudesinvisible{
    display: none;
}

	

/*CONSULTA ACUMULACIONES MAYORES*/

#tableAcumulacionesMayor{
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
    width:90%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableAcumulacionesMayor tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableAcumulacionesMayor td, th{
		padding: 6px; 
		border: 1px solid #ccc; 
}



.rowAcumulacionMayor{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
            line-height: 20px;
            font-size: 1.2em;
            overflow: hidden;
}


.headAcumulacionMayor{
			background: #153252;
			color: white;

}


.columnAcumulacionMayor{

}

.similitudesinvisible{
    display: none;
}





/*   CONSULTA REGISTRO */




#tableRegistro{
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15%;
    width:70%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableRegistro tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableReistro td, th{
		padding: 1px; 
		border: 1px solid #ccc; 
}


.rowRegistro{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
            line-height: 25px;
            font-size: 1.2em;
            overflow: hidden;
}


.headRegistro{
			background: #153252;
			color: white;
			font-size: 1.3em;
			width: 500px;

}


.columnRegistro{
			width: 500px;

}



/*   Documentos */




#tableDocumentos{
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15%;
    width:70%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableDocumentos tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableDocumentos td, th{
		padding: 1px; 
		border: 1px solid #ccc; 
}


.rowDocumentos{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
            line-height: 25px;
            font-size: 1.2em;
            overflow: hidden;
}


.headDocumentos{
			background: #153252;
			color: white;
			font-size: 1.3em;
			width: 500px;

}


.columnDocumentos{
			width: 500px;

}




/*USUARIOS*/

#tableUsuarios{
    text-align: center;
    border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
    width:90%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
}
#tableUsuarios tr:nth-child(odd){
    background-color: #dfdfdf;
}
#tableUsuarios td, th{
		padding: 4px; 
		border: 1px solid #ccc; 
}



.rowUsuarios{
            width: calc(100% - 30px);
            /*min-width: 1000px;*/
            margin-left: 15px;
            text-align: center;
            border:1px solid #3f5461;
            font-size: 1.2em;
            overflow: hidden;
}


.headUsuarios{
			background: #153252;
			color: white;

}


.columnUsuarios{
	font-size: .9em;


}

.similitudesinvisible{
    display: none;
}





Usuarios


#datossingle{
    width:90%;
    margin-left: 5%;
    margin-top: 50px;
    display: inline-block;
    float: left;
}
.datossinglerow{
    width:100%;
    display: inline-block;
    float: left;
}
.datossinglerow:nth-child(odd){
    background-color: lightgray;
}
.datossinglecol{
    width:50%;
    display: inline-block;
    float: left;
}
#datossection{
    width:100%;
    display: inline-block;
    float: left;
}
#datostable{
	width: 100%;
    display: inline-block;
    float: left;
}
.botoneditar{
    display: block;
    width:200px;
    height:50px;
    background-color: dodgerblue;
    color: #fff;
    margin:0 auto;
    clear: both;
    margin-top: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    top:50px;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	border-radius: 5px;
}

.botoneditar:hover{
	background: #2F4C79;
}

.botonborrar{
    display: block;
    width:200px;
    height:50px;
    background-color: red;
    color: #fff;
    margin:0 auto;
    clear: both;
    margin-top: 50px;
	margin-bottom: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    top:50px;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	border-radius: 5px;
}


.botonborrar:hover{
	background: #572324;
	
}
/*.botonesconfiguracion{*/
    /*display: block;*/
    /*width:200px;*/
    /*height:50px;*/
    /*background-color: #3f5461;*/
    /*color: #fff;*/
    /*margin: 0 auto;*/
    /*text-align: center;*/
    /*line-height: 50px;*/
    /*margin-top: 50px;*/
/*}*/
.botonesconfiguracion{
    display: inline-block;
    float: left;
    width:200px;
    height:50px;
    background-color: #3f5461;
    color: #fff;
    margin-left: calc(50% - 100px);
    text-align: center;
    line-height: 50px;
    margin-top: 20px;
	border: solid 2px;
	border-top-color:#AFAFAF;
	border-left-color: #AFAFAF;
	border-bottom-color: #6C6C6C;
	border-right-color: #6C6C6C;
	border-radius: 7px;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75);
	cursor: pointer;
}

.botonesconfiguracion:hover{
	background: #006ED9;
}




/*Media Tabla Consultas*/


@media (max-width: 1200px){
	
	
	
	#menuR{
			display: block;
			visibility: visible;
		height: 0px;

		}
	
		#menuR1:checked ~ #menuR{
			height: 400px;
			transition: 1s ease-in;

		}
	
	
	
		#menuR01{
			display: block;
			visibility: visible;
		}
	
	
	

		#menu{
				display: none;
				visibility: hidden;
			}

		#menuR00{
				display:block;
				visibility: visible;
			}


	

	
	
		#loginouter{
            width:80%;
            height:100%;
            margin-left: 10%;
        }
        #logininner{
            margin-left: 10%;
            background-color: #fff;
            width:80%;
            height:350px;
            border: 3px solid #bab8b2;
            position: relative;
        }
	
	
	
        #adduserwindow{
            width:70%;
            background-color: lightgray;
            margin:50px 15%;
        }
        

	
	

	
	
	
	
	

	
	
	
	
			/* Forzar las tablas para que no se muestren como tablas*/
		#tableconsultapropios, thead, tbody, .headDatosContainer, .columnDatosContainer, .rowdatoscontainer, .datosacto, .meses { 
			display: block; 
		}
		
		/* esconder table headers*/
		thead .rowdatoscontainer { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.rowdatoscontainer { border: 1px solid #ccc; }
		
		.columnDatosContainer, .datosacto{ 
			
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 

		}
		



        
		.columnDatosContainer:before { 
			/* Now like a table header */
			position: relative;
			/* Top/left values mimic padding */
			width: 20%; 
			padding:0 10px; 
			white-space: nowrap;
			display: inline-block;	
			color: #28458f;
			text-align: left;
			font-weight: bold;
			float: left;
		}
	
			.datosacto:before { 
			/* Now like a table header */
			position: relative;
			/* Top/left values mimic padding */
			width: 20%; 
			padding:0 10px; 
			white-space: nowrap;
			display: inline-block;	
			color: #28458f;
			text-align: left;
			font-weight: bold;
			float: left;
		}
	
	
	.meses{
		width: 100%;
	}
	
	
	.datosacto{
		width: 100%;
		display:inline-block;
	}
	

		.columnDatosContainer:nth-of-type(1):before { content: "ESCRITURAdd"; }
		.columnDatosContainer:nth-of-type(2):before { content: "FECHA"; }
		.columnDatosContainer:nth-of-type(3):before { content: "TOMO"; }
		.columnDatosContainer:nth-of-type(4):before { content: "FOLIO"; }
		.datosacto:nth-of-type(5):before { content: "ACTO";  }
		.columnDatosContainer:nth-of-type(6):before { content: "PARTE1"; }
		.columnDatosContainer:nth-of-type(7):before { content: "PARTE2"; }
		.columnDatosContainer:nth-of-type(8):before { content: "VALOR DEL ACTO"; }
		.columnDatosContainer:nth-of-type(9):before { content: "VALOR DEL AVALUO DEL BIEN"; }
		.columnDatosContainer:nth-of-type(10):before { content: "EDITAR"; }

        .anexocontainerd:nth-of-type(1):before { content: "NO."; }
        .anexocontainerd:nth-of-type(2):before { content: "ESCRITURA"; }
        .anexocontainerd:nth-of-type(3):before { content: "NOMBRE(S)"; }
        .anexocontainerd:nth-of-type(4):before { content: "ANEXO:"; }
        .anexocontainerd:nth-of-type(5):before { content: "VER";  }
        .anexocontainerd:nth-of-type(6):before { content: "EDITAR"; }
        .anexocontainerd:nth-of-type(7):before { content: "BORRAR"; }


			/* Forzar las tablas para que no se muestren como tablas*/
		#tableconsultaGenerales, thead, tbody, .headDatosGenerales, .columnDatosGenerales, .rowdatosGenerales{ 
			display: block; 
		}
		
		/* esconder table headers*/
		thead .rowdatosGenerales { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.rowdatosGenerales { border: 1px solid #ccc; }
		
		.columnDatosGenerales{ 
			
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 

		}
	
	
		.generalesActo:before { 
				/* Now like a table header */
				position: relative;
				/* Top/left values mimic padding */
				width: 20%; 
				padding:0 10px; 
				white-space: nowrap;
				display: inline-block;	
				color: #28458f;
				text-align: left;
				font-weight: bold;
				float: left;
			}




		.generalesActo{
			width: 100%;
			display:inline-block;
		}
		
		.columnDatosGenerales:before { 
			/* Now like a table header */
			position: relative;
			/* Top/left values mimic padding */
			width: 20%; 
			padding:0 10px; 
			white-space: nowrap;
			display: inline-block;	
			color: #28458f;
			text-align: left;
			font-weight: bold;
			float: left;
		}
	

	
	
	
		.columnDatosGenerales:nth-of-type(1):before { content: "No."; }
		.columnDatosGenerales:nth-of-type(2):before { content: "USUARIO"; }
		.columnDatosGenerales:nth-of-type(3):before { content: "ESCRITURA"; }	
		.columnDatosGenerales:nth-of-type(4):before { content: "FECHA"; }
		.columnDatosGenerales:nth-of-type(5):before { content: "TOMO"; }
		.columnDatosGenerales:nth-of-type(6):before { content: "FOLIO";  }
		.generalesActo:nth-of-type(7):before { content: "ACTO"; }
		.generalesActo:nth-of-type(8):before { content: "PARTE 1"; }
		.columnDatosGenerales:nth-of-type(9):before { content: "PARTE 2"; }
		.columnDatosGenerales:nth-of-type(10):before { content: "VALOR DEL ACTO"; }
		.columnDatosGenerales:nth-of-type(11):before { content: "VALOR AVALUO"; }
		.columnDatosGenerales:nth-of-type(12):before { content: "VALOR MAYOR"; }
		.columnDatosGenerales:nth-of-type(13):before { content: "AVISO"; }
		.columnDatosGenerales:nth-of-type(14):before { content: "FOLIO AVISO"; }
		.columnDatosGenerales:nth-of-type(15):before { content: "FECHA AVISO"; }
		.columnDatosGenerales:nth-of-type(16):before { content: "OBSERVACIONES"; }
		.columnDatosGenerales:nth-of-type(17):before { content: "EDITAR"; }
	
	
	
	
	
	
	
	
	
	
	
	
	
				/* Forzar las tablas para que no se muestren como tablas*/
		#tableAcumulaciones, thead, tbody, .headAcumulacion, .columnAcumulacion,.rowAcumulacion, .meses { 
			display: block; 
		}
		
		/* esconder table headers*/
		thead .rowAcumulacion { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.rowAcumulacion { border: 1px solid #ccc; }
		
		.columnAcumulacion{ 
			
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 

		}
	
	
			.columnAcumulacion2{ 
			
			/* Behave  like a "row" */
			border: 1px solid  #FFF !important;
			position: relative;
			padding-left: 50%; 

		}
		
		.columnAcumulacion:before { 
			/* Now like a table header */
			position: relative;
			/* Top/left values mimic padding */
			width: 20%; 
			padding:0 10px; 
			white-space: nowrap;
			display: inline-block;	
			color: #28458f;
			text-align: left;
			font-weight: bold;
			float: left;
		}
	

	

		.columnAcumulacion:nth-of-type(1):before { content: "ESCRITURA"; }
		.columnAcumulacion:nth-of-type(2):before { content: "FECHA"; }
		.columnAcumulacion:nth-of-type(3):before { content: "TOMO"; }
		.columnAcumulacion:nth-of-type(4):before { content: "FOLIO"; }
		.columnAcumulacion:nth-of-type(5):before { content: "ACTO";  }
		.columnAcumulacion:nth-of-type(6):before { content: "COMPARECIENTE"; }
		.columnAcumulacion:nth-of-type(7):before { content: "PARTICIPACION"; }
		.columnAcumulacion:nth-of-type(8):before { content: "FOLIO DEL AVISO"; }
		.columnAcumulacion:nth-of-type(9):before { content: "USUARIO"; }
	

	



				/* Forzar las tablas para que no se muestren como tablas*/
		#tableAcumulacionesMayor, thead, tbody, .headAcumulacionMayor, .columnAcumulacionMayor,.rowAcumulacionMayor, .meses { 
			display: block; 
		}
		
		/* esconder table headers*/
		thead .rowAcumulacionMayor { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.rowAcumulacionMayor { border: 1px solid #ccc; }
		
		.columnAcumulacionMayor{ 
			
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 

		}
	
	
			.columnAcumulacion2Mayor{ 
			
			/* Behave  like a "row" */
			border: 1px solid  #FFF !important;
			position: relative;
			padding-left: 50%; 

		}
		
		.columnAcumulacionMayor:before { 
			/* Now like a table header */
			position: relative;
			/* Top/left values mimic padding */
			width: 20%; 
			padding:0 10px; 
			white-space: nowrap;
			display: inline-block;	
			color: #28458f;
			text-align: left;
			font-weight: bold;
			float: left;
		}
	

	

		.columnAcumulacionMayor:nth-of-type(1):before { content: "ESCRITURA"; }
		.columnAcumulacionMayor:nth-of-type(2):before { content: "FECHA"; }
		.columnAcumulacionMayor:nth-of-type(3):before { content: "TOMO"; }
		.columnAcumulacionMayor:nth-of-type(4):before { content: "FOLIO"; }
		.columnAcumulacionMayor:nth-of-type(5):before { content: "ACTO";  }
		.columnAcumulacionMayor:nth-of-type(6):before { content: "COMPARECIENTE"; }
		.columnAcumulacionMayor:nth-of-type(7):before { content: "PARTICIPACION"; }
		.columnAcumulacionMayor:nth-of-type(8):before { content: "FOLIO DEL AVISO"; }
		.columnAcumulacionMayor:nth-of-type(9):before { content: "USUARIO"; }
	
	


	
	
	
	
	
	
	
					/* Forzar las tablas para que no se muestren como tablas*/
		#tableUsuarios, thead, tbody, .headUsuarios, .columnUsuarios,.rowUsuarios, .meses { 
			display: block; 
		}
		
		/* esconder table headers*/
		thead .rowUsuarios { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.rowUsuarios { border: 1px solid #ccc; }
		
		.columnUsuarios{ 
			
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 

		}
	
	
			.columnUsuarios2{ 
			
			/* Behave  like a "row" */
			border: 1px solid  #FFF !important;
			position: relative;
			padding-left: 50%; 

		}
		
		.columnUsuarios:before { 
			/* Now like a table header */
			position: relative;
			/* Top/left values mimic padding */
			width: 20%; 
			padding:0 10px; 
			white-space: nowrap;
			display: inline-block;	
			color: #28458f;
			text-align: left;
			font-weight: bold;
			float: left;
		}
	

	

		.columnUsuarios:nth-of-type(1):before { content: "USUARIOS"; }
		.columnUsuarios:nth-of-type(2):before { content: "NOTARIA"; }
		.columnUsuarios:nth-of-type(3):before { content: "NOTARIO"; }
		.columnUsuarios:nth-of-type(4):before { content: "E-MAIL"; }
		.columnUsuarios:nth-of-type(5):before { content: "ESTADO";  }
		.columnUsuarios:nth-of-type(6):before { content: "CIUDAD"; }
		.columnUsuarios:nth-of-type(7):before { content: "CALLE"; }
		.columnUsuarios:nth-of-type(8):before { content: "COLONIA"; }
		.columnUsuarios:nth-of-type(9):before { content: "CP"; }
		.columnUsuarios:nth-of-type(10):before { content: "TEL"; }
		.columnUsuarios:nth-of-type(11):before { content: "RFC"; }
		.columnUsuarios:nth-of-type(12):before { content: "CURP"; }
		.columnUsuarios:nth-of-type(13):before { content: "EDITAR"; }
		.columnUsuarios:nth-of-type(14):before { content: "BORRAR"; }

	
	
	
	
	
	
	
	
	
	
}


.consulta-aviso-requiere{
    background:red;
    color:#ffffff;
    animation: aviso-requiere 1s infinite ease-in alternate;
}
@keyframes aviso-requiere{
    from{
        background: red;
        color: yellow;
    }
    to{
        background: yellow;
        color:red;
    }
}