Difference: FolhasDeEstilosNeclif ( vs. 1)

 
%STARTINCLUDE%

html, body {height:100%;} 

body{
    background: #FFFFFF;
   margin:0; 
   padding:0;
   color:#000;
   font-size:12px Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
}

#total{ 
   width:780px;
   position:relative; 
   background:#fff;
   margin:0 auto;
   text-align:left;
   min-height:100%;
   border: 0px solid #000;
    font:12px Verdana, Helvetica, sans-serif;
   background: url(%ATTACHURLPATH%/fundo_brancorosa.jpg) right;
}

* html #total {height: 100%;}

#endneclif {
   width:155px;
   padding-top:120px;
   padding-left:1px;
   border:0px solid #000;
   margin-left: 0px;
}
.endereco {
   font:8px Verdana, Helvetica, sans-serif bold;
   text-align:center;
}

#topo{
   background-color:#FFF;
   background: url(%ATTACHURLPATH%/topo.jpg) no-repeat bottom;
   height:150px;
   text-align:center;
   padding-top:1px;
}
#conteudo{
    padding-bottom:30px;
    border: 0px solid #000;
    min-height: 100%;
}

#outer{
    float: right;
    margin-top: 20px;
    padding: 0px;
    border:0px solid #0066FF;
}
#principal{
   width:580px;
   padding-right:20px;
   float:right;
   padding-top:10px;
   text-align:justify;   
}

#esquerda{
   width:150px;
   float:left;
   padding-top:10px;
   padding-left: 2px;
   border:0px solid #FF0000;   
}

#brasao{
   background: url(%ATTACHURLPATH%/brasaoufba.jpg) no-repeat bottom center;
   width:50px;
   float:center;
   margin-top:40px;   
   margin-left:40px;
   padding-top:15px;
   padding-left:5px;
   position: absolute;
   height:50px;
      border:0px solid #FF0000;
}

#rodape{
   background:#FFF;
   width:780px;
   height:20px;
   position: absolute;
   bottom:0;
   border:dotted #999;
   border-width:0px 0;
   text-align:center;
   font-size: 9px;
   padding-top:5px;   
}

#rodape p{
   margin:0;
   font-weight:normal;
   color:#060;
}

#esquerda ul{
   width:140px;
   margin:0px;
   padding:0;
   list-style:none;
}

#esquerda ul li{margin:5px 0 0 10px; }

#esquerda ul li a, ul li a:visited {
   height:1%;
   font:12px Verdana, Helvetica, sans-serif;
   display:block;
   background:#939;
   color:#fff;
   text-decoration:none;
   padding:2px 10px;
}

#esquerda ul li a:hover{
   background:#939;
   color:#FFCCFF;
   border-bottom:0px solid #999;   
}

h1, h2, h4{    
   font:bold 22px Verdana, Helvetica, sans-serif;
   color:#060;
}

h4{font-size:16px;}

.clear {clear:both;}

#nav li.um {
   margin-bottom:8px;
   text-align:center;
}

#noticias{
 position: relative;
 float: right;
 width: 40%;
 border: 1px solid black;
 clear: both;
 margin: 1em 0.1em 0.2em 1em;
 padding: 0;
 padding-bottom: 0.5em;
 position: relative;
 background-color: #99cc99;
}

#noticias  div.header{
  padding: 0.2em 0.5em 0.2em 0.1em;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  background-color: #cccc77;
  border-color: #f4f4b3;
  border-style: solid;
  border-width: 2px;
}

#noticias ul{
  list-style: none;
  margin: 0;
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 70%;
  width:200px;
}

#noticias li{
  list-style: none;
  margin: 0;
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 70%;
}
#noticias ul li a, ul li a:visited{
   height:1%;
   font:12px Verdana, Helvetica, sans-serif;
   display:block;
   background:#FFF;
   color:#000;
   text-decoration:none;
   padding:2px 10px;
}

#noticias ul li a:hover{
   background:#ECF6D8;
   color:#000;
   border-bottom:0px solid #999;   
}
%STOPINCLUDE%