*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	/*se agrego lo siguiente para la barra lateral de redes sociales */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body{
	background: #ffff url(../img/fondo-interno.jpg); /*color azul #0B0B61 bajo #08088A */
	color: #999999;
	
	font-family: sans-serif;
	 font-family:Arial, Helvetica, sans-serif;
	
	}

p#bienvenida{

text-align: justify;
margin-left: 200px;
margin-right: 200px;
margin-bottom: 70px;
font-size: 19px;


}	
	



/*img logo tlapacoyan*/
/* PARA ADAPTAR LOS LOGOS*/
/*para sobre poner el logo del ayuntamiento en la linea horizontal del menu*/
img#tlapacoyan{

	position:absolute; 
	z-index:0;
	left: 70px; } /* 150 mover la img logo entre mas grande el numero se mueve a la derecha num chico a la izquirda*/
	
	
	




/*19 marzo 2019*/

	
	
	
	img#dif{

	position:absolute; 
	z-index:0;
	left: 40px;	/* 150 mover la img logo entre mas grande el numero se mueve a la derecha num chico a la izquirda*/

	}

	
	img#tlp{

	position:absolute; 
	z-index:0;
	right: 60px;	/* 150 mover la img logo entre mas grande el numero se mueve a la derecha num chico a la izquirda*/

	}

	


img#escudo{

	position:absolute; 
	z-index:0;
	right: 100px; /*mover la img logo entre mas grande el numero se mueve a la derecha num chico a la izquirda*/
	
}





/*para adaptar la img del logo*/
@media (max-width: 480px){
	img#tlapacoyan{
		max-width: 90%;
		
		  
	
	z-index:0;
	left: 5px;
	}
}



/*para adaptar la img del logo*/
@media (max-width: 480px){
	img#escudo{
		max-width: 100%;
		visibility: hidden; /*ocultar una img al adaptarse la pantalla*/
		  
	
	z-index:0;
	left: 5px;
	}
}






/*ESTILOS FORMULARIO*/	

form{
	width: 950px; /* 450 px ancho del fondo 2 donde van las cjas del formulario*/
	margin: auto;
	background: rgba(0,0,0,0.4); /*trasparencia del formulario*/
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 7px; /*para redondear las esquinas del formulario*/
	
}

form#pdf{
	width: 950px; /* 450 px ancho del fondo 2 donde van las cjas del formulario*/
	margin: auto;
	background: #F2F2F2; /*trasparencia del formulario*/
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 7px; /*para redondear las esquinas del formulario*/
	
}

.btn btn-danger pull-right{
	cursor: pointer;
}



h2{
	color: #ccc;
	text-align: center;
	margin: 0;
	font-size: 30px;
	margin-bottom: 20px; /*para el boton buscar*/
}



#boton{
	background: #424242;/*color de fondo del boton*/
	color: #fff; /*color texto del boton*/

	height: 40px;
	width: 65px;
}
/*boton al pasar el mouse sobre el*/
#boton:hover{
	cursor:pointer;
	background: #A4A4A4;
	color: #382818;
	
}

/*para el boton de orden de pago*/
#boton2{
	background: #424242;/*color de fondo del boton*/
	color: #fff; /*color texto del boton*/

	height: 40px;
	width: 125px;
	float: right;
	
}
/*boton al pasar el mouse sobre el*/
#boton2:hover{
	cursor:pointer;
	background: #4682B4;
	color: #382818;
	
}


h4#pago{
	text-align: center;
	font-size: 22px;
}
/*fin codigo del formulario*/


/*para convertr el formulario a reponsive funcinana lo medias como un if*/

@media (max-width: 480px){
	form{
		width: 100%;
	}
}


















	


/*linea horizontal*/
hr#linea{
	
	border: 5px solid #4682B4; 
   border-radius: 200px /8px; 
   height: 0px; 
   text-align: center; 
}

/*div del logo*/
hr#lineaIndex{
	
	border: 2px solid #4682B4; 
   border-radius: 200px /8px; 
   height: 0px; 
   text-align: center; 
   max-width: 100%;
   width: 100%;
   
}

/*linea del index arriba del menu*/

div#logoT{

width: 1350px;/*largo del div 1510px*/
height:130px; /* 135 para hacer mas ancho el div de la sombra*/


/*para trar un div delante de algo*/
position: relative;
   z-index: 1;
/*efectos para la sobra del div donde irá el logo del ayuntamiento*/

-webkit-box-shadow: 0 10px 6px -6px #000;
 -moz-box-shadow: 0 10px 6px -6px #000;
 box-shadow: 0 10px 6px -6px #000;
 
    
}

/*fin sombra div logoss*/


/*para el logo principal*/
img#tlapacoyan{
	width: 440px;
	height: 150px;
   position: absolute;
    z-index: 1;
	margin-top: -16px;/*para mover el logo hacia arriba*/
	margin-left: -100px; /*ara mover logo a la izqueirda dentro del div logoT*/
}

/*fin logo principal*/
img#tlapacoyanT{
	width: 130px;
	height: 140px;
   position: absolute;
    z-index: 1;
	margin-top: -9px;/*para mover el logo hacia arriba*/
	margin-left: 1190px; /*ara mover logo a la izqueirda dentro del div logoT*/
}




 /*division de los menus linea azul claro al 100% de la pantalla*/

div#colorMenus{
left: 490px;
width: 1349px; /*1345px;*/
height:60px;
background: #086A87;/*#becee0;*/

 
}



 
/*para adaptar el div donde va el menu*/
@media (max-width: 480px){
	div#colorMenus{
		max-width: 100%;/*para adaptar (RESPONSIVE) cualquier elementos*/
		
		margin-bottom: 55px;/*para recorrer los menus hacia abajo al adaptarse la pantalla (moviles)*/
		
	
	z-index:0;
	left: 5px;
	}
}





/*REDES SOCIALES like*/

.social{
	position: fixed; /*para fijar la barra*/
	right: 0; /* 0 para que a barra se aplique a la izquierda*/
	top: 200px;
	z-index: 2000;/*z-index es para no sobreponer en caso de que haya algo en el sitio web */
	
}

.social ul{
	list-style: none;
}

.social ul li a{
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
} 


.social ul li .icon-facebook2{background: #3b5998;}
.social ul li .icon-tumblr2{background: #00abf0;}
.social ul li .icon-google-plus2{background: #d95232;}
.social ul li .icon-instagram{background:#cd486b;}



.social ul li a:hover{
	/* padding:10px 30px;*/ /*30px es para que se haga mas grande a los costados al pasar el mouse sobre licono */
	background: #424242;
	
}

/*fin redes sociales de like*/












/* ENLACES MENUS*/
a{
	color: #000; /*color de las letras de img (celdas) de la parte de anuncion bajo galeria*/
	font-weight: bold;
	text-decoration: none;
	
}

/*codigo para poner la linea azul de la parte de arriba del pag web */
#linea-superior{
width:100%;
height:5px;
background-color: #8c8c8c;/*color  #5882FA; azul  de la linea superior */



 /*box-shadow: 2px 2px 10px #666;          /* Sombra normal */
 /*   box-shadow: 5px -5px 0 2px #444;        /* Sombra superior sin desenfoque */
 /*   box-shadow: 5px 5px 50px #222 inset;    /* Sombra interior */
}
/* temina codigo de la linea azul   */








/*INICIO CODIGO MENUS DEPLEGABLES NUEVOS 21 FEBRERO 2020*/



#btn-menu{
	display: none;
}

header label{
	display: none;
	width: 30px;
	height: 30px;
	padding: 10px;
	border-right: 1px solid #fff;
}

header label:hover{
	cursor: pointer;
	background: rgba(0,0,0,0.3);

}




/*para el main que esta en el body abajo del header menus*/
main{
	padding: 20px;
}


/*para hacer pequeña la linea de la sombra cuando se haga pequeña la pantalla*/








/*codigo para tabla de las noticias*/

/*codigo para hacer que las imagenes sean adaptativas */
img, table, video{
max-width: 100%;
}

img#empleo, img#alerta{
	float: right;
	
}



table {
  width: 100%;
  background: #fff;
  margin-bottom: 1.25em;
  border: solid 1px #fff;
  border-collapse: collapse;
  border-spacing: 0;
  
  
  
  
  
  
}

table tr th,
table tr td {
  padding: 0.5625em 0.625em;
  font-size: 0.875em;
  color: #000;
  border: 1px solid #FFF; /*linea de la tabla*/
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: #FFF;
}




@media only screen and (max-width: 768px) {
	table.resp,
	.resp thead,
	.resp tbody,
	.resp tr,
	.resp th,
	.resp td,
	.resp caption



	{
	  display: block;
	}
	
	table.resp {
	  border: none
	}
	
	.resp thead tr {
	  display: none;
	}
	
	.resp tbody tr {
	  margin: 1em 0;
	  border: 1px solid #FFF;
	}
	
	.resp td {
	  border: none;
	  border-bottom: 1px solid #FFF;
	  position: relative;
	  padding-left: 3%;
	  text-align: left;
	  
	}
	
	.resp tr td:last-child {
	  border-bottom: 1px double #FFF;
	}
	
	.resp tr:last-child td:last-child {
	  border: none;
	}
	
	.resp td:before {
	  position: absolute;
	  top: 6px;
	  left: 6px;
	  width: 45%;
	  padding-right: 10px;
	  white-space: nowrap;
	  text-align: left;
	  font-weight: bold;
	}

	
	
	
}


/*fin codigo tabla*/

/*div FOOTER con imagen*/
div.footer{
	width: 100%;
	height: 170px;
	background-image: url(../img/footer.png);
	
}



	



@media (max-width: 480px){
	div.footer{
	width: 100%;
	height: 200px;
	background-image: url(../img/footer.png);
	}
}




/*PARA EL TEXTO ©2026 H. Tlapacoyan, Ver. 2026  |   Todos los derechos reservados*/
p.rights{
	position: relative;
	text-align: center;
	top:30px;
	color: #4f4f4f; /*2E2E2E*/
	font-family: "Franklin Gothic Heavy", AR CENA;
	font-size: 18px;
	margin-top: 1.03em; 
	
}


/*PARA TEXTO Palacio Municipal S/N, Tlapacoyan, Ver. C.P. 93650 Tel. 01 (225) 315-01-11*/
p.rights3{
	position: relative;
	text-align: center;
	top: -15px;
	color: #4f4f4f;
	font-family: "Franklin Gothic Heavy", AR CENA;
	font-size: 18px;
	margin-top: 2em; 
}



 /*NOTAS DE LAS CELDAS DEL INDEX */
	p#titulosCeldas{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 30px;
	color: #3c3c3c; /*gris  #4f4f4f*/
	text-align: left;
	font-weight:bold;
	}
	
	
	
	p{
		font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #000; /*azul  #0B0B61*/
	text-align: justify;
	font-weight:bold;
	}
	
	
	p#fecha{
		font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #2E2E2E; /*azul  #0B0B61*/
	text-align: left;
	
	}
	
	
	
/*fin*/	



/* GABINETE*/
article#descripcion-gabinete{
background:url(../img/fondo2.jpg); /*para poner una img de fondo parque tlapacoyan descripcion presi*/
/*    opacity: 0.5;   para poner una trasparencia*/
background-size: 100vw 100vh;
background-attachment: fixed;



	border-radius: .5em;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	min-height: 543px;
	padding: .5em;
	text-align: justify;
	vertical-align: top;
	width: 100%; /*para cambiar el tamaño de la foto de fondo que es el article*/
	
}
/*p para el texto del nombre de la presidenta en su biografia apartado gabinete*/
p#presi{
	font-family: Franklin Gothic Heavy;
	font-size: 23px;
	/*text-decoration:  underline;*/
	color: #a85c00;
	text-align: left;
	margin-left: 25px; /*margen izquierdo*/
	
}

p#gabinete{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 30px;
	text-decoration:  underline; /*para subrayar*/
	color: #6c6c6c;
	text-align: center;
}
p#descripcionP{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 18px;
	text-align: justify;
	color: #000;
	text-align: ;
}





td#funcionarios{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color:  #a85c00;
	text-align: center;
	font-weight:bold;
	line-height: 1.5;
}




div#puesto{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #383838; /*azul  #0B0B61*/
	text-align: center;
	line-height: 1.5;
	
}


p#informacionPresi{
	font-family: "Helvetica", Arial, Verdana;
	color: #000000; /*azul  #0B0B61*/
	text-align: left;
	font-weight:bold;
	margin-right: -10px;
	margin: 5px; 
	font-size: 20px;
	margin-left: 25px; /*margen izquierdo*/
	margin-right: 30px; /*margen izquierdo*/
	
	
	
	
	}
	
	
div#tel{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #6f6f6f; /*azul  #0B0B61*/
	text-align: center;
	background-color: transparent;
}
	
div#email{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #9B9B9B; /*azul  #0B0B61*/
	text-align: center;
	background-color: transparent;
}	
	
    /*NOTAS DE LAS CELDAS DEL INDEX */
	p#titulosCeldas{
		font-family: "Helvetica", Arial, Verdana;
	font-size: 30px;
	color: #086A87; /*azul  #0B0B61*/
	text-align: left;
	font-weight:bold;
	}
	
	p{
		font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #424242; /*azul  #0B0B61*/
	text-align: justify;
	font-weight:bold;
	}
	
	
	p#fecha{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #2E2E2E; /*azul  #0B0B61*/
	text-align: left;
	margin-left: 10px; /*margen izquierdo*/

	
	}
	
	/*linea horizontal de las celdas de index*/
	hr {
	height: 2px;
	background-color: #000;
	margin-left: 10px; /*margen izquierdo*/
	margin-right: 110px; /*margen derecho entre mi section y mi texto*/
}


p#nota{
	
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #424242; /*azul  #0B0B61*/
	text-align: justify;
	font-weight:bold;
	margin-top: 15px; /*margen superior*/
	margin-left: 10px; /*margen izquierdo*/
	margin-right: 10px; /*margen derecho entre mi section y mi texto*/
	line-height: 1.5;
}

h2#tituloNota{
	
	font-family: "Helvetica", Arial, Verdana;
	font-size: 20px;
	color: #4c4c4c; /*azul  #0B0B61*/
	text-align: justify;
	font-weight:bold;
	margin-top: 15px; /*margen superior*/
	margin-left: 11px; /*margen izquierdo*/
	margin-right: 110px; /*margen derecho entre mi section y mi texto*/
}





/*PARA QUE LA LINEA, FECHA, EL TITULO Y LA NOTA TOMEN EL 100% AL VERSE DESDE EL MOVIL */


@media (max-width: 768px){
	p#fecha, hr, h2#tituloNota, p#nota, div#logoT, div#turismoalineado{
		width: 100%;
		margin-left: 10px;
		margin-right: 0px;
	}
}


@media (max-width: 768px){
 div#logoT{
		width: 100%;
		margin-left: 10px;
		margin-right: 3px;
	}
	img#tlp{
		visibility: hidden;
	}
	
	
}


/*FIN CODIGO ADAPTABLE NOTA*/


/*codi*/

.fotoFondo{
	
	
background-color: #cccccc;     /*  #0B3861;   #21618c; color de cuadro de la descripcion  president*/
opacity: 0.7; /* 0.5 entre mas grande el numero la opacidad es mas oscura*/
max-width: 1000px; 
color:#cccccc; 
padding: 135px; /*alto de cuadro transparente detalles president*/
margin: 0 auto; 
border-collapse:collapse;



	
}

.fotoPresi{
	position: relative;
   z-index: 1;
   margin-right: 200px; /*para mover la foto de la presidenta a hacia la izquierda*/
}





/*VENTANAS MODALES PARA curriculum de los funcioanrios en el GABINETE*/

/*MODAL 1*/
#ActivaVentana1{
	display: none;
}

#AbreModal1{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

#ActivaVentana1:checked ~ .VentanaModal1{
	top: 0%;
	
}


.contenido1{
	width: 380px;/*ancho*/
	height: 490px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 115px;
}


/*FIN MODAL 1*/






/*MODAL 2*/
#ActivaVentana2{
	display: none;
}

#AbreModal2{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal2{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana2:checked ~ .VentanaModal2{
	top: 0%;
	
}


#CierraModal2{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido2{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 2*/




/*MODAL 3*/
#ActivaVentana3{
	display: none;
}

#AbreModal3{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal3{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana3:checked ~ .VentanaModal3{
	top: 0%;
	
}


#CierraModal3{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido3{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 3*/







/*MODAL 4*/
#ActivaVentana4{
	display: none;
}

#AbreModal4{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal4{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana4:checked ~ .VentanaModal4{
	top: 0%;
	
}


#CierraModal4{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido4{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 4*/





/*MODAL 5*/
#ActivaVentana5{
	display: none;
}

#AbreModal5{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal5{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana5:checked ~ .VentanaModal5{
	top: 0%;
	
}


#CierraModal5{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido5{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 5*/




/*MODAL 6*/
#ActivaVentana6{
	display: none;
}

#AbreModal6{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal6{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana6:checked ~ .VentanaModal6{
	top: 0%;
	
}


#CierraModal6{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido6{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 6*/



/*MODAL 7*/
#ActivaVentana7{
	display: none;
}

#AbreModal7{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal7{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana7:checked ~ .VentanaModal7{
	top: 0%;
	
}


#CierraModal7{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido7{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 7*/



/*MODAL 8*/
#ActivaVentana8{
	display: none;
}

#AbreModal8{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal8{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana8:checked ~ .VentanaModal8{
	top: 0%;
	
}


#CierraModal8{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido8{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 8*/

/*MODAL 9*/
#ActivaVentana9{
	display: none;
}

#AbreModal9{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal9{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana9:checked ~ .VentanaModal9{
	top: 0%;
	
}


#CierraModal9{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido9{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 9*/



/*MODAL 10*/
#ActivaVentana10{
	display: none;
}

#AbreModal10{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal10{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana10:checked ~ .VentanaModal10{
	top: 0%;
	
}


#CierraModal10{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido10{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 10*/




/*MODAL 11*/
#ActivaVentana11{
	display: none;
}

#AbreModal11{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal11{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana11:checked ~ .VentanaModal11{
	top: 0%;
	
}


#CierraModal11{
	display: block;
	color: #FFF;
	font-size: 3em;
	
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido11{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 11*/



/*MODAL 12*/
#ActivaVentana12{
	display: none;
}

#AbreModal12{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal12{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana12:checked ~ .VentanaModal12{
	top: 0%;
	
}


#CierraModal12{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido12{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 12*/



/*MODAL 13*/
#ActivaVentana13{
	display: none;
}

#AbreModal13{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal13{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana13:checked ~ .VentanaModal13{
	top: 0%;
	
}


#CierraModal13{
	display: block;
	color: #FFF;
	font-size: 3em;
	background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido13{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 13*/




/*MODAL 14*/
#ActivaVentana14{
	display: none;
}

#AbreModal14{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal14{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana14:checked ~ .VentanaModal14{
	top: 0%;
	
}


#CierraModal14{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido14{
width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 14*/





/*MODAL 15*/
#ActivaVentana15{
	display: none;
}

#AbreModal15{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal15{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana15:checked ~ .VentanaModal15{
	top: 0%;
	
}


#CierraModal15{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido15{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 15*/


/*MODAL 16*/
#ActivaVentana16{
	display: none;
}

#AbreModal16{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal16{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana16:checked ~ .VentanaModal16{
	top: 0%;
	
}


#CierraModal16{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido16{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 16*/



/*MODAL 17*/
#ActivaVentana17{
	display: none;
}

#AbreModal17{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal17{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana17:checked ~ .VentanaModal17{
	top: 0%;
	
}


#CierraModal17{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido17{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 17*/




/*MODAL 18*/
#ActivaVentana18{
	display: none;
}

#AbreModal18{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal18{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana18:checked ~ .VentanaModal18{
	top: 0%;
	
}


#CierraModal18{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido18{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
	
}
/*FIN MODAL 18*/




/*MODAL 19*/
#ActivaVentana19{
	display: none;
}

#AbreModal19{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal19{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana19:checked ~ .VentanaModal19{
	top: 0%;
	
}


#CierraModal19{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido19{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 19*/






/*MODAL 20*/
#ActivaVentana20{
	display: none;
}

#AbreModal20{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal20{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana20:checked ~ .VentanaModal20{
	top: 0%;
	
}


#CierraModal20{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido20{
width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 20*/




/*MODAL 21*/
#ActivaVentana21{
	display: none;
}

#AbreModal21{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal21{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana21:checked ~ .VentanaModal21{
	top: 0%;
	
}


#CierraModal21{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido21{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 21*/



/*MODAL 22*/
#ActivaVentana22{
	display: none;
}

#AbreModal22{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal22{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana22:checked ~ .VentanaModal22{
	top: 0%;
	
}


#CierraModal22{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido22{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 22*/




/*MODAL 23*/
#ActivaVentana23{
	display: none;
}

#AbreModal23{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal23{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana23:checked ~ .VentanaModal23{
	top: 0%;
	
}


#CierraModal23{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido23{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 23*/



/*MODAL 24*/
#ActivaVentana24{
	display: none;
}

#AbreModal24{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal24{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana24:checked ~ .VentanaModal24{
	top: 0%;
	
}


#CierraModal24{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido24{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 24*/







/*MODAL 25*/
#ActivaVentana25{
	display: none;
}

#AbreModal25{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal25{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana25:checked ~ .VentanaModal25{
	top: 0%;
	
}


#CierraModal25{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido25{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 25*/




/*MODAL 26*/
#ActivaVentana26{
	display: none;
}

#AbreModal26{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal26{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana26:checked ~ .VentanaModal26{
	top: 0%;
	
}


#CierraModal26{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido26{
width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 26*/




/*MODAL 27*/
#ActivaVentana27{
	display: none;
}

#AbreModal27{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal27{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana27:checked ~ .VentanaModal27{
	top: 0%;
	
}


#CierraModal27{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido27{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 27*/




/*MODAL 28*/
#ActivaVentana28{
	display: none;
}

#AbreModal28{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal28{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana28:checked ~ .VentanaModal28{
	top: 0%;
	
}


#CierraModal28{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido28{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 28*/





/*MODAL 29*/
#ActivaVentana29{
	display: none;
}

#AbreModal29{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal29{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana29:checked ~ .VentanaModal29{
	top: 0%;
	
}


#CierraModal29{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido29{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 29*/







/*MODAL 30*/
#ActivaVentana30{
	display: none;
}

#AbreModal30{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal30{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana30:checked ~ .VentanaModal30{
	top: 0%;
	
}


#CierraModal30{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido30{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 30*/





/*MODAL 31*/
#ActivaVentana31{
	display: none;
}

#AbreModal31{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal31{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana31:checked ~ .VentanaModal31{
	top: 0%;
	
}


#CierraModal31{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido31{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 31*/





/*MODAL 32*/
#ActivaVentana32{
	display: none;
}

#AbreModal32{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal32{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana32:checked ~ .VentanaModal32{
	top: 0%;
	
}


#CierraModal32{
	display: block;
	color: #FFF;
	font-size: 3em;
	background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido32{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 32*/






/*MODAL 33*/
#ActivaVentana33{
	display: none;
}

#AbreModal33{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	/*display: block;
	width:50px;
	height: 20px;line-height: 20px;
	background-color: #f57025;
	color: white;
	font-family: arial;
	font-size: .7em;
	font-weight: bolder;*/
}

.VentanaModal33{
	
	width: 100%;/*ancho modal*/
	height: 100%; /*alto del modal*/
	position: fixed;
	top: -100%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}


#ActivaVentana33:checked ~ .VentanaModal33{
	top: 0%;
	
}


#CierraModal33{
	display: block;
	color: #FFF;
	font-size: 3em;
	/*background-color: rgba(0,0,0,0.6); /*color del relleno de la X de cerrar */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	margin-left: 100px;
	cursor: pointer;
	margin-left: 920px;
	
}

/*contenido del curriculum */
.contenido33{
	width: 500px;
	height: 600px;
	background-color: #b2b2b2;
	color: #000000;
	font-size: 1.2em;
	padding: 10px;
	/*margin: 150px auto;*/
	margin-left: 450px;
}
/*FIN MODAL 33*/



/*PARA ADAPTAR LOS MODALES DE LOS CURRICULUMS*/

@media (max-width: 768px){
	#ActivaVentana1, #ActivaVentana2, #ActivaVentana3, #ActivaVentana4, #ActivaVentana5, #ActivaVentana6, #ActivaVentana7, #ActivaVentana8, #ActivaVentana9, #ActivaVentana10, #ActivaVentana11, #ActivaVentana12, #ActivaVentana13, #ActivaVentana14, #ActivaVentana15, #ActivaVentana16, #ActivaVentana17, #ActivaVentana18, #ActivaVentana19, #ActivaVentana20, #ActivaVentana21, #ActivaVentana22, #ActivaVentana23, #ActivaVentana24, #ActivaVentana25, #ActivaVentana26, #ActivaVentana27, #ActivaVentana28, #ActivaVentana29, #ActivaVentana30, #ActivaVentana31, #ActivaVentana32, #ActivaVentana33{
	display: none;
	}
	#AbreModal1, #AbreModal2, #AbreModal3, #AbreModal4, #AbreModal5, #AbreModal6, #AbreModal7, #AbreModal8, #AbreModal9, #AbreModal10, #AbreModal11, #AbreModal12, #AbreModal13, #AbreModal14, #AbreModal15, #AbreModal16, #AbreModal17, #AbreModal18, #AbreModal19, #AbreModal20, #AbreModal21, #AbreModal22, #AbreModal23, #AbreModal24, #AbreModal25, #AbreModal26, #AbreModal27, #AbreModal28, #AbreModal29, #AbreModal30, #AbreModal31, #AbreModal32, #AbreModal33{ /*para el bton de ver mas en el curriculum*/
	cursor: pointer;
	}
}

/*ventan rgb de curriculom contenido 15 MAYO 25*/
@media (max-width: 768px){
	.VentanaModal1, .VentanaModal2, .VentanaModal3, .VentanaModal4, .VentanaModal5, .VentanaModal6, .VentanaModal7, .VentanaModal8, .VentanaModal9, .VentanaModal10, .VentanaModal11, .VentanaModal12, .VentanaModal13, .VentanaModal14, .VentanaModal15, .VentanaModal16, .VentanaModal17, .VentanaModal18, .VentanaModal19, .VentanaModal20, .VentanaModal21, .VentanaModal22, .VentanaModal23, .VentanaModal24, .VentanaModal25, .VentanaModal26, .VentanaModal27, .VentanaModal28, .VentanaModal29, .VentanaModal30, .VentanaModal31, .VentanaModal32, .VentanaModal33{
	
	width: 70%;/*ancho modal*/
	height: 86%; /*alto del modal transparencia*/
	position: fixed;
	top: -90%;
	left: 0px;
	
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}
}











/*fin adap moviles*/


/*ventana curriculum en pc 14 mayo 25 */
	
	.VentanaModal1, .VentanaModal2, .VentanaModal3, .VentanaModal4, .VentanaModal5, .VentanaModal6, .VentanaModal7, .VentanaModal8, .VentanaModal9, .VentanaModal10, .VentanaModal11, .VentanaModal12, .VentanaModal13, .VentanaModal14, .VentanaModal15, .VentanaModal16, .VentanaModal17, .VentanaModal18, .VentanaModal19, .VentanaModal20, .VentanaModal21, .VentanaModal22, .VentanaModal23, .VentanaModal24, .VentanaModal25, .VentanaModal26, .VentanaModal27, .VentanaModal28, .VentanaModal29, .VentanaModal30, .VentanaModal31, .VentanaModal32, .VentanaModal33{
	
	width: 39%;/*ancho modal tranparencia cuadrp de curriculum*/
	height: 86%; /*alto del modal transparencia*/
	position: fixed;
	top: -90%;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 1s;
	z-index: 200; /*para traer el modal al frente*/
}

#ActivaVentana1:checked ~ .VentanaModal1{
	top: 0%;
	
}



#ActivaVentana2:checked ~ .VentanaModal2{
	top: 0%;
	
}



#ActivaVentana3:checked ~ .VentanaModal3{
	top: 0%20
	
}

#ActivaVentana4:checked ~ .VentanaModal4{
	top: 0%;
	
}

#ActivaVentana5:checked ~ .VentanaModal5{
	top: 0%;
	
}
#ActivaVentana6:checked ~ .VentanaModal6{
	top: 0%;
	
}

#ActivaVentana7:checked ~ .VentanaModal7{
	top: 0%;
	
}
#ActivaVentana8:checked ~ .VentanaModal8{
	top: 0%;
	
}
#ActivaVentana9:checked ~ .VentanaModal9{
	top: 0%;
	
}

#ActivaVentana10:checked ~ .VentanaModal10{
	top: 0%;
	
}

#ActivaVentana11:checked ~ .VentanaModal11{
	top: 0%;
	
}

#ActivaVentana12:checked ~ .VentanaModal12{
	top: 0%;
	
}
#ActivaVentana13:checked ~ .VentanaModal13{
	top: 0%;
	
}
#ActivaVentana14:checked ~ .VentanaModal14{
	top: 0%;
	
}
#ActivaVentana15:checked ~ .VentanaModal15{
	top: 0%;
	
}
#ActivaVentana16:checked ~ .VentanaModal16{
	top: 0%;
	
}
#ActivaVentana17:checked ~ .VentanaModal17{
	top: 0%;
	
}

#ActivaVentana18:checked ~ .VentanaModal18{
	top: 0%;
	
}

#ActivaVentana19:checked ~ .VentanaModal19{
	top: 0%;
	
}
#ActivaVentana20:checked ~ .VentanaModal20{
	top: 0%;
	
}

#ActivaVentana21:checked ~ .VentanaModal21{
	top: 0%;
	
}
#ActivaVentana22:checked ~ .VentanaModal22{
	top: 0%;
	
}
#ActivaVentana23:checked ~ .VentanaModal23{
	top: 0%;
	
}
#ActivaVentana24:checked ~ .VentanaModal24{
	top: 0%;
	
}
#ActivaVentana25:checked ~ .VentanaModal25{
	top: 0%;
	
}
#ActivaVentana26:checked ~ .VentanaModal26{
	top: 0%;
	
}
#ActivaVentana27:checked ~ .VentanaModal27{
	top: 0%;
	
}
#ActivaVentana28:checked ~ .VentanaModal28{
	top: 0%;
	
}
#ActivaVentana29:checked ~ .VentanaModal29{
	top: 0%;
	
}
#ActivaVentana30:checked ~ .VentanaModal30{
	top: 0%;
	
}
#ActivaVentana31:checked ~ .VentanaModal31{
	top: 0%;
	
}
#ActivaVentana32:checked ~ .VentanaModal32{
	top: 0%;
	
}
#ActivaVentana33:checked ~ .VentanaModal33{
	top: 0%;
	
}










/*15 MAUO 25 SISI EDITANDO*/
#CierraModal1, #CierraModal2, #CierraModal3, #CierraModal4, #CierraModal5, #CierraModal6, #CierraModal7, #CierraModal8, #CierraModal9, #CierraModal10, #CierraModal11, #CierraModal12, #CierraModal13, #CierraModal14, #CierraModal15, #CierraModal16, #CierraModal17, #CierraModal18, #CierraModal19, #CierraModal20, #CierraModal22, #CierraModal23, #CierraModal24, #CierraModal25, #CierraModal26, #CierraModal27, #CierraModal28, #CierraModal29, #CierraModal30, #CierraModal31, #CierraModal32, #CierraModal33, #CierraModal33{
	display: block;
	color: #FFF;
	font-size: 3em;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 10px;
	margin-left: 10px;
	cursor: pointer;
	margin-left: 420px;/*MOVER X DE CURRICULO MAS ES A LA DERECHA MENOS ES IZQUIERDA 15 MAYO 25*/
	
	
}




/*CONTENIDO PC DE CURRICULOM COLOR AZUL al moviles se ve azulMOVIFICANDO 13 MAYO 25*/
.contenido1{
	width: 380px;/*ancho cuadro gris descripcion curriculum*/
	height: 450px;/*alto gris descripcion curriculum si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}

.contenido2{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido3{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido4{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}

.contenido5{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}

.contenido6{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}

.contenido7{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido8{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido9{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido10{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido11{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido12{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido13{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido14{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido15{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido16{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido17{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido18{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido19{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido20{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido21{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido22{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido23{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido24{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido25{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido26{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido27{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido28{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido29{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido30{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}

.contenido31{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido32{
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
.contenido33{
		
	width: 380px;/*ancho*/
	height: 450px;/*alto si MODIFICA 14 MAYO 25*/
	background-color: #b2b2b2;/*COLOR DEL CUADRO CURRICULUM AL MOVIL*/
	color: #FFF;
	font-size: .5em;
	padding: 10px;
	margin-left: 65px;/*mueve entre mas chico a la iz y mas grande a la derecha el cuadro gris dentro del trnaparencia*/
}
	
/*alineacion de informacion del curriculum de cada director*/
.contenido1, .contenido2, .contenido3, .contenido4, .contenido5, .contenido6, .contenido7, .contenido8, .contenido9, .contenido10, .contenido11, .contenido12, .contenido13, .contenido14, .contenido15, .contenido16, .contenido17, .contenido18, .contenido19, .contenido20, .contenido21, .contenido22, .contenido23, .contenido24, .contenido25, .contenido26, .contenido27, .contenido28, .contenido29, .contenido30, .contenido31, .contenido32, .contenido33, .contenido34{
text-align: justify;
font-size: 15px;/*TAMAÑO DE TEXTO DE DESCRIPCION CURRICULUMM */
}


/*FIN curri de directores*/

/*fin adaptar modales de curriculums*/









/*CODIGO PARA LAS TABLAS DE LA BUSQUEDA EN LA BASE DE DATOS*/


table#bd{
  width: 100%;
  background: #fff;
    margin-bottom: 1.25em;
  border: solid 2px #000;
  border-collapse: collapse;
  border-spacing: 0;
 
 
  
  
  
  
}

@media screen and (max-width: 640px) {
	table#bd {
		overflow-x: auto;
		display: block;
	}
}


td#celda{
	background-color:#698595;
	font-weight:bold;
	
}




/*BOTON ORDEN DE PAGO*/
#boton3{
	background: #424242;/*color de fondo del boton*/
	color: #fff; /*color texto del boton*/

	height: 40px;
	width: 200px;
	float: right;
	margin-right: 150px;
}
/*boton al pasar el mouse sobre el*/
#boton3:hover{
	cursor:pointer;
	background: #4682B4;
	color: #382818;
	
}



/*CODIGO PARA INFORMACION DE BECAS MIGUEL*/
iframe#cpdf{

	
	width: 900px;
	height: 850px;
	max-width: 100%;
	border: 5px solid  #5499c7; 
	box-sizing: border-box;
	
}

table#tabla{
	
	width: 100%;
	background: #F2F2F2;
	margin-bottom: 5.25em;
	border: solid 1px #F2F2F2;
	border-collapse: collapse;
	border-spacing: 0
	
}



td#celdaizq{
	width: 36%;
	text-align: center;
	
}

td#celdader{
	width: 60%;

	
}


div#scroll{
	overflow:scroll;
	height:800px;
	overflow-y:visible;
	overflow-x:hidden;
}
 
#fuente{
	font-family:verdana; 
	font-size:13px;
}

#titulomultimedia{
	color: #0B0B61;
	font-family: "Times New Roman", Arial;
	font-size: 40px;
	font-weight: bold;  
	text-align: left;
	
}

#link1, #link2, #link3{
	
	padding: 10px 6px;
	border: #585858 10px solid;
	border-radius: 20px;
	padding-top:240px;
	padding-bottom:0px;
	

}

@media only screen and (max-width: 768px) {
	table.resp2,
	.resp2 tbody,
	.resp2 tr,
	.resp2 td,
	.resp2 caption

	{ display: block; }
	
	.resp2 td {
	border: none;
	border-bottom: 1px solid #F2F2F2;
	position: relative;
	padding-left: 0px; /*centrar img de la tabla*/
	text-align: left;
	}
	
	#hrT{  max-width: 97%;}
}
/*alineacion para texto de pago de servicios*/

p#titulosCeldas2{
		font-family: "Helvetica", Arial, Verdana;
	font-size: 30px;
	color: #086A87; /*azul  #0B0B61*/
	text-align: center;
	font-weight:bold;
	}
	
	
	


/*fin codigo pago de servicios*/







/* transparencia */

h5{
	color: navi;
	text-align: center;
	margin: 0;
	font-size: 30px;
	margin-bottom: 10px; 
	
}

#fuente2{
	font-family:verdana; 
	font-size:18px;
}

.texttransfe{
	
	margin:auto;
	align-items:center;
	text-align:justify;
	border:2px ;
	width:90%;
	height:50px;
	
}

#p1{
	font-family:"Helvetica", Arial, Verdana;
	font-size:18px;
	color:#0B2161;
	font-weight:bold;
}

#p2{
	font-family:"Helvetica", Arial, Verdana;
	font-size:15px;
	color:#0B2161;
	font-weight:bold;
	line-height:2;
}



/*color para la tabla y celdas de transparencia*/
.transparencia ul{
	list-style: none;
	
	color: #fff;
	margin: 0px;
	padding: 0;
	text-align: center;
	
	
}

.transparencia li{
	background: #64748b; /*color sin pasar mouse color de botones de obligaciones de pag trnaparencia */

	 border-right: 2px solid #fff; /*para poner la linea divisora entre cada menu*/
	 cursor: pointer;
	



	font-family: verdana;
	font-size: 19.1px;
	color: #fff;
	text-align: justify;
	margin: 10px 0px 20px 0px;
	 padding: 15px;/*alineacion de texto que esta en un boton*/
	
	 }
	 
#ley{
	 padding: 34px;
	 text-align: center;
}





.transparencia li:hover{
	background:  #ccd7e8;
	color: #000;
}


.transparencia li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	text-decoration: none;
	
}







@media (max-width: 768px){
	.transparencia li{
	width: 300px;
	height: 200px; /*alto del cuadro para el texto de transparencia*/
	margin-left: 10px;
	font-size: 15px;
	margin: 10px 0px 10px 10px;
		
	
	
	}
}

/*Avisos de privacidad*/

.privacidad ul{
	list-style: none;
	
	color: #fff;
	margin: 0px;
	padding: 0;
	text-align: center;
	
	
	
}

.privacidad li{
	background: #668589;
	 flex-grow: 1;
	 border-right: 2px solid #fff; /*para poner la linea divisora entre cada menu*/
	 cursor: pointer;
	
	list-style: none;
	width: 800px;
	 height: 60px;
	font-family: Arial;
	font-size: 15px;
	color: #fff;
	text-align: justify;
	margin: 30px 30px 30px 300px;
	 padding: 19px;/*alineacion de texto que esta en un boton*/
	font-weight: none;
	line-height: 17px; /*interlineado*/
	 }
	 
#ley{
	 padding: 34px;
	 text-align: center;
}





.privacidad li:hover{
	background:  #95bcc0;
	color: #000;
}


.privacidad li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	text-decoration: none;
	
}


#sistema{
	margin-left: 200px;
}


@media (max-width: 768px){
	.privacidad li{
	width: 400px;
	height: 80px; /*alto del cuadro para el texto de transparencia*/
	margin-left: 10px;
	
	margin: 10px 0px 10px 5px;
		line-height: 17px; /*interlineado*/
	
	
	}
	
	#sistema{
	margin-left: 10px;
	}
}
/* finPrivacidad*/




/*botones parte baja*/
.botonT ul{
	list-style: none;
	
	color: #fff;
	margin: 0;
	padding: 0;
	
	
}

.botonT li{
	background:  #6f6f6f;
	flex-grow: 1;
	border-right: 2px solid #fff; /*para poner la linea divisora entre cada menu*/
	cursor: pointer;
	
	list-style: none;
	width: 300px;
	height: 70px;
	font-family: verdana;
	font-size: 20px;
	color:  #dae6f0;
	text-align: center;
	
	
	display: inline-block; /*para poner el boton en horizontal*/
	vertical-align: middle; /*alineacion en vertical centrado*/
	position: relative;
	padding: 7px; /* para alinar el texto del menu a  la mitad el boton*/
	
	
	 }

	 #btonT{
	padding: 19px;

	text-align:center;
	
	 }

.botonT li:hover{
	background: #9c9c8d;
	color: #000;
}


.botonT li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	text-decoration: none;
	
}







@media (max-width: 768px){
	.botonT li{
	width: 300px;
	 height: 70px; /*alto del cuadro para el texto de transparencia*/
	
	
	margin: 20px 0px 10px 10px;
	float: center;
		
	
	
	}
}


/*contador de visitas en transparencia*/
.contadorV li{
	
	margin: 20px 400px 10px 400px;
	float: center;
	list-style: none;
	text-align: justify;
	padding: 20px;
	background:  #9c9c9c;
	color: #000;
	
	
}

.contador ul{
	list-style: none;
	
	color: #fff;
	margin: 0px;
	padding: 0;
	text-align: center;
	
	

}





#accesoI{
	text-align: center;
	font-family: arial;
	font-size: 18px;
}

@media (max-width: 768px){
	#accesoI{
		margin: 30px 20px 10px 10px;
	
	
	}
}

#tel, #visitas{
	background: #F2F2F2;
	
}




@media (max-width: 768px){
	.contadorV li{
		
	width: 300px;
	 height: 100px; /*alto del cuadro para el texto de transparencia*/
		
	margin: 20px 100px 10px 10px;
	float: center;
	
		
	}
}

/*INCICIO MENU DE TRANSPARENCIA*/
/*----------------------------
	CSS3 Animated Navigation
-----------------------------*/


.fancyNav{
	/* Affects the UL element */
	overflow: hidden;
	display: inline-block;
}

.fancyNav li{
	/* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
	
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	
	border-right: 1px solid rgba(9, 9, 9, 0.125);
	
	/* Adding a 1px inset highlight for a more polished efect: */
	
	box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	
	position:relative;
	
	float: left;
	list-style: none;
}

.fancyNav li:after{

	/* This creates a pseudo element inslide each LI */	
	
	content:'.';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	
	/* Gradients! */
	
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
	background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	
	/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
	
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	
	/* This will create a smooth transition for the opacity property */
	
	-moz-transition:0.25s all;
	-webkit-transition:0.25s all;
	-o-transition:0.25s all;
	transition:0.25s all;
}

/* Treating the first LI and li:after elements separately */

.fancyNav li:first-child{
	border-radius: 4px 0 0 4px;
}

.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{
	box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	
	border-radius:4px 0 0 4px;
}

.fancyNav li:last-child{
	border-radius: 0 4px 4px 0;
}

/* Treating the last LI and li:after elements separately */

.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	
	border-radius:0 4px 4px 0;
}

.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
	/* This property triggers the CSS3 transition */
	opacity:1;
}

.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
	/* Hides the targeted li when we are hovering on the UL */
	opacity:0;
}

.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
	opacity:1 !important;
}

/* Styling the anchor elements */

.fancyNav li a{
	color: #5d5d5d;
	display: inline-block;
	font: 17px/1 Lobster,Arial,sans-serif;
	padding: 12px 35px 14px;
	position: relative;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
}

.fancyNav a.homeIcon{
	background:url('../img/home.png') no-repeat center center;
	display: block;
	overflow: hidden;
	padding-left: 12px;
	padding-right: 12px;
	text-indent: -9999px;
	width: 16px;
}

 #menuT{
	 margin-left: 7px;
 }

 
 /*apartado de transparencia contabilidad boton de abajo*/

#conta{
	text-align: justify;
	margin-left: 100px;
	margin-right: 100px;
	list-style: none;
	 line-height: 24px;/*para el interlineado de texto*/
}

@media (max-width: 768px){
	#conta{
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	list-style: none;
}
}

/*menus contabilidad gubernaental normativas*/
@media (max-width: 768px){
div#body, div.subapartado, 
div.titulo, p.titulo, div.info	{
		max-width: 100%;
		
	}
	 #submenu, submenu2, submenu3, submenu4{ 
	 font-size: 4px;
	 text-align: center;
	 }
}


div#body{
	margin:40px auto;
	width:600px;
	min-height:50px;
	background-color: red;
	overflow: hidden;
	border-radius: 5px;
}

div.subapartado{
	width:600px;
	min-height:50px;
	background-color: green;
	-webkit-transiton: height 0.2s;
}

div.titulo{
	width:600px;
	height:50px;
	background-color: #24c06f;
	overflow: hidden;
	border-bottom: 1px solid #39f58f;
	cursor: pointer;
}

p.titulo{
	margin:13px;
	color: white;
}

div.info{
	width:600px;
	height:0px;
	background-color: #f5f5f5;
	overflow: hidden;
	-webkit-transition: height 0.2s;
}

p.info{
	margin:10px;
	text-align: justify;
	color:#4f4f4f;
}

div.subapartado:hover div.info{

	height:1000px; /*para hacer mas grande los submenus y sub de sub menus*/
	line-height: 24px;
	color: blue;

}
/*mostrar ocultar submenus*/

p.oculto {
display:none;
cursor: pointer;
}
div.secreto:hover p.oculto {
display:block;
cursor: pointer;

}


#submenu{
	font-size:15px;
	color:  #326c89;
	text-indent: 5em;/*sangria a un texto*/
}

#submenu2{
	font-size:15px;
	color:  #326c89;
	text-indent: 7em;/*sangria a un texto*/
	
}

#submenu3{
	font-size:15px;
	color:  #326c89;
	text-indent: 10em;/*sangria a un texto*/
	
}



#submenu4{
	font-size:15px;
	color:  #326c89;
	text-indent: 12em;/*sangria a un texto*/
	
}



/*FIN CODIGO DE MENU TRANSPARENCIA*/




/*fin codigo trasparencia*/




/*EDO DEL TIEMPO*/

#tiempo{
	margin-top: -10px;
margin-left: 1100px;
	margin-bottom: 10px;
	
	width: 30px;
	height: 1px;
	border-bottom-color: #000;
}
#correoI{
	
	margin-top: 70px;
	/*margin-left: 1112px;*/
	text-align: right;
}

#textClima{
	
	
margin-left: 1110px;
	
	
	
}


@media (max-width: 768px){
	
		
	#tiempo{
	display:none; /*alineacion de la division del contenido*/
	
}	
	
	
}


/*FIN EDO TIEMPO*/

















/*CODIGO PARA CONTABILIDAD GUBERNAMENTAL*/


/* Ocultar botón radio */
input[id^="spoiler"]{
display: none;
}
/* Estilo botón clicable */
input[id^="spoiler"] + label {
display: block;
width: 300px; /*cambiar el ancho del boton*/
margin: 0 auto;
padding: 15px 20px; /*medidas del boton*/
background: #6E6E6E; /*color de fondo del boton a estadisticos de ingresos totales de estaditicaf18.html*/
cursor: pointer;
color: #fff;

margin-left: 500px; /*aliner los botones principales de contablidad a la derecha*/
}

/*al pasar el mouse sobre el boton*/
input[id^="spoiler"] + label:hover {
	background: #dcdcdc; /*color boton al pasar el mouse de estadistica.html botones de estaditicas*/
	color: #000;
}

div#contenido{
	margin-left: 140px; /*alineacion de la division del contenido*/
}



/*color y estilos de menus de estadistica.html y menus de abcd*/

#unoSeis{
	text-indent: 30em;/*sangria a un texto*/
	 	line-height: 30px;/*interlineado*/

}


/* Estilo botón cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label {
color: #000;
background: #b5b5b5;

}
/* Estilo caja SPOILER (inicialmente oculto) */
input[id^="spoiler"] ~ .spoiler {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
}
/* Estilo caja SPOILER cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
}






/*fin */

/*VINETAS DE TRANSPARENCIA Y SUBVIÑETAS*/


@media (max-width: 768px){
	
		
	div#contenido{
	margin-left: 30px; /*alineacion de la division del contenido*/
	
}	
	
	p#uno{
	
	text-indent: 1em;
}



input[id^="spoiler"] + label {
display: block;
width: 300px; /*cambiar el ancho del boton*/
margin: 0 auto;
padding: 15px 20px; /*medidas del boton*/
background: #b5b5b5;
color: #fff;
cursor: pointer;

margin-left: 20px; /*aliner los botones principales de contablidad a la derecha*/
}

}





p#uno{
	font-size:15px;
	color:  #326c89;
	text-indent: 2em;/*sangria a un texto*/
	line-height: 30px;
}


p#dos{
	font-size:15px;
	color:  #326c89;
	text-indent: 3.5em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
}


p#tres{
	font-size:15px;
	color:  #326c89;
	text-indent: 5em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
}

p#cuatro{
	font-size:15px;
	color:  #326c89;
	text-indent: 5.7em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
}

p#cinco{
	font-size:15px;
	color:  #326c89;
	text-indent: 6.5em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
}




















































/*ESTILOS MIGUELITO*/


iframe#cpdf{

	
	width: 900px;
	height: 850px;
	max-width: 100%;
	border: 5px solid  #5499c7; 
	box-sizing: border-box;
	
}

table#tabla{
	
	width: 100%;
	background: #F2F2F2;
	margin-bottom: 5.25em;
	border: solid 1px #F2F2F2;
	border-collapse: collapse;
	border-spacing: 0
	
}



td#celdaizq{
	width: 36%;
	text-align: center;
	
}

td#celdader{
	width: 60%;

	
}


div#scroll{
	overflow:scroll;
	height:800px;
	overflow-y:visible;
	overflow-x:hidden;
}
 
#fuente{
	font-family:verdana; 
	font-size:13px;
}

#titulomultimedia{
	color: #0B0B61;
	font-family: "Times New Roman", Arial;
	font-size: 40px;
	font-weight: bold;  
	text-align: left;
	
}

#link1, #link2, #link3{
	
	padding: 10px 6px;
	border: #585858 10px solid;
	border-radius: 20px;
	padding-top:240px;
	padding-bottom:0px;
	

}

@media only screen and (max-width: 768px) {
	table.resp2,
	.resp2 tbody,
	.resp2 tr,
	.resp2 td,
	.resp2 caption

	{ display: block; }
	
	.resp2 td {
	border: none;
	border-bottom: 1px solid #F2F2F2;
	position: relative;
	padding-left: 7%;
	text-align: left;
	}
}

/* transparencia */

h5{
	color: navi;
	text-align: center;
	margin: 0;
	font-size: 30px;
	margin-bottom: 10px; 
}

#fuente2{
	font-family:verdana; 
	font-size:18px;
}

.texttransfe{
	
	margin:auto;
	align-items:center;
	text-align:justify;
	border:2px ;
	width:90%;
	height:50px;
	
}

#p1{
	font-family:"Helvetica", Arial, Verdana;
	font-size:18px;
	color:#0B2161;
	font-weight:bold;
}

#p2{
	font-family:"Helvetica", Arial, Verdana;
	font-size:15px;
	color:#0B2161;
	font-weight:bold;
	line-height:2;
}	

/*MENU INFO TRAMITES*/


a {
	text-decoration: none;
}
ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapper {	
	width: auto;
	height:600px;
	margin: auto;
	font-size: auto;
}

@media (max-width: 768px) {
    #subitem1 {
        padding: 10px 0;
    }
}

.menut {
	width: auto;
	height: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}
.menut > li > a {
	background-color: #616975;/*color principal de los menus*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: auto;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.menut ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: black;
	font-weight: bold;
}
.menut ul li:last-child a {
	border-bottom: 1px solid #33373d;
}
.menut > li > a:hover, .menu > li > a.active {
	background-color: #a3adb5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(70, 130, 180)),to(rgb(38, 152, 219)));
	background-image: -webkit-linear-gradient(top, rgb(70, 130, 180), rgb(38, 152, 219));
	background-image: -moz-linear-gradient(top, rgb(70, 130, 180), rgb(38, 152, 219));
	background-image: -o-linear-gradient(top, rgb(70, 130, 180), rgb(38, 152, 219));
	background-image: -ms-linear-gradient(top, rgb(70, 130, 180), rgb(38, 152, 219));
	background-image: linear-gradient(top, rgb(70, 130, 180), rgb(38, 152, 219));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3adb5', EndColorStr='#a3adb5');
	border-bottom: 1px solid #103c56;
	-webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
	-moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
	box-shadow: inset 0px 1px 0px 0px #6ad2ef;
}

.menut > li > a.active {
	border-bottom: 2px solid #4682B4;
}

.item1 > a:before {
	background-position: 5px 11px;
}
.menut > li > a:before {
	content: '';
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	font-size: 39px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}


.menut > li > ul li a:before{
	content: '▶';
	font-size: 15px;
	color: #aebdd5;
	position: absolute;
	width: 6em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.menut > li > ul li:hover a,
.menut > li > ul li:hover a span,
.menut > li > ul li:hover a:before {
	color: #3d3d5e;
}



/*MENU PARA TRANSPARENCIA (MENU2)*/

 
#container-main2{
    margin:40px auto;
    width:95%;
    min-width:300px;
    max-width:1200px;
}

#container-main{
    margin:40px auto;
    width:95%;
    min-width:300px;
    max-width:1100px;

}		

#container-main h1{
    font-size: 23px;
	color: #515151;
}
 
#container-main h2{
	font-size: 20px;
	color: gray;
}

#container-main h3{
	font-size: 15px;
	color: black;
}

#container-main h4{
    font-size: 18px;
	color: black;
	text-align:justify;
}

 
.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
}

#container-main .accordion-container h1{
	font-size: 25px;
}

#container-main .accordion-container h2{
	font-size: 16px;
	text-align:left;
	color: black;
}
 
.accordion-titulo {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 20px;
    font-weight: 300;
    background: #666666; /*color de los cuadrs de los aprtados trnaparencia leyes sin pasar el mouse*/
    color: black;
    text-decoration: none;
}

#alineacion{
	margin-right:40px;
	font-size: 20px;
	color:#ECF0F1;
	font-weight: 300;
	
}
.accordion-titulo.open {
    background: #283747;
    color: #fff;
}
.accordion-titulo:hover   {
    background: #aaaaaa;
		
}

p#alineacion:hover {color: #000;}



 
.accordion-titulo span.toggle-icon:before {
    content:"+";
}
 
.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}
 
.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 35px;
    font-weight:bold;
}
 
.accordion-content {
    display: none;
    padding: 10px; /*regresar a 10*/
    overflow: auto;
	background: #fff;

}
 
.accordion-content p{
    margin:0;
}

 
@media (max-width: 768px) {
    .accordion-content {
        padding: 0px 0;
    }
}

/*Boton arriba*/

.ir-arriba{
	display:none;
	padding:10px;
	background:#024959;
	font-size:35px;
	color:#fff;
	cursor:pointer;
	position:fixed;
	bottom:115px;
	right:50px;
	z-index:100;
}

/*Submenu Transparencia*/
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 2px solid black;
    background-color: #E1F5FE;

}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.1s;
    font-size: 18px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: white;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: white;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 2px solid white;
    border-top: none;
}

@media screen and (max-width: 768px) {
  span {
    font-size: 0px;
  }
}

#textotrans1{
	font-size:10px;
	margin:2px;
}

#textotrans2{
	font-size:16px;
	color:navy;
}

#textotrans3{
	font-size:18px;
}

#textotrans4{
	font-size:14px;
	font-weight:600;
}

#lineatrans{
	background:navy;
	height:4px;
}




/*FIN ESTILOS MIGUELITO*/













/*ESTIOS PARA EL CONTADOR DE VISITAS*/
img#Cvisitas {
	vertical-align: middle;
	width: 32px;
}
.views {
	color: #242527; /*COLOR DEL NUMERO O TOTAL DE LAS VISITAS*/
}
.total {
	font-family: arial;
	font-size: 1em;
	vertical-align: middle;
}

/* Aqui empiezan los Estilos de las Visitas */
#contentt {
	padding: 5px; /*ANCHO DEL BOTON DE LAS VISITAS*/
	margin: 5px 400px;
	background: #bbbdbe; /*COLOR DE RELLENO DEL BOTON DE VISITAS*/
	box-shadow: 1px 1px 14px #888888; /*COLOR DE UNA SOMBRA EN EL BOTON DE LAS VISITAS*/
}

#contentt2 {
	padding: 5px;
	margin: 5px 400px; /*el segundo valor es para el tamaño de la caja*/
	cursor: pointer;
	appearance:button;
	-moz-appearance:button; /* Firefox */
	-webkit-appearance:button; /* Safari and Chrome */
}
#contentt2 span {
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari y Chrome */
}




/*contador de visitas en dispositivos*/

@media (max-width: 768px){
	#contentt {
	padding: 5px; /*ANCHO DEL BOTON DE LAS VISITAS*/
	margin-left: 80px;
	width: 300px;
	height: 50px;
	
	background: #bbbdbe; /*COLOR DE RELLENO DEL BOTON DE VISITAS*/
	box-shadow: 1px 1px 14px #888888; /*COLOR DE UNA SOMBRA EN EL BOTON DE LAS VISITAS*/
	
}

#contentt2 {
	padding: 5px;
	margin-left: 10px;
	width: 300px;
	height: 50px;
	cursor: pointer;
	appearance:button;
	-moz-appearance:button; /* Firefox */
	
}

.total {
	font-family: arial;
	font-size: 1em;
	vertical-align: middle;
	
	
	
}
.views {
	color: #242527; /*COLOR DEL NUMERO O TOTAL DE LAS VISITAS*/
}

#contentt2 span {
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari y Chrome */
}

}


/*alineacion de texto superio de turismo*/
#turismoalineado{
	margin-right: 105px;
	margin-left: 105px;
	
}


#textotrans1, #TOPONIMIA, #textotrans3, #localizacion, #extension, #orografia, #hidrografia, #ecosistemas, #fiestas, #musica, #gastronomia {
	font-family: "Helvetica", Arial, Verdana;
	font-size: 16px;
	color: #3c3c3c;
}

#descripcion1, #descripcion2, #descripcion3, #descripcion4, #descripcion5, #descripcion6, #descripcion7, #descripcion8, #descripcion9{
	font-family: "Helvetica", Arial, Verdana;
	font-size: 15px;
	color: #666666;
}

/*fin alineado texto turismo*/




/*footer palacio*/

#palacio{
	display:block;
	margin:auto;
	width:260px;
	height:70px;
}

/*Fin footer palacio*/








/*MENU INFO TRAMITES*/


a {
	text-decoration: none;
}
/*ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}12 junio 25*/ 

#wrapper {	
	width: auto;
	height:850px;
	margin: auto;
	font-size: auto;
	text-align:left;
	
}

#tramitamaño {
		height:auto;
		font-size:13px;
	}

@media (max-width: 780px) {
	#tramitamaño {
        font-size:8px;
		height:auto;
		text-align:center;
		margin-right:-8px;
		
	}
    #tramitamaño2 {
        font-size:8px;
		height:auto;
		text-align:center;
		
    }
	.menut > li > ul li a:before{
		display:none;
		
	}
	.menut > li > a:before {
	display:none;
	
	}	

}


.menut > li > a {
	background-color: #616975;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
	border-bottom: 3px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: auto;
	height: 2.5em;
	line-height: 2.7em;
	text-indent: 2.7em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.menut ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: black;
	font-weight: bold;
	
}

.menut > li > a:before {
	content: '';
	background-image: url(../img/Create1.png);
	background-repeat: no-repeat;
	font-size: 39px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
	
}

.item1 > a:before {
	background-position: 5px 11px;
}

.menut > li > ul li a:before{
	content: '▶';
	font-size: 15px;
	color: #bcbcbf;/*color tringulito*/
	position: absolute;
	width: 6em;
	height: 1em;
	top: 0;
	left: -1.5em;
}

.menut > li > ul li:hover a,
.menut > li > ul li:hover a span,
.menut > li > ul li:hover a:before {
	color: #3c6280;/*color texto al pasar el mouse de DESCRIPCION*/

}
/*fin boton mas de infotramites*/


/*para quitar la foto de  presi cuando este en dispositivos moviles*/




/*@media (max-width: 1366px){
	.fotoPresi{
	position: relative;
   z-index: 1;
   margin-right: 200px; /*para mover la foto de la presidenta a hacia la izquierda*/
	/*}*/


@media (max-width: 768px){
	#textClima, #tiempo{
		
		visibility: hidden; /*ocultar una img al adaptarse la pantalla*/
		  
	
	
	}
	#correoInst{
	
		visibility: hidden;
	}
}	
		
/*Imagen de Aviso de privacidad*/		
.imagenalineacion{
  vertical-align: middle;

}	



/*estilos para tabla tramites*/

table#tramites{
     width: 100%;
  background: #0000;
    margin-bottom: 1.25em;
  border: solid 2px #000;
  border-collapse: collapse;
  border-spacing: 0;
  
 margin: 10px 10px 30px 0px;
 

}

tr#titulosC{
     border: 1px solid black;
     width: 36%;
	
	font-size: 1.1em;
	color: red;
	font-weight: bold;
	background:#A4A4A4;
	font-family:Segoe Print;
	
	}

tr#filas1{
background:#A9BCF5;
}

p#seguimiento{
    text-align: center;
    color:#086A87;
    font-family:Segoe Print;
    font-size: 30px;
    font-weight:bold;
}


/*FIN ESTILOS TABLA TRAMITES*/


h1#est{color: #4c4c4c;}

h5#if{color: #4c4c4c;}
li#conta{color: #282825;}

a#lineamientos {color: #474b4e;}
a#transparencia {background: #000;}

p#titulosT{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 30px;
	
	text-align: left;
	font-weight:bold;
	}
	
	
	


/**/
.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 40px;
}

.card {
    background: white;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.card h3 {
    color: #0B3A8F;
}

/*cabildo estilos*/




.seccion {
  background: var(--color-grey);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 6px;
}

/*FOOTER*/

.footer {
  background: linear-gradient(135deg, #0d1b2a, #8a9597);
  color: #fff;
  padding: 50px 20px 20px;
  font-family: Arial, sans-serif;
}

.footerP{
	color: #dcdcdc;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

.footer-section h3 {
  margin-bottom: 15px;
  font-size: 18px;
  border-bottom: 2px solid #cb9e67;
  padding-bottom: 5px;
}

.footer-section ul {
  list-style: none;
  padding: 0;
}

.footer-section li {
  margin-bottom: 8px;
}

.footer a {
  color: #a9d6ff;
  text-decoration: none;
  transition: 0.3s;
}

.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.map-link {
  display: inline-block;
  margin-top: 10px;
}

.socials a {
  display: block;
  margin-bottom: 6px;
}

.footer-bottom {
  text-align: center;
  margin-top: 40px;
  border-top: 2px solid #cb9e67;
  padding-top: 15px;
  font-size: 16px;
  opacity: 0.8;
}

/* Responsive extra */
@media (max-width: 600px) {
  .footer {
    text-align: center;
  }

  .socials a {
    display: inline-block;
    margin: 5px 8px;
  }
}





/* NOTA EN MANTENIMIENTO POR CAMBIO DE ADMINISTRACION*/

.watermark {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    font-size: 35px;
    color: rgba(200, 0, 0, 0.15); /* rojo transparente */
    font-weight: bold;
    pointer-events: none; /* no bloquea clicks */
    z-index: 9999;
    white-space: nowrap;
}

 

/*FIN*/


/*CONTABILIDAD GUBERNAMENTAL*/
.uno{
    font-size:15px;
	color:  #0d3b66;
	text-indent: 2em;/*sangria a un texto*/
	line-height: 30px;
	
	font-family: arial;
	font-weight: bold;
}

.dos{
	
	font-size:15px;
	color:  #000;
	text-indent: 3.5em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
	font-family: arial;
	font-weight: bold;
}

.tres{
	font-size:15px;
	color:  #000;
	text-indent: 5em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
	font-family: arial;
	font-weight: bold;
	
}

.cuatro{
	font-size:15px;
	color:  #000;
	text-indent: 5em;/*sangria a un texto*/
	line-height: 30px;/*interlineado*/
	font-family: arial;
	font-weight: bold;
	
}
.hidden{
    display: none !important;
}
/*FIN CONTABILIDAD*/