*{
	margin:0;
	padding:0;
	
}

body {
	
	background:black;
	width:100%;
	height:100%;
	
}

header {
	width:100%;
}

header nav {
	
	
	max-width:100% auto;
	background:#045FB4;
	position:relative;
	top:0px;
	padding-top:10px;
	width:100%;
	padding-bottom:10px;
	margin-left:0%;
	overflow:hidden;
	margin-bottom:5px;
	border-radius:2px;
	border: 1px solid #E6E6E6;
	
}


.menu_bar {
	display:none;
	
}

header nav ul {
	overflow:hidden;
	list-style:none;
	width:100%;
	position:relative;
	max-height:25px;

}

header nav ul li {
	
	float:left;
	margin-right:0%;
	margin-left:2%;
	
	
	
}

header nav ul li a{
	
	color:white;
	padding-bottom:1%;
	padding-top:1%;
	display:block;
	text-decoration:none;
    font-family:Raleway;
	font-size:14px;
	font-weight:bold;
	padding-left:10%;
	padding-right:10%;
	
	
	
	}




	
		section{
			position:relative;
		    width:82%;
			padding-right:0%;
			background:black;
			float:left;
            margin-top:10px;
		    margin-bottom:10px;
		
                            }


       .botones{
		   
		   position:relative;
		   width:80%;
		   margin-top:30px;
		   
		    
		   } 

		   
		      .boton1{
		   
		   position:relative;
		   width:15%;
		   float:left;
		   margin: 5px;
		   left:22%;
		    
		   } 
		   
.nota4 {
	   
 width:11%;
	   position:relative;
	   background:yellow;
	   float:left;
       margin:2px;
	   padding:0.%;
	   border-radius:1%;
	   left:18%;
	     margin-right:2%;
	   
                        }
       
	   
.nota2 {
	   
       width:26%;
	   position:relative;
	   background:black;
	   float:left;
       margin:1%;
	   padding:0.%;
	   border-radius:1%;
	   left:19%;
	
                        }
       

	   
	   .nota3 {
	   
       width:20%;
	   position:relative;
	   background:black;
	   float:left;
       margin:1%;
	   padding:0.%;
	   border-radius:1%;
	   left:21%;
	     margin-right:8%;
                        }
	
    
    	.nota6 {
	   
       width:70%;
	   position:relative;
	   background:black;
	   float:left;
       margin:1%;
	   padding:0.%;
	   border-radius:1%;
	   left:24%;
	     margin-right:8%;
                        }
	   
	   
	 .max4	{
        position:relative;
		background:yellow;
		width:94%; 
		margin:auto;
		margin-top:6px;
		padding-right:8px;
		
		} 
		
		   
	 .max2	{
        position:relative;
		background:black;
		width:94%; 
		margin:auto;
		margin-top:6px;
		padding-right:8px;
		
		} 	
		
		
			 .max3	{
        position:relative;
		background:black;
		width:94%; 
		margin:auto;
		margin-top:6px;
		padding-right:8px;
		
		} 
		}
 

	 	
		


		.iconx{ 
		position:relative;
		float:right;
		margin-left:0px;
		padding-bottom:3px;
		margin-right:0;
		top:22px;
		right:10px;
	
	
	                  }
					  
		  .banner  {
			  width:70%;
			position:relative;
		    margin-left:18%;
			
			margin-top:0px;
				
			}
			
			
			
			
			.tren{
				position:relative;
				background:black;
				width:90%;
				margin-left:20%;
				overflow:hidden;
				margin-bottom:5px;
				padding-top:5px;
				
				
				
				
				
				
			}
			
			
			
			
			.tren p{
				color:#FFBF00;
				font-size:20px;
				width:40%;
	            overflow:hidden;
				left:30%;
	            
                 				  
						  }
			
			.enviar{
				position:relative;
				width:16%;
				left:42%;
	            margin-top:10px;
                 				  
						  }
	
	.barraiconos2{ 
		position:relative;
		margin:0 auto;
		float:left;
		margin-left:5%;
		background:white;
		width:90%;
		margin-bottom:5px;
		display:block;
		margin-top:10px;
		margin-bottom:10px;
	
	
	}


	
	h3{ 
	width:80%;
		position:relative;
		left:20%;
		margin-left:0px;
		padding-bottom:3px;
		margin-right:0;
		background:black;
	    padding:5px;
	text-align : justify;
	
	}
	
	
		h3, P{ 
	font-family:raleway;
	color:white;
	font-size:95%;
	font-weight:normal;
	}

	
		h6{ 
	width:80%;
		position:relative;
		left:20%;
		margin-left:0px;
		padding-bottom:3px;
		margin-right:0;
		background:black;
	    padding:5px;
	text-align : justify;
	
	}
	
	
		h6, P{ 
	font-family:raleway;
	color:white;
	font-size:95%;
	font-weight:normal;
	}


.derechos p{ 
    			color:#A4A4A4;
				font-size:80%;
				text-align:center;
	            overflow:hidden;
				

              }






header nav ul li a:hover{
	
	color:#2ECCFA; 
}


 .min:hover{
	
	color:#848484; 
}



	.escritos { 
	
	color:black;
	padding-bottom:1%;
	padding-top:1%;
	display:block;
	text-decoration:none;
    font-family:Raleway;
	font-size:22px;
	font-weight:;
	padding-left:10%;
	padding-right:10%;
	
	}
	
	

@media screen and (max-width:700px) {
	header nav{
		width:80%;
		height:100%;
		margin:0;
		position:fixed;
		display:none;

	}
	
}

.loguisimo {
	position:relative;
	top:30px;
	max-width:100%;
	background:white;
	margin-left:6%;
	top:0%;
	
	
}


	
	
	
	
	@media screen and (max-width:700px) {
	  .nota1{
		
		margin-left:6%;
		
		
		
		width: 40%; 
		
		
		} 
	
	
	
	}
	
	
	
	
	
		h1 {
		
		margin-top:10px;
		
		} 
	
	
	

		h1 a{
		
		font-size:26px;			
		text-decoration:none;
		color:orange;
		position:relative;
		margin-left:6.5%;
		margin-bottom:10px;
		
		
		
		
		} 
		
		h4 {
		margin-top:30px;
		
		overflow:hidden;
		
		}
		
		
		
		h3 a{
		padding:0px;
		font-size:80%;			
		text-decoration:none;
		color:white;
		position:relative;
		margin-left:6.5%;
		
		overflow:hidden;
		
		}
		
		@media screen and (max-width:700px) {
	   h1 a{ display:none;
	   
	   } 
	
	}
	 
		h1, h2, p{ font-family: Raleway;}
	   
	

	    
.iconredes {
	
	position:relative;
	padding-right:10px;
	
}	

.iconredes2 {
	
	position:relative;
	padding-right:10px;
	
}	



    footer {
		background:#FFFF00;
	
		
		
	}
	
	
	   footer p {
		position:relative;
		width:90%;
        margin:auto;
		font-size:14px;
		padding-top:14px;
		padding-bottom:14px;
		margin-top:50px;
	   
		
		
		
		
		
	}


	
@media screen and (max-width:900px) {

	header nav ul li a{
	font-size:16px;
	font-weight:bold;
	padding-left:5%;
	padding-right:5%;}
	}
	

	
		.nota1 .min a:hover{
	     color:black; 
}



		.barraseguir {
		margin-left:6%;
		background:gray;
		

					}
					
					
					
	.seguir {

		float:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-right:10px;
		
		}
		
		
		
		@media screen and (max-width:600px) {

	.iconx{
	display:none;}
	}
	
	
	
			@media screen and (max-width:400px) {

	.loguisimo{
	display:block;
	margin-left:35%;}
	}
	
	
	
	.menuwettu{
	           
			   background:white;
			   width:50px;
			   float:right;
			   top:40px;
			   font-family:raleway;
			   margin-right:2%;
			   margin-top:2%;
			   padding:3px;
               border-radius:4px;			   
			   
			   }
	
	.loguisimo .menuwettu, a{
		font-family:raleway;
	    color:white;       
		text-decoration:none;
        font-size:13px;		
		margin-left:4px;	   
			   }
	
	
				@media screen and (max-width:700px) {

	.iconx  img{
	width:40px;
	height:40px;
	}
	}
	
@media screen and (max-width:700px) {	
	
	.menuwettu{
	           
			   background:#045FB4;
			   
			   }
	}
	
	
	
	
	
	
	@media screen and (max-width:600px) {
				
		.min a{
	
	text-decoration:none;
	font-size: 14px;
	color:gray;
	font-weight:normal;
	
  } } 
  
  
  
 	@media screen and (max-width:600px) { 
  
  h4 a{
		padding:0px;
		font-size:18px;	  } } 
		
		
		.notex{
		background:red;
        width:9%;		
        position:absolute;
		top:10%;
		border-radius: 3px;		
		height:30px;
		padding-top:8px;
		max-height:30px;
		
		} 
			

			
		.notex a{
		position:relative;
		color:white;
		font-size:18px;
		margin:0auto;
		
	    
		
				} 

	
 	@media screen and (max-width:1000px) { 	
	.notex a{
		position:relative;
		color:white;
		font-size:14px;} 
		
		

	@media screen and (max-width:700px) {	
		
			.notex {
				
				display:none;
				
				
			}}
		
	
	
	@media screen and (max-width:700px) {
			
			.tren p{
				color:#A4A4A4;
				font-size:25px;
				text-align:center;
				margin-top:10px;
				margin-bottom:10px;
	     
                 				  
						  } }
	
	
@media screen and (max-width:700px) {	
		.escritos { 
	
	color:black;
	padding-bottom:1%;
	padding-top:1%;
	display:block;
	text-decoration:none;
    font-family:Raleway;
	font-size:18px;
	font-weight:;
	padding-left:10%;
	padding-right:10%;
	
	} }