/*resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100.01%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: "";
content: none;
}
textarea { overflow: auto; }
input { border: 0px solid white; margin: 0; padding: 0; }
/*/resets*/
/* ============================================================================== CORPO ================================================================*/
body {
background:#0164AD;
font-family:"Open Sans", sans-serif;
color:#666666;
font-size:13px;
line-height:1.5em;
}
a:focus, input:focus {
/*outline-style:solid;
outline-color:#F90;
outline-width:2px;
outline-offset:-2px;*/
}
/* ============================================================================== CORPO ================================================================*/
/* ============================================================================== GLOBAL CLASSES ================================================================*/
.radius {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.container960 {
width:960px;
overflow:hidden;
margin:0 auto;
}
.container940 {
width:940px;
overflow:hidden;
margin:0 auto;
padding:0 10px 0 10px;
}
.wrapper700 {
width:700px;
margin:0 auto;
}
.columns {
overflow:hidden;
float:left;
display:inline;
margin:0;
}
form {
overflow:hidden;
margin:30px auto 0 auto;
}
form legend {
display:none;
}
form h4 {
width:700px;
overflow:hidden;
float:left;
clear:left;
display:block;
}
form p {
overflow:hidden;
margin:0 20px 20px 0;
float:left;
display:inline;
}
#left form blockquote, #left .content blockquote {
width:440px;
overflow:hidden;
background:#FEF7E9;
padding:10px;
float:left;
clear:left;
display:inline;
margin:0 0 20px 0;
border-left: 4px solid #FF931E;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#left .content blockquote {
width:100%;
}
form p.separator {
width:700px;
overflow:hidden;
padding:0 0 20px 0;
border-bottom:1px solid #FF931E;
}
form p.newline, div.newline, form input.newline {
clear:both;
}
form p.large {
width:460px;
}
form p.large input {
width:450px;
}
form p.medium {
width:380px;
}
form p.medium input {
width:370px;
}
form p.medium textarea {
width:370px;
height:200px;
padding:5px;
border:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-inputs.png) 0 0 no-repeat;
resize:none;
font-family:"Open Sans", sans-serif;
font-size:13px;
color:#fff;
font-style:italic;
}
form p.small {
width:220px;
}
form div.small {
width:220px;
overflow:hidden;
float:left;
display:inline;
margin:0 20px 20px 0;
}
form p.small input {
width:210px;
}
form p.micro {
width:140px;
}
form p.micro input {
width:130px;
}
form h4 {
width:700px;
overflow:hidden;
float:left;
clear:left;
font-size:13px;
font-weight:normal;
font-style:italic;
color:#0064AC;
margin:0 0 20px 0;
}
form label {
font-size:13px;
color:#666666;
font-weight:normal;
font-style:italic;
}
form input {
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-inputs.png) 0 0 no-repeat;
font-size:13px;
color:#fff;
font-style:italic;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
min-height:20px;
padding:5px;
}
form input.rd {
background:none;
padding:0;
}
form input.sub {
width:113px;
height:30px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-buttons.png) 0 0 repeat-x;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
float:left;
font-family:"Open Sans", sans-serif;
font-size:14px;
font-weight:normal;
cursor:pointer;
}
.selector {
width:220px;
height:30px;
overflow:hidden;
display:block;
margin:0;
padding:0;
}
.selector a.label {
width:190px;
height:30px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-selector.png) 0 0 no-repeat;
display:block;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
line-height:30px;
color:#fff;
text-decoration:none;
font-style:italic;
padding:0 20px 0 10px;
}
.selector a.label:hover {
color:#ffcc00;
}
.selector a.label.active {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
}
.selector ul {
width:210px;
/*height:150px;
overflow:auto;*/
overflow:hidden;
background:#666;
position:absolute;
border:5px solid #666;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-top:none;
display:none;
}
.selector ul li {
width:188px;
overflow:hidden;
text-indent:10px;
}
.selector ul li a {
width:188px;
height:30px;
overflow:hidden;
display:block;
line-height:30px;
color:#fff;
font-style:italic;
text-decoration:none;
}
.selector ul li a:hover {
color:#ffcc00;
}
a.more {
width:113px;
height:30px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-buttons.png) 0 0 repeat-x;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
font-size:13px;
font-weight:normal;
cursor:pointer;
display:block;
margin:0 20px 0 0;
float:left;
display:inline;
color:#fff;
line-height:30px;
text-decoration:none;
text-align:center;
font-style:italic;
}
a.more.newline {
clear:both;
}
.shadow-solo {
width:700px;
height:12px;
overflow:hidden;
margin:0 auto 10px auto;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-shadow.png) center 1px no-repeat;
}
/* ============================================================================== GLOBAL CLASSES ================================================================*/
/* ============================================================================== HEAD ================================================================*/
#topbar {
width:100%;
min-width:960px;
height:20px;
overflow:hidden;
background:url(http://www.sgim.com.br/e-sic/images/bg-topbar.png) top left repeat-x
}
#header {
width:100%;
min-width:960px;
height:125px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-header.png) 0 0 repeat-x;
}
#header .hgroup {
width:620px;
height:60px;
overflow:hidden;
padding:0 0 0 1px;
background:url(../deodapolis.ms.gov.br/logo_pref.png) 0 0 no-repeat;
float:left;
display:inline;
margin:30px 0 0 10px;
}
#header h1 {
font-size:26px;
font-style:italic;
font-weight:normal;
line-height:1.5em;
}
#header h1 a {
color:#25567E;
text-decoration:none;
}
#header h1 a:hover {
text-decoration:underline;
}
#header h3 {
font-size:16px;
color:#666666;
font-weight:normal;
font-style:italic;
line-height:1.1em;
}
#header .logos {
float:left;
display:inline;
margin-top:30px;
}
#logo-ai {
margin:30px 20px 0 106px;
}
/* ============================================================================== HEAD ================================================================*/
/* ============================================================================== SITE ================================================================*/
#site {
width:100%;
min-width:960px;
overflow:hidden;
background:#fff;
padding-bottom:50px;
}
/*=============================== MENU ============================*/
#menu-container {
width:100%;
min-width:960px;
height:40px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-menu.png) 0 0 repeat-x;
}
ul.menu {
}
ul.menu li {
overflow:hidden;
line-height:40px;
float:left;
display:inline;
font-size:13px;
font-style:italic;
}
ul.menu li a {
height:40px;
display:block;
padding:0 10px 0 10px;
overflow:hidden;
color:#666;
text-decoration:none;
}
ul.menu li a:hover, .menu li a.active {
background:#71A9D7;
color:#fff;
}
/* ======================== SUBMENU ===================*/
ul.menu li ul {
width:450px;
overflow:hidden;
border:1px solid #71A9D7;
background:#fff;
position:absolute;
z-index:100;
display:none;
}
ul.menu li ul li {
width:205px;
line-height:1.5em;
overflow:hidden;
padding:10px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-dots-menu.gif) 5px 15px no-repeat;
float:left;
display:inline;
}
ul.menu li ul li a {
display:inline;
height:auto !important;
text-indent:0;
padding:0;
margin:0 0 0 10px;
display:block;
}
ul.menu li ul li a:hover {
background:none;
text-decoration:underline;
color:#666;
}
/* ======================== SUBMENU ===================*/
/*=============================== MENU ============================*/
#wrapper-site {
margin-top:50px;
}
#left {
width:720px;
}
#left .content {
width:720px;
overflow:hidden;
padding:0 0 30px 0;
margin:0 auto;
}
#left .content.no-border {
border:none;
}
#left .content h2 {
font-size:26px;
color:#25567E;
font-weight:normal;
font-style:italic;
margin:0 0 30px 0;
}
#left .content blockquote {
margin:30px 0 20px 0;
font-style:normal;
}
#left .content h3 {
color:#385C9E;
font-size:20px;
font-weight:normal;
font-style:italic;
margin:20px 0 0 0;
}
#left .content h3.border {
border-bottom:1px solid #385C9E;
padding:0 0 20px 0;
}
#left .content blockquote a, #left .content p a {
color:#0164AD;
font-style:italic;
}
#left .content a.view {
font-size:11px;
font-style:italic;
color:#0064AC;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/magnifier.png) 0 0 no-repeat;
padding:0 0 0 20px;
overflow:visible;
}
#left ul.request-info {
width:700px;
overflow:hidden;
margin:20px 0 0 0;
}
#left ul.request-info li {
line-height:1.8em;
}
#left ul.request-info h4 {
width:135px;
overflow:hidden;
margin:0 20px 0 0;
padding:0 5px 0 0;
float:left;
display:inline;
color:#0164AD;
font-weight:normal;
text-align:right;
font-style:italic;
}
#left ul.request-info p {
width:540px;
overflow:hidden;
float:left;
display:inline;
}
#left .nav {
width:700px;
height:35px;
overflow:hidden;
border-top:5px solid #FF931E;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-shadow.png) center 1px no-repeat;
margin:1px auto 0 auto;
color:#0064AC;
font-size:11px;
font-style:italic;
}
#left .nav a {
line-height:1em;
color:#0064AC;
text-decoration:none;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/icon-pointer-LTR.png) 0 1px no-repeat;
text-indent:15px;
padding:0;
float:left;
margin:15px 15px 0 0;
}
#left .nav a:hover {
text-decoration:underline;
}
#right {
width:220px;
padding:0 10px 0 10px;
}
#breadcrumb {
width:700px;
height:12px;
line-height:10px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/icon-pointer-LTR.png) 0 1px no-repeat;
color:#0064AC;
font-size:11px;
font-style:italic;
text-indent:15px;
margin:0 auto 20px auto;
}
#breadcrumb a {
color:#0064AC;
text-decoration:none;
}
#breadcrumb a:hover {
text-decoration:underline;
}
#sidebar {
width:220px;
overflow:hidden;
}
#sidebar li {
width:200px;
overflow:hidden;
margin:0 0 30px 0;
padding:0 10px 10px 10px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-widgets.jpg) 0 0 no-repeat;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#sidebar li div.wh {
width:146px;
height:41px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-icon-mouse.png) 0 -1px no-repeat;
margin:10px 0 0 0;
padding:0 0 0 34px;
}
#sidebar li div.wh.protocol {
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-icon-protocol.png) 0 6px no-repeat;
}
#sidebar li div.wh.persona {
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-icon-persona.png) 0 6px no-repeat;
}
div.wh h3 {
width:166px;
overflow:hidden;
font-size:20px;
font-weight:bold;
font-style:italic;
color:#385C9E;
text-transform:uppercase;
margin:5px 0 0 0;
}
div.wh small {
font-size:11px;
color:#333333;
}
#sidebar li address {
font-style:normal;
margin:15px auto 0 auto;
}
#sidebar li address strong, #sidebar li p strong {
font-style:italic;
color:#0164AD;
font-weight:normal;
}
#sidebar li p {
width:200px;
overflow:hidden;
margin:0 0 10px 0;
display:block;
font-size:12px;
}
#sidebar li form {
margin:15px auto 0 auto;
}
#sidebar li form input {
width:190px;
display:block;
}
#sidebar li form p.pass {
width:130px;
}
#sidebar li form p.pass input {
width:120px;
}
#sidebar li form input.sub {
width:60px;
margin:19px 0 0 10px;
}
#sidebar li form input.sub.nomargin {
margin:0;
}
#sidebar a {
font-size:11px;
color:#0164AD;
font-style:italic;
}
#shortcuts {
width:700px;
height:250px;
overflow:hidden;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-sic-home.png) bottom center no-repeat #f7f7f7;
margin:0 auto 0 auto;
}
#shortcuts.panel {
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-sic-painel.png) center bottom no-repeat #f7f7f7;
}
#shortcuts.panel ul {
width:592px;
height:110px;
overflow:hidden;
margin:50px auto 0 auto;
text-align:center;
overflow:hidden;
}
#shortcuts.panel ul li {
width:128px;
overflow:hidden;
float:left;
display:inline;
padding:65px 10px 0 10px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-menu-panel.jpg) 0 0 no-repeat;
}
#shortcuts.panel ul li.d {
}
#shortcuts.panel ul li.r {
background-position:-148px 0;
}
#shortcuts.panel ul li.s {
background-position:-296px 0;
}
#shortcuts.panel ul li.rr {
background-position:-444px 0;
}
#shortcuts.panel ul li a {
font-size:18px;
color:#999999;
font-weight:normal;
font-style:italic;
text-decoration:none;
}
#shortcuts.panel ul li a:hover {
color:#FF921E;
}
#shortcuts.panel .links {
margin-top:40px;
}
#left .content #shortcuts h2 {
width:450px;
height:30px;
line-height:30px;
margin:20px 0 0 30px;
}
#shortcuts h4{
width:450px;
height:20px;
font-size:18px;
line-height:20px;
color:#0164AD;
font-weight:normal;
overflow:hidden;
font-style:italic;
margin:10px 0 0 30px;
}
#shortcuts p {
width:450px;
height:60px;
overflow:hidden;
line-height:1.5em;
margin:30px 0 0 30px;
}
#shortcuts .links {
width:440px;
height:50px;
overflow:hidden;
margin:32px 0 0 0;
}
#shortcuts .links a {
width:155px;
height:22px;
line-height:22px;
overflow:hidden;
float:left;
display:block;
font-size:13px;
font-style:italic;
color:#fff;
text-decoration:none;
text-indent:20px;
margin:15px 0 0 30px;
}
#shortcuts .links a:hover {
text-decoration:underline;
}
#shortcuts .links a.inloco {
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/icon-new-user.png) 0 0 no-repeat;
}
#shortcuts .links a.online {
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/icon-new-mouse.png) 0 0 no-repeat;
}
#shortcuts .links a.tips {
text-indent:25px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/icon-new-info.png) 0 0 no-repeat;
}
.blocks {
overflow:hidden;
}
.blocks.thumbs {
margin:10px auto 0 auto;
}
.block {
width:220px;
padding:0 10px 0 10px;
overflow:hidden;
float:left;
display:inline;
}
#left .block h3 {
font-size:18px;
color:#333333;
font-weight:normal;
font-style:italic;
padding:0 0 15px;
border-bottom:1px solid #FF931E;
}
.block h4 {
font-size:15px;
color:#0164AD;
font-style:italic;
font-weight:normal;
height:20px;
line-height:20px;
margin:10px 0 0 0;
}
.block img {
overflow:hidden;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.block p, .block ul {
width:220px;
height:200px;
overflow:hidden;
margin:20px auto 0 auto;
}
.block ul li {
width:220px;
margin:0 auto 10px auto;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-li-pointer.png) 0 5px no-repeat;
line-height:1.4em;
text-indent:20px;
font-size:12px;
font-style:italic;
}
.block ul li a {
color:#0064AC;
}
.block a.more {
width:auto !important;
height:auto !important;
font-size:12px;
color:#0064AC;
text-decoration:underline;
background:none;
padding:0;
}
.lists {
width:700px;
overflow:hidden;
margin:30px auto 0 auto;
border:none;
}
.lists thead, .lists tfoot {
height:30px;
overflow:hidden;
background:#F0F0F0;
line-height:30px;
text-align:left;
font-style:italic;
}
.lists thead th, .lists tfoot th {
border-bottom:1px solid #FF931E;
padding:0 10px 0 10px;
font-weight:normal;
}
.lists tfoot th{
background:#FAFAFA;
border-top:1px solid #FF931E;
border-bottom:none;
}
.lists tr {
border-bottom:1px solid #F0F0F0;
}
.lists td {
padding:10px;
text-align:left;
font-size:12px;
line-height:1.4em;
background:#fafafa;
}
.lists td:nth-child(3) {
width:180px;
}
.lists td a, .lists td span {
color:#0164AD;
}
.read-header {
width:700px;
overflow:hidden;
border-bottom:1px solid #CCCCCC;
padding:0 0 20px 0;
margin:0 0 20px 0;
}
#left .content .read-header h2 {
width:540px;
overflow:hidden;
float:left;
display:inline;
line-height:1.4em;
margin:0;
}
.read-header .options {
height:23px;
overflow:hidden;
float:right;
display:inline;
margin:0 0 0 20px;
}
.read-header .options a {
height:23px;
display:block;
overflow:hidden;
float:left;
text-indent:-9999px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-read-options.png) 0 0 no-repeat;
margin:0 5px 0 0;
}
#fontUp {
width:19px;
}
#fontUp:hover {
background-position:0 -23px;
}
#fontDown {
width:19px;
background-position:-26px 0;
}
#fontDown:hover {
background-position:-26px -23px;
}
#fbButton {
width:21px;
background-position:-99px 0;
}
#fbButton:hover {
background-position:-99px -23px;
}
#twButton {
width:27px;
background-position:-63px 0;
}
#twButton:hover {
background-position:-63px -23px;
}
/* leitura */
.read, .read p {
font-size:13px;
}
#left .content .read h1, #left .content .read h2, #left .content .read h3, #left .content .read h4, #left .content .read h5, #left .content .read h6 {
font-weight:normal;
margin:0 0 15px 0;
line-height:1.4em;
color:#385C9E;
}
.read h1 {
font-size:35px;
}
.read h2 {
font-size:28px;
}
.read h3 {
font-size:24px;
}
.read h4 {
font-size:20px;
}
.read h5 {
font-size:18px;
}
.read h6 {
font-size:16px;
}
.read p {
color:#666;
line-height:1.5em;
margin:0 0 15px 0;
}
.read a {
color:#0164AD;
text-decoration:underline;
font-style:italic;
}
#left .content .read ol, #left .content .read ul {
margin:0 10px 15px 10px;
padding:10px;
}
.read ol li {
display:list-item;
list-style:inside decimal;
line-height:1.5em;
margin-bottom:10px;
}
.read ol li ul, .read ol li ol, .read ul li ul, .read ul li ol {
margin:0 0 0 10px;
}
.read ul li {
display:list-item;
list-style:none;
line-height:1.5em;
margin-bottom:10px;
}
#left .content .read blockquote {
width:540px;
overflow:hidden;
display:block;
margin:0 10px 15px 10px;
border-left:3px solid #f0f0f0;
padding:10px;
background:#f7f7f7;
line-height:1.5em;
float:none;
}
/* leitura */
/* ============================================================================== SITE ================================================================*/
/* ============================================================================== FOOTER ================================================================*/
#footer {
width:100%;
min-width:960px;
overflow:visible;
border-top:1px solid #22A752;
padding:0 0 30px 0;
}
#footer .container960 {
overflow:visible;
}
#footer h3#f-logo {
width:60px;
height:40px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/footer_md.png) 0 0 no-repeat;
text-indent:-9999px;
margin:-20px 0 0 450px;
}
#footer h4.stitle {
font-size:16px;
color:#fff;
font-style:italic;
font-weight:normal;
text-align:center;
line-height:1.4em;
margin:10px 0 0 0;
}
#footer h1.stitle {
font-size:10px;
color:#fff;
font-style:italic;
font-weight:normal;
text-align:center;
line-height:1.4em;
margin:10px 0 0 0;
}
#footer ul {
text-align:center;
margin:10px 0 0 0;
}
#footer ul li {
display:inline;
padding:0 5px 0 5px;
}
#footer ul li a {
font-size:12px;
color:#fff;
font-style:italic;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}
/* ============================================================================== FOOTER ================================================================*/
/* ============================================================================== ARTICLE LIST ================================================================*/
ul.article-list {
width:700px;
overflow:hidden;
margin:30px auto 0 auto;
}
.article-list li, .article-list li .faq-container {
width:700px;
overflow:hidden;
margin:0 0 20px 0;
}
.article-list li .faq-container {
border-bottom:1px solid #f0f0f0;
margin:0;
padding:0 0 15px 0;
}
#left .content .article-list.faq li h3 {
width:640px;
overflow:hidden;
line-height:1.4em;
font-size:18px;
font-weight:normal;
font-style:italic;
float:left;
display:inline;
margin:0;
}
a.showHide {
width:21px;
height:19px;
overflow:hidden;
display:block;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/icon-show-hide.png) 0 0 no-repeat;
text-indent:-9999px;
float:right;
margin:5px 0 0 20px;
}
a.showHide:hover {
background-position:-21px 0;
}
a.showHide.active {
background-position:-42px 0;
}
a.showHide.active:hover {
background-position:-63px 0;
}
#left .content .article-list.faq blockquote {
width:640px;
overflow:hidden;
background:#f0f0f0;
margin:15px 0 0 0;
display:none;
}
/* ============================================================================== ARTICLE LIST ================================================================*/
/* ============================================================================== ORG ================================================================*/
.org-container {
width:700px;
height:650px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-org-ligatures.gif) 0 0 no-repeat;
margin:30px 0 30px 0;
}
.org-container .cell {
width:118px;
height:43px;
overflow:hidden;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-buttons-org.png) 0 0 repeat-x;
border:1px solid #E4E4E4;
position:absolute;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
display:block;
line-height:43px;
text-decoration:none;
color:#666666;
text-align:center;
font-weight:normal;
box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
-webkit-box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
}
.org-container .ad1 {
background-position: 0 0;
}
.org-container .ad2 {
background-position: 0 -43px;
}
.org-container .ai2 {
background-position: 0 -86px;
}
.org-container .ai1 {
background-position: 0 -129px;
}
.org-container .col1 {
margin-left:10px;
}
.org-container .col2 {
margin-left:150px;
}
.org-container .col3 {
margin-left:290px;
}
.org-container .col4 {
margin-left:430px;
}
.org-container .col5 {
margin-left:570px;
}
.org-container .row1 {
margin-top:10px;
}
.org-container .row2 {
margin-top:95px;
}
.org-container .row3 {
margin-top:180px;
}
.org-container .row4 {
margin-top:265px;
}
.org-container .row5 {
margin-top:350px;
}
.org-container .row6 {
margin-top:435px;
}
.org-container .row7 {
margin-top:520px;
}
.org-container .row8 {
margin-top:605px;
}
/*sad1 sad2 sai1 sai2 vf si s*/
ul.org-subs {
width:700px;
overflow:hidden;
margin:20px 0 0 0;
padding:0;
}
ul.org-subs li {
width:290px;
height:12px;
overflow:visible;
float:left;
display:inline;
margin:0 0 5px 0;
padding:0 10px 0 20px;
font-size:11px;
line-height:12px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-org-subtitles.gif) 0 1px no-repeat;
}
ul.org-subs li.sad1 {
background-position:0 0;
}
ul.org-subs li.sad2 {
background-position:0 -12px;
}
ul.org-subs li.sai1 {
background-position:0 -24px;
}
ul.org-subs li.sai2 {
background-position:0 -36px;
}
ul.org-subs li.vf {
background-position:0 -48px;
}
ul.org-subs li.si {
background-position:0 -60px;
}
ul.org-subs li.s {
background-position:0 -72px;
}
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #FF931E;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-org-tooltip.png) 0 0 repeat-x;
color:#fff;
}
#tooltip h3, #tooltip div { margin: 0; text-align:center; font-weight:normal; font-family:"Open Sans", sans-serif; font-size:12px; }
.tooltip-format {
width:280px;
overflow:hidden;
border: 1px solid #FF931E;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:url(http://www.mdwebmarketing.com.br/S.G.I.M/images/bg-org-tooltip.png) 0 0 repeat-x;
padding:5px;
box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
-webkit-box-shadow:rgba(0,0,0,0.3) 2px 2px 2px;
}
/* ============================================================================== ORG ================================================================*/