:root {
  --respaldocolor: #806F15;
  --votacioncolor: #ffffff;
  --divisioncolor: #CF3C57;
  --datosasambleacolor: #F7ED53;
}


/*
body {
	background-color:#0000CC;
}
*/
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.general {
	background-color:#0000CC;
	
}

.principal {
	width:60%; 
	margin:0 auto;	
	
}

.fuente80 {
	font-size:80%;	
}

.fuente100 {
	font-size:100%;	
}

.fuente150 {	
	font-size:150%;	
}

.fuente120 {	
	font-size:120%;	
}

.ancho5 {	
	width:5%;
	text-align:center;
}

.ancho15 {	
	width:15%;
	text-align:center;
}

.ancho55 {	
	width:55%;
	text-align:center;
}

.ancho30 {	
	width:30%;
	text-align:center;	
}

.ancho60 {	
	width:60%;
	text-align:center;	
}

.ancho85 {	
	width:85%;
	text-align:center;	
}

.fuente180 {	
	font-size:180%;	
}

.fuente250 {	
	font-size:250%;	
}

.tablas {
	margin:0 auto; 
	border-collapse:collapse; 
	width:100%;
	border: #000000 1px solid;
}

.filas {	
	border: #000000 1px solid	
}

.columnas {	
	border: #000000 1px solid;	
}
	
.division {
	background-color:var(--divisioncolor); 
	width:90%;		
	margin:15px auto; 
	height:60px;
	font-size:140%;
	text-align:center;		
}	

.division:hover {
	background-color: #1717FF;
	cursor: pointer;
	color: #FFFFFF;
	box-shadow: 0 10px 10px 0 black;
}
	
.division:active {
	background-color: red;
}


.actualizar {
	width:20%; 
	height:5%; 
	display:inline-block; 
	background-color:#FFAF33; 
	cursor:pointer; 	
	border-radius:2%; 
	margin-bottom:1%;	
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}


.actualizar:hover {
	background-color: #3E388C;
	cursor: pointer;
	color: #FFFFFF;	
}


.datosasamblea{
	width:100%; 
	margin:0 auto; 
	background-color:var(--datosasambleacolor); 
	padding:0.3%; 
	border-radius:1%; 
	text-align:center;		
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}

.datosvotacion {
	display:block;
	width:100%; 
	margin:0 auto; 	
	background-color:var(--votacioncolor);
	border-radius:1%;
	text-align:center;
	color:#000000;	
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}

.propiedad {
	background-color:#F5F753;
	text-align:left; 	
	padding:0.3%;
}
.vinculo {
	display:block;
	width:100%; 
	margin:0 auto;
	background-color:#F5F753;				
	border-radius:1%;
	text-align:center;
	color: #000000; 
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}



.mostrarinformes {
	display:block;
	width:100%; 
	margin:0 auto;
	background-color:#F5F753;				
	border-radius:1%;
	text-align:center;
	color: #000000; 
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
	
	
}


.vinculo:hover {
	background-color: #3E388C;
	cursor: pointer;
	color: #FFFFFF;	
	box-shadow: 5px 5px 0 0 #806F15;
}

/*    */

.vinculodescarga {
	display:block;
	width:100%; 
	margin:0 auto;
	background-color:yellow;				
	border-radius:1%;
	text-align:center;
	color: #000000; 
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}




.color {
	background-color:#0000CC		
}

.imagen {
	display:block;  
	margin-left: auto;  
	margin-right: auto;
	padding: 2px;	
}

.usuario {
	display:inline-block; 
	background-color:#FFFFFF; 
	height:40px; 
	text-align:center; 
	font-size:25px; 
	border-radius:3px;	
}


.ingresar{
	width:50%;
	background-color:#4E41F8;
	border-color:#7872C6;
	text-align:center;			
	height:40px; 
	font-size:20px;
	color:#FFFFFF;
	border-radius:3%;	
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}

.ingresar:hover {
	background-color: #3E388C;
	cursor: pointer;
	color: #FFFFFF;
	
}
	

.forma {
	margin: 0 auto; 
	max-width: 400px; 
	background-color: #FFFFFF; 
	padding: 5px;
	border-radius:3%;	
	box-shadow: 5px 5px 0 0 var(--respaldocolor);	 
}

.renglonp {
	margin-top:15px;
	font-size:24px; 
	color:#0000CC; 
	padding:10px;
	text-align:center;
}

.solicitud {
	text-align:center; 
	font-size:12; 
	color:#FFFFFF;
}


.divs {
	padding:10px; 
	margin:0 auto;
}