/*  
	Theme Name: CREB
	Theme URI: http://creb.com.br/
	Description: CREB <a href="http://creb.com.br">CREBe</a>.
	Version: 1.0
	Author: Bruno Gosling
	Author URI: http://newgosling.com/
*/

* {font-family: "Verdana", Arial, Helvetica, sans-serif;}

body {margin:0; background: /*url(images/fundo.gif) repeat-x #c3cdd9*/#002a5c;}
form {display:inline;}
input {background:#fff; border:1px solid #002a5c; color:blue;}
input a {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {text-transform:none; font-weight:500; margin:0; padding:0;}
hr {display:none;}
ol,ul,li,div {margin:0; padding:0; list-style:none;}
small {font-style:italic; font-size:11px;}
img {border:none; padding:0; margin:0;}

#principal {width:777px; margin:0 auto; min-height:500px;}

#topo {height:124px; width:777px; margin:0 auto;}
#topo div#logo {height:74px; margin:0 0 0 0; background:url(images/topo_baixo.gif) no-repeat #fff 0 62px;}
#topo div#logo h1 {width:195px; height:74px; float:left;}
#topo div#logo h1 a {text-indent:-5000px; overflow:hidden; display:block; width:265px; height:62px; padding:0 0 0 0; background:url(images/topo_logo.gif) no-repeat;}
#topo div#logo div#banner-topo {padding:0; margin:0; float:left; width:70px; height:62px;}
#topo div#logo div#descricao-site {display:none;}
#topo div#menu {height:41px; margin:5px 0 5px 0; background:url(images/menu_fundo.gif) no-repeat; text-align:center; clear:both;}
#topo div#menu li {float:left; margin:2px 5px 0 5px;}
#topo div#menu li a {display:block; height:31px; line-height:31px; font-size:12px; color:#fff; text-decoration:none; font-weight:bold;  padding:3px 11px 3px 11px;}
#topo div#menu li:hover {background:#a6ce39;}

#meio {width:777px; margin:0 auto;}

#meio div#lateral {width:289px; float:left; margin:0 5px 0 0 ;}
#meio div#lateral h2 {width:277px; height:22px; color:#a6ce39; font-size:14px; /*background:#a6ce39;*/ margin:0 0 0 0; padding:8px 0 0 12px; border-bottom:1px solid #e5e5e5;}
#meio div#lateral ul {background:url(images/lateral_cima.gif) no-repeat #fff;}
#meio div#lateral ul.branco {background:#fff; padding:0 0 5px 0;}
#meio div#lateral li {width:257px; margin:0 16px 0 8px; padding:0 0 0 8px; background:url(images/lateral_seta.gif) no-repeat 0 10px; border-bottom:none;}
#meio div#lateral li.linha {background:url(images/lateral_seta.gif) no-repeat 0 5px;}
#meio div#lateral li a {color:#002a5c; font-size:10px; text-decoration:none;}
#meio div#lateral li a:hover {text-decoration:underline;}
#meio div#lateral b#icone1 {color:#a6ce39; font-size:12px;}
#meio div#lateral li b#icone2 {background:url(images/lateral_icone2.gif) no-repeat 0 9px;}
#meio div#lateral li b#icone3 {background:url(images/lateral_icone3.gif) no-repeat 0 9px;}
#meio div#lateral ul#selos {background:none;}
#meio div#lateral ul#selos li {background:none; padding:0 0 0 0; margin:-3px 0 0 0; border:none;}
#meio div#lateral ul#sidebar_rodape {width:289px; height:88px; background:url(images/rodape_fundo3.gif) no-repeat; margin:0 0 0 0; padding:0;}
#meio div#lateral ul#sidebar_rodape li {color:#002a5c; text-align:right; font-size:10px; padding:12px 10px 0 0; background:none; margin:0;}
#meio div#lateral ul#sidebar_rodape li p {padding:0 0 4px 0; margin:0;}

#meio div#conteudo ul.borda {width:483px; height:9px; margin:0; padding:0; background:url(images/conteudo_cima.gif) no-repeat;}
#meio div#conteudo ul.borda2 {width:483px; height:9px; margin:0; padding:0; background:url(images/conteudo_baixo.gif) no-repeat;}

#meio div#conteudo {width:483px; float:left; background:#fff; }
#meio div#conteudo h2 {margin:15px 0 15px 0; font-size:14px; text-decoration:none; color:#333; font-weight:bold;}
#meio div#conteudo h3 {margin:10px 0 5px 0; font-size:13px; text-decoration:none; color:#333;}
#meio div#conteudo h2 a {font-size:14px; text-decoration:none; color:#333;}
#meio div#conteudo h3 a {font-size:13px; text-decoration:none; color:#333;}
#meio div#conteudo h2.page {height:22px; color:#a6ce39; font-size:14px; /*background:#a6ce39;*/ margin:0 0 15px 0; padding:0 0 0 12px; border-bottom:1px solid #e5e5e5;}
#meio div#conteudo ul.home {height:504px;}
#meio div#conteudo ul.post {text-align:justify; padding:0 15px 15px	15px; clear:both; min-height:532px; *min-height:554px;}
#meio div#conteudo ul.post small {color:#333; font-size:9px}
#meio div#conteudo ul.post a {color:#646569; text-decoration:none;}
#meio div#conteudo ul.publicacao {color:#000; font-size:11px; text-decoration:none; display:table; margin:0;} 
#meio div#conteudo ul.publicacao a {text-decoration:none; color:#002a5c;}
#meio div#conteudo ul.publicacao a:hover {text-decoration:underline;}
#meio div#conteudo ul.publicacao p {line-height:17px; margin:0 0 10px 0;}
#meio div#conteudo ul.publicacao img {margin:3px 8px 3px 0; float:left;}
#meio div#conteudo ul.publicacao small {font-style:none; font-size:9px; color:#333;}
#meio div#conteudo ul.post-archive {text-align:justify; padding:0 15px 15px	15px; clear:both;}
#meio div#conteudo ul.post-archive small {color:#333; font-size:9px}
#meio div#conteudo ul.post-archive a {color:#646569; text-decoration:none;}
#meio div#conteudo ul.altura {min-height:570px;}
#meio div#conteudo ul#navegacao {font-size:11px; margin:15px; padding:10px 0 0 0; text-align:center; /*border-top:1px solid #999x;*/}
#meio div#conteudo ul#navegacao a {color:blue; text-decoration:none;margin:0px 15px;}
#meio div#conteudo ul#navegacao a:hover {color:#333; text-decoration:none;}
#meio div#conteudo ul.publicacao-archive {color:#000; font-size:11px; text-decoration:none; display:table; margin:0;} 
#meio div#conteudo ul.publicacao-archive a {text-decoration:none; color:#002a5c;}
#meio div#conteudo ul.publicacao-archive img {margin:3px 8px 3px 0; float:left;}
#meio div#conteudo ul.publicacao-archive h3 a {font-size:13px; text-decoration:none; color:#333;}
#meio div#conteudo ul.publicacao-archive h3 a:hover {text-decoration:underline;}
#meio div#conteudo ul#mapadosite {margin:5px 15px 5px 15px; font-size:9px; color:#999;}
#meio div#conteudo ul#mapadosite a {color:#555; text-decoration:underline;}

#meio div#conteudo_serv {width:777px; float:left; background:#fff;}
#meio div#conteudo_serv h2 {margin:15px 0 15px 0;}
#meio div#conteudo_serv h3 {margin:10px 0 5px 0;}
#meio div#conteudo_serv h2 a {font-size:14px; text-decoration:none; color:#333;}
#meio div#conteudo_serv h3 a {font-size:13px; text-decoration:none; color:#333;}
#meio div#conteudo_serv h2.page {margin:15px 0 15px 15px; font-size:14px; text-decoration:none; color:#000;}
#meio div#conteudo_serv ul.home {height:504px;}
#meio div#conteudo_serv ul.post {text-align:justify; padding:0 20px 15px 20px; clear:both;}
#meio div#conteudo_serv ul.post small {color:#333; font-size:9px}
#meio div#conteudo_serv ul.post a {color:#646569; text-decoration:none;}
#meio div#conteudo_serv ul.publicacao li#linhaserv {border:1px solid #e5e5e5; padding:5px; min-height:148px;}
#meio div#conteudo_serv ul.publicacao li#linhaserv p {margin:0;}
#meio div#conteudo_serv ul.publicacao {color:#000; font-size:11px; text-decoration:none; display:table; margin:0;} 
#meio div#conteudo_serv ul.publicacao a {text-decoration:none; color:#333;}
#meio div#conteudo_serv ul.publicacao a:hover {text-decoration:underline;}
#meio div#conteudo_serv ul.publicacao p {line-height:17px; margin:0 0 10px 0;}
#meio div#conteudo_serv ul.publicacao img {margin:3px 8px 3px 0; float:left;}
#meio div#conteudo_serv ul.publicacao small {font-style:none; font-size:9px; color:#333;}
#meio div#conteudo_serv ul.borda {width:777px; height:9px; margin:0; padding:0; background:url(images/conteudo_cima2.gif) no-repeat;}
#meio div#conteudo_serv ul.borda2 {width:777px; height:9px; margin:0; padding:0; background:url(images/conteudo_baixo2.gif) no-repeat;}

#servicos {font-size:11px; font-family:"Verdana", Arial, Helvetica, sans-serif; color:#000; background:#fff; width:737px;}

/*  SEARCH */
#meio div#conteudo_search {width:483px; float:left; background:#fff; background-image:url(images/cima.jpg); background-repeat:no-repeat; background-position:top center; }
#meio div#conteudo_search div.post {margin:5px 5px 5px 20px; padding:0px 0px 10px 0px; border-bottom:1px solid #E5E5E5; }
	#meio div#conteudo_search h2 {margin:15px 0 15px 0; font-size:14px; text-decoration:none; color:#333; font-weight:bold;}
	#meio div#conteudo_search h3 {margin:10px 0 5px 0; font-size:13px; text-decoration:none; color:#333;}
	#meio div#conteudo_search h2 a , #meio div#conteudo_search h3 a {font-size:14px;}
	#meio div#conteudo_search h2 a:visited , #meio div#conteudo_search h3 a:visited {} 
	#meio div#conteudo_search h2.page {height:22px; color:#a6ce39; font-size:14px; /*background:#a6ce39;*/ margin:0 0 15px 0; padding:0 0 0 12px; border-bottom:1px solid #e5e5e5;}
	#meio div#conteudo_search div.post p.infos { font-size:10px;}
	#meio div#conteudo_search #navegacao {font-size:12px;text-align:center;padding:10px 5px;}
	#meio div#conteudo_search #navegacao a {color:#000066;padding:2px 8px;}
	#lateral ul div#bloco_busca { margin:8px 5px 5px 8px;padding:6px 0px 0px 20px;width:250px;height:28px;background-image:url(images/bg_search.jpg);}
	#lateral ul div#bloco_busca form div input#s{ float:left;width:204px;border:none;margin:2px 0px 0px 0px;color:#000066;}
	#lateral ul div#bloco_busca form div input#bt{ float:left;border:none;margin-top:1px;}

#servicos a:link {color:#333; text-decoration:none;}
#servicos a:visited {text-decoration:none; color:#333;}
#servicos a:hover {text-decoration:underline;	color:#333;}
#servicos a:active {text-decoration:none; color:#333;}
#servicos ul {height:20px; float:left; width:140px; margin:0; padding:0;}
#servicos li {height:20px; list-style:none; width:140px; margin:0; padding:0;}

#rodape {/*width:483px; height:73px; background:url(images/rodape_fundo.gif) no-repeat;*/width:1px; height:1px; clear:both; margin:0 0 0 294px;}
#rodape li {color:#002a5c; text-align:right; font-size:10px; /*padding:12px 10px 0 0;*/}
#rodape li p {/*padding:0 0 4px 0;*/ margin:0;}

#rodape2 {width:777px; height:73px; background:url(images/rodape_fundo2.gif) no-repeat; clear:both; margin:0 0 0 0;}
#rodape2 li {color:#002a5c; text-align:right; font-size:10px; padding:12px 10px 0 0;}
#rodape2 li p {padding:0 0 4px 0; margin:0;}

/* comentarios */
h3#tit-comentarios,h3#resposta-comentarios {clear:both; font-size:12px; padding:0 0 0 6px; color:#fff; background:#787979; height:20px; line-height:20px; margin:0 0 3px 0; text-align:center;}
ol.lista-comentarios {margin:0 auto; width:450px; list-style-type:none;}
ol.lista-comentarios li cite,p {margin:0;}
ol.lista-comentarios li cite a {text-decoration:none; color:orange;}
ol.lista-comentarios li {width:450px; font-size:11px; border-bottom:1px dotted #d1d1d1; padding:5px; margin-bottom:5px;}

form#form-comentarios {margin:0 auto; font-size:12px;}
form#form-comentarios small {color:#b41a18; font-size:10px;}
form#form-comentarios input,textarea {width:98%; margin-bottom:5px;}
form#form-comentarios textarea {font-size:12px;}

/* erro 404 */
#erro404 {text-align:center;}

/* formulario de contato */
table#form-contato {width:460px;}
table#form-contato input,textarea {width:360px;border:1px solid #002a5c;}

/*Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#cursos_form input, #cursos_form select, #cursos_form textarea {border:1px solid #002a5c;background-color:#f6f6f6;}

#cursos_form legend { padding:5px 15px;border:1px solid #e5e5e5;background-color:#f6f6f6;}

#meio div#lateral ol {
 width:289px;
 background-color:#FFFFFF;
 background-image:none;
}
#meio div#lateral ol li {
 background-image:none;
 width:269px;
 height:20px;
 font-size:12px;
 color:#666666;
 margin-left:-7px;
 padding-left:10px;
}

#meio div#lateral ol li a {
 background-color:#f6f6f6;
 display:block;
 width:269px;
 height:15px;
 padding-top:4px;
 padding-left:16px;
}

#meio div#lateral ol li a:hover {
 background-color:#e5e5e5;
 width:269px;
 text-decoration:none;
}