/* global */ * { margin: 0; padding: 0 } body { font-size: 62.5%; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; color: #4c4d4f; background: #dcdddf; } input, textarea { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; } img { border: none } .cr { clear: right } .hand { cursor: pointer } a { text-decoration: none; color: #4c4d4f } a.active { font-weight: bold } .bgorange { background-color: #ffab1b } .bggreen { background-color: #73a100 } .bgredish { background-color: #ff5b14 } .center { text-align: center } /* */ #container { width: 900px; margin: 0 auto; } #bgtop { background: url(/img/shadow.gif) right repeat-y } #mainmenu { background: url(/img/menubg.gif) repeat-x; ; font-size: 1.3em; text-align: center; padding-top: 20px; margin-right: 14px; height: 40px; color: #fff; } #mainmenu ul { list-style-type: none; margin-left: 161px } #mainmenu ul li { float: left; text-align: center } #mainmenu ul li.sep { width: 10px } #mainmenu a { color: #fff; } #mainmenu a:hover { font-weight: bold } /* Login */ #login { float: left; width: 239px; height: 218px; background-color: #ffab1b} #login #loginform { height: 72px; color: #fff; } #login #loginform h4 { font-size: 1.1em; padding-top: 10px; font-weight: bold } #login #loginform h4.witherror { padding-top: 5px; } #login #loginform h4, #login #loginform p { padding-left: 20px } #login #loginform p { float: left; color: #fff; width: 25px; padding-top: 5px } #login #loginform input.text { float: left; width: 150px; height: 16px; border: none; margin-top: 5px; } #login #loginform input.submit { float: left; margin: 5px 0 0 12px } #login #loginform .loginfailed { clear: both; margin: 0 0 0 45px; font-weight: bold; } #login .welcome { padding: 14px 0 0 20px } #login .welcome a { font-size: 1.3em; color: #fff } #login .welcome h3 { font-size: 1.3em } #login .welcomearea { padding-top: 34px } /* Right header */ #headerimg { float: left; width: 647px; height: 183px; padding-right: 14px; background: url(/img/shadow.gif) right repeat-y } #headerimg img { position: absolute; } /* Page title */ #pagetitle { float: left; width: 647px; height: 35px; padding: 0 14px 0 0; background: transparent url(/img/shadow.gif) top right repeat-y } /* Highlight Titles */ #pagetitle .hightitle, #pagetitle #titlebg { float: left; width: 323px; color: #fff; text-align: center; height: 35px } #pagetitle .title { font-size: 1.3em; text-align: center; padding-top: 9px; } #pagetitle #titlebg { width: 100%; } #pagetitle #hightitle1 { width: 324px; background-color: #ff5b14 } #pagetitle #hightitle2 { background-color: #73a100 } /* Main content BG */ #contentbg { float: left; padding-right: 14px; background: #fff url(/img/shadow.gif) right repeat-y; } /* Argh.. it's a table */ #fixedcolumns { border-collapse: collapse; } #fixedcolumns tr td { vertical-align: top } #fixedcolumns tr td#newslistcell { background-color: #f8ddb2/*#fef1c7*/ } #fixedcolumns tr td#contentcell { } /* Newslist e Cursos (coluna esquerda area de alunos)*/ #newslist { padding: 17px 22px; width: 195px; } #newslist h4 { font-size: 1.1em; margin-bottom: 12px } #newslist .news { font-size: 1.1em; padding-top: 8px } #newslist .news p { display: inline; } /* Main */ #content { width: 647px; /*min-height: 380px;*/ } #content .highlightsep { float: left; margin: 0 5px } #content .highlighthp { float: left; width: 272px; font-size: 1.1em; padding: 20px 22px 0 22px } #content .highlighthp img { margin-top: 10px } #content .aredish a { color: #ff5b14; font-weight: bold } #content .agreen a { color: #73a100; font-weight: bold } /* Paginas interiores (Os Cursos, Sugestões, ...) */ #content .submenu { height: 23px; padding-top: 9px; text-align: center; font-size: 1.1em } #content .list { float: left; width: 100px; } #content .large { width: 195px; } #content .list ul { list-style-type: none; margin-left: 9px; padding-top: 4px } #content .list ul li { margin-top: 16px } #content .list ul li a { text-decoration: none; ; font-size: 1.1em } #content .details { float: left; width: 391px; padding: 0 19px; font-size: 1.1em; } #content .details .title { font-size: 1.1em; font-weight: bold; padding: 20px 0 } #content .details .desc { padding-top: 20px } #content .details .desc ul, #content .details .desc ul li { margin: 0px 5px 5px 10px } /* Os Cursos */ #content.courses { } #content.courses .submenu { background-color: #edff6f; } #content.courses .submenu a { color: #73a100; } #content.courses .list ul li a { color: #73a100 } /* Financiamento */ #content.courses .financiamento { padding: 8px 20px 0 20px; font-size: 1.1em; } #content.courses .financiamento .title { float: left; width: 291px; padding: 6px 58px 6px 0; font-weight: bold } #content.courses .financiamento img { float: left; margin: 5px 20px 5px 0 } #content.courses .financiamento table { float: left; border-collapse: collapse; width: 100%; padding-top: 7px } #content.courses .financiamento table tr td { border: 2px solid #a5a5a7; text-align: center; vertical-align: middle; height: 17px } #content.courses .financiamento table tr td.large { width: 86px; height: 29px } #content.courses .financiamento .desc { float: left; padding: 10px 0 0 0; width: 100% } /* Sugestões */ #content.sugestions { } #content.sugestions .submenu { background-color: #ffcda8; } #content.sugestions .submenu a { color: #ff5b14 } #content.sugestions .list ul li a { color: #ff5b14 } /* Receitas */ #content.recipes { } #content.recipes .submenu { background-color: #edff6f; } #content.recipes .submenu a { color: #73a100 } #content.recipes .list ul li a { color: #73a100 } /* Notícias */ #content.noticias { } #content.noticias .submenu { background-color: #fff; } #content.noticias .submenu a { color: #ff5b14 } #content.noticias .details .title { color: #ff5b14; padding: 20px 0 0 0; font-weight: bold } #content.noticias .details .title .date { } #content.noticias .list ul li a { color: #ff5b14 } #content.noticias .details .desc { padding-top: 13px } #content.noticias .details .desc img { padding-bottom: 13px } /* Loja */ #content.loja { } #content.loja .submenu { background-color: #edff6f } #content.loja .submenu a { color: #73a100 } #content.loja .list ul li a { color: #73a100 } #content.loja .details { width: 406px; padding: 20px 7px 0 2px; } #content.loja .details .item { float: left; padding-bottom: 17px; } #content.loja .details .item .info { float: left; padding-left: 8px; width: 164px } #content.loja .details .item .info .itemtitle { font-weight: bold } #content.loja .details .item .info .infobottom { float: left } #content.loja .details .item .info .infobottom .actions { float: left; width: 46px; } #content.loja .details .item .info .infobottom .actions a, #content.loja .details .item .info .infobottom .actions img, #content.loja .details .item .info .infobottom .actions div { float: left; margin: 0 2px; } #content.loja .details .item .info .infobottom .actions .numitemsbg { width: 11px; height: 11px; background: url(/img/numitemsbg.gif) top left no-repeat; } #content.loja .details .item .info .infobottom .actions .numitemsbg .numitems { width: 10px; height: 10px; _height: 11px; border: none; margin: 0 0 0 2px; _margin: 0 0 0 1px; background-color: transparent; font-size: 0.9em; _position: relative; _top: -2px; _left: 1px } #content.loja .details .item .info .infobottom .price { width: 116px } #content.loja .details .item .info .price { float: left } #content.loja .details .item .thumb { float: left; border-collapse: collapse } #content.loja .details .item .thumb tr td { width: 68px; height: 68px; vertical-align: top; text-align: center } #content.loja .details .item p { float: left; width: 330px/*162px*/ } #content.loja .details .item .product { padding: 10px 0 0 0 } #content.loja .details .item .product .desc { float: left; width: 239px; padding: 5px 0 } /*#content.loja .details .item .product p { width: 162px } #content.loja .details .item .product .info { width: 162px }*/ #content.loja .details .item .product .infobottom { width: 239px } #content.loja .details .item .product .infobottom .price { width: 190px } #content.loja .details .item .product .infobottom .selectProduct { margin-left: 13px !important } #content.loja .cart { float: left; width: 110px; background: url(/img/cartbg.gif) top left no-repeat; padding-left: 8px; padding-top: 18px } #content.loja .cart .title { font-size: 1.1em; font-weight: bold; } #content.loja .cart a { z-index: 1 } #content.loja .cart #itemsheightfix { min-height: 190px; _height: 190px} #content.loja .cart #itemsheightfix .items { list-style-type: none; font-size: 0.9em; padding-top: 12px; } #content.loja .cart #itemsheightfix .items li { margin-bottom: 18px } #content.loja #encomendar { float: left; width: 580px; background: url(/img/encomendarbg.jpg) repeat-x; padding: 22px 0 10px 0 } #content.loja #encomendar h3 { padding: 0 0 11px 18px; font-size: 1.0em } #content.loja #encomendar p.field, #content.loja #encomendar input { float: left; } #content.loja #encomendar p.field { width: 43px; padding-left: 22px; clear: left } #content.loja #encomendar input.text { width: 311px; border: none; margin-bottom: 6px; } #content.loja #encomendar .terms { float: left; clear: left; margin: 4px 0 8px 0 } #content.loja #encomendar .products { float: left; clear: left; width: 357px; margin-left: 9px; padding-top: 13px; background-color: #fff } #content.loja #encomendar .products .product { padding: 0 0 10px 10px } #content.loja #encomendar .products .product .removeProduct { padding-right: 15px } #content.loja #encomendar .products .total { padding: 3px 0 23px 10px; font-weight: bold } #content.loja #encomendar .submit { float: left; clear: left; margin-top: 8px } .conditions { width: 800px; line-height: 1.4em } .conditions h2 { padding-top: 10px } .conditions h3 { font-size: 1.2em } .conditions h4 { font-size: 1.2em; color: #e2ad1b } .conditions h3, .conditions h4 { padding: 25px 0 10px 0 } .conditions p { font-size: 1.2em } .conditions table tr td { text-align: center; font-size: 1.2em } /* Area de Alunos */ #fixedcolumns tr td#arealeft { } #content.area { } #content.area .submenu { background-color: #f8ddb2; color: #ffab1b } #content.area .submenu a { color: #ffab1b } #content.area .courseinfo { min-height: 50px; font-size: 1.1em; padding: 20px } #content.area #docs_c .docname a { font-weight: bold; text-decoration: underline } #content.area #docs_c .docdesc { padding-bottom: 10px } #courses { width: 239px; } #courses .bgfill { background-color: #ffab1b; padding-top: 32px} #courses .courselist { list-style-type: none; margin: 20px 0 0 10px } #courses .courselist li { padding-bottom: 15px } #courses .courselist li a { color: #ffab1b; font-size: 1.1em } /* Links */ #content.links { } #content.links h3 { padding: 20px 0 0 20px; color: #ff5b14; font-size: 1.1em } #content.links .link { padding: 5px 0 5px 20px } #content.contactos { } #content.contactos .content { padding: 17px 20px } /* Footer */ #footer { float: left; width: 886px; height: 26px; background: url(/img/bottomshadow_a.gif) no-repeat; padding: 28px 14px 0 0; text-align: center; font-size: 1.1em } #footer.area { background-image: url(/img/bottomshadow_b.gif) } #footer p { padding-left: 80px } #lxpt { clear: both; position: relative; top: -92px; float: right }