body {background-color: #000020; 
       font-family:  Arial, Helvetica, sans-serif;
	   color: #F7FFA1;
	   font-size:15px;
	   }
a:link    {text-decoration: none; color: #F7FFA1;  }
a:visited {text-decoration: none; color: #F7FFA1; font-weight: bold;  }
a:hover   {text-decoration: none; color: #FFFF00; } 
a:active  {text-decoration: none; color: #F7FFA1; }
h1 { font-size: 300%; }
h2 { font-size: 250%; }
h3 { font-size: 200%; }
h4 { font-size: 150%; }
.esconde {color:#000020;}
#todo { 
    float: left;
	width:100%;
  	}
#uno { 
    float: left;
	top: 0px;
    width: 250px;
}
.tit{
    width: 720px;
    height: 50px; 
	font-size: 42px;
	color: yellow;
	background: url(fotos/fondoboton.png);
   	padding-top: 3px;
	padding-left: 30px;
	font-weight: bold;
	text-align:left;
	font-family: Arial, Helvetica; 
	    }
.botonmenu {
    height: 20px; 
	background: url(fotos/fondoboton.png);
   	padding-top: 1%;
	padding-left: 3%;
	font-weight: bold;
	text-align:left;
	font-family:  Arial, Helvetica, sans-serif;
    font-size: 15px;
	}
.botonmenu a:link    { text-decoration: none; color: #F7FFA1; } 
.botonmenu a:visited { text-decoration: none; color: #F7FFA1; }
.botonmenu a:hover   { text-decoration: none; color: #CC0000; background-color: #F7FFA1; font-weight: bold; } 
.botonmenu a:active  { text-decoration: none; color: #F7FFA1; }
#dos {
    float: left;
    position: top left;
    width: 500px;
    border-left: 1px solid #F7FFA1;
	border-right: 1px solid #F7FFA1;
	
	}
.boletin { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
	font-weight: bold;
	padding: 3%;
	color:#FFCC00;
	text-align: left;
}
.parche { 
    color:#CC0000;
	font-size: 20px;
	font-weight:bold;
	background-color:#FFFFCC;
	padding: 2%;
	margin: 8px;
	text-align:justify; 
    } 
.parche a:link    {text-decoration: none; color: #000099; }
.parche a:visited {text-decoration: none; color: #000099; }
.parche a:hover   {text-decoration: none; color: #000099; } 
.parche a:active  {text-decoration: none; color: #000099; }
.refer{ 
    font-size: 18px;
    padding-left: 5%;
    padding-right: 5%;
	text-align:justify; 
	} 
.soneto { 
    font-size: 18px;
	font-weight:bold;
    padding-left: 15%;
    padding-right: 5%; 
	} 
.soneto a:link    {text-decoration: none; color: #F7FFA1; font-weight: bold; }
.soneto a:visited {text-decoration: none; color: #FFFFFF; font-weight: bold; }
.soneto a:hover   {text-decoration: none; color: #000020; background-color: #F7FFA1; font-weight: bold; } 
.soneto a:active  {text-decoration: none; color: #FFFFFF; }
p.cuadro { 
    top: 0px;
    left: 0px;
    background: transparent;
	color:#FFFFFF;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0px;
    padding-left: 5%;
    padding-right: 5%; 
    text-align: justify;
	} 
.datos {
    border: 1px dashed #FFFF00;
    color: #FFFFFF; 
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-align: justify;
    margin: 5px;
    padding-left: 4%;
	padding-right: 3%;
	padding-top: 1%;
    padding-bottom: 1%;
}
#resto { 
    float: left; 
	width: 160px;
    padding-left: 3px;
 }  
.caja { 
	height: 160px;
    font-size: 12px;
	font-weight: bold;
    padding: 10px;
	overflow: auto;
	} 
.caja a:link    {text-decoration: none; color: #F7FFA1; font-weight: bold; }
.caja a:visited {text-decoration: none; color: #D5D5FF; font-weight: bold; }
.caja a:hover   {text-decoration: none; color: #000020; background-color: #F7FFA1; font-weight: bold; } 
.caja a:active  {text-decoration: none; color: #F7FFA1; }
.caja2 { 
	height: 120px;
    font-size: 12px;
	font-weight:bold;
	color: #D5D5FF;
    padding: 10px;
	text-align: justify;
	overflow: auto;
	} 
p.amarillo { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
	font-weight: bold;
    color: #FFFF33;
   	padding: 3%;
    text-align: justify;
}
.titulocuadrocentro {
    height: 24px;
	background: url(fotos/fondoboton.png);
   	letter-spacing: 2px;
 	padding-left:15%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
	color: #F7FFA1;
	}
.mitad {
	vertical-align: top;
	text-align: justify;
	float: left;
	color: #FFFFFF;
	padding: 3%;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
	}
.mitad a:link    { text-decoration: none; color: #FFFFFF; }
.mitad a:visited { text-decoration: none; color: #6699FF; }
.mitad a:hover   { text-decoration: none; color: #DC5454; font-weight: bold; } 
.mitad a:active  { text-decoration: none; color: #DC5454; }
.recuadro1 { 
	vertical-align: top;
	text-align: center;
	float: left;
	color: #FFFFFF;
	padding-top: 3%;
	padding-bottom: 5%;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight:bold;
	}
.recuadro1 a:link    { text-decoration: none; color: #000000; } 
.recuadro1 a:visited { text-decoration: none; color: #FFFFF0; }
.recuadro1 a:hover   { text-decoration: none; color: #DC5454; font-weight: bold;} 
.recuadro1 a:active  { text-decoration: none; color: #FFFFFF; }
.bold { font-weight: bold; }
@media print {
.tabcontent {
display:block!important;
}
}
