@charset "utf-8";
/* CSS Document */
/* General */
* {
    padding: 0px;
    margin: 0px;
}

img {
    border: none;
    margin: 5px 8px;
}
img.marco{ border: solid 3px #333;
padding:3px;
}
body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align:center;
    color:#333;
}
h1#oculto{display:none;}
#cuerpo{
    width:852px;
    margin:0 auto;
    background:url(../images/fondo.jpg) repeat-y center;
    position:relative;
}
ul#menu{list-style: none;height:60px; padding-left:40px; margin-top:30px;}
ul#menu li{display: inline;padding-top:30px; padding-bottom:30px; padding-left:60px; padding-right:40px; font-weight:bold; font-size:1em; }
ul#menu li#astronomia{background:url(../images/astro_ico.jpg) no-repeat left;}
ul#menu li#astronomia a{color:#29166F; text-decoration:none;}
ul#menu li#astronomia a:hover{border-bottom:solid 2px #333;}

ul#menu li#ciencia{background:url(../images/ciencia_ico.jpg) no-repeat left; color:#25B0E9;}
ul#menu li#ciencia a{color:#25B0E9; text-decoration:none;}
ul#menu li#ciencia a:hover{border-bottom:solid 2px #333;}

ul#menu li#manualidades{background:url(../images/manua_ico.jpg) no-repeat left;color:#BF00BF;}
ul#menu li#manualidades a{color:#BF00BF; text-decoration:none;}
ul#menu li#manualidades a:hover{border-bottom:solid 2px #333;}

ul#menu li#diversion{background:url(../images/diver_ico.jpg) no-repeat left;color:#DD281F;}
ul#menu li#diversion a{color:#DD281F; text-decoration:none;}
ul#menu li#diversion a:hover{border-bottom:solid 2px #333;}



div.categoria{ float:left;position:relative; width:340px; height:200px; margin-left:45px; margin-top:20px; margin-bottom:20px; padding:3px; font-weight:bold;}
div.categoria#marco_astro{background:url(../images/astronomia.jpg) no-repeat bottom right;  border:solid 2px #291672;}
div.categoria#marco_ciencia{background:url(../images/ciencias.jpg) no-repeat bottom right; border:solid 2px #24b0ee;}
div.categoria#marco_diversion{background:url(../images/diversion.jpg) no-repeat bottom right; border:solid 2px #db291f;}
div.categoria#marco_manualidad{background:url(../images/manualidades.jpg) no-repeat bottom right; border:solid 2px #bf00c0;}
div.categoria h2#ciencia{width:100%; background:#24B0EE; color:#FFF;font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif;}
div.categoria h2#astro{width:100%; background:#291672; color:#FFF;font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif;}
div.categoria h2#manualidad{width:100%; background:#bf00c0; color:#FFF;font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif;}
div.categoria h2#diversion{width:100%; background:#db291f; color:#FFF;font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif;}

.parrafo{text-align:justify; margin:10px 35px 10px 35px; font-style:italic; clear:both;}
.parrafo p{margin-bottom:15px;}
.titulo{margin:10px 35px 10px 35px; font-style:italic; clear:both; font-size:1.1em;}
span.red{ background:red; color:#FFF; font-size:1em; padding:0px 0.2em;}
span.green{ background:#88c124; color:#FFF; font-size:1em; padding:0px 0.5em;}
span.yellow{ background:#f9c300; color:#FFF; font-size:1em; padding:0px 0.3em;}
span.blue{ background:#017cc0; color:#FFF; font-size:1em; padding:0px 0.3em;}
ul{ text-align:left; margin:10px 35px;}
li{ margin-bottom:10px; }

a.detalle{color:#29166F;}
a.detalle:hover{color:#25B0E9;}

li.destacado{ font-weight:bold;}
p.nota{ font-size:0.9em; border-top:solid 1px red; border-bottom:solid 1px red;margin-top:15px; margin-bottom:30px; font-weight:bold; padding:5px;}
/*Elementos*/
#Kits_ciencia {margin:5px; border:solid 2px #24B0EE; padding:5px;}
#Kits_ciencia h1{width:100%; background:#24B0EE; color:#FFF;font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif;}
#Kits_ciencia h2{ text-align:left; margin-left:25px; font-size:1.1em; width:95%; border-bottom:1px solid #24B0EE}

#Kits_manualidad {margin:5px; border:solid 2px #bf00c0; padding:5px;}
#Kits_manualidad h1{width:100%; background:#bf00c0; color:#FFF;font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif;}
#Kits_manualidad h2{ text-align:left; margin-left:25px; font-size:1.1em; width:95%; border-bottom:1px solid #bf00c0}