* {margin:0; padding:0;}
body {background-color: #eee; 
text-align:center;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:62.5%;}

#envoltorio {
background-color: white; 
border: 1px solid #CCCCCC;
width: 600px;
margin: 20px auto 0 auto;
text-align:left;
padding: 20px;}

a, a:visited{color:#2277DD; text-decoration:none;}
a:hover{text-decoration:underline;}

h1, h2, h3, h4, .description {
font-family:'Trebuchet MS',Verdana,Sans-Serif;
}
h1 {font-size:3em;}
h2{font-size:2em;}

a#gohome {padding-left: 18px; background: transparent url(/diseno/go-home.png) top left no-repeat; height: 18px;}
a#gocontent{padding-left: 18px; background: transparent url(/diseno/go-down.png) top left no-repeat; height: 18px;}
a#goheader{padding-left: 18px; background: transparent url(/diseno/go-up.png) top left no-repeat; height: 18px;}
a#goheader span, a#gocontent span {display:none;}
a#license {padding-left: 18px; background: transparent url(/diseno/cc.png) top left  no-repeat; height: 18px;}
a.feedlink {padding-left: 18px; background: transparent url(/diseno/rss.gif) top left  no-repeat; height: 18px;}
a.archivelink {padding-left: 18px; background: transparent url(/diseno/foldericon.png) top left  no-repeat; height: 18px;}
a.nav {display:block; float:right}

#envoltorio h1 {text-align:center;}

ul#menu {margin-top:20px; line-height:140px; text-align:center;}
*:first-child+html ul#menu {padding-top:120px;}
ul#menu li{display:inline; font-size:1.3em;}
ul#menu li a{ margin: 0 0.5em 0 0; padding: 128px 30px 5px; vertical-align:text-top;}
#blog a {background: transparent url(/blog.png) no-repeat center top; }
#fotos a {background: transparent url(/photos.png) no-repeat center top; }
#contacto a {background: transparent url(/contacto.png) no-repeat center top; }

#header {
background-color:#2E3436;
color:#FFFFFF;
height:100px;
text-align:left;}
#header a, #header a:visited{color:white; text-decoration:none;}
#header a:hover { text-decoration:underline;}
#header h1 {padding:20px 20px 0;}
#header p {font-size:0.9em; padding: 5px 25px 0; font-size:1.4em;}
#header ul {float:right; 
	clear: both;
	padding-right: 3em;
	list-style-type: none;}
#header ul li {	display: block; float:left; margin-right: 0.6em; }
#header ul li a { display: block; color:#ccc !important;}
#header ul li a:hover { color:white !important;}

#box {
background: white url('/diseno/border-fill.png') repeat-y top left;
width: 640px;
margin: 20px auto 10px auto;
text-align:center; 
padding: 0;}

#box h2 {padding: 0 0 5px;}
#box p {padding: 5px 20px; font-size:1.3em;}

#box .title {
text-align: center;
background: transparent url('/diseno/border-top.png') top left no-repeat;
padding: 10px 10px 0;}

.contenido { text-align:left !important;}
.contenido ul {
font-size:1.2em;
line-height:1.5em;
margin: 1em 5em;}

#box .footer{
background: transparent url('/diseno/border-bottom.png') bottom left no-repeat;
padding: 1em 1.1em 2em;}