body {margin:79px 0 12px; background: #fff url(fun.jpg) no-repeat center top;
      padding: 0; text-align: center;
      color: #000;
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      line-height:1.3em;
}

/* DIVS */

#tudo {
    width: 904px;
    margin: 0 auto;
    text-align: left;
    background: #fff url(images/fun-principal.jpg);
}
#topoleft {
    float: left;
    width: 13px;
    height: 76px;
    background-color: #ccc;

}
#toporight {
    float: right;
    width: 13px;
    height: 76px;
    background-color: #ccc;
}
#topo {
    float: left;
    width: 878px;
    height: 76px;
    background-color: #ccc;
}
#topo1 {
    float: left;
    width: 570px;
    height: 76px;
}
#topo2 {
    float: right;
    width: 308px;
    height: 76px;
}
#logo1 {
    float: left;
    width: 438px;
    height: 142px;
    background-image:url(images/logo1.jpg);
}
#logo2 {
    float: right;
    width: 466px;
    height: 142px;
    background-image:url(images/logo2.jpg);
}
#nav1 {
    float: left;
    width: 10px;
    height: 31px;
    background-color: #ccc;
}
#nav {
    float: left;
    width: 882px;
    height: 31px;
    background-color: #ccc;
    text-align:right;
    word-spacing:3px;
    font-weight:700;
    line-height: 30px;
    padding-right: 2px; 
    letter-spacing:1.6px;        
}
#nav2 {
    float: right;
    width: 10px;
    height: 31px;
    background-color: #ccc;
}
#sombra1 {
float : left;
width : 148px;
height : 24px;
background-color: #125092;
}
#left {
    float: left;
    width: 10px;
    height: 24px;
    background-color: #125092;
}
#sombra2 {
    float: left;
    width: 610px;
    height: 22px;
    background-color: #125092;
    text-align:left;
    font-size:11px;
    color:#ccc;
    padding-top:2px;    
}
#sombra3 {
float : right;
width : 146px;
height : 24px;
background-color: #125092;
} 
#right {
    float: right;
    width: 10px;
    height: 24px;
    background-color: #125092;
}     
#menu {
    float: left;
    width: 151px;
    padding: 0 0 0 2px;    
    background-color: transparent;
}
#conteudo {
    float: left;
    width: 580px;
    height: 100%;
    padding: 5px;
    background-color: transparent;
}
* html #conteudo {
  padding: 10px;
}
#noticias {
    float: right;
    width: 134px;
    padding: 5px;
    background-color: transparent;
    color: #ccc;
}
* html #noticias {
  padding: 10px 6px;
}
#rodape {
    clear:both;
    width: 904px;
    height: 41px;
    padding: 0;
    background-color: #ccc;
    text-align:center;
    line-height: 41px;
}
#rodape1 {
    float: left;
    width: 13px;
    height: 41px;
    background-color: #135091;
}
#rodape2 {
    float: right;
    width: 13px;
    height: 41px;
    background-color: #135091;
}

.rod {
    background: #fff url(images/sombra.jpg) no-repeat center top;
    height: 55px;
    padding-top:12px;
}

#busca2 {
    padding-left:8px;
}

/* CANTOS */
.topleft, .topright, .nav-left, .nav-right, .rodape-left, .rodape-right, .sombra-left, .sombra-right{
background:url(images/cantos.png) no-repeat;
}


.topleft{
background-position: 0 0;
width: 13px;
height: 76px;
}


.topright{
background-position: -14px 0;
	width: 13px;
height:76px;
}
.nav-left{
background-position: 0 -77px ;
width: 10px;
height: 31px;
}


.nav-right{
background-position: -11px -77px ;
width: 10px;
height: 31px;
}


.rodape-left{
background-position: 0 -134px ;
width: 13px;
height: 43px;
}


.rodape-right{
background-position: -14px -134px ;
width: 13px;
height: 43px;
}


.sombra-left{
background-position: 0 -109px ;
width: 10px;
height: 24px;
}


.sombra-right{
background-position: -11px -109px ;
width: 10px;
height: 24px;
}



/* FUNDOS */
.fun-top, .fun-nav, .fun-sombra, .fun-sombra2, .fun-rodape{
background: url(images/fundos.png) repeat-x;
}


.fun-top{
background-position: 0 0;
 width: 1px;
 height: 76px;
}


.fun-nav{
background-position: 0 -82px; 
width: 1px;
height: 31px;
}


.fun-sombra{
background-position: 0 -120px; 
width: 1px; 
height: 24px;
}


.fun-sombra2{
background-position: 0 -145px; 
width: 1px; 
height: 24px;
}


.fun-rodape{
background-position: 0 -173px; 
width: 1px; 
height: 43px;
}

/* ALINHAMENTOS GERAIS LISTAS E PARÁGRAFOS */
.center{text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.menu1 {font-size:11px; 
        text-align:right; 
        margin-right:10px; 
        line-height:12px;
        word-spacing:10px;
}

ul.list1 {list-style: none url(images/1set.gif);
font-size:11px;margin-left:14px; padding:0;line-height:30px;
}

ul.list2 {list-style: none url(images/2set1.gif);
font-size:11px;margin-left:18px; padding:0;line-height:38px;
}

ul.list3 {list-style: none url(images/3set.gif);
font-size:11px;margin-left:18px; padding:0;line-height:38px;
}

ul.list4 {list-style: none url(images/2set1.gif);
font-size:11px;margin-left:18px; padding:0;line-height:18px;
}

ul.list5 {list-style: none url(images/3set.gif);
font-size:11px;margin-left:18px; padding:0;
}

.p1 {font-size:12px;color:#000;
     text-align: right;
     padding-right:20px;
     padding-top: 18px;
}
* html .p1{padding-top: 30px;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif;
     text-align:left;
     letter-spacing:1px;
     font-size:13px;
     color:#092d51;
     background: url(images/bar.gif) no-repeat left bottom;
     padding-bottom: 3px;
}
 
/* FONTES */
   
.aonze{font-size:10px;color:#ccc;}
.aonze1{font-size:10px;color:#006;}
.gonze{font-size:11px;color:#000;}

/* LINKS */
a:link,a:visited,a:active,a.type1:link,a.type1:visited,a.type1:active {
color:#006;
text-decoration:none;
}
a:hover{color:#006;text-decoration:underline;}

a.type1:hover{color:#FF6000;text-decoration:none;} 

a.type2:link,a.type2:visited,a.type2:active,a.type3:link,a.type3:visited,a.type3:active,a.type5:hover {
color:#fff;text-decoration:none;}
a.type2:hover{color:silver;text-decoration:underline;} 

a.type4:link,a.type4:visited,a.type4:active,a.type4:hover {
color:#000;
text-decoration:none;
}

/* IMAGENS */
a img{border:none;}

.img1 {
    float:right;
    margin:0 0 5px 10px;
  }  p {    text-align:justify;
}

.img2 {
    float:left;
    margin:0 10px 5px 0;
  }  p {    text-align:justify;  
}

.img3 {
    margin:3px 0 0 35px;  
}

/* MENU VERTICAL */
#ddblueblockmenu{
border-bottom-width: 0;
width: 144px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 100% 'Trebuchet MS','Arial','Lucida Grande', sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 136px; /*197px minus all left/right paddings and margins*/
text-decoration: none;
color: #fff;
background-color: #135091;
border-bottom: 1px solid #09284d;
}
* html #ddblueblockmenu li a{ /*IE only */
width: 131px; /*IE 5*/
w\idth: 136px; /*197px minus all left/right paddings and margins*/
}
#ddblueblockmenu li a:hover {
background-color: #2e6aac;
}
#ddblueblockmenu li #current {
text-decoration:none;background-color: #2e6aac;
}
#ddblueblockmenu div.menutitle{
border-bottom: 1px solid #09284d;
padding-top: 5px;
background-color: #135091;
padding-left: 6px;
}

/* FORMULARIOS */
form {
      margin: 0;
      padding: 0;
}
 form .item {clear: left;
	    border-top: 1px solid #eee;
	    margin: 3px;
}
 form .label{float: left;
            clear: left;
            width: 150px;padding-top:6px;
}
 form .input input, textarea, select
            {color: #0d3a63;
             border: 1px solid;
             background: #f1f6fa;
             margin: 3px;
             padding: 2px;
}
.campo {font-family: Verdana, Arial, Times New Roman; 
          font-size: 11px; 
          color: #03276a; 
          background: #ebeef3; 
          border: 1px solid #000;
} 
.ok, .ok1 {background:url(images/cantos.png) no-repeat;     
     border: 0;
     width:22px;
     height:22px;
     cursor:pointer;}
.ok {background-position: -2px -204px;}
.ok1 {background-position: -0 -177px;}
.button {background: #fff url(pics/input.png) top left no-repeat;
         color: #999;
         border: 0;font-size: 12px;padding: 3px;
}

/* TITLES */
.t-artigos, .t-briefing, .t-busca, .t-categorias, .t-contatos, .t-duvidas, .t-enquete, .t-fantastico, .t-info, .t-linguagens, .t-links, .t-noticias, .t-port, .t-scripts, .t-servicos, .t-tags, .t-webmail, .t-nav, .t-gloss, .t-subcategorias {
  background-image: url("images/titles.png");
  width: 117px;
  height: 27px;
}
.t-artigos {
  background-position: 0 0;
}
.t-briefing {
  background-position: 0 -28px;
}
.t-busca {
  background-position: 0 -56px;
}
.t-categorias {
  background-position: 0 -84px;
}
.t-contatos {
  background-position: 0 -112px;
}
.t-duvidas {
  background-position: 0 -140px;
}
.t-enquete {
  background-position: 0 -168px;
}
.t-fantastico {
  background-position: 0 -196px;
}
.t-info {  
  background-position: 0 -224px;
}
.t-linguagens {
  background-position: 0 -252px;
}
.t-links {  
  background-position: 0 -280px;
}
.t-noticias {  
  background-position: 0 -308px;
}
.t-port {  
  background-position: 0 -336px;
}
.t-scripts {  
  background-position: 0 -364px;
}
.t-servicos {  
  background-position: 0 -392px;
}
.t-tags {  
  background-position: 0 -420px;
}
.t-webmail {  
  background-position: 0 -448px;
}
.t-nav {  
  background-position: 0 -476px;
margin-bottom: 5px;
}
.t-gloss {  
  background-position: 0 -504px;
}
.t-subcategorias {  
  background-position: 0 -533px;
}

/* VALIDADORES */
.sprite {
margin:0;
padding:0;
overflow:hidden;
}

.sprite li {	
margin-bottom:5px;
list-style:none;
}
.sprite li a {
background-image:url(images/validadores3.png);
background-repeat:no-repeat;
display:block;
width:80px;
height:15px;
text-indent:-9999px;
}
.sprite li a.xhtml {background-position:0 0;}
.sprite li a:hover.xhtml {background-position:0 -15px;}
.sprite li a.css {background-position:0 -30px;}
.sprite li a:hover.css {background-position:0 -45px;}
.sprite li a.tableless {background-position:0 -60px;}
.sprite li a:hover.tableless {background-position:0 -75px;}
.sprite li a.browser {background-position:0 -90px;}
.sprite li a:hover.browser {background-position:0 -105px;}
.sprite li a.copy {background-position:0 -120px;}
.sprite li a:hover.copy {background-position:0 -135px;}

/* TAGS */
#tags ul {
text-align:left;
line-height:200%;
margin:1em 0;
padding:.5em 5px .5em 0;
}
#tags li {
list-style:none;
display:inline;
margin:0;
padding:0;
}
#tags li a {
text-decoration:none;
color:#fff;
padding:0 2px;
}
#tags li a:hover {
color:silver;
text-decoration:underline;
}
.tag1 {
font-size:105%;
}
.tag2 {
font-size:85%;
}
.tag3 {
font-size:75%;
}
.tag4 {
font-size:95%;
}
.tag5 {
font-size:125%;
}
#tags .alt {
text-align:left;
background:none;
padding:0;
}
#tags .alt li {
background:#efefef;
display:block;
padding:2px 10px;
}
#tags .alt .tag1,#tags .alt .tag2,#tags .alt .tag3,#tags .alt .tag4,#tags .alt .tag5 {
font-size:100%;
}
#tags .alt .tag1,#tags .alt .tag3,#tags .alt .tag5 {
background:#7cc0f4;
}
#tags .alt .tag2,#tags .alt .tag4 {
background:#6cbbf4;
}


/* SOCIAL */
.social {
margin:0;
padding:0;
overflow:hidden;
}

.social li {	
margin-bottom:5px;
list-style:none;display:inline;
}

.social li a {margin:2px 2px 5px 0;
float:left;
background-image:url(images/social-ml.png);
background-repeat:no-repeat;
display:block;
width:18px;
height:18px;
text-indent:-9999px;
}
.social li a.facebook {background-position:-1px -2px;}
.social li a:hover.facebook {background-position:-1px -23px;}
.social li a.twitter {background-position:-22px -2px;}
.social li a:hover.twitter {background-position:-22px -23px;}
.social li a.plus {background-position:-43px -2px;}
.social li a:hover.plus {background-position:-43px -23px;}
.social li a.linkedin {background-position:-62px -2px;}
.social li a:hover.linkedin {background-position:-62px -23px;}

/* BOTAO CURTIR */
.botaocurtir {text-indent:-5000px; 
overflow:hidden; float:left;
display: block; 
width: 55px; 
height: 20px; 
background-image:url(images/Botoes.png); 
background-repeat:no-repeat; 
background-position:  0 -40px; 
} 
.botaocurtir:hover {background-position: 0 -60px;}
.botaotwitter { 
text-indent:-5000px; 
overflow:hidden; float:left;
display: block; 
width: 55px; 
height: 20px; 
background-image: url(images/Botoes.png); 
background-repeat: no-repeat; 
background-position: 0 0; 
} 
.botaotwitter:hover {background-position: 0 -20px;}