html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-size:14px;
	font-family:verdana, arial;
	background: url("../img/background.png");
}
#pagina {
	min-height:100%;
	position:relative;
	width:80%;
	margin:0 auto;
	background:#FFF8DC;
	border:1px solid #c0c0c0;
}
#cabecera {
	background: #65B4E2; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#000, #87CEFF, #00688B); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#000, #87CEFF, #00688B); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#000, #87CEFF, #00688B); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#000, #87CEFF, #00688B); /* Standard syntax */	
}
nav{
	float:right;
	margin-top:50px;
	 text-shadow: 1px 2px #000;
	}
#principal {
	width:100%;
	padding-bottom:40x; /* altura del pie */
}
#der{
	margin: 0 auto;
	width:70%;	
	/*overflow:hidden;*/
	padding:10px;
}
#pie {
	background:#ffab62;
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
}

@media only screen and (max-width: 600px) {
	#pagina {
		width:100%;
    } 
    .slider img{
			width:100px;
	}
	.slider {
		width: 100%;
		margin: 3px auto;
	}
	#der{
		width:100%;	
	}
	#pie {
		height:80px;
	}
	img{float:none;}
}