/* CSS Document */
body {
font-size:10px; margin-top:5px;
font-family:verdana, Arial;
color: #fff; line-height:normal;
background-color: #ececec;
text-align: center; /* centering the content for IE6 */
}
#wrapper {
display:table; /* must put this in for FireFox. */
width:980px; background-color:#FFFFFF; border:1px solid #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
margin:auto;
text-align:left;
padding:0px;
height:600px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
}
#tope{
width:980px}

#sidebar {
float:left; /* float the menu to the left */
width:235px;
background-color:#E50706; 
height:100%; /* so the menu has the height of the main content and
visa versa */
}

#main2 {
float:right; /* float the content to the right */
width:730px; font-size:10px;
 background-color:#FF9900; padding:5px;
height:100%;/* so the content has the height of the menu and visa
versa */
}
#mitabla{font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; padding:5px; line-height:9pt}
#peque{font-size:10px}
a{text-decoration:none}
a:hover{text-decoration:underline}
#cajatexto{ font-size:10px; border:1px solid #ccc}
#pequeblanca{ padding:10px; font:verdana #fff 11px}
.titulo{font-size:13px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}
a.titulo{color:#990000}
.contenido{
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	font-weight: bold;
}
.mitd:hover{background-color:#996600}
input{font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif}