@charset "utf-8";
/*  
Site: SãoJulião
Site URI: http://www.saojuliaopi.com.br
Description: Portal da Prefeitura de São Julião
Version: 1.0
Author: Mateus Pontes - mateuspo10 [at] gmail [dot] com
*/
* { margin: 0; padding: 0; }

img {border: 0; margin: 0; padding: 0;}
input[type=hidden]{ display: none !important; visibility: hidden !important; }
input{margin-bottom: 5px;}
ul, li{ list-style: none;}

.clear{clear: both;}

a:link, a:visited, a:active{text-decoration: none;}
a:hover{text-decoration: underline;}

.img-5{margin-bottom: 5px;}

body{
	background-color: #6fd763;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#geral{background: #FFF url(../imagens/bg_geral.jpg) repeat-x; width: 980px; text-align: left; margin: 0px auto; padding: 0 5px 5px 5px;}

#topo{height: 180px;}
	#topo .logo{width: 200px; float: left; height: 130px}
	#topo .banner-top{width: 740px; float: right; margin-right: 15px; margin-top: 15px;}
	
	#topo #navegacao{margin-left: 10px; width: 100%; margin-top: 7px;}
		#topo #navegacao li{color: #FFF; font-size: 15px; float: left; margin: 0px 10px;}
			#topo #navegacao li a{color: #FFF;}
		#topo #navegacao li .form{ padding: 0px;}
			#topo #navegacao li .busca{border:1px solid #7db627;}

#menu{text-align: right; width:130px; float: left; margin-right: 15px;}
	#menu ul{ margin-bottom: 10px;}
		#menu li{border-bottom:1px solid #e3e3e3;}
		#menu li, #menu li a, #menu li a:visited{color: #3b3c3d; padding: 2px 2px 2px 0px; margin-left: 3px; }
		#menu li a:hover{font-weight: bold; color: #1aaa0c; text-decoration: none;}

#conteudo{width:600px; float: left;}
	#conteudo #capa{width: 600px;}
		#conteudo #capa img{border: 1px solid #6c7a48;}
		#conteudo #capa h2{font-size: 20px; color: #1aaa0c; line-height: 22px; text-align: justify}
		#conteudo #capa p{font-size: 14px; color: #212121; text-align: justify}

	#conteudo .banner-meio{margin: 10px 0; text-align: center;}

	#conteudo #ultimas{width: 415px; float: left;}
		#conteudo #ultimas .cb_noticias{margin:0px; padding:0}

		#conteudo #ultimas #noticias{background: #d5e3bd url(../imagens/bg_noticias.jpg) repeat-x; width: 405px; border: 1px solid #d1d8bf; padding: 5px;}
			#conteudo #ultimas #noticias, #conteudo #ultimas #noticias a{color: #000;}
			#conteudo #ultimas #noticias .dataNot{color: #1aaa0c; font-size: 11px;}
		
	#conteudo #extras{width: 171px; float: right;}
		#conteudo #extras #enquete{margin: 10px 0; font-style: italic;}
		#conteudo #extras #enquete .verdebold{font-size: 13px; color: #1aaa0c;}

	#galeria-index{margin: 10px 0; width: 600px; color: #575757;}
		#galeria-index ul{background: #f3f3f3; width: 578px; padding:10px; border: 1px solid #d1d8bf;}
			#galeria-index li{ float: left; width: 132px; margin-right: 15px;}
				#galeria-index li.ultimo{margin: 0;}
				#galeria-index li img{border: 1px solid #a3b080;}
			#galeria-index h4, #galeria-index h4 a{color: #39a148;}
		
		
			.galeriainterna{width:110px; margin: 0 10px 10px 0; float: left;}
			.galeriainterna .foto-gal{overflow: hidden;}
		
	#conteudo img{max-width:600px;}
	
	#conteudo h1{font-size: 24px; color: #1aaa0c; line-height: 26px;}
	.lead{font-size: 14px; color: #666; font-weight: bold;}
	#conteudo #texto{ margin-top: 10px; font-size: 13px;}
	.data{font-size: 10px; color: #da251c;}
	
	#conteudo h3, #conteudo h3 a:link, #conteudo h3 a:visited{font-size: 14px; color: #1aaa0c; line-height: 14px; text-decoration: none; margin: 0; padding: 0;}
	#conteudo h3 a:hover{text-decoration: underline;}

	#conteudo #noticiasLista li{ padding: 3px 0; border-bottom: 1px solid #CCCCCC;}
	#conteudo #noticiasLista li img, #conteudo .fotoNot{margin-right: 5px; margin-bottom: 5px;}
	
	#conteudo #mais{background: #f9f9f9; margin: 10px 0; border: 1px solid #CCC; width: 592px; padding:4px;}

	/*---------FORM----------*/
	form .campG{width: 420px; border: 1px solid #1aaa0c;}
	form .campP{width: 150px; border: 1px solid #1aaa0c;}
	
	#conteudo table, #conteudo tr, #conteudo td{border: 1px solid #F0F0F0; margin: 2px; padding: 1px; color: #666; border-collapse:collapse}
	
	
	/*COMENTE */
	#comente{width: 592px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; margin: 10px 0; background-color: #f9f9f9; padding: 4px;}
	#comente h2{font-size: 18px; color:#1aaa0c; margin-bottom: 10px;}
	#comente label{font-size: 13px; color:#1aaa0c; font-weight: bold; line-height: 18px; display:block}
	#comente input, #comente textarea{margin-bottom: 10px;}
	#comente label span{font-weight: normal; color: #666666;}
	
	.campoCommentP{width: 540px; border: 1px solid #c4c4c4; font-size: 13px; padding:  3px;}
	.campoCommentG{width: 550px; height: 100px; border: 1px solid #c4c4c4; padding:  3px; font-size: 13px;}
	
	#comente ul li{border-bottom: 1px solid #c4c4c4; margin: 4px 0; padding: 4px 0;}

	
#lateral{ width: 205px; float: right; margin-right: 10px;}
	#lateral img{ margin-bottom: 10px;}
	
	#lateral #videoLateral{margin-bottom: 10px;}
		#lateral .videoLateral{border: 1px solid #d1d8bf; margin-bottom: 0;}
		#lateral #videoLateral p{font-size: 14px; font-weight: bold; color: #1aaa0c;}
		#lateral h4, #lateral h4 a{font-size: 22px; color: #1aaa0c; line-height: 21px; letter-spacing: -1px;}

#parceiros{border: 1px solid #e4e4e4; padding: 5px; width:965px; margin: 10px 0px;}
	#parceiros .img-parceiros{width: 73px; height:34px; float: left; margin: 0px 10px 5px 0;}
	#parceiros ul{float:left; width: 850px;}
		#parceiros ul li{float:left; margin-right: 10px;}

#rodape{background: #f3f3f3; width:100%; height: 101px;}
	#rodape .content{width:960px; margin: 0 auto;}
	#rodape .img-logo-r{float: left; height: 101px;}

	#rodape .rights{margin: 15px 10px 0 20px; float: left;}
	
	#rodape .creditos{margin: 28px 50px 0 0px; float: right;}
	
	
/*--------FONTES---------*/
.16verde{font-size: 16px; font-weight: bold; color: #1aaa0c;}
.texto, .texto a, p, p a{font-size: 13px; color: #000; text-align: justify; text-decoration: none; }
.texto a:hover, p a:hover{text-decoration: underline;}

.verdebold{font-size: 13px; font-weight: bold; color: #1aaa0c; margin-bottom: 3px; display: block; line-height: 13px;}
.vermelhobold{font-size: 13px; font-weight: bold; color: #da251c;}

/*--------CAROUSEL---------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 335px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}