/* Para teléfonos de 480 a 760 px */

html, body {
	background: url(../images/background-s.jpg) no-repeat center center fixed #022dd2;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#innerhd {
	max-width: 760px;
}
#header {
	height: auto;
	background: url(../images/headbar-large.png) repeat;
}
#centered {
	width: 560px;
	margin: auto;
	padding-top: 68px;
	padding-bottom: 5px;
	height: 26px;
}
#ribbon {
	position: absolute;
	z-index: 998;
	right: 5px;
	top: 0px;
	bottom: 0;
	width: 100px;
	height: 74px;
	background: url(../images/ribbon-big-a.png) bottom no-repeat;
}
#ribbon:hover {
	height: 180px;
}
#ribbon a {
	width: 100px;
	height: 74px;
	display: block;
}
#ribbon a:hover {
	height: 180px;
}
#page-container.gallery{
	width: 100%;
}
#menu nav[role="navigation"] ul li a {
	font-size: 95%;
	padding: 5px 12px;
}
#container {
	padding-bottom:120px;
}
 @media screen and (max-width: 580px) {
#centered {
	width: 525px;
}
#menu nav[role="navigation"] ul li a {
	font-size: 95%;
	padding: 5px 9px 5px 9px;
}
}
 @media screen and (max-width: 550px) {
#menu nav[role="navigation"] ul li a {
	font-size: 80%;
	padding: 5px 6px;
}
#centered {
	width: 460px;
}
#centered.short{
	width:320px;
}
}