/*----------------------------------------------
   http://www.throughothereyes.org.uk
----------------------------------------------- */

/* geral parameters */
body {border:0; margin:0; background:#321253 url('../images/background.gif') fixed repeat; font:11px Verdana, Arial, Helvetica, sans-serif; color:#11062E; font-weight:normal; font-variant:normal; text-decoration:none; line-height:normal; letter-spacing:0px}
#geral {border:0; width:770px; margin:0px auto 0px auto}
.x a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0}
.x a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8}
.polaroid {padding:3px; background:#fff; *border:2px solid #fff}
.peoplepol {padding:3px; background:#c9ccc3; *border:2px solid #c9ccc3}
.peopleimg {width:125px; float:left}
.peopletxt {width:295px; float:right; text-align:justify}
.dotted {border-bottom: 1px dotted #d4cec3; height:1px; width:420px; margin-top:-5px; *margin-top:-12px;line-height:1px; clear:both}
img, fieldset, table {border:none}
br {clear:both}
p br {clear:none}

/* login */
#login {z-index:50; float:right; position:relative; width:170px; height:66px; top:-30px; margin:0 0 -120px; padding:28px 0 0 210px; background:url('../images/ondinha.png') top left no-repeat; font:9px Arial, Helvetica, sans-serif, Verdana; color:#746d83}
#login strong {font:9px Arial, Helvetica, sans-serif, Verdana; color:#3d1a9a; font-weight:bold}
input, label, select {vertical-align: middle}
select {padding:0}
.bl {padding: 2px; width:76px; height:12px; cursor:text; border:0; background:#441B7F url('../images/bg_input_login.gif') no-repeat; font: 9px Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica; color:#7E4AAF; font-weight:bold; text-transform:lowercase}
.bt_login {width:auto; height:auto; cursor:pointer}
.bt_top {width:108px; height:22px; margin-top:20px; float:right}
.logged {font: 10px Arial, Helvetica, sans-serif, Verdana; text-transform:lowercase; color:#7E4AAF; font-weight:bold; text-decoration:none}
.logged:hover {font: 10px Arial, Helvetica, sans-serif, Verdana; text-transform:lowercase; color:#7E4AAF; font-weight:bold; text-decoration:underline }


/* header */
#header {z-index:10; height:197px; background-color:#11062E}
#topshape {height:19px; background:#11062E url('../images/head_topshape.gif') no-repeat}
#title {height:72px; background: #69328F url('../images/head_title_bg.png') no-repeat}
#head {height:73px; background: #11062E url('../images/head_head.png') no-repeat}
#logo {width:271px; height:47px; top:17px; left:49px}
#logo, #logo div, #logo h1 a {position:relative; width:271px; height:47px; *margin-bottom:-50px}
#logo div {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/toe_logo.png');background-image:url('../images/toe_logo.png');*background:none}
#logo h1 a {display:block; top:-60px; left:-2px; *top:-20px; cursor:pointer; text-indent:-9999px}

/* menu */
#menu {z-index:100; position:relative; width:638px; height:33px; padding:0 5px}
#menu ul li {float:left; list-style:none}
#menu ul {height:33x; padding:0; margin:0; overflow:hidden}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {display:block; width:638px; height:33px; background:#11062E url('../images/bg_css_menu.gif') top left no-repeat; *background:#11062E url('../images/bg_css_menu_ie.gif') top left no-repeat;text-indent:-9999px}
#menu ul li#menu-about a {width:116px; background-position:0 0;}
#menu ul li#menu-about a:hover {background-position:0 -33px}
#menu ul li#menu-method a {width:92px; background-position:-116px 0}
#menu ul li#menu-method a:hover {background-position:-116px -33px}
#menu ul li#menu-freecourse a {width:115px; background-position:-208px 0}
#menu ul li#menu-freecourse a:hover {background-position:-208px -33px}
#menu ul li#menu-eduint a {width:152px; background-position:-323px 0}
#menu ul li#menu-eduint a:hover {background-position:-323px -33px}
#menu ul li#menu-people a {width:55px; background-position:-475px 0}
#menu ul li#menu-people a:hover {background-position:-475px -33px}
#menu ul li#menu-faq a {width:49px; background-position:-530px 0}
#menu ul li#menu-faq a:hover {background-position:-530px -33px}
#menu ul li#menu-contact a {width:59px; background-position:-579px 0}
#menu ul li#menu-contact a:hover {background-position:-579px -33px}

/* content */
#pre-corpo {margin:0; background-color:#EEF0E7}
#corpo {z-index:5; background:#EEF0E7 url('../images/bg_corpo.gif') top left no-repeat}
#menu_left {z-index:65; position:relative; top:15px; left:-10px; width:157px; float:left}
#menu_right {margin-top:50px; width:141px; padding-right:5px; float:right}
.resp_esq_sponsor {float:left; margin-left:10px}
.resp_txt_20 {float:left; margin-left:20px}
.resp_txt_40 {float:left; margin-left:40px}
.resp_txt_60 {float:left; margin-left:60px}
.home_txt {margin-top:35px; padding-left:20px; width:420px; text-align:justify; float:left}
.home_txt ul {margin-left:-38px; *margin-left:-8px; list-style: disc inside url('../images/list_bolinha.gif')}
ul.listacurso {list-style:none; border:0; margin:0 0 5px 0; padding:0 0 2px 0}
ul.listacurso li {list-style:none; border:0; margin:0; padding:0}
ul.listaunits {list-style:none; border:0; margin:30px 0 0 0; padding:0; width:340px; height:auto}
ul.listaunits li {list-style:none; border:0; margin:0 0 5px 0; padding:0; height:100px}
ul.listaunits li img {float:left}

/* form */ 
#register {margin:0; padding:0}
#register label {float:left; padding:5px 0; height:25px; color:#622291; font-weight:bold; text-align:center}
#register input:focus, #register textarea:focus {border: 1px solid #6e5d7e}
.frm {float:right; padding:2px; border:1px solid #7F9DB9; background:#fff url('../images/bg_input.gif') no-repeat; font:10px Verdana, Arial, Helvetica, sans-serif; color:#1f1638; font-weight:normal; letter-spacing:1px;}
.bt_submit {width:59px; height:23px; cursor:pointer}

/* typography */
h1, h2, h3 {font:14px Trebuchet MS, Helvetica, Ssns-seirf, Verdana, Arial; color:#3c1459; font-weight:bold; text-transform:uppercase; text-align:left}
h2 {font-size:13px; color:#622291}
h3 {font-size:12px; color:#622291; margin:0}
strong {color:#3c1459; font-weight:bold}
.quote {margin-left:20px; color:#2b1a59; text-align:justify}
.cinza {color:#666666}
.roxinho {color:#622291; font-weight:bold}
.link {color:#400080; font-weight:bold; text-decoration:none}
.link:hover, .email:hover {color:#622291; text-decoration:underline}
.link:visited, .email:visited {color:#6e5d7e; text-decoration:none}
.email {color:#54485c; font-weight:normal; text-decoration:none}

/* EOF */