* {
    padding: 0;
    margin: 0;
} 

body {
background: #555;
font-family: Arial, sans-serif;
font-size: 18px;
padding: 0;
margin: 0;
color: #444;
line-height: 17px;
}

img { border: none; }
a { color: #6C91FC; }
a:hover { text-decoration: none; color : #02ebd8; }
h3 { border-bottom: 1px dotted #aaa; color: #6C91FC; padding-bottom: 4px; margin: 14px 0 7px 0; font-weight: 100; font-size: 22px; letter-spacing: -1px;}
h3 a { text-decoration: none; font-size: 22px; letter-spacing: -1px; }
h3 a:hover { color: #333; }

#wrap {
background: #fff;
padding: 20px;
width: 780px;
margin: 0 auto;
}

#header {
height: 180px;
background: #fff url(images/cabeceraMatEduca.png) no-repeat;
}
#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: -2px;
padding: 25px 33px 0 0;
text-align: left;
color: #fff;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 16px;
color: #eee;
padding: 2px 3px 0 0;
text-align: left;
}

#header h2 a {
color: #fff;
text-decoration: none;
}
#header h2 a:hover {
color: #111;
text-decoration: none;
}

#content { 
padding: 0 20px;
}

#content span.email{
    unicode-bidi:bidi-override;
    direction: rtl;
}


#right {
margin-top: 10px;
width: 620px;
float: right;
font-size: 15px;
text-align: justify;
}
#right h3 { color: #6C91FC; }
#right h3 { border-bottom: 1px dotted #6C91FC; }
#right ul { list-style-type: none; padding: 10px 0 10px 0; }
#right ol { list-style-type: decimal; padding: 10px 0 10px 20px; }
#right ol li { padding: 2px 0 3px 0; }

#left {
margin-top: 10px;
width: 100px;
float: left;
}
#left h3 { color: #6C91FC; }
#left ul { list-style-type: none; padding: 10px 0 10px 0; }
#left ul li { padding: 2px 0 3px 0; }
#left ol { list-style-type: none; padding: 10px 0 10px 20px; }
#left ol li { padding: 2px 0 3px 0; }
#left ul li a { color: #51971D; font-weight: 100; display: block; text-decoration: none; font-size: 14px; border-bottom: 1px dotted #aaa; }
#left ul li a:hover { color : #8DCA3F; }

#footer {
font-size: 11px;
color: #999;
text-align: center;
padding: 10px 0;
margin: 70px 0 0 0;
border-top: 1px dotted #aaa;

}
#footer a { 
color: #999;
}
#footer a:hover {
color: #000; 
text-decoration: underline; 
}