/* This first rule is important, as it makes the background
   stretch vertically as intended. It works for most browsers,
   but abandon hope for IE5 Mac. */
html, body{margin: 0; border: 0; padding: 0;  height:100%; background: #EEEFFF;}

body {
        background : #EEEFFF url(/images/Mainpage_Fondo.gif) no-repeat top left; 
        font-size: 12px;
        font-family: verdana, arial, helvetica, sans-serif;
        color: #000055;
}

a:link {
	color : #003366;
}

a:visited {
	color : #003300;
}

a:active {
	color : #005555;
}

h1 {
	font:bold 18px verdana, arial, helvetica, sans-serif;
}
	
h2 {
	font:bold 16px verdana, arial, helvetica, sans-serif;
}

h3 {
	font:bold 14px verdana, arial, helvetica, sans-serif;
}

p {
	font:14px/18px verdana, arial, helvetica, sans-serif;
}


ul {
	font:14px/18px verdana, arial, helvetica, sans-serif;
	list-style : disc outside none;
  padding: 0px 20px 10px 40px;
}

ol {
	font:14px/18px verdana, arial, helvetica, sans-serif;
}

li {
	margin: 0px 0px 0px 20px;
	padding: 5px 10px 5px 10px;
}

#container {
  /*margin: 1em 5% 1em 5%;*/
  width: 760px;
  margin-right: auto;
  margin-left: auto;
}

#top {
/*        border-bottom-style: solid; 
        border-bottom-color: black; 
        border-bottom-width: 5px; */
        padding : 0px 0px 0px 0px;
        margin:   0px 0px 0px 0px;
        width: 100%;
        height: 240px;
}

#menu {
        float: left;
        width: 160px;
        margin-left: 50px;
        margin-right: 0px;
        margin-top: 50px;
        padding-top: 1em;
        font: 12px verdana, arial, helvetica, sans-serif;
}

#menu a {
        border-top-width: 0px;
        border-right: 0px;
        display: block;
        border-left-width: 0px;
        margin: 0px 0px 0px 0px;
        color: #000055;
        text-align: left;
        text-decoration: none;
        padding: 5px 5px 5px 20px;
        border-bottom : 1px dotted #232359;
        font: 12px verdana, arial, helvetica, sans-serif;
}

#menu a:hover {
        color: #EEEFFF;
        background : #232359;
}

#menu a span {
        display: none
}

#menu a:hover span {
        PADDING: 0px;
        background: #267A93;
        display: block;
        Z-INDEX: 100;
        LEFT: 0px;
        MARGIN: 0px;
        FONT: 12px Verdana, sans-serif;
        WIDTH: 140px;
        COLOR: #FFFACD;
        POSITION: absolute;
        TOP: 150px;
        TEXT-ALIGN: center;
}

.icono {
        float: left;
        margin:  0px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
}

.foto {
        margin:  0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}


.thumbnail img {
        margin:6px 20px 10px 20px;
        border: solid 1px black;
}

.caption {
        font:14px/18px verdana, arial, helvetica, sans-serif;
        margin:6px 20px 10px 20px;
        padding:0px;
}

.quote {
  width: 75%;
  font:14px verdana, arial, helvetica, sans-serif;
  padding: 10px 10px 10px 10px;
  background-color: #DDDDFF;
  border: solid 1px blue;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.item {
	display : block;
	padding: 5px;
}

.warning {
	text-align: left;
	font:bold 10px verdana, arial, helvetica, sans-serif;
  color: #000055;
}

.code {
  width: 90%;
  padding: 10px 10px 10px 10px;
  margin:  10px 10px 10px 10px;
  background-color: #DDFFDD;
  border: solid 1px green;
}

.centrado {	
	text-align : center;
}

.row {
	display: block;
	clear:left;
	width : 100%;
}

.destacado {
	color:#FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	display: inline;
}

.definicion {
        font: bold 14px/18px verdana, arial, helvetica, sans-serif;
}

.libro {
        font: bold 14px/18px verdana, arial, helvetica, sans-serif;
}

/* Esto genera marcos redondeados sin gran esfuerzo. */
b.rtop, b.rbottom{display:block;background: #EEEFFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.roundedbox{
  width: 470px;
	text-align: left;
	margin: 10px 10px 10px 275px;
	background: white;
}

.roundedbox p{
        padding: 0px 20px 10px 30px;
}

.roundedbox h1{
        padding: 0px 20px 10px 20px;
}

.roundedbox h2{
        padding: 10px 20px 20px 20px;
}

.foot {
        font:12px/14px verdana, arial, helvetica, sans-serif;
        padding: 0px 20px 5px 20px;
}


#submenu {
        width: 200px;
        float: right;
        display: block;
        margin:  10px 10px 10px 10px;
	      padding: 0px 0px 0px 0px;
        background: #b0c4de;
        font: 12px verdana, arial, helvetica, sans-serif;
        color: #000055;
}


#submenu a {
        display: block;
        margin: 0px 0px 0px 0px;
        background: #b0c4de;
        color: #000055;
        text-align: left;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
}

#submenu p {
        display: block;
        margin: 0px 0px 0px 0px;
        background: #b0c4de;
        color: #000055;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
}

#submenu img {
        border : none;
}

.seguir {
    text-align: right;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 20px 0px;
}

.fecha {
    text-align: left;
    padding: 0px 10px 10px 20px;
    margin: 0px;
}

.leyenda {
    position: absolute;
    top: 10px;
    margin: 0px 0px 0px 70px;
    font:10px verdana, arial, helvetica, sans-serif;
}

.showcase{
    POSITION: absolute;
    TOP: 165px;
    LEFT: 520px;
	  width: 215px;
    padding: 0px;
	  background: white;
}

.showcase img {
    margin: 4px 0px 0px 10px;
    border: 0px;
}

.showcasecontainer {
		width: 180px;
		margin-right: auto;
		margin-left: auto;
}

.gallery {
		text-align: center;
		margin:  0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #b0c4de;	
}

.gallery img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.gallery p {
    text-align: center;
}

b.gtop, b.gbottom{display:block;background: #FFFFFF}
b.gtop b, b.gbottom b{display:block;height: 1px;
    overflow: hidden; background: #b0c4de}
b.g1{margin: 0 5px}
b.g2{margin: 0 3px}
b.g3{margin: 0 2px}
b.gtop b.g4, b.gbottom b.g4{margin: 0 1px;height: 2px}