/********************************************
   CCEL - COORDENADORIA DE LICITAÇÕES DO ESTADO DO PIAUÍ
   Design: Mano HD. Rap é compromisso!!!
 *******************************************/


 /********************************************
   Tags HTML
********************************************/

/* resete */
* {padding: 0; margin: 0;border:0;}

body {
  margin: 0;
  padding: 0;
  font: 14px 'Trebuchet MS', Tahoma, sans-serif;
  color: #555;
  background: #FFF url(../images/bg.gif) repeat-x;
  text-align: center;
}

ul{
  list-style: none;
}

/* links */

a {color: #72A545; text-decoration: none;}

a:hover {
  background: inherit;
  color: #415C27;
  text-decoration: underline;
}

menu {color: #72A545; text-decoration: none;}


/* Cabeçalhos */

h1, h2, h3 {
  font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
}

h1 {font-size: 25px;}

h2 {font-size: 20px;}

h3 {font-size: 18px;}

p, h1, h2, h3 {margin: 10px 15px;}

texto {
  font: 14px 'Trebuchet MS', Tahoma, sans-serif;
  color: #555;
}

a.textolink {
  font: 14px 'Trebuchet MS', Tahoma, sans-serif;
  text-decoration: none;
  color: #555;
}

a.textolink:hover {
  font: 14px 'Trebuchet MS', Tahoma, sans-serif;
  text-decoration: underline;  
  color: #555;
}


/* imagens */

.imgb {
  border: 1px solid #DADADA;
  padding: 5px;
  background: #FAFAFA;
}

img.float-right {margin: 5px 0px 5px 15px;}

img.float-left {margin: 5px 15px 5px 0px;}

acronym {cursor: help; border-bottom: 1px solid #777;}

blockquote {
  margin: 15px;
  padding: 0 0 0 20px;
  background-color: #FAFAFA;
  background-position: 8px 10px;
  border: 1px solid #f2f2f2;
  border-left: 3px solid #72A545;
  font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
  color: #666666;
}


/* elementos do formulario */

form {
  margin: 10px 15px;
  padding: 0;
  border: 1px solid #f2f2f2;
  background-color: #FAFAFA;
}

label {display: block; font-weight: bold; margin: 5px 0;}

input {
  padding: 2px;
  border: 1px solid #eee;
  font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
  color: #666;
  border: 1px solid #999;
}

textarea {
  width: 400px;
  padding: 2px;
  font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
  border: 1px solid #eee;
  height: 100px;
  display: block;
  color: #777;
}

button {
  margin: 0;
  font: bold 1em Arial, Sans-serif;
  background: #FFF url(../images/gradientbg.jpg) repeat-x;
  padding: 2px 3px;
  border: 1px #666 solid;
  color: #666;
}

input.text {
  padding: 2px 3px;
  border: 1px #666 solid;
  color: #666;
}

select {
  padding: 2px;
  border: 1px solid #eee;
  font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
  color: #777;
  width:200px;
}


/* formulario de busca */

.form-busca {
  float: left;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  width: 240px;
}

.form-busca input.textbox {
  width: 130px;
  color: #333;
  height: 20px;
  padding: 2px;
  vertical-align: top;
  margin-left: 20px;
}

.form-busca input.button {
  font: bold 12px Arial, Sans-serif;
  color: #333;
  width: 60px;
  height: 26px;
  border: 1px solid #DADADA;
  padding: 3px 5px;
  vertical-align: top;
}


/***********************
	  LAYOUT
************************/

#conteudo-topo, #conteudo, #conteudo-rodape {
  width: 800px;
}


/*topo */

#topo {height: 160px; text-align: left;background: url(../images/banner-ccel.jpg) center 39px no-repeat }

#conteudo-topo {
  margin: 0 auto;
  padding: 0;
  position: relative;
}


/* topo menu */

#conteudo-topo ul {
  position: absolute;
  right: -5px;
  top: 8px;
  font: bolder 12px 'Trebuchet MS',sans-serif;
  background: url(../images/fundo-menu-topo.png) top center no-repeat;
  width: 400px;
  height:35px;
  color: #FFF ;
  list-style: none;
  margin: 0;
  padding:0 0 0 15px;
}

#conteudo-topo li {display: inline;}

#conteudo-topo li a {
  float: left;
  display: block;
  padding: 8px 22px;
  color: #FFF;
  background-color: #65944A;
  text-decoration: none;
}

#conteudo-topo li a:hover {
  background: #333;
  color: #FFF;
}

#conteudo-topo li a#current {
  background: #333;
  color: #FFF;
}


/* foto topo */

#slide-show {
  margin:0;
  width:510px;
  height:170px;
  overflow: hidden;
  border: 1px solid #DADADA;
  padding: 5px
}

#slide-show li{
  width:99%;
  height:99%;
}

#slide-show img{
  margin:2px 0 0 5px;
  border:0;
  width:99%;
  height:98%; */
}

/* conteudo */

#conteudo-corpo {clear: both; float: left; width: 100%;}

#conteudo {
  text-align: left;
  padding: 0;
  margin: 0 auto;
}


/* box lateral */

#box-lateral {float: left; width: 240px; padding: 0;}

.box-lateral {
  background: url(../images/meio-menu.gif);
  width: 100%;
  margin-bottom: 10px;
  padding: 0px;
  float: left;
  font-size: 12px;
}

#box-lateral p {
  float: left;
}

#box-lateral h1 {
  padding:11px 0 0 10px;
  margin: 0;
  font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
  background: url(../images/topo-menu.gif) top center no-repeat;
}

#box-lateral .fundo-box{
  background: url(../images/fundo-menu.gif) bottom left no-repeat;
  width: 100%;
  height:12px;
  float: left;
  text-indent: -3000px;

}

#menu h4{cursor: pointer;}


/*  menu lateral  */

#box-lateral ul {margin: 10px 30px; padding: 0 15px;}
#box-lateral ul.hide-menu{display: none;}

#box-lateral ul.menu-lateral {
  width: 200px;
  list-style: none;
  padding: 0;
  margin:0;
  margin:20px 0 0 20px;
}


#box-lateral img {
/*  width: 80%;*/
}

#box-lateral ul.menu-lateral li a {
  height: 32px;
  voice-family: inherit;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
}

#box-lateral ul.menu-lateral li a:link, #box-lateral ul.menu-lateral li a:visited {
  color: #333;
  margin:0;
  display: block;
  background: url(../images/menu18.gif);
  padding: 8px 0 0 10px;
}

#box-lateral ul.menu-lateral li a:hover, #box-lateral ul.menu-lateral li #current {
  color: #FFF;
  background: url(../images/menu18.gif) 0 -40px;
  padding: 8px 0 0 10px;
}


/* meio */

#meio {
  float: left;
  width: 550px;
  margin: 0 0 20px 8px;
  padding: 0;
}

#meio h1 {
  padding: 10px 0px 0px 5px;
  margin: 0 0 0 10px;
  border-bottom: 1px solid #f2f2f2;
  font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}

#meio b.marcador {
  padding: 10px 0px 0px 5px;
  margin: 0 0 0 10px;
  color: #72A545;
}

#meio .lista{padding: 0;margin:20px 5px;}

#meio .lista-noticia{margin:20px;font-size: 14px;}

#meio .lista-noticia li{float:left;width: 100%;margin:5px 0;}

#meio .lista-noticia a{color: #415C27;}

#meio .lista-noticia a:hover{color: #72A545;}

#meio .lista a span.data-arquivo{
  font-size: 12px;
  color: #777;
}

#meio ul.lista-download li a{
  list-style: none;
  background: url(../images/pdf.gif) right center no-repeat;
  padding-right: 20px;
  font-weight: bold;
}

.post {
  margin: 0;
  padding: 0;
  background: #FFF url(../images/gradientbg.jpg) repeat-x;
  border: 1px solid #EFEDED;
  width: 520px;
}

.post .post-rodape {
  background-color: #FAFAFA;
  border: 1px solid #f2f2f2;
  padding: 5px;
  margin-top: 20px;
  font-size: 95%;
}

.post .post-rodape .data {
  background: url('../images/clock.gif') no-repeat 0 center;
  padding-left: 20px;
  margin: 0 10px 0 5px;
}

.post .post-rodape .comentarios {
  background: url('../images/comment.gif') no-repeat 0 center;
  padding-left: 20px;
  margin: 0 10px 0 5px;
}

 .leia-mais {
  background: url('../images/page.gif') no-repeat 0 center;
  padding-left: 20px;
  margin: 0 10px 0 5px;
  font-weight: bold;
  color: #415C27;
}

 a.leia-mais:hover {
  background: url('../images/page.gif') no-repeat 0 center;
  color: #72A545;
}


/* rodape */

#rodape {
  clear: both;
  margin: 10px 0;
  padding: 0;
  font: normal 12px 'Trebuchet MS', Tahoma, Arial, sans-serif;
  text-align: left;
  background: #333;
  width: 100%;
  border-top: 3px solid #333;
  color:#EAEAEA;
}

#rodape h1, #rodape p {margin-left: 0;}

#conteudo-rodape {
  margin: 0 auto;
  padding-left: 15px;
  text-align: center;
}

#conteudo-rodape a {text-decoration: none; color: #777;}

#conteudo-rodape a:hover {
  text-decoration: underline;
  color: #ccc;
}

#conteudo-rodape ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

#conteudo-rodape ul li{
  display: inline;
}

#conteudo-rodape ul li a{
  display: inline;
  color:#72A545;
}

/* alinhamento das classes */

.float-left {float: left;}

.float-right {float: right;}

.align-left {text-align: left;}

.align-right {text-align: right;}


/* classes adicionais */

.clear {clear: both;}

.gray {color: #BFBFBF;}