Imprimir
Modularização:
%STARTINCLUDE%
body {
margin: 20px 0px;
padding: 0px;
background-color: #F0F0F0;
text-align: center;
font-family: verdana, helvetica, sans-serif;
font-size: 14px;
background: #fff url('%ATTACHURLPATH%/bgfundo.png') top center;
}
#corpo {
width: 760px;
margin: auto;
text-align: left;
padding-top: 100px;
}
#login {
padding: 20px;
}
#logo {
width: 250px;
height: 105px;
float: left;
/* background-color: #FFF; */
background-image: url("%ATTACHURL%/logo-marsol-144x100-cinza.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
margin-top: -110px;
z-index: 10;
}
#user {
padding-left: 20px;
padding-right: 20px;
}
#cabecalho{
/* width: 505px; */
width: 760px;
max-width: 520px;
padding-left: 240px;
height: 105px;
float: right;
margin: 0px;
position: absolute;
margin: -110px 0px 0px 0px; /* 240px; */
background-color: #FFFFFF;
background-image: url("%ATTACHURL%/bgtop.png");
background-repeat: repeat-x;
background-position: left bottom;
}
#cabecalho strong{
display: block;
margin: 20px 20px 0px 20px;
font-size: 38px;
color: #000000;
}
/* #cabecalho b{
display: block;
margin: 0px 0px 0px 20px;
font-size: 22px;
color: #000000;
} */
#cabecalho span{
display: none;
}
#cabecalho strong span{
display: inline;
margin-left: 5px;
font-size: 18px;
letter-spacing: 1px;
}
#imgs{
width: 765px;
height: 155px;
margin-top: 0px;
}
#imgs div{
float: left;
width: 250px;
height: 150px;
margin-right: 5px;
position: relative;
}
#img3{
margin-right: 0px;
}
#imgs img{
position: absolute;
top: 0px;
left: 0px;
}
#tronco{
clear: both;
background-image: url("%ATTACHURL%/bgleft.png");
background-repeat: repeat-y;
}
#sidebar {
clear: both;
width: 250px;
float: left;
}
#sidebar a {
color: #545454;
}
#getFF{
display: block;
margin-top: 30px;
text-align: center;
color: #000;
text-decoration: none;
font-size: 10px;
letter-spacing: 2px;
}
#getFF img{
text-align: center;
margin: auto;
display: block;
}
.topic-Atas #conteudo .twikiLink {
margin-top: 4px;
}
/* Menu Inicio */
#menu{
clear: right;
width: 505px;
max-width: 485px;
padding-left: 20px;
height: 40px;
float: right;
background-color: #FC0;
text-align: center;
}
#menu ul,
#menu li{
margin: 0px;
padding: 0px;
list-style: none;
display: inline;
}
#menu a{
display: block;
float: left;
color: #000;
text-decoration: none;
line-height: 40px;
padding: 0px 5px;
margin-left: 1px;
}
#menu a:hover{
background-color: #FFEE88;
color: black;
}
#menu ul ul{
display: none;
background-color: #FFEE88;
border: 1px solid #FFCC22;
position: absolute;
right: 200px;
top: 310px;
width: 130px;
list-display: none;
margin: 0px;
z-index: 99;
}
#menu ul ul li{
float: left;
}
#menu ul ul ul{
top: 5px;
left: 50px;
}
#menu ul ul a{
padding: 0px 2px 0px 5px;
display: block;
width: 120px;
text-align: left;
line-height: 40px;
background-color: #FFEE88;
}
#menu ul ul a:hover{
background-color: #FFFFDD;
}
#menu ul ul a.linkSubMenu:link,
#menu ul ul a.linkSubMenu:active,
#menu ul ul a.linkSubMenu:visited{
font-weight: 800;
}
/* fim do menu */
#conteudo{
clear: right;
position: relative;
margin-top: 5px;
width: 505px;
max-width: 475px;
padding: 0px 15px;
float: right;
background-color: #cfeaf1;
background-position: left top;
background-image: url("%ATTACHURL%/bgconteudo.png");
background-repeat: repeat-x;
text-align: left;
z-index: 0;
}
#rodape{
clear: both;
margin: 5px 0px;
padding: 5px;
background-color: #FC0;
color: #540;
font-size: 9px;
text-align: center;
position: relative;
}
#btsTWiki{
position: absolute;
right: 10px;
top: 5px;
}
hr {
border-top: 1px dashed #fff;
border-bottom: none;
color: #fff;
height: 4px;
margin-left: 10px;
margin-right: 10px;
}
#btPrint span {
display: none;
}
#btPrint {
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 5px;
background-position: left top;
background-image: url("%ATTACHURL%/print.png");
background-repeat: no-repeat;
}
/* * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebConteudoCSS}%
/* * * Intranet * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebIntranetCSS}%
%STOPINCLUDE%