* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

header nav {
	background:#8df;
	/*margin-left:5px;*/
	width:790px;
	/*margin-bottom:10px;*/
	z-index:1500;
}
header nav ul {
	list-style:none;
	overflow:hidden;
}
header nav ul li {
	float:left;
	border-style:none;
	/*border-left: 2.5px solid #4ad;
	border-right: 1.0px solid #8df;*/
}
header nav ul li a {
	display:block;
	padding:15px 9.5px;
	color:#000;
	text-decoration:none;
}
header nav ul li a:hover {
	background:#fff;
	color:#000;
}
header nav ul li ul {
/*	list-style:none;
	overflow:hidden;*/
	display:none;
	width:233.5px;
	color:#000;
	/*color:#fff;*/
}
header nav li:hover ul {
	display:block;
	/*width:135.5px;*/
	border-style:none;
}
header nav ul li ol {
	list-style:none;
	background:#8df;
	/*overflow:hidden;*/
	display:none;
	width:70px;
	/*height:12px;*/
	color:#000;
	/*color:#fff;*/
}
header nav ul li ol a{
	padding:10px 10px;
	font-size:11pt;
	text-decoration:none;
}
header nav li:hover ol {
	display:block;
	/*width:135.5px;
	border-left:4px;*/
}
header nav ul li ol a:hover {
	background:#fff;
	color:#000;
	/*height:12px;*/
}
header nav ul li ol li {
	/*background:#00f;*/
	width:280px;
	/*height:20px;*/
	background:#8df;
	color:#000;
	/*border-style:none;*/
	border-top: 2.0px solid #4ad;
	/*border-bottom: 1.5px solid #4ad;*/
	/*width:235.5px;*/
	/*font-size:12pt;*/
	/*margin: 0px 0px 0px 0px;*/
}
header nav ul li ul li {
	background:#8df;
	/*border-style:none;*/
	/* border-left: 2.5px solid #4ad;*/	
	width:235.5px;
	font-size:12.5pt;
}
header nav ul li ul li a {
	padding:10px 10px;
	color:#000;
	text-decoration:none;
}
header nav ul li ul li a:hover {
	background:#fff;
	/*width:600px;*/
	color:#000;
}

.contenedor1{
	/*position:absolute;*/
	/*left:105px;*/
	/*width:95%;*/
	max-width:1150px;
	margin:0 auto auto 110;
	font-size:13.5pt;
	font-weight:bold;
	/*z-index:1500;*/
}

.logo{
	position:absolute;
	left:110px;
	z-index:1;
}

.menu{
	position:absolute;
	top:109px;
	/*left:251px;*/
	left:255px;
	/*width:784px;*/
	height:42px;
	margin:0 auto;
	max-width:1180px;
	line-height:12px;
	z-index:2;
}

.cuerpo{
	/*position:absolute;*/
	/*top:165px;*/
	/*left:105px;*/
	width:100%;
	max-width:1134px;
	margin:0 auto;
	z-index:1;
}

.opccuerpo1{
	position:absolute;
	-border-radius: 28px;
	-border: 2px solid #0cf;
	top:0px;
	left:750px;
	z-index:1;	
}

.opccuerpo2{
	position:absolute;
	border-radius: 28px;
	border:2px solid #0cf;
	top:170px;
	left:160px;
	z-index:1;	
}

.opccuerpo3{
	position:absolute;
	border-radius: 28px;
	border:2px solid #0cf;
	top:170px;
	left:860px;
	z-index:1;	
}

.opccuerpo4{
	position:absolute;
	border-radius: 28px;
	border:2px solid #0cf;
	top:355px;
	left:160px;
	z-index:1;	
}

.opccuerpo5{
	position:absolute;
	border-radius: 28px;
	border:2px solid #0cf;
	top:318px;
	left:860px;
	z-index:1;	
}

.opccuerpo6{
	position:absolute;
	border-radius: 26px;
	border:2px solid #0cf;
	top:372px;
	left:439px;
	z-index:1;	
}

.opccuerpo7{
	position:absolute;
	border-radius: 24px;
	border:2px solid #0cf;
	top:372px;
	left:649px;
	z-index:1;	
}

.informacionweb{
	position:absolute;
	border-radius: 24px;
	border:3px solid #0cf;
	top:170px;
	left:439px;
	width:415px;
	height:190px;
	z-index:1;	
}

.textoinformacion {
height:165px;
/*font-family:'Comic Sans MS';*/
font-size:1.5em;
line-height:1em;
color:#333377;
/*color:#000000;
/*color:#330099;
background-color:#CCFFFF;*/
padding:1.5em;
z-index:1;
}

.pagocajah{
	position:absolute;
	border-radius: 19px;
	border:2px solid #0cf;
	top:465px;
	left:870px;
	width:140px;
	height:70px;
	z-index:1;	
}

.pagocajah2{
	position:absolute;
	border-radius: 18px;
	border:5px solid #059;
	width:136px;
	height:66px;
	padding-top:4px;
	padding-left:5px;
}

.textocajah{
	width:120px;
	height:48px;
/*	font-family:'Comic Sans MS';*/
	font-size:0.8em;
	text-align:justify;
}

.conocetramite{
	position:absolute;
	border-radius: 19px;
	border:2px solid #0cf;
	top:465px;
	left:160px;
	width:200px;
	height:70px;
	font-size:0.8em;
	z-index:1;	
}

.conocetramite2{
	position:absolute;
	border-radius: 18px;
	border:5px solid #059;
	width:196px;
	height:66px;
	padding-top:9px;
	padding-left:7px;
}

.paraquejas{
	position:absolute;
	border-radius: 19px;
	border:2px solid #0cf;
	top:465px;
	left:720px;
	width:140px;
	height:70px;
	font-size:0.85em;
	z-index:1;	
}

.paraquejas2{
	position:absolute;
	border-radius: 18px;
	border:5px solid #059;
	width:136px;
	height:66px;
	padding-top:3px;
	text-align:center;
}

.paraformatos{
	position:absolute;
	border-radius: 19px;
	border:2px solid #0cf;
	top:465px;
	left:370px;
	width:340px;
	height:70px;
	z-index:2;	
}

.paraformatos2{
	position:absolute;
	border-radius: 18px;
	border:5px solid #059;
	width:336px;
	height:66px;
	padding-top:9px;
	padding-left:10px;
	padding-right:10px;
	/*padding-left:10px;*/
	font-size:0.9em;
	text-align:center;
}

.textotramite{
	font-size:1.2em;
}

.webmail{
	position:absolute;
	top:470px;
	left:1020px;
	z-index:1;	
}

.pie{
	position:absolute;
	top:545px;
	left:200px;
	z-index:1;	
}

.cuerpo_mesap{
	position:absolute;
	top:185px;
	left:200px;
	width:950px;
	height:285px;
	border-radius:24px;
	border:2px solid #0cf;
	background:#eff;
	max-width:1000px;
	margin:0 auto;
	z-index:1;
}

.cuerpo_solrec{
	position:absolute;
	top:180px;
	left:200px;
	width:950px;
	height:300px;
	border-radius:24px;
	border:2px solid #0cf;
	background:#eff;
	max-width:1000px;
	margin:0 auto;
	z-index:1;
}

.cuerpo_tramites{
	position:absolute;
	top:180px;
	left:200px;
	width:950px;
	height:330px;
	border-radius:24px;
	border:2px solid #0cf;
	background:#eff;
	max-width:1000px;
	margin:0 auto;
	z-index:1;
}

.conoce_tramite{
	position:absolute;
	top:185px;
	left:200px;
	width:975px;
	height:296px;
	border-radius:35px;
	border:2px solid #0cf;
	background:#eff;
	max-width:1000px;
	margin:0 auto;
	z-index:1;
}

.comunicados1{
	background-image: url(comunicadoat1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:148px;
	left:285px;
	width:724px;
	height:490px;
	z-index:2;
}

.cerrarcomunicados1{
	background-image: url(cerrar1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:153px;
	left:976px;
	width:28px;
	height:28px;
	z-index:3;
}

/*.comunicadoipm{
	background-image: url(comunicadoipm1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:148px;
	left:215px;
	width:900px;
	height:490px;
	z-index:4;
}

.cerrarcomunicadoipm{
	background-image: url(cerrar1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:156px;
	left:1075px;
	width:28px;
	height:28px;
	z-index:3;
}*/

/*.comunicadonoagua{
	background-image: url(comunicadonoagua08-jun-2022.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:148px;
	left:215px;
	width:900px;
	height:490px;
	z-index:6;
}

.cerrarcomunicadonoagua{
	background-image: url(cerrar1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:156px;
	left:1075px;
	width:28px;
	height:28px;
	z-index:7;
}*/

.comunicados3{
	background-image: url(comunicadoipm1.jpg);
	/*background-image: url(convocatoria1.jpg);*/
	background-repeat: no-repeat;
	position:absolute;
	top:50px;
	left:280px;
	width:800px;
	height:520px;
	z-index:4;
}

.cerrarcomunicados3{
	background-image: url(cerrar1.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:52px;
	left:1051px;
	width:28px;
	height:28px;
	z-index:5;
}

.cdroexpediente{
	position:absolute;
	top:280px;
	left:780px;
	width:975px;
	height:296px;
	max-width:1000px;
	margin:0 auto;
	font-size:1.3em;
	z-index:1;
}

.opcsoli{
	width:400px;
	position:absolute;
	font-size:12pt;
	top:105px;
	left:40px;
	z-index:1;
}

.opcsoli a {
	/*background-color: #eee; /* Grey background color */
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 1px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
}

.opcsoli a:hover {
	background-color: #8df; /* Grey background color */
	/*font-style: italic;*/
	font-weight:bold;
}

.opcrecla{
	width:447px;
	position:absolute;
	font-size:12pt;
	top:110px;
	left:483px;
	z-index:1;
}

.opcrecla a {
	/*background-color: #eee; /* Grey background color */
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 2px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
}

.opcrecla a:hover {
	background-color: #8df; /* Grey background color */
	/*font-style: italic;*/
	font-weight:bold;
}


.titulos-c {
	width:800px;
	position:absolute;
	font-size:20pt;
	top:65px;
	left:160px;
	z-index:1;	
}


.titulos-cc {
	width:800px;
	position:absolute;
	font-size:18pt;
	top:80px;
	left:170px;
	z-index:1;	
}

.titulos-c1 {
	width:810px;
	position:absolute;
	font-size:12pt;
	top:105px;
	left:60px;
	z-index:1;	
}

.titulos-c1 a {
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 1px; /* Add some padding */
	border-radius:5px;
	text-decoration: none; /* Remove underline from links */
	text-align: justify;
}

.titulos-c1 a:hover {
	background-color: #8df; /* Grey background color */
	/*font-style: italic;*/
	font-weight:bold;
}

.titulos-c2 {
	width:860px;
	position:absolute;
	font-size:15pt;
	top:265px;
	left:250px;
	z-index:1;	
}

.titulos-c2 a {
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	/*padding: 1px; /* Add some padding */
	/*border-radius:5px;*/
	text-decoration: none; /* Remove underline from links */
	text-align:justify;
}

.titulos-c2 a:hover {
	background-color: #8df; /* Grey background color */
	/*font-style: italic;*/
	/*font-weight:bold;*/
}

.titulos-r {
	width:800px;
	position:absolute;
	font-size:20pt;
	top:65px;
	left:60px;
	z-index:1;	
}

.titulos-r1 {
	position:absolute;
	top:105px;
	left:30px;
	width:890px;
	height:150px;
	overflow-y: auto;
	font-size:12pt;
	overflow-y: auto;
	z-index:1;	
}

.titulos-r1 a {
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 1px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
	text-align: justify;
}

.titulos-r1 a:hover {
	background-color: #8df; /* Grey background color */
	/*font-style: italic;*/
	/*font-weight:bold;*/
}

.cargar_archivo{
	position:absolute;
	top:240px;
	left:330px;
	z-index:1;
}

/**********/
.inputfile-box {
  position: relative;
}

.inputfile {
/*  display: none;*/
}

.container {
  display: inline-block;
  width: 100%;
}

.file-box {
  display: inline-block;
  width: 450px;
  border: 1px solid;
  padding: 5px 0px 5px 5px;
  box-sizing: border-box;
  height: calc(2rem - 2px);
}

.file-button {
  background: #0cf;
  padding: 5px;
  position: absolute;
  border: 1px solid;
  top: 0px;
  right: 0px;
}
/************/


/*
.menu-fixed {
	position: fixed;
	z-index:1000;
	top:0;
	left:0;
	width:784px;
	max-width:1134px;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.contenedor{
	position:absolute;
	top:175;
	left:140px;
	width:95%;
	max-width:1134px;
	margin:0 auto;
	z-index:10;
	border-radius: 25px;
	border: px solid #0cf;
	font-weight: bold;
}

.contenedor p{
	margin-bottom:40px;
}
*/
