html, body { margin: 0px; padding: 0px; font: 11px 'Trebuchet MS',sans-serif; }
img { border: 0px; }
a { outline-width: 0px; }
html { width: 100%; height: 100%; display: table; }
body { width: 100%; height: 100%; display: table-row; }
div#home { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
div#home_content { position: relative; left: 0px; top: 0px; width: 908px; height: 566px; margin: 0px auto; }
div.box { position: absolute; width: 300px; height: 280px; color: #fff; background: url(../_img/back_box.gif); }
div.box div.link { position: absolute; right: 25px; bottom: 25px; }
div.box div.logo { margin: 70px 0px 10px; text-align: center; }
div.box div.logotynus { text-align: center; }
div.box div.logotynus img { position: relative; left: 76px; height: 20px; padding: 5px 0 0; }
div.box div.slogan { color: #1D5164; text-align: center; font-size: 14px; position: relative; top: -10px; }
/* T */
div.box div.about { margin: 15px 25px; }
div.box div.about div.title { font-weight: bold; color: #af7cbf; text-transform: uppercase; font-size: 12px; }
div.box div.about div.text { margin: 1em 0px; text-align: justify; line-height: 15px; }
div.box div.about div.text div.img { float: right; margin-left: 8px; border: 1px solid #af7cbf; font-size: 0px; line-height: 0px; }
div.box div.about div.link { text-align: right; }
div.box div.about div.link a { color: #af7cbf; }
div.box div.about div.link a:hover { color: #fff; }
/* Y */
div.box div.projects { margin: 15px 25px; }
div.box div.projects div.title { font-weight: bold; color: #faee9f; text-transform: uppercase; font-size: 12px; display: block; }
div.box div.projects div.title span a{ margin-left: 64px; color: #faee9f; text-transform: lowercase; text-align: right; text-decoration: none; }
div.box div.projects div.title span a:hover { color: #fff; }
div.box div.projects div.info { margin: 1em 0px; text-align: left; cursor: pointer; }
div.box div.projects div.info #imageContainer { position:relative; float: left; margin: 0 8px 5px 0; font-size: 0px; line-height: 0px; width: 240px; height: 160px; }
div.box div.projects div.info #imageContainer img { display:none; position:absolute; top:0; left:0; border: 1px solid #faee9f; }
div.box div.projects div.info div.long { clear: both; max-height: 15px; overflow: hidden; }
div.box div.projects div.info div.lead { color: #faee9f; max-height: 30px; overflow: hidden; }
/* N */
div.box div.intranet { margin: 15px 25px; }
div.box div.intranet div.title { font-weight: bold; color: #7fb7ca; text-transform: uppercase; font-size: 12px; }
div.box div.intranet form { margin: 30px 0px; }
div.box div.intranet form div.group { margin: 10px 0px; }
div.box div.intranet form div.group div.label { margin-bottom: 3px; }
div.box div.intranet form div.group div.field { }
div.box div.intranet form div.group div.field input { width: 100%; border: 1px solid #7fb7ca; color: #7fb7ca; background-color: #0c4053; font: 11px 'Trebuchet MS',sans-serif; }
div.box div.intranet form div.button { text-align: right; }
div.box div.intranet form div.button button { position: relative; top: 5px; right: -2px; border: 1px solid #7fb7ca; color: #7fb7ca; background-color: #0c4053; font: 11px 'Trebuchet MS',sans-serif; }
/* U */
div.box div.blog { margin: 15px 25px; }
div.box div.blog div.title { font-weight: bold; color: #f79caf; text-transform: uppercase; font-size: 12px; }
div.box div.blog div.post_title { margin: 2em 0px 1em; }
div.box div.blog a { color: #f79caf; }
div.box div.blog a:hover { color: #fff; }
div.box div.blog div.post_text { margin: 1em 0px; }
div.box div.blog div.link { text-align: right; }
/* S */
div.box div.address { margin: 15px 25px; }
div.box div.address img { vertical-align: top; }
div.box div.address span { font-weight: bold; color: #ffaf88; font-size: 12px; text-transform: uppercase; }
div.box div.address a { color: #ffaf88; }
div.box div.address a:hover { color: #fff; }
div.box div.address form { margin: 15px 0px; text-align: right; }
div.box div.address form input,
div.box div.address form textarea { width: 100%; border: 1px solid #ffaf88; color: #ffaf88; background-color: #992800; font: 11px 'Trebuchet MS',sans-serif; }
div.box div.address form textarea { height: 60px; margin-top: 5px; }
div.box div.address form button { position: relative; top: 5px; right: -2px; border: 1px solid #ffaf88; color: #ffaf88; background-color: #992800; font: 11px 'Trebuchet MS',sans-serif; }
div.row1 { top: 2px; }
div.row2 { top: 284px; }
div.col1 { left: 2px; }
div.col2 { left: 304px; }
div.col3 { left: 606px; }
div.colorT { background-color: #4a176d; }
div.colorY { background-color: #c4883c; }
div.colorN { background-color: #1d5164; }
div.colorU { background-color: #a1364b; }
div.colorS { background-color: #bb4a22; }
/* páginas internas */
div#container { width: 908px; margin: 0px auto;}
div#top { margin: 10px 0px 40px; height: 63px; }
div#top div.logo { float: left; font-size: 0px; line-height: 0px; zoom: 1; }
div#top div.menu { float: right; }
div#top div.menu a { display: block; float: left; width: 100px; margin: 17px 0px 0px 2px; padding: 20px 5px 0px; color: #fff; text-decoration: none; text-align: right; font-size: 16px; }
div#top div.menu a.menuT { background-color: #4a176d; }
div#top div.menu a.selectedT,
div#top div.menu a.menuT:hover { margin-top: 9px; border-top: 8px solid #af7cbf; color: #af7cbf; background-color: #65218e; }
div#top div.menu a.menuY { background-color: #c4883c; }
div#top div.menu a.selectedY,
div#top div.menu a.menuY:hover { margin-top: 9px; border-top: 8px solid #faee9f; color: #faee9f; background-color: #d8a853; }
div#top div.menu a.menuN { background-color: #1d5164; }
div#top div.menu a.selectedN,
div#top div.menu a.menuN:hover { margin-top: 9px; border-top: 8px solid #7fb7ca; color: #7fb7ca; background-color: #296e84; }
div#top div.menu a.menuU { background-color: #a1364b; }
div#top div.menu a.selectedU,
div#top div.menu a.menuU:hover { margin-top: 9px; border-top: 8px solid #f79caf; color: #f79caf; background-color: #c1566f; }
div#top div.menu a.menuS { background-color: #bb4a22; }
div#top div.menu a.selectedS,
div#top div.menu a.menuS:hover { margin-top: 9px; border-top: 8px solid #ffaf88; color: #ffaf88; background-color: #bb5628; }