/* FONTE PADR�O T-SYSTEMS */
@font-face {
   font-family: 'TeleGroteskNor';
   src: local('Tele-GroteskNor'), url('../font/Tele-GroteskNor.eot');
   src: local('Tele-GroteskNor'), url('../font/Tele-GroteskNor.ttf') format('truetype');
   font-weight:normal;
   font-style:normal;
}

@font-face {
    font-family: 'TeleGroteskHal';
    src: local('Tele-GroteskHal'), url('../font/Tele-GroteskHal.eot');
    src: local('Tele-GroteskHal'), url('../font/Tele-GroteskHal.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'TeleGroteskFet';
    src: local('Tele-GroteskFet'), url('../font/Tele-GroteskFet.eot');
    src: local('Tele-GroteskFet'), url('../font/Tele-GroteskFet.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'TeleGroteskUlt';
    src: local('Tele-GroteskUlt'), url('../font/Tele-GroteskUlt.eot');
    src: local('Tele-GroteskUlt'), url('../font/Tele-GroteskUlt.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
    
/* GERAL */
*                { margin:0; padding:0; font-size:11px; }
html, body       { min-width:320px; }
body             { background-color:#ffffff; color:#333333; font:12px Arial, Helvetica, sans-serif; position:relative; }
table            { border-collapse: collapse; }

.corporate-color { color:#e20074; }

.div-empresa-padrao { bottom:0; right:0; display:inline-block; position:absolute; padding-right:30px; font-size:11px; color:#222; text-shadow:#d8d8d8 1px 1px 0px; font-weight:bold; line-height:40px;}

/* TOOLTIPS */
.tooltip
{ 
    display: inline;
    position: relative;
    width:16px;
    height:28px;
    line-height:28px;
    background:#fff url(../image/icons/led-icons/help.png) 0 2px no-repeat;
}
.tooltip:hover:after
{
    background:#262626;
    background:-moz-linear-gradient(top, #666666, #262626 100%); 
    background:-webkit-gradient(linear, 0 0, 0  75%, from(#666666), to(#262626)); 
    background:-webkit-linear-gradient(top, #666666, #262626); 
    background:-o-linear-gradient(top, #666666, #262626); 
    background:-ms-linear-gradient(top, #666666, #262626); 
    background:linear-gradient(top, #666666, #262626);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#262626');
    
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
            border-radius: 3px; 
            
    -webkit-box-shadow:0 0 5px #999;
       -moz-box-shadow:0 0 5px #999;
            box-shadow:0 0 5px #999;
            
    bottom: 26px; 
    color: #fff;
    text-shadow:1px 1px 0px #000;
    content: attr(title); 
    left: 20%; 
    padding: 5px 15px; 
    position: absolute; 
    z-index: 99998; 
    width: 220px; 
}
.tooltip:hover:before  
{
    border: solid; 
    border-color: #262626 transparent; 
    border-width: 6px 6px 0 6px; 
    bottom: 20px; 
    content: ""; 
    left: 50%; 
    position: absolute; 
    z-index: 99999;
}

/* MENSAGENS */
.error-box 
{
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
            
    -webkit-box-shadow:0 0 10px #E1B3B3 inset;
       -moz-box-shadow:0 0 10px #E1B3B3 inset;
            box-shadow:0 0 10px #E1B3B3 inset;
            
    border:#990000 1px solid;
    width:96%;
    min-height:30px;
    line-height:30px;
    font-size:11px;
    text-align:left;
    padding:0 10px 0 30px;
    background:#FFD8D8 url(../image/icons/led-icons/cross_octagon.png) 7px 7px no-repeat;
    margin:10px 0 10px 0;
}
.alert-box
{
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
            
    -webkit-box-shadow:0 0 10px #E3D5A6 inset;
       -moz-box-shadow:0 0 10px #E3D5A6 inset;
            box-shadow:0 0 10px #E3D5A6 inset;
            
    border:#FFCC00 1px solid;
    width:96%;
    min-height:30px;
    line-height:30px;
    font-size:11px;
    text-align:left;
    padding:0 10px 0 30px;
    background:#FFF8D8 url(../image/icons/led-icons/error.png) 7px 7px no-repeat;
    margin:10px 0 10px 0;
}
.info-box
{
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
            
    -webkit-box-shadow:0 0 10px #A6A6D0 inset;
       -moz-box-shadow:0 0 10px #A6A6D0 inset;
            box-shadow:0 0 10px #A6A6D0 inset;
            
    border:#336699 1px solid;
    width:96%;
    min-height:30px;
    line-height:30px;
    font-size:11px;
    text-align:left;
    padding:0 10px 0 30px;
    background:#D8D8FF url(../image/icons/led-icons/exclamation.png) 7px 7px no-repeat;
    margin:10px 0 10px 0;
}
.question-box
{
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
            
    -webkit-box-shadow:0 0 10px #d8d8d8 inset;
       -moz-box-shadow:0 0 10px #d8d8d8 inset;
            box-shadow:0 0 10px #d8d8d8 inset;
            
    border:#ccc 1px solid;
    width:96%;
    min-height:30px;
    line-height:30px;
    font-size:11px;
    text-align:left;
    padding:0 10px 0 30px;
    background:#efefef url(../image/icons/led-icons/help.png) 7px 7px no-repeat;
    margin:10px 0 10px 0;
}
.success-box
{
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;

    -webkit-box-shadow:0 0 10px #B3D3A9 inset;
       -moz-box-shadow:0 0 10px #B3D3A9 inset;
            box-shadow:0 0 10px #B3D3A9 inset;

    border:#669933 1px solid;
    width:96%;
    min-height:30px;
    line-height:30px;
    font-size:11px;
    text-align:left;
    padding:0 10px 0 30px;
    background:#E3FFD7 url(../image/icons/led-icons/accept.png) 7px 7px no-repeat;
    margin:10px 0 10px 0;
}
    
/* HEADERS */
h1, 
h2, 
h3,
h4      { font-family: TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter;}

h1      { font-size:30px; color:#e20074; padding:0 0 10px 0; }
h2      { font-size:26px; color:#e20074; padding:10px 0 10px 0; }
h3      { font-size:22px; color:#666666; padding:10px 0 10px 0; }
h4      { font-size:18px; }

/* Classe usada nos H1 das p�ginas de produtos, servi�os e p�ginas gerais do Portal */
.titulo { font-size:38px; color:#e20074; padding:0 0 8px 0; }
    
/* PAR�GRAFOS */
p, em, b, i, strong, span { font-size:100%;}
    
p  {margin:0.8em 0 0; line-height:150%; font-size:12px; }

/* IMAGENS */
img {border:0;}

/* CITA��ES */
blockquote                 {clear:both; margin:2em 0 2em 0; background:url(../image/p-zitat-66.gif) 0 0 no-repeat; font-size:12px; font-style:italic; color:#666666; line-height:150%; padding-left:3.6em; text-align:justify;}
blockquote cite         {display:block; margin:1em 0 0;}
blockquote span          {display:block; background:url(../image/p-zitat-99.gif) right bottom no-repeat;}
blockquote span span     {display:inline;}

/* LISTAS */
li        {list-style:none; line-height:150%; font-size:12px;}

/* LINKS */
a:link    { color:#333333; text-decoration:none; font-size:12px; }
a:visited { color:#666666; text-decoration:none; font-size:12px; }
a:hover   { color:#E20074; text-decoration:none; font-size:12px; }
a:active  { color:#666666; text-decoration:none; font-size:12px; }

.clear    {
    clear: both;
    font-size: 0px;
    height: 0;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}

hr  { 
    border: 0; 
    height: 1px;
    background:#8f8f8f;
    /*background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.75), rgba(128,128,128,0.75), rgba(255,255,255,0.75)); 
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.75), rgba(128,128,128,0.75), rgba(255,255,255,0.75)); 
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.75), rgba(128,128,128,0.75), rgba(255,255,255,0.75)); 
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.75), rgba(128,128,128,0.75), rgba(255,255,255,0.75)); */
    margin:10px 0 10px 0;
}

#carrossel 
{
    -webkit-border-radius:6px; 
       -moz-border-radius:6px; 
            border-radius:6px;

    border:#eee 1px solid; 
    overflow:hidden;
}

/* UPDATE PROGRESS - AJAX CONTROL TOOLKIT*/
.updateProgress
{
    position:fixed;
    top: 0; 
    left: 0; 
    bottom: 0;
    right: 0;
    overflow: hidden; 
    background: #fff; 
    filter: alpha(opacity=85); 
    opacity: 0.85;
    width: 100%; 
    height: 100%; 
    text-align: center; 
    z-index: 99999; 
}

#updateContent 
{
    font-size:12px;
    font-weight:bold;
    text-shadow:#fff 1px 1px 2px;
    position:absolute;
    line-height:100px;
    height:100px;
    width:100px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px;
}

/* Cores personalizadas */
.background-color--white          {background-color:#ffffff;}
.background-color--grey-light     {background-color:#ececec;}
.background-color--grey           {background-color:#d9d9d9;}
.background-color--grey-dark      {background-color:#666666;}
.background-color--silver         {background-color:#cccccc;}
.background-color--gray           {background-color:#999999;}
.background-color--magenta        {background-color:#e20074;}

/* Fundos em Gradiente */
/* ffffff  f2f2f2 */
.gradiente-f2f2f2-50
{
    background:#f2f2f2;
    background:-moz-linear-gradient(top, #ffffff, #f2f2f2 50%);                          /* Firefox*/
    background:-webkit-gradient(linear, left top, 0 50%, from(#ffffff), to(#f2f2f2));    /* Safari,Chrome*/
    background:-webkit-linear-gradient(top, #fff, #f2f2f2);                              /* Safari,Chrome - neue Syntax*/
    background:-o-linear-gradient(top, #fff, #f2f2f2);                                   /* Opera*/
    background:-ms-linear-gradient(top, #fff, #f2f2f2);                                  /* IE */
    background:linear-gradient(top, #fff, #f2f2f2);                                      /* W3C Standard*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    overflow:auto;
}
.gradiente-f2f2f2-75
{
    background:#f2f2f2;
    background:-moz-linear-gradient(top, #ffffff, #f2f2f2 75%); 
    background:-webkit-gradient(linear, 0 0, 0 75%, from(#ffffff), to(#f2f2f2)); 
    background:-webkit-linear-gradient(top, #ffffff, #f2f2f2); 
    background:-o-linear-gradient(top, #ffffff, #f2f2f2); 
    background:-ms-linear-gradient(top, #ffffff, #f2f2f2); 
    background:linear-gradient(top, #ffffff, #f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    overflow:auto;
}
.gradiente-f2f2f2-100
{
    background:#f2f2f2;
    background:-moz-linear-gradient(top, #ffffff, #f2f2f2 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); 
    background:-webkit-linear-gradient(top, #ffffff, #f2f2f2); 
    background:-o-linear-gradient(top, #ffffff, #f2f2f2); 
    background:-ms-linear-gradient(top, #ffffff, #f2f2f2); 
    background:linear-gradient(top, #ffffff, #f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    overflow:auto;
}

/* ffffff  c2c2c2 */
.gradiente-c2c2c2-50,
.gradiente-c2c2c2-75,
.gradiente-c2c2c2-100 
{
    color:#333;
    border:#c2c2c2 1px solid;
    background:#f8f8f8;
    overflow:auto;
    text-shadow:#fff 1px 1px 0px;
}
.gradiente-c2c2c2-50
{
    background:-moz-linear-gradient(top, #f8f8f8, #c2c2c2 50%); 
    background:-webkit-gradient(linear, 0 0, 0 50%, from(#f8f8f8), to(#c2c2c2)); 
    background:-webkit-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:-o-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:-ms-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:linear-gradient(top, #f8f8f8, #c2c2c2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#c2c2c2');
}
.gradiente-c2c2c2-75
{
    background:-moz-linear-gradient(top, #f8f8f8, #c2c2c2 75%); 
    background:-webkit-gradient(linear, 0 0, 0 75%, from(#f8f8f8), to(#c2c2c2)); 
    background:-webkit-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:-o-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:-ms-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:linear-gradient(top, #f8f8f8, #c2c2c2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#c2c2c2');
}
.gradiente-c2c2c2-100
{
    background:-moz-linear-gradient(top, #f8f8f8, #c2c2c2 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#c2c2c2)); 
    background:-webkit-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:-o-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:-ms-linear-gradient(top, #f8f8f8, #c2c2c2); 
    background:linear-gradient(top, #f8f8f8, #c2c2c2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#c2c2c2');
}

.gradiente-c2c2c2-50:hover,
.gradiente-c2c2c2-75:hover,
.gradiente-c2c2c2-100:hover
{
    background:#f2f2f2;
    background:-moz-linear-gradient(top, #d8d8d8, #f8f8f8 50%);                             /* Firefox*/
    background:-webkit-gradient(linear, left top, 0 50%, from(#d8d8d8), to(#f8f8f8));       /* Safari,Chrome*/
    background:-webkit-linear-gradient(top, #d8d8d8, #f8f8f8);                              /* Safari,Chrome - neue Syntax*/
    background:-o-linear-gradient(top, #d8d8d8, #f8f8f8);                                   /* Opera*/
    background:-ms-linear-gradient(top, #d8d8d8, #f8f8f8);                                  /* IE */
    background:linear-gradient(top, #d8d8d8, #f8f8f8);                                      /* W3C Standard*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#f8f8f8');
}

/* ffffff  f8f8f8 */
.gradiente-f8f8f8-50
{
    background:#f8f8f8;
    background:-moz-linear-gradient(top, #ffffff, #f8f8f8 50%); 
    background:-webkit-gradient(linear, 0 0, 0 50%, from(#ffffff), to(#f8f8f8)); 
    background:-webkit-linear-gradient(top, #ffffff, #f8f8f8); 
    background:-o-linear-gradient(top, #ffffff, #f8f8f8); 
    background:-ms-linear-gradient(top, #ffffff, #f8f8f8); 
    background:linear-gradient(top, #ffffff, #f8f8f8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
    overflow:auto;
}
.gradiente-f8f8f8-75
{
    background:#f8f8f8;
    background:-moz-linear-gradient(top, #ffffff, #f8f8f8 75%); 
    background:-webkit-gradient(linear, 0 0, 0 75%, from(#ffffff), to(#f8f8f8)); 
    background:-webkit-linear-gradient(top, #ffffff, #f8f8f8); 
    background:-o-linear-gradient(top, #ffffff, #f8f8f8); 
    background:-ms-linear-gradient(top, #ffffff, #f8f8f8); 
    background:linear-gradient(top, #ffffff, #f8f8f8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
    overflow:auto;
}
.gradiente-f8f8f8-100
{
    background:#f8f8f8;
    background:-moz-linear-gradient(top, #ffffff, #f8f8f8 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8)); 
    background:-webkit-linear-gradient(top, #ffffff, #f8f8f8); 
    background:-o-linear-gradient(top, #ffffff, #f8f8f8); 
    background:-ms-linear-gradient(top, #ffffff, #f8f8f8); 
    background:linear-gradient(top, #ffffff, #f8f8f8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
    overflow:auto;
}

/* ffffff  d9d9d9 */
.gradiente-d9d9d9-50
{
    background:#d9d9d9;
    background:-moz-linear-gradient(top, #ffffff, #d9d9d9 50%); 
    background:-webkit-gradient(linear, 0 0, 0 50%, from(#ffffff), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #ffffff, #d9d9d9); 
    background:-o-linear-gradient(top, #ffffff, #d9d9d9); 
    background:-ms-linear-gradient(top, #ffffff, #d9d9d9); 
    background:linear-gradient(top, #ffffff, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9');
    overflow:auto;
}
.gradiente-d9d9d9-75
{
    background:#d9d9d9;
    background:-moz-linear-gradient(top, #ffffff, #d9d9d9 75%); 
    background:-webkit-gradient(linear, 0 0, 0 75%, from(#ffffff), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #ffffff, #d9d9d9); 
    background:-o-linear-gradient(top, #ffffff, #d9d9d9); 
    background:-ms-linear-gradient(top, #ffffff, #d9d9d9); 
    background:linear-gradient(top, #ffffff, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9');
    overflow:auto;
}
.gradiente-d9d9d9-100
{
    background:#d9d9d9;
    background:-moz-linear-gradient(top, #ffffff, #d9d9d9 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #ffffff, #d9d9d9); 
    background:-o-linear-gradient(top, #ffffff, #d9d9d9); 
    background:-ms-linear-gradient(top, #ffffff, #d9d9d9); 
    background:linear-gradient(top, #ffffff, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9');
    overflow:auto;
}

/* fbfbfb  d9d9d9*/
.gradiente-fbfbfb-50
{
    background:#fbfbfb;
    background:-moz-linear-gradient(top, #fbfbfb, #d9d9d9 50%); 
    background:-webkit-gradient(linear, 0 0, 0 50%, from(#fbfbfb), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-o-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-ms-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:linear-gradient(top, #fbfbfb, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d9d9d9');
    overflow:auto;
}
.gradiente-fbfbfb-75
{
    background:#fbfbfb;
    background:-moz-linear-gradient(top, #fbfbfb, #d9d9d9 75%); 
    background:-webkit-gradient(linear, 0 0, 0 75%, from(#fbfbfb), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-o-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-ms-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:linear-gradient(top, #fbfbfb, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d9d9d9');
    overflow:auto;
}
.gradiente-fbfbfb-100
{
    background:#fbfbfb;
    background:-moz-linear-gradient(top, #fbfbfb, #d9d9d9 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-o-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-ms-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:linear-gradient(top, #fbfbfb, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d9d9d9');
    overflow:auto;
}

/* ff99da  e20074 */
.gradiente-ff99da-50,
.gradiente-ff99da-75,
.gradiente-ff99da-100 
{
    color:#ffffff;
    border:#e20074 1px solid;
    background:#e20074;
    text-shadow:#B90061 1px 1px 0px;
}
.gradiente-ff99da-50
{
    background:-moz-linear-gradient(top, #ff99da, #e20074 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#ff99da), to(#e20074)); 
    background:-webkit-linear-gradient(top, #ff99da, #e20074); 
    background:-o-linear-gradient(top, #ff99da, #e20074); 
    background:-ms-linear-gradient(top, #ff99da, #e20074); 
    background:linear-gradient(top, #ff99da, #e20074);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99da', endColorstr='#e20074');
}
.gradiente-ff99da-75
{
    background:-moz-linear-gradient(top, #ff99da, #e20074 75%); 
    background:-webkit-gradient(linear, 0 0, 0  75%, from(#ff99da), to(#e20074)); 
    background:-webkit-linear-gradient(top, #ff99da, #e20074); 
    background:-o-linear-gradient(top, #ff99da, #e20074); 
    background:-ms-linear-gradient(top, #ff99da, #e20074); 
    background:linear-gradient(top, #ff99da, #e20074);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99da', endColorstr='#e20074');
}
.gradiente-ff99da-100
{
    background:-moz-linear-gradient(top, #ff99da, #e20074 100%); 
    background:-webkit-gradient(linear, 0 0, 0  100%, from(#ff99da), to(#e20074)); 
    background:-webkit-linear-gradient(top, #ff99da, #e20074); 
    background:-o-linear-gradient(top, #ff99da, #e20074); 
    background:-ms-linear-gradient(top, #ff99da, #e20074); 
    background:linear-gradient(top, #ff99da, #e20074);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99da', endColorstr='#e20074');
}
.gradiente-ff99da-50:hover,
.gradiente-ff99da-75:hover,
.gradiente-ff99da-100:hover 
{
    background:#ff99da;
    background:-moz-linear-gradient(top, #e20074, #ff99da 100%); 
    background:-webkit-gradient(linear, 0 0, 0  100%, from(#e20074), to(#ff99da)); 
    background:-webkit-linear-gradient(top, #e20074, #ff99da); 
    background:-o-linear-gradient(top, #e20074, #ff99da); 
    background:-ms-linear-gradient(top, #e20074, #ff99da); 
    background:linear-gradient(top, #e20074, #ff99da);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e20074', endColorstr='#ff99da');
    color:#ffffff;
}

/* 7e7e7e  a2a2a2 */
.gradiente-7e7e7e-50
{
    background:#a2a2a2;
    background:-moz-linear-gradient(top, #7e7e7e, #a2a2a2 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#a2a2a2), to(#a2a2a2)); 
    background:-webkit-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:-o-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:-ms-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:linear-gradient(top, #7e7e7e, #a2a2a2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#a2a2a2');
}
.gradiente-7e7e7e-75
{
    background:#a2a2a2;
    background:-moz-linear-gradient(top, #7e7e7e, #a2a2a2 75%); 
    background:-webkit-gradient(linear, 0 0, 0  75%, from(#a2a2a2), to(#a2a2a2)); 
    background:-webkit-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:-o-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:-ms-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:linear-gradient(top, #7e7e7e, #a2a2a2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#a2a2a2');
}
.gradiente-7e7e7e-100
{
    background:#a2a2a2;
    background:-moz-linear-gradient(top, #7e7e7e, #a2a2a2 100%); 
    background:-webkit-gradient(linear, 0 0, 0  100%, from(#a2a2a2), to(#a2a2a2)); 
    background:-webkit-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:-o-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:-ms-linear-gradient(top, #7e7e7e, #a2a2a2); 
    background:linear-gradient(top, #7e7e7e, #a2a2a2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#a2a2a2');
}

.gradiente-666666-100
{
    background:#262626;
    background:-moz-linear-gradient(top, #666666, #262626 100%); 
    background:-webkit-gradient(linear, 0 0, 0  75%, from(#666666), to(#262626)); 
    background:-webkit-linear-gradient(top, #666666, #262626); 
    background:-o-linear-gradient(top, #666666, #262626); 
    background:-ms-linear-gradient(top, #666666, #262626); 
    background:linear-gradient(top, #666666, #262626);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#262626');
}

#topArea a:hover,
#topArea a.active
{
    background:#e20074;
    background:-moz-linear-gradient(top, #ff99da, #e20074 75%); 
    background:-webkit-gradient(linear, 0 0, 0  75%, from(#ff99da), to(#e20074)); 
    background:-webkit-linear-gradient(top, #ff99da, #e20074); 
    background:-o-linear-gradient(top, #ff99da, #e20074); 
    background:-ms-linear-gradient(top, #ff99da, #e20074); 
    background:linear-gradient(top, #ff99da, #e20074);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99da', endColorstr='#e20074');
}
    
/* QUEBRA DE LINHA */
.div-row { width:100%; height:1.5em; display:inline-block; background:none; position:relative; z-index:0;} 


/* User Account Menu */
.acc-line    {
    background: url(../image/shared/nav/account_line.png) no-repeat 0 1px;
    font-size: 0px;
    height: 8px;
    line-height: 0px;
    margin-top: 0px;
    padding: 0;
    }
a#acc-settings    {
    background: url(../image/icons/16x16/tools.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
    }
a#acc-settings:hover    {
    color:#e20074;
    }
a#acc-details    {
    background: url(../image/icons/16x16/user.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
    }
a#acc-details:hover    {
    color:#e20074;
    }
a#acc-project    {
    background: url(../image/icons/16x16/document.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-project:hover    {
    color:#e20074;
}
a#acc-home    {
    background: url(../image/icons/16x16/home.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-home:hover {
    color:#e20074;
}
a#acc-inbox    {
    background: url(../image/icons/16x16/mail.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-inbox:hover    {
    color:#e20074;
}
a#acc-stats    {
    background: url(../image/icons/16x16/graph.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-stats:hover    {
    color:#e20074;
}
a#acc-logoff    {
    background: url(../image/icons/16x16/trackback.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-logoff:hover    {
    color:#e20074;
}
a#acc-user    {
    background: url(../image/icons/16x16/user.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-user:hover    {
    color:#e20074;
}
a#acc-password    {
    background: url(../image/icons/16x16/lock.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    color:#333;
    text-shadow:#fff 1px 1px 0px;
}
a#acc-password:hover {
    color:#e20074;
}
    
/* Breadcrumb */
#breadcrumb { 
    height:auto; 
    width:98%;
    max-width:98%; 
    display:inline-block;
    position:relative;
    font-size:11px; 
    font-weight:bold; 
    color:#ff99da;
    padding-left:10px;
    line-height:300%;
    z-index:auto;
}
#breadcrumb a:link, 
#breadcrumb a:active, 
#breadcrumb a:visited  
{
    color:#999; text-decoration:none; font-size:11px; 
}
#breadcrumb a:hover  
{
    text-decoration:none; 
    font-size:11px; 
    border-bottom:#e20074 1px dotted; 
    color:#e20074;
}
    
#cockpit, 
#contato 
{   
    -webkit-border-radius:6px; 
       -moz-border-radius:6px; 
            border-radius:6px;
            
    -webkit-box-shadow: 1px 1px 0px #666;
       -moz-box-shadow: 1px 1px 0px #666;
            box-shadow: 1px 1px 0px #666;

    border:#eee 1px solid;
    
    z-index:997;
    overflow:hidden;
}
    
#cockpit a:link, 
#cockpit a:visited, 
#cockpit a:active, 
#cockpit a:hover {
    font-size:12px;
}
    
#cockpit p {line-height:150%;}
    
#app-cockpit, 
#app-main {
    width:100%; height:auto;
    float:left; display:block;
    margin-bottom:1px;
    
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px; 
            
    border:#eee 1px solid;
    
    -webkit-box-shadow: 1px 1px 0px #666;
       -moz-box-shadow: 1px 1px 0px #666;
            box-shadow: 1px 1px 0px #666;
    
    z-index:997;
    overflow:hidden;
}

#cockpit-inner {
    padding:10px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
}
#cockpit-inner img.cockpit-logo { padding-left:5px; padding-top:5px;}
#cockpit-inner table            { border:none; margin-top:20px; margin-bottom:10px; border-collapse:separate; }
#cockpit-inner .cockpit-box
{
    background-color:#fff; 
    line-height:200%; 
    
    -webkit-box-shadow: 1px 1px 2px #999; 
       -moz-box-shadow: 1px 1px 2px #999; 
            box-shadow: 1px 1px 2px #999;
            
    border:#bbb 1px solid;    
    letter-spacing:0.1em;
    text-transform:uppercase;
}
#cockpit-inner .cockpit-box img { margin:0 0 6px 0;}
#cockpit-inner .cockpit-box:hover
{
        background: rgb(248,248,248); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  rgba(248,248,248,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,248,248,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  rgba(248,248,248,1) 0%,rgba(224,224,224,1) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  rgba(248,248,248,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
        background: radial-gradient(ellipse at center,  rgba(248,248,248,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        text-shadow:#fff 1px 1px 0px;
        cursor:pointer;
        margin:0px;
        box-shadow:0px 0px 5px #999;
        -moz-box-shadow:0px 0px 5px #999;
        -webkit-box-shadow:0px 0px 5px #999;
        border:#fff 1px solid;
}

#cockpit-inner h1     { font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; font-size:26px; color:#e20074; text-align:center; margin-top:10px; }
#cockpit-inner .valor { 
    font-family:TeleGroteskNor, 'Trebuchet-MS', Arial, "MS Sans Serif", sans-serif; 
    font-size:36px; 
    color:#999999; 
    margin-top:20px; 
    letter-spacing:3px; 
    text-align:center;
}

#cockpit-inner span      { display:block; width:100%; margin-bottom:30px; font-size:11px; }
#cockpit-inner span.info { padding-left:10px; margin-top:-5px; }
#cockpit-inner a:link    { color:#333333; text-decoration:none; font-size:11px;}
#cockpit-inner a:visited { color:#333333; text-decoration:none; font-size:11px;}
#cockpit-inner a:hover   { color:#e20074; text-decoration:none; font-size:11px;}

/* Accordion da Home de Administra��o */
#admin-accordion 
{
    width:350px;
    height:auto;
    float:right;
    display:block;
    position:relative;
    color:#333333;
}
#admin-accordion h3
{
    font-weight:bold;
    font-size:11px;
    font-family:Arial, Helvetica, Sans-Serif;
}



#news-area .title { 
    display:block; 
    font-size:16px;
    font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif;
    font-weight:lighter;
    text-transform:uppercase; 
    color:#fff; 
    text-shadow:#333 1px 1px 0px; 
    line-height:200%; 
    padding:0 10px 0 10px;
    
    background: #666;
    background: -moz-linear-gradient(top,  rgba(144,144,144,1) 0%, rgba(106,106,106,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,144,144,1)), color-stop(100%,rgba(106,106,106,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(144,144,144,1) 0%,rgba(106,106,106,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(144,144,144,1) 0%,rgba(106,106,106,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(144,144,144,1) 0%,rgba(106,106,106,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(144,144,144,1) 0%,rgba(106,106,106,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#6a6a6a',GradientType=0 ); /* IE6-9 */
    
    -webkit-border-top-left-radius: 6px; 
    -webkit-border-top-right-radius: 6px;
       -moz-border-radius-topleft: 6px; 
       -moz-border-radius-topright: 6px;
            border-top-left-radius: 6px; 
            border-top-right-radius: 6px;
    
    border:none;
}
#news-area b,
#news-area strong { color:#333; line-height:200%; font-weight:bold; font-size:12px; }

/* BOT�ES PORTAL */

.buttons-vertical
{
    width:40px;
    border:none;
    display:block;
    float:left;
}
        
.button-right-selected,
.button-right-all,
.button-left-selected,
.button-left-all
{
    width:32px;
    min-width:32px;
    max-width:32px;
    height:32px;
    min-height:32px;
    max-height:32px;
            
    padding:0px;
    margin:4px;
    cursor:pointer;
    line-height:100%;
    text-align:center;
    vertical-align:middle;
    font-size:1.5em;
    font-weight:bold;
    
    -webkit-border-radius:3px;
        -moz-border-radius:3px;
            border-radius:3px;
            
    overflow:hidden;
    float:left;
    display:inline-block;
}

.btnSubmit,
.btnBack,
.btnCenter,
.btnSmall
{
    padding:0 12px 0 12px;
    cursor:pointer;
    line-height:26px;
    min-height:28px;
    max-height:28px;
    text-align:center;
    font-size:1em;
    font-weight:bold;
    
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;

    border:#ccc 1px solid;
            
    overflow:hidden;
}
.btnSubmit,
.btnBack,
.btnCenter    
{
    min-width:100px;
}
.btnSubmit { margin:0 0 0 5px; }
.btnBack   { margin:10px 0 0 0; }
.btnCenter { margin:0; }
.btnSmall  { margin:0; }

/* Tela de Tratamento de Erro */
#error-box 
{
    margin:40px;
    padding:20px 20px 20px 96px;
    background-image:url(../image/icons/warning1_64.png);
    background-position:left top;
    background-repeat:no-repeat;
}
#error-box h1   { padding-bottom:20px;}
#error-box em   { line-height:200%; font-size:12px; }
#error-box span {color:#000; word-spacing:3px; }
#error-box .btnSubmit 
{
    margin:0;
    padding:0;
    width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    -webkit-border-radius:3px;
        -moz-border-radius:3px;
            border-radius:3px;
}

/* Autentica��o */
#autentication-box 
{
    margin:40px;
    padding:20px 20px 20px 96px;
    background-image:url(../image/icons/key_64.png);
    background-position:left top;
    background-repeat:no-repeat;
}
#autentication-box h1 { padding-bottom:20px;}
#autentication-box .btnSubmit 
{
    margin:0;
    padding:0;
    margin-left:10px;
    width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}

/* APP-HELP */
#app-help .btnSubmit 
{
    margin:0;
    padding:0 12px 0 12px;
    margin-left:10px;
    min-width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    height:28px;
    line-height:24px;
    text-align:center;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}

#app-help .btnBack 
{
    margin:10px 0 0 0;
    padding:0 12px 0 12px;
    margin-left:10px;
    min-width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    height:28px;
    line-height:24px;
    text-align:center;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}

/* Descri��o de Produtos e Servi�os */
#product-desc .btnSubmit
{
    margin:0;
    padding:0 12px 0 12px;
    margin-left:10px;
    min-width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    height:28px;
    line-height:24px;
    text-align:center;
    font-size:1em;
    font-weight:bold;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}

/* Recupera��o de Senha */
#forgot-password-box 
{
    margin:40px;
    padding:20px 20px 20px 96px;
    background-image:url(../image/icons/help_64.png);
    background-position:left top;
    background-repeat:no-repeat;
}
#forgot-password-box h1 { padding-bottom:20px;}
#forgot-password-box .btnSubmit 
{
    margin:0;
    padding:0;
    margin-left:10px;
    width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
    
#autentication-box-inner,
#forgot-password-box-inner  
{
    display: inline-block; 
    margin: 20px 10px 20px 10px; 
    width: 100%;
}

/* Acesso Negado */
#access-denied-box 
{
    margin:40px;
    padding:20px 20px 20px 96px;
    background-image:url(../image/icons/stop_64.png);
    background-position:left top;
    background-repeat:no-repeat;
}
#access-denied-box h1 { padding-bottom:20px;}

/* P�gina N�o Encontrada */
#page-not-found-box
{
    margin:40px;
    padding:20px 20px 20px 96px;
    background-image:url(../image/icons/cancel_64.png);
    background-position:left top;
    background-repeat:no-repeat;
}
#page-not-found-box h1 { padding-bottom:20px;}

/* Editar meus dados */
#user-box 
{
    margin:40px;
    padding:20px 20px 20px 96px;
    background-image:url(../image/icons/man_64.png);
    background-position:left top;
    background-repeat:no-repeat;
}
#user-box h1 { padding-bottom:20px;}
#user-box .btnSubmit 
{
    margin:0;
    padding:0;
    width:100px;
    color:#ffffff;
    border:#E20074 1px solid;
    cursor:pointer;
    float:left;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}

.chart {margin:20px; z-index:496;}

/* Conte�do principal das p�ginas de produtos */
#product-desc
{
    width:100%;
    background:#ffffff;

    -webkit-border-radius:6px;
       -moz-border-radius:6px;  
            border-radius:6px;
    
    border:#eee 1px solid;

    -webkit-box-shadow: 1px 1px 0px #666;
       -moz-box-shadow: 1px 1px 0px #666;
            box-shadow: 1px 1px 0px #666;
                
    overflow:hidden;
}
#product-desc-head
{
    width:100%;
  
                
    overflow:hidden;
}
#product-desc-inner {padding:20px;}
#product-desc-text 
{
    padding:0;
    margin:0;
    text-align:justify;

    -webkit-column-count:2;  /* Safari and Chrome */
       -moz-column-count:2;  /* Firefox */
            column-count:2;  /* W3C */

    -webkit-column-gap:40px; /* Safari and Chrome */
       -moz-column-gap:40px; /* Firefox */
            column-gap:40px; /* W3C */
}
#product-desc-text h4  { margin:15px 0 15px 0; }
#product-desc-text li  { display:list-item; padding:3px 0 3px 25px; background:url(../image/i-pf-r.png) 10px 7px no-repeat;}
#product-desc-text img { max-width:100%; margin:20px 0 20px;}

#product-desc li {display:list-item; padding:3px 0 3px 25px; background:url(../image/i-pf-r.png) 10px 7px no-repeat;}
#product-desc .img-logo {max-width:100%; margin:0; position:relative; padding-bottom:15px;}

.product-gallery     {
    padding:15px 10px 15px 10px;
    text-align:center;
}
.product-gallery img 
{
    -webkit-box-shadow: 0 0 8px #999;
       -moz-box-shadow: 0 0 8px #999;
            box-shadow: 0 0 8px #999;
    margin:5px;
}
.product-gallery img:hover 
{
    -webkit-box-shadow: 0 0 8px #333;
       -moz-box-shadow: 0 0 8px #333;
            box-shadow: 0 0 8px #333;
    margin:5px;
}
    
/* AJAX Loading */
#divLoading 
{
    background-color:#ffffff;
    width:100%;
    height:100%;
    top:0;
    left:0;   
    zoom: 1;
    filter: alpha(opacity=50);  /* IE 6-9 */
    opacity: 0.5;               /* All browsers */
}

/* P�ginas com textos extensos - ex: Ajuda */
#app-help           { padding:20px; }
#app-help p         { text-align:justify; font-size:12px; line-height:150%; }
#app-help h1        { color:#E20074; }
#app-help h2        { color:#666666; margin-top:10px; line-height:100%; text-align:justify; }
#app-help a         { color:#666666; text-decoration:underline; font-size:12px; }
#app-help a:hover   { color:#E20074; text-decoration:underline; }
#app-help ul        { padding:10px 0;}
#app-help li        { display:list-item; padding:3px 0 3px 25px; background:url(../image/i-pf-r.png) 10px 7px no-repeat;}

.noticias-comunicados table 
{
    background-color:#ffffff;
    width:100%;
    min-width:100%;
    border-collapse:collapse;
    border:#ccc 1px solid;
    padding:3px 10px 3px 10px;
    margin:20px 0 20px 0;
    box-shadow:#f0f0f0 3px 3px 0px;
    -moz-box-shadow:#f0f0f0 3px 3px 0px;
    -webkit-box-shadow:#f0f0f0 3px 3px 0px;
}
.noticias-comunicados table td,
.noticias-comunicados table tbody td 
{
    border:#ccc 1px solid;
}
.noticias-comunicados table td p,
.noticias-comunicados table tbody td p 
{
    clear:both;
    padding:0 0 0 5px;
    margin:0px;
    line-height:100%;
}

.noticias-comunicados table tbody tr:nth-child(odd){
    background-color: #efefef;
}
.noticias-comunicados table tbody tr:nth-child(even){
    background-color: #ffffff;
}
.noticias-comunicados table thead,
.noticias-comunicados table th 
{
    height:26px;
    line-height:26px;
    background:#e8e8e8;
    background:-moz-linear-gradient(top, #e8e8e8, #cccccc 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#e8e8e8), to(#cccccc)); 
    background:-webkit-linear-gradient(top, #e8e8e8, #cccccc); 
    background:-o-linear-gradient(top, #e8e8e8, #cccccc); 
    background:-ms-linear-gradient(top, #e8e8e8, #cccccc); 
    background:linear-gradient(top, #e8e8e8, #cccccc);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#cccccc');
    text-shadow:#eee 1px 1px 0px;
    padding:0 8px 0 8px;
    border-left:#cccccc 1px solid;
}
.noticias-comunicados table thead p,
.noticias-comunicados table th p 
{
    clear:both;
    margin:0px;
    line-height:100%;
}

/* Lista de Not�cias / Comunicados / Downloads */
#app-help .portal-list a       { text-decoration:none; }
#app-help .portal-list a:hover { text-decoration:none; }
    
.portal-list tr.table-footer 
{
    height:30px;
}

.portal-list .table-footer table { clear:both; width:auto; margin: 5px 0; background:none;}  
.portal-list .table-footer tr { background:none;}
.portal-list .table-footer td {
    border:none;
    padding:0 3px 0 3px;
    font-weight: bold;
    color: #999;   
    line-height: 100%; 
    background:none;
}
.portal-list .table-footer td span
{
    font-size:12px;
    background:none; 
    margin:0; 
    padding:.5em .8em .5em .8em;
    background:#f0f0f0;
    
            box-shadow:1px 1px 5px #ccc inset;
       -moz-box-shadow:1px 1px 5px #ccc inset;
    -webkit-box-shadow:1px 1px 5px #ccc inset;
    
            border-radius:4px;
       -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
    border:#ccc 1px solid;
    overflow:hidden;
}
.portal-list .table-footer a
{
    font-size:12px;
    color: #333; 
    text-decoration: none;
    padding:.5em .8em .5em .8em;
    
    background:#f0f0f0;
    background:-moz-linear-gradient(top, #f0f0f0, #cccccc 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#f0f0f0), to(#cccccc)); 
    background:-webkit-linear-gradient(top, #f0f0f0, #cccccc); 
    background:-o-linear-gradient(top, #f0f0f0, #cccccc); 
    background:-ms-linear-gradient(top, #f0f0f0, #cccccc); 
    background:linear-gradient(top, #f0f0f0, #cccccc);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cccccc');

    -webkit-box-shadow:1px 1px 1px #999;
       -moz-box-shadow:1px 1px 1px #999;
            box-shadow:1px 1px 1px #999;
    
    text-shadow:1px 1px 0px #fff;
    
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
            
    border:#ccc 1px solid;
    overflow:hidden;
}
.portal-list .table-footer a:hover { color: #e20074; text-decoration: none; } 
.portal-list .table-footer a:active,
.portal-list .table-footer a:visited { text-decoration: none;}

.read-more
{
    font-size:11px;
    text-align: right; 
    display: inline-block; 
    width: 100%;
    height: 30px; 
    line-height: 30px; 
    color: #e20074; 
    line-height: 150%;
    font-weight:bold;
}

.product-read-more, 
.service-read-more  
{
    font-weight:bold;
    color:#999;
    text-shadow:#fff 1px 1px 0px;
    text-transform:uppercase;
    text-decoration:none;
    min-width:100px; 
    text-align:center; 
    vertical-align:middle; 
    border:#ccc 1px solid; 
    margin:20px 0 6px 0;
    padding:5px 12px 5px 12px;
    float:right;
    display:inline-block;
    
            border-radius:3px;
       -moz-border-radius:3px;
    -webkit-border-radius:3px;
     
    background:#fbfbfb;
    background:-moz-linear-gradient(top, #fbfbfb, #d9d9d9 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-o-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-ms-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:linear-gradient(top, #fbfbfb, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d9d9d9');
}

.product-read-more:hover, 
.service-read-more:hover 
{
    background:#d9d9d9;
    background:-moz-linear-gradient(top, #d9d9d9, #fbfbfb 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#fbfbfb)); 
    background:-webkit-linear-gradient(top, #d9d9d9, #fbfbfb); 
    background:-o-linear-gradient(top, #d9d9d9, #fbfbfb); 
    background:-ms-linear-gradient(top, #d9d9d9, #fbfbfb); 
    background:linear-gradient(top, #d9d9d9, #fbfbfb);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#fbfbfb'); 
}

/* GridView de Administra��o/Sistemas */
.product-table    
{
    /*
    margin:10px 0 10px 0;
    font-size:11px;
    width:100%;
    max-width:100%;
    border:none;
    border-collapse:collapse;
    */
    background-color:#ffffff;
    width:100%;
    min-width:100%;
    border-collapse:collapse;
    border:#ccc 1px solid;
    padding:3px 10px 3px 10px;
    margin:20px 0 20px 0;
}
.product-table td input[type="radio"],
.product-table td input[type="checkbox"],
.product-table tbody td input[type="radio"],
.product-table tbody td input[type="checkbox"] 
{
    margin:3px 0 3px 0;
    text-align:center;
    vertical-align:middle;
}
.product-table th {
    height: 28px;
    line-height:28px;
    padding:0 10px 0 10px;
    font-size:11px;
    font-weight:bold;
    /*
    color:#fff; 
    text-shadow:1px 1px 0px #111;
    border-bottom:#333 1px solid;
    */
    color:#222; 
    text-shadow:1px 1px 0px #f6f6f6;
    /*border-bottom:#c0c0c0 1px solid;*/
}
.product-table th a {
    /*color:#ffffff;*/
    color:#222;
    font-size:11px;
}
.product-table th input[type="radio"],
.product-table th input[type="checkbox"] 
{
    margin:0;
    padding:0;
    line-height:28px;
    vertical-align:middle;
}
.product-table td,
.product-table tbody td
{
    border: 1px solid #ccc;
    padding: 0px 5px 0px 10px;
    vertical-align:middle;
    font-size:11px;
}
.product-table td span,
.product-table tbody td span
{
    clear:both;
    padding:0;
    margin:0;
}
.product-table td a {
    color: #393939;
    text-decoration: underline;
    font-size:11px;
}
.product-table td a:hover    
{
    color:#e20074;
    text-decoration: underline;
    cursor:pointer;
}
.product-table tbody tr:nth-child(odd){
    background-color: #efefef;
}
.product-table tbody tr:nth-child(even){
    background-color: #ffffff;
}
.product-table tr.table-header 
{
    /*
    background:#787878;
    background:#787878 url(../image/table/table_header_bg.png) 0 0 repeat-x;
    background:-moz-linear-gradient(top, #787878, #333333 100%); 
    background:-webkit-gradient(linear, 0 0, 0  100%, from(#787878), to(#333333)); 
    background:-webkit-linear-gradient(top, #787878, #333333); 
    background:-o-linear-gradient(top, #787878, #333333); 
    background:-ms-linear-gradient(top, #787878, #333333); 
    background:linear-gradient(top, #787878, #333333);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#333333');
    color:#fff;
    font-size:11px;
    */
    
    height:26px;
    line-height:26px;
    background:#c8c8c8;
    background:#c8c8c8 url(../image/table/table_header_bg_grey.png) 0 0 repeat-x;
    background:-moz-linear-gradient(top, #e8e8e8, #c8c8c8 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#e8e8e8), to(#c8c8c8)); 
    background:-webkit-linear-gradient(top, #e8e8e8, #c8c8c8); 
    background:-o-linear-gradient(top, #e8e8e8, #c8c8c8); 
    background:-ms-linear-gradient(top, #e8e8e8, #c8c8c8); 
    background:linear-gradient(top, #e8e8e8, #c8c8c8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#c8c8c8');
    text-shadow:#f8f8f8 1px 1px 0px;
    padding:0 8px 0 8px;
}
.table-header-check,
.table-header-first {
    -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
            border-top-left-radius: 3px;
    overflow:hidden;
}
.table-header-repeat {
    font-size: 0px;
    line-height: 0;
    padding: 0px 0 0 0;
}
.table-header-options,
.table-header-last {
    -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
    overflow:hidden;
}
.table-header-check,
.table-header-first,
.table-header-repeat,
.table-header-last,
.table-header-options
{
    /*border-bottom:#333 1px solid;*/
    /*border-bottom:#c0c0c0 1px solid;*/
    font-size:11px !important;
    border:none;
}
.table-header-check a,
.table-header-first a,
.table-header-repeat a,
.table-header-last a,
.table-header-options a
{
    background: url(../image/table/table_sort_arrow.gif) right no-repeat;
    /*color: #fff;*/
    color:#222;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin:0;
    padding: 0 10px 0 0;
    /*text-shadow:1px 1px 0px #111;*/
    text-shadow:#f6f6f6 1px 1px 0px;
}
    
.table-header-check a:hover,
.table-header-first a:hover,
.table-header-repeat a:hover,
.table-header-options a:hover,    
.table-header-last a:hover
{
    /*color:#ccc;*/
    color:#e20074;
}
.table-header th input[type="radio"],
.table-header th input[type="checkbox"]
{
    margin:8px 0px 0px 0px;
    padding:0;
    vertical-align:middle;
    line-height:0px;
    float:left;
    display:inline-block;
}
    
th.line-left    
{
    border-left:#ccc 1px solid;
}

.product-table tr.table-footer 
{
    height:40px;
    background:#eaeaea;
    border:#d2d2d2 1px solid;
    font-size:1.2em;
    font-weight:bold;
    text-shadow:#fff 1px 1px 0px;
}

.product-table .table-footer table { clear:both; width:auto; margin: 5px 0; background:#eaeaea;}  
.product-table .table-footer tr    { background:#eaeaea; }
.product-table .table-footer td    {
    border:none;
    padding:0 3px 0 3px;
    font-size:11px !important; 
    font-weight: bold;
    color: #333;   
    line-height: 100%; 
    background:#e8e8e8;
    background:-moz-linear-gradient(top, #e8e8e8, #ffffff 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#e8e8e8), to(#ffffff)); 
    background:-webkit-linear-gradient(top, #e8e8e8, #ffffff); 
    background:-o-linear-gradient(top, #e8e8e8, #ffffff); 
    background:-ms-linear-gradient(top, #e8e8e8, #ffffff); 
    background:linear-gradient(top, #e8e8e8, #ffffff);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ffffff');
}
.product-table .table-footer td span 
{ 
    font-size:11px !important; 
    font-weight:bold;
    height:auto;
    margin:0; 
    padding:.5em .9em .5em .9em;
    line-height:144%;
    color:#e20074;
    text-shadow:#fff 1px 1px 1px;
    background:#f8f8f8;
    
    -webkit-box-shadow:1px 1px 1px #fff, 0px 0px 13px #d0d0d0 inset;
       -moz-box-shadow:1px 1px 1px #fff, 0px 0px 13px #d0d0d0 inset;
            box-shadow:1px 1px 1px #fff, 0px 0px 13px #d0d0d0 inset;

    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    
    border:#bbb 1px solid;
    overflow:hidden;
}
.product-table .table-footer td a
{
    font-size:11px !important;
    text-decoration:none;
    line-height:130%;
    color: #333;
    padding:.5em .9em .5em .9em;
    
    background:#f0f0f0;
    background:-moz-linear-gradient(top, #f0f0f0, #cccccc 50%); 
    background:-webkit-gradient(linear, 0 0, 0  50%, from(#f0f0f0), to(#cccccc)); 
    background:-webkit-linear-gradient(top, #f0f0f0, #cccccc); 
    background:-o-linear-gradient(top, #f0f0f0, #cccccc); 
    background:-ms-linear-gradient(top, #f0f0f0, #cccccc); 
    background:linear-gradient(top, #f0f0f0, #cccccc);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cccccc');
    

    -webkit-box-shadow:1px 1px 1px #fff;
       -moz-box-shadow:1px 1px 1px #fff;
            box-shadow:1px 1px 1px #fff;
            
    text-shadow:1px 1px 1px #fff;
    
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    
    border:#bbb 1px solid;
    overflow:hidden;
}  
.product-table .table-footer td a:hover
{
    color: #e20074;
    -webkit-box-shadow:1px 1px 1px #999;
       -moz-box-shadow:1px 1px 1px #999;
            box-shadow:1px 1px 1px #999;
    text-decoration:none;
}

/* Bot�es para exportar p/ Excel, PDF e imprimir */
.btn-Excel,
.btn-Imprimir,
.btn-PDF
{
    clear:both;
    padding:0px;
    margin:0px;
    font-size:11px;
    line-height:11px;
    font-weight:bold;
    min-width:100px;
    margin-left:5px;
    float:right;
    color: #333; 
    text-decoration: none;
    text-align:left;
    padding:2px 8px 2px 24px;
    text-shadow:#fff 1px 1px 0px;
    cursor:pointer;
    background-color:#eaeaea;

    -webkit-box-shadow:1px 1px 1px #fff, 0px 0px 13px #aaa inset;
       -moz-box-shadow:1px 1px 1px #fff, 0px 0px 13px #aaa inset;
            box-shadow:1px 1px 1px #fff, 0px 0px 13px #aaa inset;
    
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
            
    border:#ccc 1px solid;
    overflow:hidden;
}

.btn-Excel:hover,
.btn-Imprimir:hover,
.btn-PDF:hover
{
    color:#333;
    background-color:#f8f8f8;
    
    -webkit-box-shadow:1px 1px 1px #fff, 0px 0px 13px #aaa inset;
       -moz-box-shadow:1px 1px 1px #fff, 0px 0px 13px #aaa inset;
            box-shadow:1px 1px 1px #fff, 0px 0px 13px #aaa inset;
}

.btn-Excel
{    
    background-image:url(../image/icons/led-icons/doc_excel_table.png);
    background-position: 5px 6px;
    background-repeat: no-repeat;
}
.btn-Imprimir
{    
    background-image:url(../image/icons/led-icons/printer.png);
    background-position: 5px 6px;
    background-repeat: no-repeat;
}
.btn-PDF
{    
    background-image:url(../image/icons/led-icons/doc_pdf.png);
    background-position: 5px 6px;
    background-repeat: no-repeat;
}

/* Tabelas dentro de fieldsets e dentro de tabs */
#tabs fieldset .product-table,
.tabs fieldset .product-table {
    max-width:100%;
}
    
.no-result-found  
{
    background:url(../image/icons/icons-grey/warning_24.png) 8px 5px no-repeat; 
    padding:5px 32px 5px 5px; 
    text-align:center; 
    height:34px; 
    font-size:12px; 
    text-transform:uppercase; 
    font-weight:bold; 
    color:#999; 
    text-shadow:1px 1px 0px #FFF;
}

#toggle-all {
    display: block;
    width: 17px;
    height:17px;
    cursor: pointer;
    background: url(../image/shared/checkbox.gif) 0 -17px;
}
#toggle-all.toggle-checked {
    display: block;
    width: 17px;
    height:17px;
    background: url(../image/shared/checkbox.gif) 0 0;
}

/* FORM ------------------------------------------------------- */    
.id-form    
{
    width:100%;
    font-size:11px;
    margin:0px;
}

.id-form table        { width:100%; margin:0; padding:0;}
.id-form th           { text-align:left; font-size:12px;}
.id-form td           { padding:3px;}
.id-form span         { float: left; line-height:225%; margin-left:5px; margin-right:5px;}
.id-form .data-de-ate { float: left; height:28px; line-height:28px; margin-left:5px; margin-right:5px;}
.id-form .tooltip
{
    float: right; 
    height:18px; 
    line-height:18px; 
    display:inline-block; 
    cursor:help; 
    margin-left:-18px;
}

.inp-form-error    {
    background: url(../image/forms/form_inp_error.gif) no-repeat;
    border: none; 
    color: #393939;
    height: 25px;
    padding: 6px 6px 0 6px;
    width: auto;
}

/* Modal Form */
#mask ,
#mask2,
#mask3,
#mask4,
#mask5
{
    top:0;
    left:0;
    position:fixed;
    background-color:#fff; 
    display:none;
    text-align:center;
}

.maskMsg
{
    top:0;
    left:0;
    position:fixed;
    background-color:white; 
    display:inherit;
    text-align:center;
    z-index: 100000;
    opacity: 0.85;
}

#mask
{
    z-index: 999;
}

#mask2
{
    z-index: 1001;
}

#mask3
{
    z-index: 1003;
}

#mask4
{
    z-index: 1005;
}

#mask5
{
    z-index: 1007;
}

#boxes .window,
#boxes .window2,
#boxes .window3,
#boxes .window4,
#boxes .window5 
{
    position: fixed !important;
    /*top: 70px !important;*/
    left: 50% !important; /* bring your own prefixes */
    transform: translate(-50%, 0%) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    /*max-height: 80% !important;*/
    
    width: 95% !important;
    max-height: 90% !important;
    top: 30px !important;
    padding:6px !important;

    height:auto;
    display:none;
    background-color:#ffffff;
    border:#999 1px solid;

    -webkit-border-radius:6px;
    -moz-border-radius:6px;
         border-radius:6px;

 -webkit-box-shadow:0 0 10px #999;    
    -moz-box-shadow:0 0 10px #999;
         box-shadow:0 0 10px #999;


}

#boxes .window
{
    z-index: 1000;
}

#boxes .window2
{
    z-index: 1002;
}

#boxes .window3
{
    z-index: 1004;
}

#boxes .window4
{
    z-index: 1006;
}

#boxes .window5
{
    z-index: 1008;
}

/* Personalize a janela modal aqui. Voc� pode adicionar uma imagem de fundo. */
#boxes #dialog {
    min-width:463px; /* 96.5% de 480 pixels */
    height:auto;
}
#dialog h1,
#dialog h2,
#dialog h3,
#dialog h4,
#dialog h5,
#dialog h6 { padding:0; margin:0;}

/* posiciona o link para fechar a janela */
.close {
    display:block; 
    float:right;
    margin-top:-26px;
    margin-right:-26px;
    height:26px;
    width:26px;
    background:url(../image/icons/glyph/glyphicons_192_circle_remove.png) 0 0 no-repeat;
    
    -webkit-box-shadow: 0 0 6px #000; 
       -moz-box-shadow: 0 0 6px #000; 
            box-shadow: 0 0 6px #000;
            
    -webkit-border-radius:13px;
       -moz-border-radius:13px;
            border-radius:13px;
            
    overflow:hidden;
}  
.close:hover {color:#ffffff;}

/* FORMUL�RIOS */
input, select {float:left; padding:0; margin:0; border:#ccc 1px solid;}
.div-20{margin-left:20%;}
.div-25 { margin-left:25%;}
.div-33 { margin-left:33.3%;}
.div-40{margin-left:40%;}
.div-50 { margin-left:50%;}
.div-55 { margin-left:55%;}
.div-60 { margin-left:60%;}
.div-66 { margin-left:66.7%;}
.div-75 { margin-left:75%;}
.div-80 { margin-left:80%;}

#tabs, 
#tabs-obs { border:none; z-index:0;}

#tabs table,
#tabs-obs table  { margin:10px; }

fieldset          
{
    -webkit-border-radius:6px; 
       -moz-border-radius:6px; 
            border-radius:6px; 
    border:#e20076 1px solid; 
    padding:8px;
    margin:8px;
}
fieldset fieldset  
{
    -webkit-border-radius:6px; 
       -moz-border-radius:6px;
            border-radius:6px;  
    border:#e20076 1px solid; 
    padding:10px;
    margin:5px;
}

.inner-table th, td { 
    padding:3px;
}
legend     { color:#e20074; font-weight:bold; padding-left:5px; padding-right:5px; font-size:11px; }
label ,
.label    { float:left; min-width:125px; line-height: 20px; font-size:11px; font-weight:bold; padding:4px; height:20px;}
.labelLegenda { float:left; min-width:50px; line-height: 20px; font-size:9px; font-weight:bold; padding:4px; height:20px;}
.labelSmall    { float:left; min-width:45px; line-height: 20px; font-size:11px; font-weight:bold; padding:4px; height:20px; margin-left: 15px;}
.labelFloatNone    { float:none !important; font-weight:bold; padding:4px; }
span.label {clear:both; margin:0; padding:0; padding-left:5px;}
input, 
select    { height:22px; font-size:11px;}
select    { min-width:120px;}
textarea  { font-family:Arial, Helvetica, sans-serif; font-size:11px; box-shadow:inset 0 0 5px #d9d9d9; -moz-box-shadow:inset 0 0 5px #d9d9d9; -webkit-box-shadow:inset 0 0 5px #d9d9d9; max-width:99%;}
.checkbox { float:left; margin:2px; margin-right:8px; border:none;}
.text-box { box-shadow:inset 0 0 5px #d9d9d9; -moz-box-shadow:inset 0 0 5px #d9d9d9; -webkit-box-shadow:inset 0 0 5px #d9d9d9; padding-left:5px;}
.ddd       { width:31px; display:inline-block; margin-right:5px; padding-left:0; text-align:center; }
.telefone  { width:78px; display:inline-block; padding-left:0; text-align:center; }
.meses,
.data,
.hora,
.data-mes-ano,
.moeda-padrao,
.moeda-dolar,
.moeda-real,
.moeda-libra,
.moeda-euro,
.numeric,
.formatValor
{
    width:75px; display:inline-block; text-align:center; padding-left:0; 
}

#buttons, 
.buttons
{
    clear:both; padding:0px; margin:0px; float:right; width:auto; font-size:11px; font-weight:bold; display:inline-block; margin-bottom:6px; margin-right:3px; 
}
.buttons button,
.buttons input[type="submit"] { float:left; margin-left:5px; font-size:11px;}
.btn-open       { height:22px; width:22px; font-size:10px; text-align:center;}

.div-row-form { width:100%; height:6px; display:inline-block;}

/*Letras do Gloss�rio*/
#lettersBar   { margin:20px 0 20px 0; }
#lettersBar a:link,
#lettersBar a:active,
#lettersBar a:visited
{
    font-weight:bold;
    color:#999;
    text-shadow:#fff 1px 1px 0px;
    text-transform:uppercase;
    text-decoration:none;
    width:30px;
    height:30px;
    text-align:center; 
    vertical-align:middle; 
    border:#ccc 1px solid; 
    margin-right:4px; 
    padding:5px 8px 5px 8px;
    
            border-radius:4px;
       -moz-border-radius:4px;
    -webkit-border-radius:4px;
     
    background:#fbfbfb;
    background:-moz-linear-gradient(top, #fbfbfb, #d9d9d9 100%); 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#d9d9d9)); 
    background:-webkit-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-o-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:-ms-linear-gradient(top, #fbfbfb, #d9d9d9); 
    background:linear-gradient(top, #fbfbfb, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#d9d9d9');
}
#lettersBar a:hover { color:#E20074; }

/* SCROLL TO TOP*/
.scrollup
{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:80px;
    right:50px;
    display:none;
    text-indent:-9999px;
    z-index:9999999;
    background: url(../image/icons/icon_top.png) no-repeat;
}

/* VALIDATION SUMMARY */
.validationSummary b, 
.validationSummary strong
{
    font-size:11px !important;
    color:#666;
}
.validationSummary ul
{
    list-style:none;
    display:list-item;
}
.validationSummary li 
{
    padding-left:3em;
    line-height:1.75em;
    font-size:11px !important;
}
.validationSummary em 
{
    font-weight:normal;
    font-style:italic;
    color:#e20074;
    font-size:11px !important;
}

/* Elementos de Formul�rios */
input,
button,
select,
textarea 
{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:100%; 
    font-weight:normal; 
    line-height:16px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display:inline-block;
    height:18px;
    padding:4px 8px 4px 8px;
    margin-bottom:0;
    font-size:100%;
    line-height:18px;
    color:#333333;
}
textarea {
    height:auto;
}
select  
{
    padding: 4px; 
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color:#ffffff;
    border:1px solid #8f8f8f;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
            
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
       -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
            
    -webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
       -moz-transition:border linear 0.2s, box-shadow linear 0.2s;
        -ms-transition:border linear 0.2s, box-shadow linear 0.2s;
         -o-transition:border linear 0.2s, box-shadow linear 0.2s;
            transition:border linear 0.2s, box-shadow linear 0.2s;
}    
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color:#e20076;
    outline:0;
    outline:thin solid \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(128,128,128,0.5);
       -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(128,128,128,0.5);
            box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(128,128,128,0.5);
}
input[type="radio"],
input[type="checkbox"] {
    margin:3px 0;
    *margin-top:0;
    line-height:normal;
    cursor:pointer;
    border:none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width:auto; 
    height:auto; 
    line-height:24px;
    margin:.7em .3em .7em .3em;
}
input[type="image"] 
{
    opacity: .60; 
    filter:Alpha(Opacity=60);
    margin:0 2px;
}
input[type="image"]:hover 
{
    opacity: 1; 
    filter:Alpha(Opacity=100);
}
.uneditable-textarea {
    width:auto;
    height:auto;
}
select,
input[type="file"] {
    height:28px;
    *margin-top:4px;
    line-height:28px;
}
select {
    border:1px solid #8f8f8f;
}
select[multiple],
select[size] {
    height:auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:thin dotted #e20076;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}
.radio,
.checkbox {
    min-height:18px;
    padding-left:18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float:left;
    margin-left:-18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
    padding-top:5px;
}
.radio.inline,
.checkbox.inline {
    display:inline-block;
    padding-top:5px;
    margin-bottom:0;
    vertical-align:middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
    margin-left:10px;
}
.input-mini {
    width:60px;
}
.input-small {
    width:90px;
}
.input-medium {
    width:150px;
}
.input-large {
    width:210px;
}
.input-xlarge {
    width:270px;
}
.input-xxlarge {
    width:530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float:none;
    margin-left:0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
    display:inline-block;
}
input,
textarea,
.uneditable-input {
    margin-left:0;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor:not-allowed;
    background-color:#eeeeee;
    border-color:#8f8f8f;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color:transparent;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color:#b94a48;
    border-color:#ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color:#e9322d;
    -webkit-box-shadow:0 0 6px #f8b9b7;
       -moz-box-shadow:0 0 6px #f8b9b7;
            box-shadow:0 0 6px #f8b9b7;
}
select:active, select:hover {
    outline-color: #e20076;
    
  }

.uppercase
{
    text-transform: uppercase;
}
.search-query {
    padding-right:14px;
    padding-right:4px \9;
    padding-left:14px;
    padding-left:4px \9;
    margin-bottom:0;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display:inline-block;
    *display:inline;
    margin-bottom:0;
    *zoom:1;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display:none;
}
.form-search label,
.form-inline label {
    display:inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom:0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left:0;
    margin-bottom:0;
    vertical-align:middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float:left;
    margin-right:3px;
    margin-left:0;
}
.control-group {
    margin-bottom:9px;
}
legend + .control-group {
    margin-top:18px;
    -webkit-margin-top-collapse:separate;
}
.form-horizontal .control-group {
    margin-bottom:18px;
    *zoom:1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display:table;
    content:"";
}
.form-horizontal .control-group:after {
    clear:both;
}
.form-horizontal .control-label {
    float:left;
    width:140px;
    padding-top:5px;
    text-align:right;
}
.form-horizontal .controls {
    *display:inline-block;
    *padding-left:20px;
    margin-left:160px;
    *margin-left:0;
}
.form-horizontal .controls:first-child {
    *padding-left:160px;
}
.form-horizontal .help-block {
    margin-top:9px;
    margin-bottom:0;
}
.form-horizontal .form-actions {
    padding-left:160px;
}
.tinymce { clear:both; padding:0; margin:0; width:99%; min-width: 99%; max-width:99%;}

/* �CONES */
[class^="icon-"],
[class*=" icon-"] {
    display:inline-block;
    width:14px;
    height:14px;
    *margin-right:.3em;
    line-height:14px;
    vertical-align:
    text-top;
    background-image:url("../img/glyphicons-halflings.png");
    background-position:14px 14px;
    background-repeat:no-repeat;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
    *margin-left:0;
}
.icon-white {
    background-image:url("../img/glyphicons-halflings-white.png");
}
.icon-glass {background-position:0 0;}
.icon-music {background-position:-24px 0;}
.icon-search {background-position:-48px 0;}
.icon-envelope {background-position:-72px 0;}
.icon-heart {background-position:-96px 0;}
.icon-star {background-position:-120px 0;}
.icon-star-empty {background-position:-144px 0;}
.icon-user {background-position:-168px 0;}
.icon-film {background-position:-192px 0;}
.icon-th-large {background-position:-216px 0;}
.icon-th {background-position:-240px 0;}
.icon-th-list {background-position:-264px 0;}
.icon-ok {background-position:-288px 0;}
.icon-remove {background-position:-312px 0;}
.icon-zoom-in {background-position:-336px 0;}
.icon-zoom-out {background-position:-360px 0;}
.icon-off {background-position:-384px 0;}
.icon-signal {background-position:-408px 0;}
.icon-cog {background-position:-432px 0;}
.icon-trash {background-position:-456px 0;}
.icon-home {background-position:0 -24px;}
.icon-file {background-position:-24px -24px;}
.icon-time {background-position:-48px -24px;}
.icon-road {background-position:-72px -24px;}
.icon-download-alt {background-position:-96px -24px;}
.icon-download {background-position:-120px -24px;}
.icon-upload {background-position:-144px -24px;}
.icon-inbox {background-position:-168px -24px;}
.icon-play-circle {background-position:-192px -24px;}
.icon-repeat {background-position:-216px -24px;}
.icon-refresh {background-position:-240px -24px;}
.icon-list-alt {background-position:-264px -24px;}
.icon-lock {background-position:-287px -24px;}
.icon-flag {background-position:-312px -24px;}
.icon-headphones {background-position:-336px -24px;}
.icon-volume-off {background-position:-360px -24px;}
.icon-volume-down {background-position:-384px -24px;}
.icon-volume-up {background-position:-408px -24px;}
.icon-qrcode {background-position:-432px -24px;}
.icon-barcode {background-position:-456px -24px;}
.icon-tag {background-position:0 -48px;}
.icon-tags {background-position:-25px -48px;}
.icon-book {background-position:-48px -48px;}
.icon-bookmark {background-position:-72px -48px;}
.icon-print {background-position:-96px -48px;}
.icon-camera {background-position:-120px -48px;}
.icon-font {background-position:-144px -48px;}
.icon-bold {background-position:-167px -48px;}
.icon-italic {background-position:-192px -48px;}
.icon-text-height {background-position:-216px -48px;}
.icon-text-width {background-position:-240px -48px;}
.icon-align-left {background-position:-264px -48px;}
.icon-align-center {background-position:-288px -48px;}
.icon-align-right {background-position:-312px -48px;}
.icon-align-justify {background-position:-336px -48px;}
.icon-list {background-position:-360px -48px;}
.icon-indent-left {background-position:-384px -48px;}
.icon-indent-right {background-position:-408px -48px;}
.icon-facetime-video {background-position:-432px -48px;}
.icon-picture {background-position:-456px -48px;}
.icon-pencil {background-position:0 -72px;}
.icon-map-marker {background-position:-24px -72px;}
.icon-adjust {background-position:-48px -72px;}
.icon-tint {background-position:-72px -72px;}
.icon-edit {background-position:-96px -72px;}
.icon-share {background-position:-120px -72px;}
.icon-check {background-position:-144px -72px;}
.icon-move {background-position:-168px -72px;}
.icon-step-backward {background-position:-192px -72px;}
.icon-fast-backward {background-position:-216px -72px;}
.icon-backward {background-position:-240px -72px;}
.icon-play {background-position:-264px -72px;}
.icon-pause {background-position:-288px -72px;}
.icon-stop {background-position:-312px -72px;}
.icon-forward {background-position:-336px -72px;}
.icon-fast-forward {background-position:-360px -72px;}
.icon-step-forward {background-position:-384px -72px;}
.icon-eject {background-position:-408px -72px;}
.icon-chevron-left {background-position:-432px -72px;}
.icon-chevron-right {background-position:-456px -72px;}
.icon-plus-sign {background-position:0 -96px;}
.icon-minus-sign {background-position:-24px -96px;}
.icon-remove-sign {background-position:-48px -96px;}
.icon-ok-sign {background-position:-72px -96px;}
.icon-question-sign {background-position:-96px -96px;}
.icon-info-sign {background-position:-120px -96px;}
.icon-screenshot {background-position:-144px -96px;}
.icon-remove-circle {background-position:-168px -96px;}
.icon-ok-circle {background-position:-192px -96px;}
.icon-ban-circle {background-position:-216px -96px;}
.icon-arrow-left {background-position:-240px -96px;}
.icon-arrow-right {background-position:-264px -96px;}
.icon-arrow-up {background-position:-289px -96px;}
.icon-arrow-down {background-position:-312px -96px;}
.icon-share-alt {background-position:-336px -96px;}
.icon-resize-full {background-position:-360px -96px;}
.icon-resize-small {background-position:-384px -96px;}
.icon-plus {background-position:-408px -96px;}
.icon-minus {background-position:-433px -96px;}
.icon-asterisk {background-position:-456px -96px;}
.icon-exclamation-sign {background-position:0 -120px;}
.icon-gift {background-position:-24px -120px;}
.icon-leaf {background-position:-48px -120px;}
.icon-fire {background-position:-72px -120px;}
.icon-eye-open {background-position:-96px -120px;}
.icon-eye-close {background-position:-120px -120px;}
.icon-warning-sign {background-position:-144px -120px;}
.icon-plane {background-position:-168px -120px;}
.icon-calendar {background-position:-192px -120px;}
.icon-random {background-position:-216px -120px;}
.icon-comment {background-position:-240px -120px;}
.icon-magnet {background-position:-264px -120px;}
.icon-chevron-up {background-position:-288px -120px;}
.icon-chevron-down {background-position:-313px -119px;}
.icon-retweet {background-position:-336px -120px;}
.icon-shopping-cart {background-position:-360px -120px;}
.icon-folder-close {background-position:-384px -120px;}
.icon-folder-open {background-position:-408px -120px;}
.icon-resize-vertical {background-position:-432px -119px;}
.icon-resize-horizontal {background-position:-456px -118px;}
.icon-hdd {background-position:0 -144px;}
.icon-bullhorn {background-position:-24px -144px;}
.icon-bell {background-position:-48px -144px;}
.icon-certificate {background-position:-72px -144px;}
.icon-thumbs-up {background-position:-96px -144px;}
.icon-thumbs-down {background-position:-120px -144px;}
.icon-hand-right {background-position:-144px -144px;}
.icon-hand-left {background-position:-168px -144px;}
.icon-hand-up {background-position:-192px -144px;}
.icon-hand-down {background-position:-216px -144px;}
.icon-circle-arrow-right {background-position:-240px -144px;}
.icon-circle-arrow-left {background-position:-264px -144px;}
.icon-circle-arrow-up {background-position:-288px -144px;}
.icon-circle-arrow-down {background-position:-312px -144px;}
.icon-globe {background-position:-336px -144px;}
.icon-wrench {background-position:-360px -144px;}
.icon-tasks {background-position:-384px -144px;}
.icon-filter {background-position:-408px -144px;}
.icon-briefcase {background-position:-432px -144px;}
.icon-fullscreen {background-position:-456px -144px;}

/*
    Resolu��o padr�o para monitor LCD 17" >= 1134px, como:
    - Samsung Galaxy Nexus
    - Sony Xperia S
    - Samsung Galaxy S III
    - Samsung Galaxy Note II
    - Motorola DROID RAZR HD & MAXX HD
    - HTC Windows Phone 8X & 8S
    - HTC One X & X+ & XL 
    - Samsung Galaxy Tab 10.1
    - Nexus 4
    - Nokia Lumia 920
    - LG Optimus G & LG Optimus 4X HD
    - Samsung Galaxy Tab 7.1 & 8.9
    - Samsung Galaxy Note
    - ASUS Eee Pad Transformer & Transformer Prime
    - Sony Tablet S
    - Motorola Zoom
    - Nexus 7
    - Kindle Fire HD
    - 11.6 inch Apple Macbook Air
    - ASUS Eee PC VX6 Lambourghini
    - Samsung N350
    - Microsoft Surface with Windows RT
    - Samsung Series 3 Chromebook
*/
@media only screen and (min-width:1134px)
{
/*    
    #MenuC {
                -moz-backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-transition: -moz-transform 0.5s ease;
                -webkit-transition: -webkit-transform 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease;
                transition: transform 0.5s ease;
                display: block;
                height: 44px;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 10001;
            }

                #MenuC .toggle {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80px;
                    height: 60px;
                    border: 0;
                }

                    #MenuC .toggle:before {
                        display: inline-block;
                        
                        text-decoration: none;
                        font-style: normal;
                        font-weight: normal;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\f0c9';
                        display: block;
                        width: 60px;
                        height: 40px;
                        background: rgba(232, 232, 232, 0.9);
                        border-radius: 4px;
                        position: absolute;
                        left: 5px;
                        top: 5px;
                        box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        color: #aaa;
                    }

                    #MenuC .toggle:active:before {
                        opacity: 0.5;
                    }
                    
                    
                    body.MenuC-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.MenuC-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.MenuC-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
*/			
                    
    /* DIV principal */
    #main-div 
    {
        width:1134px;
        max-width:1134px;
        left:50%;
        float:left;
        position:absolute;
        margin-left:-567px;
    }
    
    /* Header */
    #header
    {
        margin:0;
        padding:0;
        width:100%; 
        height:100px; 
        background:url(/PortalDMS.Web/util/image/logo-im.gif) bottom right no-repeat;
        display:inline-block;
        position:relative;
    }
    
    #header h1  
    {
        font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif;
        font-size:50px;
        font-weight:lighter;
        margin:0 0 0 5px;
        padding:0;
        color:#333;
    }
    
    /* Carrossel - Homepage */
    #carrossel { 
        width:742px; 
        height:322px; 
        float:left; 
        display:block; 
    }

    #carrossel-inner {
        background:none;
        border:none;
    }

    #carrossel-inner img 
    {
           -moz-border-radius:6px; 
        -webkit-border-radius:6px; 
                border-radius:6px;
    }
    
    /* �rea de Not�cias */
    #news-area
    {
        width:350px; 
        height:322px;
        float:right; 
        display:block;
        position:relative;
        
        background: #fbfbfb;
        background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
        
        -webkit-border-radius:6px;
           -moz-border-radius:6px;
                border-radius:6px;
                
        border:none;
        overflow:hidden;
        
        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;
                box-shadow: 1px 1px 0px #666;
    }
    #news-area .info
    {
        display:block;
        background:none;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-transform:none;
        margin:0 10px 0 10px;
        top:32px;
        bottom:10px;
        left:0;
        right:0;
        position:absolute;
        overflow:auto;
    }
    #news-area .info span    { display:list-item; padding:5px; border-bottom:#aaa 1px dotted;}
    #news-area .info b       { line-height:150%; font-size:12px; text-shadow:1px 1px 0px #fff; }
    #news-area .info a       { text-decoration:none; color:#333333; text-align:justify; padding:0; margin:0;font-size:12px;}
    #news-area .info a:hover { text-decoration:none; color:#e20074;font-size:12px; }
    
    /* Boxes de Produtos e Servi�os */
    .left-box, 
    .center-box, 
    .right-box {
        width:350px; 
        height:263px;
        float:right; 
        display:block;
        position:relative;

        -webkit-border-radius:6px; 
           -moz-border-radius:6px;
                border-radius:6px;
        
        border:none;
        
        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;  
                box-shadow: 1px 1px 0px #666;
        
        overflow:hidden;
    }

    .left-box, 
    .center-box  {margin-left:42px;}
    
    .left-box img, 
    .center-box img, 
    .right-box img {
        top:0;
        left:0;
        
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
    }

    .left-box span, 
    .center-box span, 
    .right-box span {
        width:100%;
        height:60px;
        top:0;
        margin-top:-60px;
        display:block;
        position:relative;
        float:left;
        background-color:#fff;
        color:#333333;
        
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
           -moz-border-radius-bottomright: 6px;
           -moz-border-radius-bottomleft: 6px;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius: 6px;
                
        opacity:.9;                 /* All browsers */
        filter:alpha(opacity=90);     /* For IE8 and earlier */
        line-height:125%;
    }

    .left-box span a, 
    .center-box span a, 
    .right-box span a { color:#000; text-decoration:none; display:block; padding:10px;}
    
    .left-box span a:hover, 
    .center-box span a:hover, 
    .right-box span a:hover { color:#e20074; text-decoration:none;}
    
    .left-box span b, 
    .center-box span b, 
    .right-box span b   { color:#e20074; text-shadow:1px 1px 0px #fff;}
    
    /* Rodap� T-Systems */
    #footer             { width: 742px; display:block; }
    #footer-first, 
    #footer-last        { float: left; width:100%;  position: relative; line-height: 250%;}
    #footer-first span  { margin:0; padding:0px 30px 0px 0px; font-size:11px; }
    #footer-last        { margin-bottom: 10px; }
    #footer a           { background: none; display: inline; padding-right: 30px; color: #333333; text-decoration: none; font-size:11px; }
    #footer a:hover     { color: #e20074; text-decoration: none; }

    /* *** Redes Sociais *** */
    #ctl00_ucFooter_divSocial,
    #social-icons       { width:350px; height:40px; float:right; margin-top:-25px; display:block; vertical-align:middle; }
    #ctl00_ucFooter_divSocial h1,
    #social-icons h1    { font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; color:#ccc; height:40px; float:left; margin-left:8px; display:block; font-size:30px; line-height:100%; padding-right:33px; margin-right:33px;}

    /* Cockpit - Homepage do Usu�rio Logado */
    #cockpit, 
    #contato {
        width:740px;
        min-height:322px;
        height:auto;
        float:left; 
        display:block;
        margin-right:42px;
    }
    #contato { background: url(../image/Geschaeftszahlen-1_en-im.jpg) top right no-repeat; }
    #contato .info-contato
    {
        padding:20px 20px 30px 20px; 
    }
    #contato p     { font-size:12px; line-height:100%; padding-left:20px;}
    #contato h1    { font-size:32px; font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; color:#e20074; margin-bottom:20px; }
    
    #product-desc .img-logo { margin-top:0; margin-bottom:-10px; max-width:100%; position:relative;}
}

/*
    Resolu��o padr�o para monitores > 960 px e < 1134 px (padr�o 1024 px)
    - Apple iPhone 4 & 4S
    - Apple iPod Touch (4th generation)
    - Apple iPad 1 e 2
    - HTC Sensation HTC Evo 3D
    - Motorola Bionic, Atrix & Droid RAZR
    - Motorola RAZR i & Photon Q
    - HTC One S
*/
@media only screen and (min-width:961px) and (max-width:1133px)
{
/*    
    #MenuC {
                -moz-backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-transition: -moz-transform 0.5s ease;
                -webkit-transition: -webkit-transform 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease;
                transition: transform 0.5s ease;
                display: block;
                height: 44px;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 10001;
            }

                #MenuC .toggle {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80px;
                    height: 60px;
                    border: 0;
                }

                    #MenuC .toggle:before {
                        display: inline-block;
                        
                        text-decoration: none;
                        font-style: normal;
                        font-weight: normal;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\f0c9';
                        display: block;
                        width: 60px;
                        height: 40px;
                        background: rgba(232, 232, 232, 0.9);
                        border-radius: 4px;
                        position: absolute;
                        left: 5px;
                        top: 5px;
                        box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        color: #aaa;
                    }

                    #MenuC .toggle:active:before {
                        opacity: 0.5;
                    }
*/                    
    /* DIV principal */
    #main-div 
    {
        width:98%;
        max-width:98%;
        left:50%;
        float:left;
        position:absolute;
        margin-left:-49%;
        text-align:left;
    }
    
    /* Header */
    #header
    {
        margin:0;
        padding:0;
        width:100%; 
        height:100px; 
        background:url(/PortalDMS.Web/util/image/logo-im.gif) bottom right no-repeat;
        display:inline-block;
        position:relative;
    }
    
    #header h1  
    {
        font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; 
        font-weight:lighter;
        font-size:46px;
        margin:0 0 0 5px;
        padding:0;
        color:#333;
    }
    

    /* Carrossel - Homepage */
    #carrossel { 
        padding:0;
        margin::0;
        width:66%; 
        height:auto; 
        float:left; 
        display:block; 
        
           -moz-border-radius:6px; 
        -webkit-border-radius:6px; 
                border-radius:6px; 
        
        border:#eee 1px solid; 
        overflow:hidden; 
    }
    
    /* �rea de Not�cias */
    #news-area
    {
        padding:0;
        margin:0;
        width:32%; 
        height:23em;
        float:right; 
        display:block;
        position:relative;
        
        background: #fbfbfb;
        background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */

        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                border-radius:6px; 
                
        -webkit-box-shadow: 1px 1px 0px #666; 
           -moz-box-shadow: 1px 1px 0px #666; 
                box-shadow: 1px 1px 0px #666;

        overflow:hidden;
        border:none;
    }
    #news-area .info
    {
        display:block;
        background:none;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-transform:none;
        margin-left:.8em; margin-right:.8em;
        top:32px;
        bottom:1em;
        left:0;
        right:0;
        position:absolute;
        overflow:auto;
    }
    #news-area .info span    { display:list-item; padding:.5em; border-bottom:#aaa 1px dotted;font-size:12px;}
    #news-area .info b       { line-height:150%; font-size:12px; text-shadow:1px 1px 0px #fff; }
    #news-area .info a       { text-decoration:none; color:#333333; text-align:justify; padding:0; margin:0;font-size:12px;}
    #news-area .info a:hover { text-decoration:none; color:#e20074;font-size:12px; }
    
    /* Boxes de Produtos e Servi�os */
    .left-box, .center-box, .right-box {    
        width:32%; 
        height:auto;
        float:right; 
        display:block;
        position:relative;
                 border-radius:6px;
           -moz-border-radius:6px; 
        -webkit-border-radius:6px; 
        border:none;
                box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666; 
        -webkit-box-shadow: 1px 1px 0px #666; 
        overflow:hidden;
    }
    .left-box, .center-box  {margin-left:2%;}
    .left-box img, .center-box img, .right-box img {
        max-width:100%;
        top:0;
        left:0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .left-box span, .center-box span, .right-box span {
        width:100%;
        height:5em;
        top:0;
        margin-top:-5em;
        display:block;
        position:relative;
        float:left;
        background-color:#fff;
        color:#333333;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius : 6px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius : 6px;
           -moz-border-radius-bottomright : 6px;
           -moz-border-radius-bottomleft  : 6px;
        opacity:0.90;                 /* All browsers */
        filter:alpha(opacity=90);     /* For IE8 and earlier */
        line-height:125%;
    }

    .left-box span a, .center-box span a, .right-box span a { color:#000; text-decoration:none; display:block; padding:.3em .8em .8em .8em;}
    .left-box span a:hover, .center-box span a:hover, .right-box span a:hover { color:#e20074; text-decoration:none;}
    
    /* Rodap� T-Systems */
    #footer             { width: 66%; display:block; }
    #footer-first, 
    #footer-last        { float: left; width:100%;  position: relative; line-height: 250%;}
    #footer-first span  { padding-right: 30px;  font-size:1em; }
    #footer-last        { margin-bottom: 10px; }
    #footer a           { background: none; display: inline; padding-right: 30px; color: #333333; text-decoration: none; font-size:1em; }
    #footer a:hover     { color: #e20074; text-decoration: none; }

    /* *** Redes Sociais *** */
    #ctl00_ucFooter_divSocial,
    #social-icons       { width:32%; height:40px; float:right; margin-left:0; margin-top:-20px; display:block; vertical-align:middle; }
    #ctl00_ucFooter_divSocial h1
    #social-icons h1    { font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; color:#ccc; height:40px; float:left; margin-left:5px; display:block; width:35%; margin-right:5%; font-size:30px; line-height:110%;}
    
    /* Cockpit - Homepage do Usu�rio Logado */
    #cockpit, #contato {
        width:66%; 
        height:auto;
        float:left; 
        display:block;
                border-radius:6px;
           -moz-border-radius:6px; 
        -webkit-border-radius:6px; 
        border:#d9d9d9 1px solid;
                box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;
        -webkit-box-shadow: 1px 1px 0px #666;
        z-index:997;
        overflow:hidden;
    }
    
    #contato .info-contato
    {
        padding:20px 20px 30px 20px; 
        background-image: url(../image/Geschaeftszahlen-1_en-im.jpg); 
        background-position: top right; 
        background-repeat: no-repeat;
    }
    #contato p  { font-size:12px; line-height:100%; padding-left:20px;}
    #contato h1 { font-size:32px; margin-bottom:10px; }
    
    /* Printscreens dos Produtos */
    .product-gallery {text-align:left;}
    
    /* Accordion da Home de Administra��o */
    #admin-accordion 
    {
        padding:0;
        margin:0;
        width:32%; 
        height:auto;
        float:right; 
        display:block;
        position:relative;
        color:#333333;
    }
    #admin-accordion h3
    {
        font-weight:bold;
        font-size:11px;
        font-family:Arial, Helvetica, Sans-Serif;
    }
}

/*
    Resolu��o padr�o para monitores <= 960 px e
    - Samsung Galaxy I, II and S Samsung Nexus S
    - HTC Desire, Desire HD, Desire S & Desire X
    - HTC Evo HTC Sensation XL
    - HTC One V
    - BlackBerry Torch 9860
    - Blackberry Storm 3
    - Nokia Lumia 800 & 900
    - Viewsonic Viewpad 7
    - LG Optimus 2X & 3D
    - Blackberry Bold 9900 & Torch 9810
    - Nokia N8, N97, E7, X6, etc
*/
@media only screen and (min-width: 768px) and (max-width: 959px)
{

#MenuC {
                -moz-backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-transition: -moz-transform 0.5s ease;
                -webkit-transition: -webkit-transform 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease;
                transition: transform 0.5s ease;
                display: block;
                height: 44px;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 10001;
            }

                #MenuC .toggle {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80px;
                    height: 60px;
                    border: 0;
                }

                    #MenuC .toggle:before {
                        display: inline-block;
                        
                        text-decoration: none;
                        font-style: normal;
                        font-weight: normal;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\f0c9';
                        display: block;
                        width: 60px;
                        height: 40px;
                        background: rgba(232, 232, 232, 0.9);
                        border-radius: 4px;
                        position: absolute;
                        left: 5px;
                        top: 5px;
                        box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        color: #aaa;
                    }

                    #MenuC .toggle:active:before {
                        opacity: 0.5;
                    }

    /* DIV principal */
    #main-div 
    {
        width:98%;
        left:50%;
        float:left;
        position:absolute;
        margin-left:-49%;
        text-align:left;
    }
    
    /* Header */
    #header
    {
        margin:0;
        padding:0;
        width:100%; 
        height:90px; 
        background:url(/PortalDMS.Web/util/image/logo-im.gif) bottom right no-repeat;
        display:inline-block;
        position:relative;
    }
    
    #header h1  
    {
        font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; 
        font-weight:lighter;
        font-size:40px;
        margin:0 0 0 5px;
        padding:0;
        color:#333;
    }
    
    /* Carrossel */
    #carrossel { 
        width:100%; 
        height:auto; 
        float:left; 
        display:block;
        margin-top:-20px;
        
        -webkit-border-radius:6px;
           -moz-border-radius:6px;
                border-radius:6px;
                
        border:#eee 1px solid; 
        overflow:hidden; 
    }
    
    /* �rea de Not�cias */
    #news-area
    {
        margin-top:2em;
        width:100%; 
        height:22em;
        float:right; 
        display:block;
        position:relative;
        
        background: #fbfbfb;
        background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
        
        -webkit-border-radius:6px; 
            -moz-border-radius:6px; 
                border-radius:6px; 
                
        -webkit-box-shadow: 1px 1px 0px #666; 
           -moz-box-shadow: 1px 1px 0px #666; 
                box-shadow: 1px 1px 0px #666;
                
        overflow:hidden;
        border:none;
    }
    #news-area .info
    {
        display:block;
        background:none;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        text-transform:none;
        margin-left:.9em; margin-right:.9em;
        top:3em;
        bottom:.9em;
        left:0;
        right:0;
        position:absolute;
        overflow:auto;
    }
    #news-area .info span    { display:list-item; padding:.5em; border-bottom:#aaa 1px dotted;font-size:12px;}
    #news-area .info b       { line-height:150%; font-size:12px; text-shadow:1px 1px 0px #fff; }
    #news-area .info a       { text-decoration:none; color:#333333; text-align:justify; padding:0; margin:0;font-size:12px;}
    #news-area .info a:hover { text-decoration:none; color:#e20074; font-size:12px;}
    
    /* Boxes de Produtos e Servi�os */
    .left-box, .center-box, .right-box {    
        width:32%; 
        height:auto;
        float:right; 
        display:block;
        position:relative;
                 border-radius:6px;
           -moz-border-radius:6px; 
        -webkit-border-radius:6px; 
        border:none;
                box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666; 
        -webkit-box-shadow: 1px 1px 0px #666; 
        overflow:hidden;
    }

    .left-box, .center-box  {margin-left:2%;}
    .left-box img, .center-box img, .right-box img {
        max-width:100%;
        top:0;
        left:0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .left-box span, .center-box span, .right-box span {
        width:100%;
        height:5em;
        top:0;
        margin-top:-5em;
        display:block;
        position:relative;
        float:left;
        background-color:#fff;
        color:#333333;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius : 6px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius : 6px;
           -moz-border-radius-bottomright : 6px;
           -moz-border-radius-bottomleft  : 6px;
        opacity:0.90;                 /* All browsers */
        filter:alpha(opacity=90);     /* For IE8 and earlier */
        line-height:125%;
    }

    .left-box span a, .center-box span a, .right-box span a { color:#000; text-decoration:none; display:block; padding:.3em .8em .8em .8em;}
    .left-box span a:hover, .center-box span a:hover, .right-box span a:hover { color:#e20074; text-decoration:none;}

    /* Rodap� T-Systems */
    #footer             { width: 66%; display:block; }
    #footer-first, 
    #footer-last        { float: left; width:100%;  position: relative; line-height: 250%; }
    #footer-first span  { padding-right: 30px;  font-size:1em; }
    #footer-last        { margin-bottom: 10px; }
    #footer a           { background: none; display: inline; padding-right: 30px; color: #333333; text-decoration: none; font-size:1em; }
    #footer a:hover     { color: #e20074; text-decoration: none; }

    /* *** Redes Sociais *** */
    #ctl00_ucFooter_divSocial,
    #social-icons       { width:32%; height:40px; float:right; margin-left:0; margin-top:-25px; display:block; vertical-align:middle; }
    #ctl00_ucFooter_divSocial img,
    #social-icons img   { max-width:24px; max-height:24px;}
    #ctl00_ucFooter_divSocial h1,
    #social-icons h1    { font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; color:#ccc; height:40px; float:left; margin-left:3%; display:block; width:35%; margin-right:4%; font-size:24px; line-height:110%;}
    
    /* Cockpit - Homepage do Usu�rio Logado */
    #cockpit, #contato {
        width:100%; 
        height:auto;
        min-height:22em;
        float:left; 
        display:block;

        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                border-radius:6px;
                
        border:#eee 1px solid;

        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;
                box-shadow: 1px 1px 0px #666;
                
        z-index:997;
        overflow:hidden;
    }
    #contato .info-contato
    {
        padding:20px 20px 30px 20px; 
        background-image: url(../image/Geschaeftszahlen-1_en-im.jpg); 
        background-position: top right; 
        background-repeat: no-repeat;
    }
    #contato p  { font-size:12px; line-height:100%; padding-left:20px;}
    #contato h1 { font-size:32px; margin-bottom:20px; }
    
    /* Accordion da Home de Administra��o */
    #admin-accordion 
    {
        margin-top:2em;
        width:100%; 
        height:auto;
        float:left; 
        display:block;
        position:relative;
        color:#333333;
    }
    #admin-accordion h3
    {
        font-weight:bold;
        font-size:11px;
        font-family:Arial, Helvetica, Sans-Serif;
    }
    
    /* Mensagem de Erro */
    #error-box 
    {
        margin:40px;
        padding:20px 20px 20px 96px;
        background-image:url(../image/icons/warning1_64.png);
        background-position:left top;
        background-repeat:no-repeat;
    }
    #error-box h1 { padding-bottom:20px;}
    #error-box em { line-height:200%; }
    #error-box span {color:#000; word-spacing:3px;}
    #error-box .btnSubmit 
    {
        margin:0;
        padding:0;
        margin-left:10px;
        width:100px;
        color:#ffffff;
        border:#E20074 1px solid;
        cursor:pointer;
        height:28px;
        line-height:28px;
        text-align:center;
        font-size:11px;
        font-weight:bold;
        -webkit-border-radius:3px;
           -moz-border-radius:3px;
                border-radius:3px;
    }

    /* Autentica��o */
    #autentication-box 
    {
        margin:40px;
        padding:20px 20px 20px 96px;
        background-image:url(../image/icons/key_64.png);
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #autentication-box h1 { padding-bottom:20px;}

    #autentication-box-inner {display: inline-block; margin: 20px 10px 20px 10px; width:100%;}
    #autentication-box-inner #lblSpace { display: none; }
    #autentication-box-inner input     { width:100px;}

    #autentication-box .btnSubmit 
    {
        margin:0;
        padding:0;
        margin-left:10px;
        width:100px;
        color:#ffffff;
        border:#E20074 1px solid;
        cursor:pointer;
        height:28px;
        line-height:28px;
        text-align:center;
        font-size:11px;
        font-weight:bold;
        -webkit-border-radius:3px;
           -moz-border-radius:3px;
                border-radius:3px;
    }

    /* Recupera��o de Senha */
    #forgot-password-box 
    {
        margin:40px;
        padding:20px 20px 20px 96px;
        background-image:url(../image/icons/help_64.png);
        background-position:left top;
        background-repeat:no-repeat;
    }
    #forgot-password-box h1        { padding-bottom:20px; }
    #forgot-password-box label     { text-align:center; }
    #forgot-password-box input     { width:100px; }
    #forgot-password-box .btnSubmit 
    {
        margin:0;
        padding:0;
        margin-left:10px;
        width:100px;
        color:#ffffff;
        border:#E20074 1px solid;
        cursor:pointer;
        height:28px;
        line-height:28px;
        text-align:center;
        font-size:11px;
        font-weight:bold;
        -webkit-border-radius:3px;
           -moz-border-radius:3px;
                border-radius:3px;
    }

    /* Acesso Negado */
    #access-denied-box 
    {
        margin:40px;
        padding:20px 20px 20px 96px;
        background-image:url(../image/icons/stop_64.png);
        background-position:left top;
        background-repeat:no-repeat;
    }

    #access-denied-box h1 { padding-bottom:20px;}
    
    /* Editar meus dados */
    #user-box 
    {
        margin:40px;
        padding:20px 20px 20px 96px;
        background-image:url(../image/icons/man_64.png);
        background-position:left top;
        background-repeat:no-repeat;
    }
    #user-box h1 { padding-bottom:20px;}
    
    /* Printscreens dos Produtos */
    .product-gallery {text-align:left;}
       
    .div-25,
    .div-33,
    .div-50,
    .div-66,
    .div-75 { margin-left:0; display:inline-block; margin-top:6px; }
}

/*
    Resolu��o padr�o para Smartphones em posi��o "paisagem" e
    - BlackBerry Curve, Storm, Torch 9800 & Bold incl. 9700
    - Sony Ericsson Vivaz
    - Apple iPhone 3G & 3GS
    - Apple iPod touch (1st, 2nd & 3rd generation)
    - BlackBerry Bold 9000
    - Samsung Galaxy Ace
    - LG Optimus One
    - HTC Desire C
*/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
    /*
    #MenuC {
                -moz-backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-transition: -moz-transform 0.5s ease;
                -webkit-transition: -webkit-transform 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease;
                transition: transform 0.5s ease;
                display: block;
                height: 44px;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 10001;
            }

                #MenuC .toggle {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80px;
                    height: 60px;
                    border: 0;
                }

                    #MenuC .toggle:before {
                        display: inline-block;
                        
                        text-decoration: none;
                        font-style: normal;
                        font-weight: normal;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\f0c9';
                        display: block;
                        width: 60px;
                        height: 40px;
                        background: rgba(232, 232, 232, 0.9);
                        border-radius: 4px;
                        position: absolute;
                        left: 5px;
                        top: 5px;
                        box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        color: #aaa;
                    }

                    #MenuC .toggle:active:before {
                        opacity: 0.5;
                    }
*/                    
    /* DIV principal */
    #main-div 
    {
        width:98%;
        max-width:98%;
        left:50%;
        margin-left:-49%;
        position:absolute;
    }
    
    /* Header */
    #header
    {
        margin:0;
        padding:0;
        width:100%; 
        height:90px; 
        background:url(/PortalDMS.Web/util/image/logo-im.gif) bottom right no-repeat;
        display:inline-block;
        position:relative;
    }
    
    #header h1  
    {
        font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter;
        font-size:40px;
        margin:0;
        padding:0;
        color:#333;
    }
    
    /* �rea de Not�cias */
    #news-area
    {
        width:100%; 
        height:30em;
        margin-top:16px;
        display:block;
        position:relative;
        
        background: #fbfbfb;
        background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
        
        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                border-radius:6px; 

        -webkit-box-shadow: 1px 1px 0px #666; 
           -moz-box-shadow: 1px 1px 0px #666; 
                box-shadow: 1px 1px 0px #666;

        overflow:hidden;
        border:none;
    }
    #news-area .info
    {
        display:block;
        background:none;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-transform:none;
        margin:0 10px 0 10px;
        top:32px;
        bottom:10px;
        left:0;
        right:0;
        position:absolute;
        overflow:auto;
    }
    #news-area .info span    { display:list-item; padding:5px; border-bottom:#aaa 1px dotted;}
    #news-area .info b       { line-height:150%; font-size:12px; text-shadow:1px 1px 0px #fff; }
    #news-area .info a       { text-decoration:none; color:#333333; text-align:justify; padding:0; margin:0;font-size:12px;}
    #news-area .info a:hover { text-decoration:none; color:#e20074;font-size:12px; }

    /* Carrossel */
    #carrossel { margin-top:-20px;}

    /* Texto descritivo dos produtos */
    #product-desc-text 
    {
                column-count:1;   /* W3C */
           -moz-column-count:1;   /* Firefox */
        -webkit-column-count:1;   /* Safari and Chrome */
        
                column-gap:20px;  /* W3C */
           -moz-column-gap:20px;  /* Firefox */
        -webkit-column-gap:20px;  /* Safari and Chrome */
    }
    
    /* Boxes de Produtos e Servi�os em Destaque */
    .left-box, .center-box, .right-box {    
        width:100%; 
        height:auto;
        float:left; 
        display:table-row;
        position:relative;
                 border-radius:6px;
           -moz-border-radius:6px; 
        -webkit-border-radius:6px; 
        border:none;
                box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666; 
        -webkit-box-shadow: 1px 1px 0px #666; 
        overflow:hidden;
    }
    .center-box, 
    .right-box 
    {
        margin-top:16px;
    }
    .left-box img, 
    .center-box img, 
    .right-box img 
    {
        width:100%;
        max-width:100%;
        top:0;
        left:0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .left-box span, 
    .center-box span, 
    .right-box span {
        width:100%;
        height:4em;
        top:0;
        margin-top:-5em;
        padding:.5em;
        display:block;
        position:relative;
        float:left;
        background-color:#fff;
        color:#333333;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius : 6px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius : 6px;
           -moz-border-radius-bottomright : 6px;
           -moz-border-radius-bottomleft  : 6px;
        opacity:0.90;                 /* All browsers */
        filter:alpha(opacity=90);     /* For IE8 and earlier */
        line-height:125%;
    }
    
    #boxes {width:0; height:0; clear:both; margin:0; padding:0; display:none;}
    #btnVerMapa {clear:both; margin:0; padding:0; display:none;}
    
    /* Rodap� T-Systems */
    #footer             { width: 100%; display:block; font-size:12px; margin-bottom:20px; text-align:center; }
    #footer span        { font-size:12px; line-height:3em;}
    #footer a           { background: none; display:list-item; color: #333333; text-decoration:underline; font-size:12px; }
    #footer a:hover     { color: #e20074; text-decoration: underline; }

    /* *** Redes Sociais *** */
    #ctl00_ucFooter_divSocial,
    #social-icons       { width:100%; height:auto; display:table-row; text-align:center;}
    #ctl00_ucFooter_divSocial h1,
    #social-icons h1    { font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; color:#ccc; height:40px; text-align:center; display:table-row; font-size:30px; line-height:100%;}
    
    /* Cockpit - Homepage do Usu�rio Logado */
    #cockpit, #contato {
        width:100%; 
        height:auto;
        min-height:22em;
        float:left; 
        display:block;

        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                border-radius:6px;
                
        border:#eee 1px solid;

        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;
                box-shadow: 1px 1px 0px #666;
                
        z-index:997;
        overflow:hidden;
        margin-bottom:16px;
    }
    #contato .info-contato
    {
        padding:20px 20px 30px 20px; 
        background-image: url(../image/Geschaeftszahlen-1_en-im.jpg); 
        background-position: top right; 
        background-repeat: no-repeat;
    }
    #contato p  { font-size:12px; line-height:100%; padding-left:20px;}
    #contato h1 { font-size:32px; margin-bottom:20px; }
    
    /*GLOSS�RIO*/
    #lettersBar a:link,
    #lettersBar a:active,
    #lettersBar a:visited { line-height: 36px; }
          
    .div-25,
    .div-33,
    .div-50,
    .div-66,
    .div-75 { margin-left:0; display:inline-block; margin-top: 6px;}
}

/*
    Resolu��o padr�o de smartphones e celulares gen�ricos e:
    Blackberry Curve
    Samsung Tocco
    HTC Wildfire
    Nokia E71
    Samsung Star & Star II
    Apple iPhone 3G & 3GS
    Apple iPod touch (1st, 2nd & 3rd generation)
    BlackBerry Bold 9000
    Samsung Galaxy Ace
    LG Optimus One
    HTC Desire C
*/
@media only screen and (max-width: 480px) 
{
/*
        #MenuC {
                -moz-backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-transition: -moz-transform 0.5s ease;
                -webkit-transition: -webkit-transform 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease;
                transition: transform 0.5s ease;
                display: block;
                height: 44px;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 10001;
            }

                #MenuC .toggle {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80px;
                    height: 60px;
                    border: 0;
                }

                    #MenuC .toggle:before {
                        display: inline-block;
                        
                        text-decoration: none;
                        font-style: normal;
                        font-weight: normal;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\f0c9';
                        display: block;
                        width: 60px;
                        height: 40px;
                        background: rgba(232, 232, 232, 0.9);
                        border-radius: 4px;
                        position: absolute;
                        left: 5px;
                        top: 5px;
                        box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
                        text-align: center;
                        line-height: 40px;
                        font-size: 18px;
                        color: #aaa;
                    }

                    #MenuC .toggle:active:before {
                        opacity: 0.5;
                    }
*/                    
    /* DIV principal */
    #main-div 
    {
        width:98%;
        max-width:98%;
        left:50%;
        margin-left:-49%;
        position:absolute;
    }
    
    /* Header */
    #header
    {
        margin:0;
        padding:0;
        width:100%; 
        height:80px; 
        background:url(../image/header_T-Systems_480.jpg) bottom center no-repeat;
             -o-background-size:100% auto;
        -webkit-background-size:100% auto;
           -moz-background-size:100% auto;
                background-size:100% auto;
        display:inline-block;
        position:relative;
    }
    
    #header h1  
    {
        font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter;
        font-size:36px;
        margin:0 0 0 5px;
        padding:0;
        color:#333;
    }
    
    /* Carrossel */
    #carrossel { margin:-20px; height:0px; width:0px;}
    
    /* �rea de Not�cias */
    #news-area
    {
        width:100%; 
        height:30em;
        margin-top:16px;
        display:block;
        position:relative;
        
        background: #fbfbfb;
        background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
        
        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                border-radius:6px; 
                
        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;  
                box-shadow: 1px 1px 0px #666;
                
        overflow:hidden;
        border:none;
    }
    #news-area .info
    {
        display:block;
        background:none;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        text-transform:none;
        margin:0 10px 0 10px;
        top:32px;
        bottom:10px;
        left:0;
        right:0;
        position:absolute;
        overflow:auto;
    }
    #news-area .info span    { display:list-item; padding:5px; border-bottom:#aaa 1px dotted;}
    #news-area .info b       { line-height:150%; font-size:12px; text-shadow:1px 1px 0px #fff; }
    #news-area .info a       { text-decoration:none; color:#333333; text-align:justify; padding:0; margin:0;font-size:12px;}
    #news-area .info a:hover { text-decoration:none; color:#e20074;font-size:12px; }
    
    /* Texto descritivo dos produtos */
    #product-desc-text 
    {
        -webkit-column-count:1;  /* Safari and Chrome */
           -moz-column-count:1;  /* Firefox */
                column-count:1;  /* W3C */
        
        -webkit-column-gap:0;    /* Safari and Chrome */
           -moz-column-gap:0;    /* Firefox */
                column-gap:0;    /* W3C */
    }
    
    /* Boxes de Produtos e Servi�os em Destaque */
    .left-box, 
    .center-box, 
    .right-box {    
        width:100%; 
        height:auto;
        float:left; 
        display:table-row;
        position:relative;
        
        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                 border-radius:6px;
                 
        border:none;
        
        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;
                box-shadow: 1px 1px 0px #666;
           
        overflow:hidden;
    }
    .center-box, 
    .right-box 
    {
        margin-top:16px;
    }
    .left-box img, 
    .center-box img, 
    .right-box img 
    {
        width:100%;
        max-width:100%;
        top:0;
        left:0;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
    }
    .left-box span, .center-box span, .right-box span {
        width:100%;
        height:4em;
        top:0;
        margin-top:-5em;
        display:block;
        position:relative;
        float:left;
        background-color:#fff;
        padding:.5em;
        color:#333333;

        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius : 6px;
           -moz-border-radius-bottomright : 6px;
           -moz-border-radius-bottomleft  : 6px;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius : 6px;
                
        opacity:0.90;                 /* All browsers */
        filter:alpha(opacity=90);     /* For IE8 and earlier */
        line-height:125%;
    }
    
    #boxes {width:0; height:0; clear:both; margin:0; padding:0; display:none;}
    #btnVerMapa {clear:both; margin:0; padding:0; display:none;}
    
    /* Rodap� T-Systems */
    #footer             { width: 100%; display:block; font-size:12px; margin-bottom:20px; text-align:center; }
    #footer span        { font-size:12px; line-height:3em;}
    #footer a           { background: none; display:list-item; color: #333333; text-decoration:underline; font-size:12px; line-height:18px; }
    #footer a:hover     { color: #e20074; text-decoration: underline; }

    /* *** Redes Sociais *** */
    #ctl00_ucFooter_divSocial,
    #social-icons       { width:100%; height:auto; display:table-row; text-align:center;}
    #ctl00_ucFooter_divSocial h1,
    #social-icons h1    { font-family:TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, Sans-Serif; font-weight:lighter; color:#ccc; height:40px; text-align:center; display:table-row; font-size:30px; line-height:100%;}
    
    /* Cockpit - Homepage do Usu�rio Logado */
    #cockpit, #contato {
        width:100%; 
        height:auto;
        min-height:22em;
        float:left; 
        display:block;

        -webkit-border-radius:6px; 
           -moz-border-radius:6px; 
                border-radius:6px;
                
        border:#eee 1px solid;

        -webkit-box-shadow: 1px 1px 0px #666;
           -moz-box-shadow: 1px 1px 0px #666;
                box-shadow: 1px 1px 0px #666;
                
        z-index:997;
        overflow:hidden;
        margin-bottom:16px;
    }
    #contato .info-contato
    {
        padding:20px 20px 30px 20px; 
        background-image: url(../image/Geschaeftszahlen-1_en-im.jpg); 
        background-position: top right; 
        background-repeat: no-repeat;
    }
    #contato p  { font-size:12px; line-height:100%; padding-left:20px;}
    #contato h1 { font-size:32px; margin-bottom:20px; }
    
    /*GLOSS�RIO*/
    #lettersBar a:link,
    #lettersBar a:active,
    #lettersBar a:visited { line-height: 36px; }
    
    .div-25,
    .div-33,
    .div-50,
    .div-66,
    .div-75 { margin-left:0; display:inline-block; margin-top: 6px;}
    
    label { max-width:33%; }
    input ["type=text"],
    select { max-width: 60%; }
}

#dashboard-Box
{
    width:100%;
    background:#ffffff;

    -webkit-border-radius:6px;
       -moz-border-radius:6px;  
            border-radius:6px;
    
    border:#eee 1px solid;

    -webkit-box-shadow: 1px 1px 0px #666;
       -moz-box-shadow: 1px 1px 0px #666;
            box-shadow: 1px 1px 0px #666;
                
    overflow:hidden;
    padding:10px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba

(217,217,217,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-

stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(217,217,217,1))); /* 

Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 

0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba

(217,217,217,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba

(217,217,217,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba

(217,217,217,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( 

startColorstr='#fbfbfb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6

-8 */
}

#headerDashboard
{
    display:inline-block;
}

#contentDashboard
{
    display:inline-block;
    width:100%;
    width: 96%;
    padding-left: 2%;
}

.cockpit-box
{
    border:#bbb 1px solid; 
    background-color:#fff; 
    line-height:200%; 
    
    -webkit-box-shadow: 1px 1px 2px #999; 
       -moz-box-shadow: 1px 1px 2px #999; 
            box-shadow: 1px 1px 2px #999;
    
    letter-spacing:0.1em;
    text-transform:uppercase;
}

#contentDashboard .valor
{
    font-family: TeleGroteskNor, 'Trebuchet-MS', Arial, "MS Sans Serif", 

sans-serif;
    font-size: 36px;
    color: #999999;
    margin-top: 20px;
    letter-spacing: 3px;
    text-align: center;
    margin-top: 5px;
}

#contentDashboard table
{
    border: none;
    margin-top: 20px;
    margin-bottom: 10px;
    border-collapse: separate;
}

#contentDashboard h1
{
font-family: TeleGroteskNor, 'Arial Narrow', 'Trebuchet MS', Arial, 

Sans-Serif;
font-weight: lighter;
font-size: 26px;
color: #e20074;
text-align: center;
margin-top: 10px;
}

#contentDashboard span
{
    display: block;
    width: 100%;
}

.chart 
{
    margin:20px; z-index:496;
}

.cockpit-box img 
{ 
    margin:0 0 6px 0;
}

#contentDashboard span      { display:block; width:100%; margin-

bottom:30px; font-size:11px; }
#contentDashboard span.info { padding-left:10px; margin-top:-5px; }
#contentDashboard a:link    { color:#333333; text-decoration:none; 

font-size:11px;}
#contentDashboard a:visited { color:#333333; text-decoration:none; 

font-size:11px;}
#contentDashboard a:hover   { color:#e20074; text-decoration:none; 

font-size:11px;}

.meganizr, .meganizr a, #app-menu, #nav
{
   z-index: auto !important;
}
        
#footer
{
   z-index: -1 !important;
}