#wrapper { width: 700px; }
#wrapper:after { content: "Medium Layout"; }

nav{
	position: relative;	
	margin: 62px 0px 20px 26px;
	width: 206px;
	height:320px;
	background-color:#F7F3E7;	
	border-radius: 10px;
	clear: both;
	box-shadow:inset 0 0 5px 5px #888;

}

nav ul{
	list-style: none;
	font-family: Tahoma;
	color: #F4F4F4;
	font-weight: bold;
	margin:37px -12px 2px -28px;
	width: 179px;
}

header{
	z-index: 1;
	position: fixed;
	width:730px;
	margin:-8px 0px 0px -15px;
	height:80px;
	background-color: #68C2F6;	
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0 0 5px #888;

}

#LogoGato{	
	display: none;
}

h1{
	text-align: left;
	float: left;
	margin:5px 0px 10px 15px;
	font-size:3.2em;
	font-family: Georgia;
	color: black;
	
}

header ul{
	
	font-family: Tahoma;
	font-weight: bold;
	list-style: none;
	margin-top:28px;
	float: right;
	padding-right:29px;
	font-size: 16px;

}

header li{
	display: inline;
	font-family: Tahoma;
	margin:-5px 0px 0px 30px;
	
	
} 


section img {
	height: 170px;
	width: 160px;
	border-radius: 50% 5px 50% 0;
	box-shadow: rgba(0,0,0,0.2) 10px 10px;
		
}

blockquote {
	border:2px solid #fff;	
	background-image:-moz-linear-gradient(top, #6C6C6C 0%, #B4B4B4 100%);
 	background-image:-webkit-linear-gradient(top, #6C6C6C 0%, #B4B4B4 100%);
 	background-image:-ms-linear-gradient(top, #6C6C6C 0%, #B4B4B4 100%);
 	background-image:linear-gradient(top, #6C6C6C 0%, #B4B4B4 100%);
 	background-image:-o-linear-gradient(top, #6C6C6C 0%, #B4B4B4 100%);
 	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#6C6C6C), color-stop(100%,#B4B4B4));
 	min-height: 43px;
	position: relative;
	padding: 4px 13px 4px 13px;
	border-radius: 5px;
	width:220px;	
	margin: 0px 8px 0px;
	
	text-align: justify;
	
}

p{
	font-family: Georgia;
	font-size:0.8em;
	color: white;
	text-shadow: 2px 2px 3px #0C0C23;
	margin-top: 5px;
}


section{ float: right; width: 440px; height:430px; }
#marco { margin-top:-5px;}
#contenedor { float: left; }
footer{ display:inline-block; }