body  { font-size: 0.8em; font-family: Helvetica, Arial, sans-serif; background-color: black; margin: 0 }

#cabecero {
margin-left: auto;
margin-right: auto;
width: 850px;
height: 80px;
background-color:#bbddff;
text-align:center;
position: relative;

}

h1  { font-size: 28px;  padding-top: 25px;}

#clip {
		background: url(clip-mc2.png) no-repeat bottom left;
		position: absolute;
		top: 0;
		left: 0;
		width: 141px;
		height: 65px;
		z-index: 10;
		text-indent: -9999px;
		}
		
#clip a {
		display: block;
		width: 141px;
		height: 65px;
		}

#barranav {
margin-left: auto;
margin-right: auto;
width: 850px;
background-color:#bbddff;
height: 32px;
padding-bottom:5px;}

#barranav ul {
margin: 0em;
padding: 0em;
position:relative;
top: 7px;
text-align: center;
list-style-type: none;
}



#barranav ul li {
width: 180px;
display: inline;}



#barranav ul li a:link, #barranav ul li a:visited {
font-size: 1.2em;
text-decoration: none;
color: #fff;
background-color: gray;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
margin-right: 2px;
text-shadow: 2px 2px 2px #000000;
font-weight:bold;}



#barranav ul li a:hover, #barranav ul li a#actual {
background-color: #000000;
}

ul {}

li {}

#principal {
position: relative;
width: 850px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
margin-bottom: 0px;
}

#contenido {

margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;

}


#contenido p.intro {

margin-top: 0em;
padding-top: 20px;
font-size: 1.4em;
line-height: 1.8em;}

.ladillo  { font-size: 1.2em; font-style: italic; font-weight: bold; line-height: 0.6em }

.images p {
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
.images table {
	font-size: 1.4em;
	}
		
.images li {
	margin-bottom:5px
	}
		


#lateral {
width: 190px;
position: absolute;
top: 0em;
left: 600px;
 }

#lateral p {
margin-left: 10px;
margin-right: 10px;
margin-top: 0em;
padding-top: 20px;
font-size: 0.85em;
line-height: 1.6em;}

#lateral ul {
margin: 25px;
padding: 0px; }

#lateral ul li {
list-style-type: none;
padding-left: 0px; 
margin-left: 0px;
margin-bottom: 7px;}

#lateral ul li#actual {
list-style-type: disc;
text-decoration: none;
font-weight: bold; }

#lateral ul li a:link, #lateral ul li a:visited, #lateral ul li#actual a:hover {
font-size: 1em;
display: list-item;
 }

#lateral ul li a:hover {
text-decoration: underline; }

.gameover {
color: gray; }

blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
padding-left: 20px; }

.pie {
font-size: .8em;
color:#fff; }

a {}

a:link {}

a:visited {
color: blue; }

a:hover {}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}