/* Global Styles */ * { margin: 0; padding: 0 } html { width: 100%; height: 100% } body { width: 100%; height: 100%; font: 11px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; background: #adc0c7 url(/img/background.jpg) fixed bottom center no-repeat; color: #6e7377 } a { text-decoration: none; color: #59a6de } a img { border: none } p { padding: 5px 0 } /* General classes */ .png { behavior: url(/js/iepngfix.htc) } /* Colors */ .darkblue { color: #29588e !important } .lightblue { color: #59a6de !important } .darkgrey { color: #33454f !important } .lightgrey { color: #89969f !important } .grey { color: #6e7377 !important } .bold { font-weight: bold !important } .menu-list { list-style-type: none; list-style-position: outside; } .menu-list li { float: left } .bigger-sep { font-size: 1.3em } .cb { clear: both } .cr { clear: right } .fl { float: left } .fr { float: right } .center { display: block; margin: 0 auto } .hand { cursor: pointer } .spacer { display: block; clear: both; height: 13px; margin: 0; padding: 0 } #container { width: 980px; margin: 0 auto; text-align: center } #header { width: 100%; height: 151px; background: url(/img/header_bg.jpg) no-repeat top center; text-align: center } #header .logo { width: 379px; padding-top: 25px; margin: 0 auto } #header .logo a { } #header .logo a img { border: none } #header .languages { float: right; padding: 128px 30px 0 0; color: #fff } #header .languages a { color: #fff } #main-menu { width: 950px; height: 51px; background: url(/img/menu.png) no-repeat top center; margin: 0 auto; text-align: left } #main-menu ul { position: absolute } #main-menu ul li { width: 136px; height: 51px; } #main-menu ul li.last { width: 134px } #main-menu ul li div { position: absolute } #main-menu ul li div a { margin: 0 0 0 18px; width: 93px; height: 51px } #main-menu ul li div a img { border: none; position: absolute; top: 0px; left: 0px; background: none !important } #main { text-align: left } #main-top { width: 100%; height: 25px; background: url(/img/main_top.png) no-repeat top center } #main-content { width: 964px; background: url(/img/main_bg.png) repeat-y; padding-left: 16px; min-height: 447px; } /* Left menu */ #main-content #left-menu { float: left; width: 153px; height: 430px; margin-left: 8px; padding: 17px 0 0 9px; background: transparent url(/img/left_bg.jpg) no-repeat top left; line-height: 22px } * html #left-menu { margin-left: 4px !important } #main-content #left-menu .left-menu-item a img { border: none } #main-content #left-menu .left-menu-item p { margin: 5px 0 0 0; padding: 0; } #main-content #left-menu .left-menu-item a, #main-content #left-menu .left-menu-item form div label { color: #89969f; font-size: 0.9em } #main-content #left-menu .left-menu-item#visitus { height: 45px } #main-content #left-menu .left-menu-item#join { height: 55px } #main-content #left-menu .left-menu-item#logindiv { height: 97px } #main-content #left-menu .left-menu-item#logindiv form div { margin-top: 10px } #main-content #left-menu .left-menu-item#logindiv form div label { width: 20px; padding-right: 4px} #main-content #left-menu .left-menu-item#logindiv form div input { width: 109px; border: none } #main-content #left-menu .left-menu-item#logindiv form div input.submit { width: 11px; height: 7px; margin: 3px 0 0 123px } #main-content #left-menu .left-menu-item#calendar { height: 49px } #main-content #left-menu .left-menu-item#highlights { height: 49px } #main-content #left-menu .left-menu-item#search { } #main-content #left-menu .left-menu-item#search form { margin-top: 5px } #main-content #left-menu .left-menu-item#search form div input#q { border: none; width: 118px; margin-right: 9px } #main-content #cms-content { float: left; width: 576px; padding-left: 9px; text-align: left } #main-content #cms-content #submenu { width: 566px; height: 32px; padding: 12px 0 0 11px; background: url(/img/submenu_bg.jpg) no-repeat } #main-content #cms-content .largemenu { height: 41px !important; padding-top: 3px !important; line-height: 1.6em } #main-content #cms-content #submenu ul { width: 540px; } #main-content #cms-content #submenu ul li, #main-content #cms-content #childsubmenu ul li { margin-right: 9px; } #main-content #cms-content #submenu ul li.last, #main-content #cms-content #childsubmenu ul li.last { margin-right: 0px } #main-content #cms-content #submenu ul li a { font-size: 1.1em; letter-spacing: 0px; display: block } #main-content #cms-content #submenu ul li a:hover { } #main-content #cms-content #childsubmenu ul { margin: 4px 0 0 11px } #main-content #cms-content #childsubmenu ul li { white-space: nowrap } #main-content #cms-content #childsubmenu ul li a { } #main-content #cms-content #content { clear: both; padding-left: 11px } #main-content #cms-content #content h2 { font-size: 1.6em } #main-content #cms-content #content .cmstext { line-height: 15px } #main-content #cms-content #content ul { padding-left: 20px } #main-content #cms-content.hp #content { float: left; width: 363px; min-height: 214px } #main-content #cms-content.hp .highhp { margin-left: 27px } #main-content #right-highlights { float: left; margin-left: 9px; width: 175px } .highlight { width: 155px; height: 213px; padding: 0 10px; background: url(/img/highlight_bg.png) no-repeat} .highlight .top { margin: 10px auto 0 auto; height: 96px } .highlight .info { float: left; height: 76px; line-height: 15px } .highlight .info p { margin-left: 3px; padding: 0; } .highlight .info .area { margin-top: 10px; color: #33454f; width: 100% } .highlight .info .title { font-size: 1.3em; font-weight: bold; color: #29588e } .highlight .info .subtitle { color: #29588e } .highlight .info .date { font-weight: bold; color: #59a6de } .highlight a.more { display: block; margin: 0 0 0 82px; width: 73px; height: 22px; clear: left } .highlight a.more img { margin: 0 } #main-content #right-highlights .last, #main-content #cms-content.hp .last { margin-top: 21px } /* Cursos */ #course { } #course .course-menu { width: 186px } #course .course-menu .menu { list-style-type: none; margin: 10px 0 0 12px; padding: 0 !important } #course .course-menu .menu li { padding-bottom: 4px } #course .course-menu .menu li a { cursor: pointer } #course .course-menu .menu li a.active, #course .course-menu .menu li a:hover { font-weight: bold; color: #33454f } #course .text-container{ width: 350px;} #course .text-container .course-text { font-size: 1.1em; background-color: #ffffff } #course .text-container .course-text * { background-color: #ffffff } /* Curriculums */ ul.curriculums { list-style-type: none; padding: 0px !important } ul.curriculums li { padding-bottom: 10px } ul.curriculums li .text { padding-top: 10px } /* Artigos */ #articles { } #articles ul { list-style-type: none } #articles ul li { margin-bottom: 3px } #articles ul li a { color: #6e7377 } #articles ul li a.active { color: #29588e; font-weight: bold } /*#articles*/ ul li a .more { font-weight: bold; color: #29588e } h2.article-title { color: #29588e } h3.article-author { color: #59a6de; margin-top: 5px; font-size: 1.1em } /* Destaques */ .all-highlights { margin: 10px 10px 0 0 } /* Calendario */ #calendar { } #calendar li { } #calendar li .title { color: #29588e; font-size: 1.1em; font-weight: bold } #calendar li .events { padding-bottom: 15px } #calendar li .events .name { font-size: 1.1em } #calendar li .events .date { color: #6e7377 } #calendar li .events .state { color: #aa0000 } /* Contacto */ #contact/ form { margin-top: 20px } #contact form div .row { margin-bottom: 5px } #contact form div .row label { float: left; clear: left; width: 65px; text-align: right; padding-right: 5px } #contact form div .row input { border: 1px solid #6E7377; color: #6E7377; font-size: 1em } #contact form div .row input.text { width: 220px } #contact form div .row input.submit { width: 60px; margin-left: 232px; background-color: #dee3e6; font-size: 1em; color: #000 } #contact form div .msg { margin: 10px 0 10px 70px } /* Modal Window */ .simple_window { background-color:#fff; padding:10px; border:1px solid #333 } #control_overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000 } .modal-text-container { /* width: 560px; */ padding: 20px 0 0 20px; background-color: #fff } .modal-text-container .modal-text { height: 360px; margin-top: 10px; overflow-y: auto; overflow-x: hidden } .modal-text-container .modal-text .padd { padding: 0 0 0 0 } .modal-text-container .close-modal { display: block; margin-left: 510px; padding: 10px 0 10px 0; cursor: pointer; font-size: 1.1em } /* Listas de tópicos */ .topiclist { list-style-type: none; font-size: 1.1em } .topiclist li { margin: 3px 0 } .topiclist li a { color: #6E7377 } .topiclist li a .more { font-weight: bold; color: #29588e } /* Pesquisa */ #results { } #results ul.list { list-style-type: none; padding-left: 0px !important } #results .list li { padding-top: 20px } #results .list li .title { font-size: 1.2em } #results .list li .text .keyword { font-weight: bold } #results .list li .link { padding: 0 !important } #results .list li .link a { color: #89969F !important } #results .paging { padding-top: 20px; text-align: right } #results .paging a { display: block; float: left; padding: 2px 6px; margin: 0 3px } #results .paging a .arrow { font-size: 1.5em } #results .paging a.inactive { cursor: default; color: #89969F } #results .paging a.active:hover, #results .paging a.this-page { border-color: #000; background-color: #59A6DE; color: #fff } #footer { width: 100%; padding-top: 20px; background: url(/img/main_bottom.png) no-repeat top center; text-align: center } #googlemap { width: 570px; height: 450px } #googlemapsform { } #googlemapsform input { border: 1px solid #6E7377; color: #6E7377 } #googlemapsform input.text { width: 200px } #googlemapsform input.submit { background-color: #dee3e6; font-size: 1em; color: #000; margin-left: 5px } /* Loja */ #store { } #store .paginator { margin-top: 16px; float: right; clear: both; background-color: #dfe5e6; height: 22px } #store .paginator a { color: #51636f; padding: 0 5px; float: left } #store .paginator a.page { padding-top: 4px; outline: none } #store .paginator a.active { font-weight: bold } #store .paginator a.previous, #store .paginator a.next { padding: 0 } #store #product_list { list-style-type: none; /* list-style-position: outside; */ padding: 0 !important } #store #product_list li { /* list-style-type: none; */ height: 269px } #basket { width: 151px; height: 421px; padding: 17px 12px 9px; background-color: #d5dfe0 }