@media only screen and (min-width: 993px) {

	#principal{
		width:78%;
		margin:auto;
			}

	header img{
		float:left;
		height:190px;
		padding-top: 40px;
		padding-left: 15px;		
		}

	#menu_arriba_derecha{
		float:right;
		padding-top: 55px;
		padding-right: 230px;
		}

	#menu_arriba_derecha ul li{
		display:inline-block;
		padding-right: 20px;
		font-size: 35px;
		}
	#menu_arriba_derecha ul a:link{
		color:black;
		text-decoration:none;
		}
	#menu_arriba_derecha ul a:visited{
		color:black;
		}

	#menu_arriba_derecha ul a:hover{
		background-color:rgb(60, 127, 202);
		padding: 4px;
		}

	.clear{
		clear: both;
		}

	nav {
		margin: auto;
		width:500px;
		font-family:Arial, Helvetica, sans-serif;
		
		}

	.inline > li{
		
		display: inline-block;
		}

	ul {
		
		list-style:none;
		}

	nav > li {
		float:left;
		}

	nav li a {
		background-color:rgb(60, 127, 202);
		color:#fff;
		font-size: 20px;
		text-decoration:none;
		padding:10px 12px;
		display:block;
		}

	nav li a:hover {
		background-color:#434343;
		}

	nav li ul {
		display:none;
		position:absolute;
		min-width:140px;
		}

	nav li:hover > ul {
		display:block;
		
		}

	nav  ul li {
		position:relative;
		}

	nav li ul li  {
		right:36px;
		top:0px;
		text-align:center;	
		}

	#navfondo {
		width:100%;
		background-color:lightskyblue;
		}

	footer{
		clear:both;
		background-color:gray;
		padding-bottom:25px;
		padding-top: 3px;
		}

	footer ul li{
					
		display:inline-block;
		padding-top:25px;
		color:white;
		padding-right: 100px;
		margin-left: 70px;
		}	
	footer ul li a{
		text-decoration: none;
		color:#fff
		}

	footer ul li a:hover{
		color:rgb(134, 195, 235)
		}
	}

@media only screen and (max-width: 380px) {
	#principal{
		width:90%;
		margin:auto;
		}
	.clear{
		clear: both;
		}
	header img{
		width:100%;
		height:190px;
		padding-top: 40px;
		padding-left: 0px;	
	}

	#menu_arriba_derecha{
		float:right;
		padding-right: 156px;
	/*	margin-left: -30px;*/
		}
	
	#menu_arriba_derecha ul li{
		display:inline-block;
		padding-right: 20px;
		font-size: 35px;
		}
	#menu_arriba_derecha ul a:link{
		color:black;
		text-decoration:none;
		}
	#menu_arriba_derecha ul a:visited{
		color:black;
		}
	
	#menu_arriba_derecha ul a:hover{
		background-color:rgb(60, 127, 202);
		padding: 4px;
		}
	
	nav {
		width:388px; 
		margin-left: -56px; 
		font-family:Arial, Helvetica, sans-serif;
		}
	
	.inline > li{
		display: inline-block;
		}
	
	ul {
		list-style:none;
		}
	
	nav > li {
		float:left;
		}
	
	nav li a {
		background-color:rgb(60, 127, 202);
		color:#fff;
		font-size: 20px;
		text-decoration:none;
		padding:10px 7px;
		display:block;
	
		}
	
	nav li a:hover {
		background-color:#434343;
		}
	
	nav li ul {
		display:none;
		position:absolute;
		min-width:140px;
		}
	
	nav li:hover > ul {
		display:block;
		
		}
	
	nav  ul li {
		position:relative;
		}
	
	nav li ul li  {
		right:39px;
		top:0px;
		text-align:center;
		}

	
	footer{
		clear:both;
		background-color:gray;
		padding-bottom:9px;
		padding-top: 3px;
		}
	
	footer ul li{
					
		display:inline-block;
		width:90%;
		padding-top:9px;
		color:white;
		padding-right: 100px;
		margin:auto;
		text-align: center;
		
		}	
	footer ul li a{
		text-decoration: none;
		color:#fff
		}
	
	footer ul li a:hover{
		color:rgb(134, 195, 235);
		}

	footer ul{
		margin-bottom: 5px;
	}
	
}

@media only screen and (min-width: 381px) and (max-width: 600px) {
	#principal{
		width:90%;
		margin:auto;
		}
	.clear{
		clear: both;
		}
	header img{
		width:100%;
		height:190px;
		padding-top: 40px;
		padding-left: 0px;	
	}

	#menu_arriba_derecha{
		float:right;
		padding-right: 120px;
		margin-left: -30px;
		}
	
	#menu_arriba_derecha ul li{
		display:inline-block;
		padding-right: 20px;
		font-size: 35px;
		}
	#menu_arriba_derecha ul a:link{
		color:black;
		text-decoration:none;
		}
	#menu_arriba_derecha ul a:visited{
		color:black;
		}
	
	#menu_arriba_derecha ul a:hover{
		background-color:rgb(60, 127, 202);
		padding: 4px;
		}
	
	nav {
		width:388px; 
		margin-left: -37px; 
		font-family:Arial, Helvetica, sans-serif;
		}
	
	.inline > li{
		display: inline-block;
		}
	
	ul {
		list-style:none;
		}
	
	nav > li {
		float:left;
		}
	
	nav li a {
		background-color:rgb(60, 127, 202);
		color:#fff;
		font-size: 20px;
		text-decoration:none;
		padding:10px 7px;
		display:block;
		}
	
	nav li a:hover {
		background-color:#434343;
		}
	
	nav li ul {
		display:none;
		position:absolute;
		min-width:140px;
		}
	
	nav li:hover > ul {
		display:block;
		
		}
	
	nav  ul li {
		position:relative;
		}
	
	nav li ul li  {
		right:39px;
		top:0px;
		text-align:center;
		}
	
	
	footer{
		clear:both;
		background-color:gray;
		padding-bottom:9px;
		padding-top: 3px;
		}
	
	footer ul li{
					
		display:inline-block;
		width:90%;
		padding-top:9px;
		color:white;
		padding-right: 100px;
		margin:auto;
		text-align: center;
		
		}	
	footer ul li a{
		text-decoration: none;
		color:#fff
		}
	
	footer ul li a:hover{
		color:rgb(134, 195, 235);
		}

	footer ul{
		margin-bottom: 5px;
	}
	
}


@media only screen and (min-width: 601px) and (max-width:768px){
	#principal{
		width:90%;
		margin:auto;
			}
	header img{
		width:52%;
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 40px;	
	}

	#menu_arriba_derecha{
		float:none;
		padding-right: 90px;
		}
	
	#menu_arriba_derecha ul li{
		display:inline-block;
		padding-right: 20px;
		font-size: 35px;
		}
	#menu_arriba_derecha ul a:link{
		color:black;
		text-decoration:none;
		}
	#menu_arriba_derecha ul a:visited{
		color:black;
		}
	
	#menu_arriba_derecha ul a:hover{
		background-color:rgb(60, 127, 202);
		padding: 4px;
		}

	nav {
		width:425px;
		margin: auto;
		font-family:Arial, Helvetica, sans-serif;
		}
	
	.inline > li{
		
		display: inline-block;
		}
	
	ul {
		
		list-style:none;
		}
	
	nav > li {
		float:left;
		}
	
	nav li a {
		background-color:rgb(60, 127, 202);
		color:#fff;
		font-size: 20px;
		text-decoration:none;
		padding:10px 12px;
		display:block;
		}
	
	nav li a:hover {
		background-color:#434343;
		}
	
	nav li ul {
		display:none;
		position:absolute;
		min-width:140px;
		}
	
	nav li:hover > ul {
		display:block;
		
		}
	
	nav  ul li {
		position:relative;
		}
	
	nav li ul li  {
		right:36px;
		top:0px;
		text-align:center;
		}
	
	#navfondo {
		width:0%;
		background-color:none;
		margin-left: 86px;
		}
	
	footer{
		clear:both;
		background-color:gray;
		padding-bottom:9px;
		padding-top: 3px;
		}
	
	footer ul li{
					
		display:inline-block;
		width:90%;
		padding-top:9px;
		color:white;
		padding-right: 100px;
		margin:auto;
		text-align: center;
		
		}	
	footer ul li a{
		text-decoration: none;
		color:#fff
		}
	
	footer ul li a:hover{
		color:rgb(134, 195, 235);
		}
	}

@media only screen and (min-width: 769px)  and (max-width:992px) {
	#principal{
		width:90%;
		margin:auto;
			}
	
	header img{
		width:50%;
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 40px;		
		}
	
	#menu_arriba_derecha{
		float:none;
		padding-right: 90px;
		}
	
	#menu_arriba_derecha ul li{
		display:inline-block;
		padding-right: 20px;
		font-size: 35px;
		}
	#menu_arriba_derecha ul a:link{
		color:black;
		text-decoration:none;
		}
	#menu_arriba_derecha ul a:visited{
		color:black;
		}
	
	#menu_arriba_derecha ul a:hover{
		background-color:rgb(60, 127, 202);
		padding: 4px;
		}
	
	.clear{
		clear: both;
		}
	
	nav {
		margin: auto;
		width:500px;
		font-family:Arial, Helvetica, sans-serif;
		
		}
	
	.inline > li{
		
		display: inline-block;
		}
	
	ul {
		
		list-style:none;
		}
	
	nav > li {
		float:left;
		}
	
	nav li a {
		background-color:rgb(60, 127, 202);
		color:#fff;
		font-size: 20px;
		text-decoration:none;
		padding:10px 12px;
		display:block;
		}
	
	nav li a:hover {
		background-color:#434343;
		}
	
	nav li ul {
		display:none;
		position:absolute;
		min-width:140px;
		}
	
	nav li:hover > ul {
		display:block;
		
		}
	
	nav  ul li {
		position:relative;
		}
	
	nav li ul li  {
		right:36px;
		top:0px;
		text-align:center;	
		}
	
	#navfondo {
		width:100%;
		background-color:lightskyblue;
		}
	
	footer{
		clear:both;
		background-color:gray;
		padding-bottom:25px;
		padding-top: 3px;
		}
	
	footer ul li{
					
		display:inline-block;
		padding-top:25px;
		color:white;
		padding-right: 100px;
		margin-left: 70px;
		}	
	footer ul li a{
		text-decoration: none;
		color:#fff
		}
	
	footer ul li a:hover{
		color:rgb(134, 195, 235)
		}

	footer ul  {
		text-align: center;
		margin: auto;
	} 
}