/**
 * Deputado Jorge Caruso
 * Folha de estilos usada no projeto, com as definições
 */
 /*font-family: 'Open Sans', sans-serif;*/


/*Padroes HMTL*/
/**********************************************************************************************************************************/

	html,
	body{width:100%;height:100%;min-height:100%; color: #666; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; -webkit-font-smoothing: antialiased;}
	h1{color: #666; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 700; margin-top: 0px; margin-bottom: 1em; line-height: 1.1em}
	h2{color: #666; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 700; margin-top: 0px; margin-bottom: 1em}
	h3{color: #666; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; margin-top: 0px; margin-bottom: 1em}
	
	p, a{color: #666; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; text-decoration: none;}
	a:hover{color: #BB4242; text-decoration: none}


/* Padroes do Tema */
/**********************************************************************************************************************************/
	
	.ttl a, .ttl{color: #666; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 700;}
	.subttl a, .subttl{color: #BB4242; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600;}
	.red{color: #BB4242}
	.fnt-14, .fnt-14 p{font-size: 14px}
	.fnt-16{font-size: 16px}
	.fnt-18{font-size: 18px}
	.fnt-20{font-size: 20px}
	.redBar{height: 3px;width:970px;display: block;background: #BB4242;position: absolute;}
	.bottom{margin-bottom: 0px}
	.offsetTop1{margin-top: 10px}
	.offsetTop2{margin-top: 20px}
	.offsetTop3{margin-top: 30px}
	.offsetTop4{margin-top: 40px}
	.arial, .arial p{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
	.paginacao{display: block;width: 100%;}
	.paginacao.inline li{display: inline; padding:0px 1px;}
	.paginacao.inline li a{padding:4px 10px; background: #eee; color: #666}
	.paginacao.inline li.ativo a, .paginacao.inline li a:hover{background:#000; color: #fff}
	.data{font-size: 11px; color: #999}

/* Header */
/**********************************************************************************************************************************/
	
/*Opera Fix*/

	#wrap {height: 100%;} 
	body > #wrap {height: auto; min-height: 100%;}
	#main {overflow:auto;padding-bottom: 218px;}  /* deve ter a mesma altura do rodapé */
	body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}

	#header{background: #f8f8f8; border-bottom: 3px solid #F2F2F2; padding: 15px 0px; position: relative; margin-bottom: 40px}
	#header #hdrMenu {margin-top: 20px}
	#header #hdrMenu li {margin: 0px 11px}
	#header #hdrMenu li.item-contato{margin-right: 0px; padding-right: 0px}
	#header #hdrMenu li a{font-size: 14px; text-transform: uppercase; font-weight: 600; color: #212121}
	#header #hdrMenu li a:hover{color: #BB4242;}
	#header #hdrMenu li .ativo{color: #BB4242}
	#header .redBar{height: 3px;width: 970px;display: block;background: #BB4242;position: absolute;bottom: -3px;}


/* Footer */
/**********************************************************************************************************************************/
	#footer{background: #f8f8f8; border-top: 3px solid #F2F2F2; padding: 20px 0px; position: relative;margin-top: -218px; /* valor negativo da altura do rodapé */height: 178px;clear:both;}
	#footer h2{margin-bottom: 15px; font-size: 16px; font-weight: 700; line-height: 1em}
	#footer ul li{margin: 0px 15px;}
	#footer ul li a{font-size: 12px; text-transform: uppercase;}
	#footer .redBar{top:-3px;}
	#footer p{font-size: 12px}
	
	/*Newsletter*/
	#frmNewsletter{margin-top: 40px; margin-bottom: 30px}
	#frmNewsletter form{border:3px solid #eee; padding:3px; margin-top: 7px}
	#frmNewsletter h2{font-size:20px; margin-bottom: 0px; line-height: 1.3em}
	#frmNewsletter p{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 1.3em}
	#frmNewsletter input[type="text"]{border: none; box-shadow: none; margin:3px 0px 0px; font-size: 15px; color: #BABABA;width: 345px; font-weight: 300}
	#frmNewsletter input[type="submit"]{width: 97px; height: 37px; background: url(../../img/site/assinar.png) no-repeat center center; border: none; }
	.redes-sociais  img{ margin-left:7px; opacity: 0.6;}
	.redes-sociais  img:hover{opacity:1;}
	.redes-sociais2  img{ margin-left:7px;}
	.redes-sociais2  img:hover{opacity:0.6;}
	
/* Home */
/**********************************************************************************************************************************/
	
	/*Background Player*/
	#fullPlayerWrapper{height: 850px;width: 100%; overflow: hidden; margin-bottom: 45px}
	.cbp-bislideshow {list-style: none;width: 100%;height: 850px;position: absolute;top: 0;left: 0;z-index: -1;padding: 0;margin: 0;}
	.cbp-bislideshow li {position: absolute;	width: 101%;height: 101%;top: -0.5%;	left: -0.5%;opacity: 0;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;transition: opacity 1s;}
	.backgroundsize .cbp-bislideshow li {	-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;background-position: center center;}
	.backgroundsize .cbp-bislideshow li img {display: none;}
	.cbp-bislideshow li img {display: block;width: 100%;}

	/*Logo e Menu*/
	#logo{margin-top: 30px}
	#logo #homeMenu{margin-top: 30px;}
	#logo #homeMenu li{margin: 0px 16px;}
	#logo #homeMenu li a{font-size: 16px; text-transform: uppercase; font-weight: 600; color: #212121}
	#logo #homeMenu li a:hover{color: #BB4242;}
	
	/*Carrossel de Imagens*/
	#centeredWrap{width: 970px; margin:0 auto;}
	#centered{margin-top: 50px;left: -550px!important}
	#centered li{position: relative; height: 315px}
	#centered .caption{position: absolute;width: 445px;padding:8px 18px 11px 18px;bottom: 0px;left: 5px;background: url(../../img/site/caption-bg.png) no-repeat top left;}
	#centered .caption h2 {line-height: 1em; margin-bottom:5px;}
	#centered .caption h2 a{font-size: 17px; color: #fff; font-weight: 800;}
	#centered .caption p{line-height: 1em}
	#centered .caption p a{font-size: 13px; margin-bottom: 0px; line-height: 1em; color: #fff;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
	#centered p.text-center{margin-top:65px }
	
	/*Colunas da Home*/
	.homeCol{width: 300px; float: left; margin-right: 30px}
	.homeCol.last{margin-right: 0px}
	.homeCol h2{margin-bottom: 20px}
	
	/*Noticias da Home*/
	.homeNoticiaBox{padding-bottom: 7px; border-bottom: 1px solid #eee; margin-bottom: 7px}
	.homeNoticiaBox img{margin-bottom: 15px}
	.homeNoticiaBox h3{line-height: 1em; margin-bottom: 5px}
	.homeNoticiaBox h3 a{font-size: 15px; font-weight: 600}
	.homeNoticiaBox p{line-height: 1em; margin-bottom: 0px}
	.homeNoticiaBox p a{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #868686}
	.homeNoticiaBox span{font-size: 11px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #999}
	
	/*Home Galeria*/
	#homeGaleria{border-bottom: 1px solid #eee; float: left; margin-bottom:6px}
	#homeGaleria a{float: left;margin:0px 10px 10px 0px;}
	#homeGaleria a.last{margin-right: 0px}

	/*Galeria de Videos*/
	.videoBloc {margin-bottom: 10px}
	.videoBloc.last{border-bottom: 1px solid #eee; margin-bottom: 8px}
	.videoBloc p{line-height: 1.3em}
	.videoThumb{position: relative; margin-bottom: 10px}
	.videoThumb .playBtn{position: absolute; top:0px; left: 0px; z-index: 10; height: 225px;}
	.pagination-home{margin-left: 31px;}

/* O Deputado */
/**********************************************************************************************************************************/
	
	#breadcrumb	a, span{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 11px }
	#breadcrumb span{color:#BB4242 }
	.thumbWrapperSmall{position: relative;left: 15px;overflow: hidden;}

	/*Slideshow*/
	#sliderWrapper{position: relative; margin-bottom: 60px}
	#slides {width: 970px; height: 355px;position: relative;}
	#slides .slides_container, #slides .slides {width: 970px; height: 355px;}
	#slides .caption{position: absolute; top: 15px; right:15px; width:390px; text-align: right;}
	#slides .caption h2{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; color: #D70000; line-height: 1em; margin-bottom: 10px}
	#slides .caption p{color: #000000}
	#slides .caption a.red{font-size: 14px; font-weight: 600}
	#slides .pagination{position: absolute; bottom: 0px; width: 100%;margin:0px; padding:0px; list-style: none; z-index: 150}
	#slides .pagination li{display: inline; position: absolute; bottom: 0px}
	#slides .pagination li.primeiro {bottom:-20px ; left: 0px;}
	#slides .pagination li.segundo {bottom:0px; left:22% ;}
	#slides .pagination li.terceiro {bottom:37px ; right:45% ;}
	#slides .pagination li.quarto {bottom:65px ; right:22% ;}
	#slides .pagination li.quinto {bottom:80px ; right:0px ;}
	#slides .pagination li a{padding-top: 71px; background: url(../../img/site/inactive.png) no-repeat top center; color: #fff; font-weight: 700; font-size: 16px}
	#slides .pagination li a:hover, #slides .pagination li.current a{background: url(../../img/site/active.png) no-repeat top center;}
	#faixaVisual{position: absolute; bottom: -225px; width: 100%; height: 357px; background: url(../../img/site/faixa.png) no-repeat center center; z-index: 100}
	

	/*Galeria de Imagens*/
	#contCorpo{position: relative; z-index: 1000}
	#galleryThumb, #galleryThumbSingle{width: 600px; float: right;margin-left: 20px;}

/* Mandato */
/**********************************************************************************************************************************/

	.col3{width: 300px; float: left;margin-right: 35px}
	.col3.last{margin-right: 0px}
	.col3 h3{line-height: 1.2em; margin: 10px 0px}
	.col3 h3 a{font-size: 18px; color: #BB4242; font-weight: 600 }


/* Galeria de Videos */
/**********************************************************************************************************************************/

	.galBox{margin-bottom: 35px}
	.galBox p{font-size: 13px; line-height: 1.3em; margin-bottom: 10px}
	.galBox p.data{font-size: 11px; color: #999; line-height: 1.3em; margin-bottom: 0px}
	.galBox a img{height: 225px;}
	.galBox h3{margin-top: 0px}
	.btnBlack{background: #000; padding: 5px 10px; display: block;width:80px; color:#fff; text-align: center;}

/* Galeria de Fotos */
/**********************************************************************************************************************************/	
	
	/*Galeria de Imagem*/
	div#galleryThumbXl {margin-bottom: 20px;}
	div#carouselThumbXl ul li{margin-right: 5px;}

/* Imprensa*/
/**********************************************************************************************************************************/
	/*Accordeon*/
	.tab{background: url(../../img/site/plus.png) no-repeat right center #000;color: #fff; cursor: pointer;	}
	.tab:hover, .tab.ativo{background: url(../../img/site/minus.png) no-repeat right center #D20B1F;}
	.tab span{font-size: 24px;display: block; padding: 8px 0px}
	.tab .clip{padding-left:90px; background: url(../../img/site/clipping.png) no-repeat 0px center; }
	.tab .press{padding-left:68px; background: url(../../img/site/releases.png) no-repeat 5px center; }
	.tabBox{padding-top: 13px;position: relative; float: left; width: 100%; margin-bottom: 40px}
	.tabBox .tabWrapper{background: #F8F8F8; border:1px solid #E8E8E8; padding: 5%;float: left;width: 89.8%;}
	.tabBox .tabWrapper img.arrowTab{position: absolute;top: 1px; z-index: 100}
	.firstCol, .secondCol{ width: 50%;float: left}
	.tabWrapper p a{font-size: 16px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding-left: 20px; }
	#tab2 .tabWrapper img.arrowTab{position: absolute;top: 1px; z-index: 100; left: 515px}
	#tab1, #tab2{display: none}
	#tab1 p a.clipLink, #tab2 p a.clipLink, .projetoLink{background: url(../../img/site/clip.png) no-repeat left center;}
	#tab1 p a.releaseLink, #tab2 p a.releaseLink{background: url(../../img/site/release.png) no-repeat left center;}

/* Projetos de Lei*/
/**********************************************************************************************************************************/
	/*Accordeon*/
	.tabWrapperProjetos img.arrowTab{left: 25px}
	.tab .projetoLeis{padding-left:100px; background: url(../../img/site/projetolei.png) no-repeat 0px center; }
	.tab .leis{padding-left:148px; background: url(../../img/site/lei.png) no-repeat 5px center; }
	.tabBox  .tabWrapperProjetos{background: none; padding: 0px; width: 100%; border: none}
	.accordion-heading .accordion-toggle{background: #F8F8F8; border-radius: 0px; font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 23px 15px; }
	.accordion-heading{border-bottom: 1px solid #e5e5e5}
	.accordion-group{margin-bottom: 0px; border-radius: 0px}


/* Noticias*/
/**********************************************************************************************************************************/

	.noticiaBox h2{line-height: 1em; margin-bottom: 5px}
	.noticiaBox h2 a{font-size: 20px; font-weight: 600; color:#BB4242;}
	.noticiaBox p{line-height: 1.2em; margin-bottom: 5px}
	.galleryNoticias{height: 328px; overflow-y: hidden;}


/* Noticia*/
/**********************************************************************************************************************************/
	.noticiaImg{margin:0px 30px 30px 0px;}
	
/* Contato */
/**********************************************************************************************************************************/

	/*Formulario*/
	#frmContato textarea, #frmContato select, #frmContato input[type="text"]{border-radius: 0px; width: 93%; padding: 2%; box-shadow: none;border:3px solid #eee; margin-top: 0px}
	#frmContato select{width: 100%; height: 35px}
	#frmContato textarea{height:86px}
	#frmContato label{margin-bottom: 0px; font-weight: 600; font-size: 15px}
	#frmContato input[type="submit"]{background: #000; padding: 5px 20px;color:#fff; border: none; margin-right: 2px}
	#frmContato .inline{display: inline; font-weight: 600; font-size: 15px}
	#frmContato input[type="checkbox"]{margin-top: 0px; vertical-align: top;margin-top: 4px}
	#frmContato span{padding-left: 15px}
	
	/*Mapa Iframe*/
	#mapa iframe{border:3px solid #eee!important}


/* Erro */
/**********************************************************************************************************************************/
	#erro{height: 500px; margin-top: 40px}
	#erro h1{font-size: 50px; margin-bottom: 20px; text-transform: uppercase; font-weight: 300}
	#erro a{width: 160px; margin:0 auto;}