@charset "utf-8";

/*LISTADO DE ITEM PARA DESCARGAR*/

.seleccione{
	color:#000;
	
}
      article {
		  width:80%;
		  float:none;
		  margin: 0 auto;
		  border-bottom: 1px dotted black;
		  text-align: left;
		}
		
		article strong {
			color: #000;
			}
		article p {
			width:70%;
			float:left;
			
			}
		article img{
			float:right;
			width: 17%;
			}
			
					
   /* FORMULARIO CAMBIO DE PAS */
   
   #formulario {
	   width: 50%;
	   }
	  
	.div1 {
		  color: #7B1C46;
		  text-align:right;
		  margin-right: 1%;	
		  width: 45%;
		  float:left;
		  }
		  
	.div2 { 
	
		width:50%;
		float:left;
		}
	#enviar {
		width: 50%;
		background:#7B1C46;
		color:#FFFFFF;
		
		}

	#enviar:hover {
		background: #D74401;
	}

/* Encabezado de bienvenida*/

 .head {
	background-color: #7B1C46;
	width: 100%;
	height: 60px;
	border-bottom:#FFFFFF solid 1px;
	
	}

   .nombre{
	width: 45%;
	float: left;
	margin-left: 1%;
	font-size: large;
	font-weight: bold;
	color: #fff;
	text-align:left;
	   
	   }
	   
		.opciones {
		width: 45%;
		float:left;
		text-align:right; 
		margin-right:20px;
		margin-top: 19px;
		
		} 
	.opciones a {
		color:#FFF;}	
	.opciones a:hover {
		color:#BBBBBB;}		
	

/* Listado de temas de archivos*/	

	.TemaArchivos{
		background: #B48405;
		color: #FFF;
		
	}

	.listado {
		list-style: square;
		margin-bottom: 2%;
		}
	.listado li {
		border-bottom: 1px solid #003366;
		color: #000;
	}

	.listado li a{
		color:#000;
	}
	.listado li a:hover {
		color:  #CE367A;
	}

		
		
@media screen and (max-width: 800px){
	
	#formulario {
	   width: 80%;
	   font-size:1.5em;
	   }
}		
				   

@media screen and (max-width: 580px){
     
	 .nombre {
		 width: 100%;
		 text-align:center
		 }
	 .opciones {
		 width: 100%;
		 text-align:center;
		 margin-top: 2%;
		 }
		 
	 .head {
		 height: 100px;	
		 }
		 
	  article img {
		  width: 50%;
		  float:none;
		  margin: 0 auto;
		  display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: center;
		align-content: center;
		  
		  }	
		
	  article p {
		  width: 100%;
		  }	   			 	
}

@media screen and (max-width: 500px){
	
	#formulario {
	   width: 100%;
	   font-size:1.5em;
	   }
}

@media screen and (max-width: 370px){article img {
		  width: 70%;
		  float:none;
		  margin: 0 auto;
		  display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-content: center;
			align-content: center;
		  }	
}