/*Hoja de estilo en cascada */
body {background-color: #eee; margin: 0; font-family: verdana, sans-serif; font-size: 10pt; color: #000;}
:lang(en) {font-style: italic;}
h1, h2, h3 {}
h1 { margin: 1em 2em; padding: 0.5em 1em; background-color: #fff; color: #111; border: 1px solid #000; text-align: center;}
h2 { text-align: center; color: #222;}
h3 { margin-top: 3em; color: #333;}
h4 { margin-left: 2em; color: #444;}
a { padding: 0.3em 0.5em; text-decoration: none; }
a:link, a:visited {background-color: transparent; color: #000; }
a:hover, a:active, a:focus { background-color: white; color: black !important; }
#contenido, #portada, #websites { margin: 5%;}
#menu { background-color: #555; margin: 0; text-align: right; font-size: 80%; padding: 0.5em 1em; }
#menu span { margin: 0em 0.5em; color: #fff; }
#menu a { padding: 0.5em; border: 0; font-variant: normal; font-weight: normal;}
#menu a:link, #menu a:visited { background-color: #555; color: #fff; } 
#menu a:hover, #menu a:active, #menu a:focus { background-color: #fff; color: #555;}
li.separador {width: 40%; margin-top: 1em; padding-top: 1em; border-top: 1px solid black;}
li { margin-bottom: 1em;}
ul { margin-left: 2em;}
div.ciclo>h3 {margin: 0;}
div.ciclo {float: left; width: 30%; margin: 2ex 5em 0 auto; padding: 2ex 2em; border: 1px solid black; min-height: 150px;}
div.ciclo:nth-of-type(odd) {clear: right;}
.ciclo#af {background-color: #FFE994;}
.ciclo#ci {background-color: #DEE6EF;}
.ciclo#mq {background-color: #E8F2A1;}
.ciclo#ds {background-color: #FFD7D7;}
.ciclo#af a:hover {background-color: #FB5;}
.ciclo#ci a:hover {background-color: #6FF;}
.ciclo#mq a:hover {background-color: #5F5;}
.ciclo#ds a:hover {background-color: #F99;}
div.ciclo>ul>li:first-child, #portada>ul>li:first-child {display: none;}
label {display: block;}