/*
Theme Name: Prefeitura de Bodoquena
Theme URI: http://www.prefeituradebodoquena.com.br
Author: Mahmod A. Issa - Equipe Gestão Ativa
Author URI: http://www.gestaoativa.com.br;
Description: Tema GACMS
Version: 1.0
*/
/*
	font-family: 'Roboto', sans-serif;
*/
/* Principais
-------------------------------------------------------------- */
 	body{ -webkit-font-smoothing:auto; color: #777; font-size: 16px;font-family: 'Roboto', sans-serif; }
	h1{ font-family: 'Roboto', sans-serif; font-size: 25px ; color:#525252; margin-top:0;font-weight: 900; text-transform: uppercase;}
	h2{ font-family: 'Roboto', sans-serif; font-size: 22px; color:#525252; margin-top:0;font-weight: 900}
	h3{ font-family: 'Roboto', sans-serif; font-size: 18px; color:#525252; margin-top:0;font-weight: 900}
	h4{ font-family: 'Roboto', sans-serif; font-size: 16px; color:#525252; margin-top:0;font-weight: 900}
	h5{ font-family: 'Roboto', sans-serif; font-size: 14px; color:#525252; margin-top:0;font-weight: 900}
	h6{ font-family: 'Roboto', sans-serif; font-size: 14px; color:#525252; margin-top:0;font-weight: 900}

	p{color: #777; font-size: 16px;font-family: 'Roboto', sans-serif;}
	a{color: #777; font-size: 16px;font-family: 'Roboto', sans-serif;}
	a:hover{color: #017FEB;text-decoration: none}
	* a:hover, a:hover{color: #017FEB;text-decoration: none}
	a:visited{text-decoration: none}
	a:focus, *:focus{box-shadow: none!important; outline: none!important; text-decoration: none}
	img{max-width: 100%; height: auto}
	.container{min-width: 1170px!important}

	.ttl{font-size: 30px; text-transform: uppercase; font-weight: 300; line-height: 1em}
	.ttl strong{font-size: 30px; text-transform: uppercase; font-weight: 900;}
	.blueTtl{color: #0484CC}
	.greenTtl{color: #0C9088}
	.ttl a{font-size: 12px; text-transform: none; float: right; margin-top: 3px; color: #bbb}
	.ttl a:hover{color:  #0C9088}
	.l-alignment{float: left;margin:0 30px 30px 0;}
	.l-align{padding-left: 0}


/* Header
-------------------------------------------------------------- */
	#header{background: #0280EC;box-shadow:0px 1px 1px rgba(0,0,0,0.2);  position: relative;z-index: 1000; min-width: 1170px}
	#logo{position: relative;}
	#logo a img{position: absolute; top:0; left: 15px;box-shadow:0px 0px 3px rgba(0,0,0,0.25); border-radius: 0 0 5px 5px; z-index: 1000;}
	#header #menu{margin-bottom: 0}
	#header #menu > li{padding: 0; position: relative;}
	#header #menu > li > a{font-size: 13px; font-weight: 400; color:#fff; display: inline-block; padding: 25px 13px; text-transform: uppercase;}
	#header #menu > li.ativo > a, #header #menu > li > a:hover{background:#fff; color: #0280EC; padding: 25px 13px 22px; border-bottom: 3px solid #FFEA2C}
	#header #menu > li > ul{position: absolute; left: 0;display: none; text-align: left; background: #fff; z-index: 1000; padding: 15px; min-width: 250px; box-shadow:0px 1px 1px rgba(0,0,0,0.2);}
	#header #menu > li:hover >ul{display: block;}
	#header #menu > li:hover >ul li a{ color: #0280EC;font-size: 12px; font-weight: 400; text-transform: uppercase; padding:5px 0; display: block; }
	#header #menu > li > ul li a:hover{color: #004379}
	#header #menu > li > ul .first{border-right: 1px solid #eee}

	#frmBusca{position: absolute; bottom: -32px; right: 15px;z-index: 1000; }
	#frmBusca form div{background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); float: right; height: 32px; width: auto;overflow: hidden;}
	#frmBusca form input{background:#fff; border:none; text-indent: 10px; font-size: 12px; float: right; margin-top: 7px}
	#frmBusca form button{background:#FFE600; border:none; color: #fff; width: 32px; height: 32px;float: right;}

/* Footer
-------------------------------------------------------------- */
	#footer{margin: 80px 0 25px; border-top: 1px solid #eee; padding-top: 30px}
	#footer h5{font-size: 20px; font-weight: 300; color: #0484CC; text-transform: uppercase; margin-bottom: 20px;}
	#footer h6{font-size: 14px; font-weight: 900; color: #525252; text-transform: uppercase;}
	#footer p, #footer a{font-size: 14px; color: #999; font-weight: 400}
	#footer ul, #footer li{padding:0; margin: 0}
	#footer i{font-size: 20px; color: #bbb}
	#footer .divisor{height: 1px; background: #eee; display: block;width: 100%; margin:40px 0;}
	#footer .rodape h6{margin-bottom: 0}
	#footer ul li i:hover, #footer ul li a:hover{color: #004379; text-decoration: underline;}

/* Home
-------------------------------------------------------------- */
	.item{margin-bottom: -8px}
	.player{ min-width: 1170px}
	.player .lSAction > .lSPrev{left: 70px}
	.player .lSAction > .lSNext{right: 70px}
	.sidebar{background: #fbfbfb; padding: 45px 30px 20px; border-left: 1px solid #eee; border-right: 1px solid #eee}
	.sidebar li a{display: block; padding-left:35px; position: relative; font-size: 16px; font-weight: 700; color: #525252; line-height: 1em; margin:30px 0}
	.sidebar li a span{font-size: 12px; text-transform: normal; color:#B9B9B9; font-weight: 500; display: block; }
	.sidebar li a i{position: absolute; top:0; left: 0; color:#0484CC; font-size: 25px }
	.sidebar li a:hover, .sidebar li a:hover i, .sidebar li a:hover span{color: #0C9088 }
	.sidebar li a i.fa-male{left: 4px}
	.sidebar li a i.fa-bars{font-size: 30px}
	.sidebar li a i.fa-male{left: 4px}
	.sidebar li a i.fa-male{left: 4px}

	#noticiasPlayer{padding: 45px 0}
	#noticiasPlayer .lSAction{display: none!important}
	#noticiasPlayer .lSPager {bottom:10px; width:100%}
	#noticiasPlayer .ttl {padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 30px}
	#noticiasPlayer .ttl a{font-size: 12px; text-transform: none; float: right; margin-top: 3px; color: #bbb}
	#noticiasPlayer .ttl a:hover{color:  #0C9088}
	#content-slider2 .data{font-size: 12px; color: #bbb; margin-bottom: 0}
	#content-slider2 h2{line-height:10px}
	#content-slider2 h2 a{font-size: 17px; font-weight: 700;  line-height: 1em}
	#content-slider2 p {line-height: 110%;margin-bottom: 0}
	#content-slider2 p a{font-size: 14px;}
	#noticiasPlayer .lSAction > .lSPrev{background: url(../../img/site/l-arrow.png) no-repeat; display:block; width: 11px; height: 15px;}
	#noticiasPlayer .lSAction > .lSNext{background: url(../../img/site/arrow.png) no-repeat 0 0 !important; display:block; width: 11px; height: 15px;  left: 307px;}
	#player-divisor{width: 100%; height: 1px; background: #eee; margin-bottom: 60px }
	.saiba-mais{font-size: 12px; color: #bbb}

	#gallery_ttl{padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 30px}
	.gal-pic{width:170px}
	.gal-text{background: #0484CC; color: #fff; padding: 20px}
	.gal-text h3 a{color: #fff; font-size: 16px; font-weight: 700}
	.gal-text:hover{background: #0D9089}

	#turistas-servidor{background: url(../../img/site/bodo.jpg) repeat-y ;margin-top: 55px; padding: 45px 50px;}
	#turistas-servidor h5{font-size: 30px; font-weight: 100; color: #fff; text-transform: uppercase; margin-bottom: 20px}

	#turistas-servidor .home-tour{margin-bottom: 20px}
	#turistas-servidor .home-tour a{display: block; padding-left:35px; position: relative; font-size: 16px; font-weight: 700; color: #FFEA2C; line-height: 1em;text-transform: uppercase;}
	#turistas-servidor .home-tour a span{font-size: 12px; text-transform: normal; color:#fff; font-weight: 500; display: block; text-transform: none }
	#turistas-servidor .home-tour a i{position: absolute; top:0; left: 0; color:#fff; font-size: 25px }
	#turistas-servidor .home-tour a i.fa-file-text,#turistas-servidor .home-tour a i.fa-list, #turistas-servidor .home-tour a i.fa-cog, #turistas-servidor .home-tour a i.fa-bars, #turistas-servidor .fa-phone,#turistas-servidor .home-tour a i.fa-map-marker, #turistas-servidor .home-tour a i.fa-home{font-size: 30px}
	.servidor-ttl{margin-top: 30px}

	/* História de Bodoquena
-------------------------------------------------------------- */
	#interna{margin-top: 80px}
	#breadcrumb {margin-bottom: 30px}
	#breadcrumb a{font-size: 14px; }
	#breadcrumb li a, #breadcrumb li{font-weight: 300; text-transform: uppercase;}
	#breadcrumb li a, #breadcrumb li, #breadcrumb li strong{font-size: 12px; color: #777}

	.r-player {padding-right:0; padding-left: 30px; margin-top: 15px}
	.conteudo p{font-weight: 300}

	.secondary-ttl{font-size: 50px; color: #017FEB; font-weight: 100; text-transform: uppercase; margin-bottom: 30px; line-height: 40px}
	.secondary-ttl strong{font-size: 35px; color: #FFEA2C; font-weight: 900;}
	.conteudo h2{font-size: 25px; font-weight: 900; margin-bottom: 20px}
	#midia-player li a{display: block; position: relative;}
	.play-btn, #midia-player li a span{position: absolute;width: 100%; height: 100%; background: url(../../img/site/play.png) no-repeat center center; opacity: 0.7;}


/* Galeria de Fotos
-------------------------------------------------------------- */
	.tbl-galeria {margin-top: 50px}
	#pagination{margin:50px 0 30px 0; padding: 0;width: 100%; text-align: center; }
	#pagination li a{font-size:14px; text-transform: uppercase; display:inline-block;text-align: center;width: 46px; padding-top: 12px; border:1px solid #ddd; border-radius: 5px; height: 46px}
	#pagination li.ativo a, #pagination li a:hover{background: #0484CC; color: #fff}
	#pagination li .btns{display: block; width: auto; padding-left: 13px;  padding-right: 13px}
	.galeria-interna h1{font-size: 25px; font-weight: 700; text-transform: none}

	.galeria-fotos{margin:30px 0 50px;}
	.galeria-fotos .lSSlideOuter .lSPager.lSGallery li{border:1px solid #eee;}
	.galeria-fotos .lSSlideOuter .lSPager.lSGallery li.active, .galeria-fotos .lSSlideOuter .lSPager.lSGallery li:hover{border:1px solid #0484CC; border-radius: o}

/* Área do Turista
-------------------------------------------------------------- */
	.turista-sidebar{border:1px solid #eee;}
	.turista-sidebar.sidebar li a i{color: #777}
	.turista-sidebar ul li:hover a, .turista-sidebar ul li:hover i, .turista-sidebar ul li:hover span{color: #0C9088 }
	.ponto-thumb{padding-left: 0;}
	.ponto-thumb img{width: 100%}
	.ponto-turistico-box{background: #fff; border:1px solid #fff; margin-bottom: 30px}
	.ponto-turistico-box:hover{background: #FBFBFB; border:1px solid #ddd;}
	.ponto-text{padding: 20px 0}
	.ponto-text h2 a{font-size: 22px;}
	.ponto-text > a{font-size: 12px; color:#0484CC; font-weight: 600;}
	.sem-thumb {padding: 20px}
	#ponto-rel{margin:30px 0;}
	
	#content li{position: relative;}
	#content li a img{width: 100%; height: auto}

	#ponto-rel .lSAction > .lSPrev {background: url(../../img/site/next-prev.png) no-repeat 0 0; width: 11px; height: 15px;}
	#ponto-rel .lSAction > .lSNext {background: url(../../img/site/next-prev.png) no-repeat -15px -1px; width: 11px; height: 15px;}
	.pontos-rel-ttl{font-size: 18px; text-transform: uppercase; font-weight: 300; margin:30px 0;}
	.arquivos a{display: block;padding: 10px 15px; font-size: 18px; font-weight: 300; text-transform: uppercase; color: #fff; background: #ccc; display: block; text-align: center;}
	.arquivos a i{margin-right: 10px}
	.arquivos a:hover{background: #0484CC; }
/* Restaurantes
-------------------------------------------------------------- */
	.resto-box{margin-top: 60px}
	.resto-box iframe{display: block;margin-bottom: 20px}
	.resto-box h2{font-size: 22px}
	.frm-sidebar{display: block;margin-top: 30px}
	.frm-sidebar h4{font-size: 17px; text-transform: uppercase; }
	.frm-sidebar div{width: 100%; border:1px solid #eee; background: #fff;}
	.frm-sidebar input{background: #fff; border:none;text-indent: 10px; width: 220px;  font-size: 14px}
	.frm-sidebar button{background: #FFE600; border:none; padding: 7px 12px;margin: 0 -2px;}

/* Telefones Úteis
-------------------------------------------------------------- */
	.tel-uteis{margin-top: 60px}
	.tel-uteis h3{font-size:22px; font-weight: 900; margin-bottom: 0}
	.tel-uteis h2{font-size:18px; font-weight:300}
	.tel-uteis p{font-size: 16px; font-weight: 300}
	.sidebar.servidor-sidebar i{color: #575757}

/* Notícias
-------------------------------------------------------------- */
	.noticia .date{font-size: 12px; color: #999}
	.noticia h1{margin-bottom: 20px}
	.share-bottom{margin-top: 30px}
	.noticia-box {margin-bottom: 50px}
	.noticia-box h2 a{font-size: 16px; font-weight: 700; color: #525252}
	.noticia-box .date{font-size: 12px; color: #BBB; margin-bottom: 0}
	.noticia-box p{line-height: 1em}
	.noticia-box p a{font-size: 14px;color: #868686}
	.noticia-box .veja-mais {font-size: 12px; color: #bbb}

	.frm-noticias input[type="text"]{width: 45%; height: 49px; margin-bottom: 15px; text-indent: 10px; font-size: 14px; border:1px solid #eee;}
	.frm-noticias #buscar{ width: 100%; }
	.frm-noticias .submit {margin:0 -20px -30px -20px;width: 100%;}
	.frm-noticias #date-inicio{margin-right: 16px}
	.frm-noticias button {  width: 261px;height: 45px;background-color: #FFE600;border: none;color: #fff;font-weight: 700;text-transform: uppercase;}
	.noticias-sidebar{border-top: 1px solid #eee; padding:20px}
	.noticia h1{text-transform: none}

/* Contato
-------------------------------------------------------------- */
	.contato h1{margin-bottom: 20px}
	.contato h2{font-size:18px; font-weight: 300; text-transform: uppercase;line-height: 1em; text-align: center; }
	.frm-contato textarea, .frm-contato select, .frm-contato input{width: 100%; height: 45px; border:1px solid #eee; margin-top:30px; text-indent: 15px; font-weight: 300}
	.frm-contato textarea {padding-top: 10px; height:135px}
	.frm-contato button{width: 100%; height: 45px; background:#0280EC; color: #fff; font-weight: 500; font-size: 18px; text-transform: uppercase; border:none; margin:30px 0 60px;}

/* Mensagem Enviada
-------------------------------------------------------------- */
	.mensagem-enviada{padding-left: 125px; background: url(../../img/site/yellow-check.png) no-repeat left center; width: 480px; margin: 60px auto 0;}
	.mensagem-enviada h1{font-weight: 200; color: #007FEB; text-transform: uppercase; font-size: 50px; margin-bottom: 0}
	.mensagem-enviada h1 strong{color: #FFEA2C; font-weight: 900; text-transform: uppercase; display: block;font-size: 35px;}
	.mensagem-enviada a{font-size: 18px; font-weight: 700; text-transform: uppercase;}

/* Erro
-------------------------------------------------------------- */

	.erro div{padding-left: 175px; background: url(../../img/site/404.png) no-repeat left center; width: 610px; margin: 60px auto 0;}
	.erro h1{font-weight: 200; color: #007FEB; text-transform: uppercase; font-size: 50px; margin-bottom: 0}
	.erro h1 strong{color: #FFEA2C; font-weight: 900; text-transform: uppercase; display: block;font-size: 35px;}
	.erro p{text-align: center; font-size: 20px; font-weight: 300; margin-top:50px }
	.erro p a{color:#FFEA2C; font-size: 20px; }

/* Termos
-------------------------------------------------------------- */

	.termo{margin-bottom: 30px}
	.termo p a, .termo h3 strong{color:#0484CC; font-weight: 900 }
	.termo h3{text-transform: uppercase; margin-bottom: 0}
	.termo p{font-weight: 300}
	.busca-link a{display: block; padding: 15px; border:1px solid #ddd; background: #eee;}

/* Portal Transparencia
-------------------------------------------------------------- */
	
	#portalTransparencia > p{font-size: 16px; font-weight: 300; margin:20px 0 30px 0; }
	#portalTransparencia select{width: 100%; height: 33px;border:1px solid #eee; font-size: 14px; color: #999}
	#portalTransparencia input[type="submit"]{background: #0280EC; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; border:none; height: 33px; width: 100%}
	#portalTransparencia .voltar{font-size: 12px; color: #0280EC; display: inline-block; margin-top: 10px}

	#portalTransparencia table{width: 100%; margin:30px 0 0; border-collapse: collapse; border:1px solid #ddd;}
	#portalTransparencia table th, #portalTransparencia table td{border:1px solid #eee; height: 56px; text-align: center;}
	#portalTransparencia table th{background: #ddd; color: #666;font-size: 16px; font-weight: 700; text-transform: uppercase;}
	#portalTransparencia table a{margin:0 10px}
	#portalTransparencia h5{text-align: center; font-size: 20px; font-weight: 900; color: #525252; margin:30px 0;}

	#portalTransparenciaSide h3{letter-spacing: -3px}
	#portalTransparenciaSide h4, #portalTransparenciaSide h4 a{font-size: 22px; color: #0484CC; font-weight: 300; text-transform: uppercase;}
	#portalTransparenciaSide h5{font-size: 16px; color: #525252; font-weight: 700; text-transform: uppercase; margin-top: 20px}
	#portalTransparenciaSide.sidebar ul li a{margin:15px 0; padding: 0; font-size: 14px; font-weight: 500; color: #B8B8B8; display: block;}
	#portalTransparenciaSide.sidebar ul li a:hover{color: #0484CC}