/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	/*@media only screen and (max-width: 959px) {}*/

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	/*@media only screen and (min-width: 768px) and (max-width: 959px) {}*/

	/* All Mobile Sizes (devices and browser) */
	/*@media only screen and (max-width: 767px) {}*/

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	/*@media only screen and (min-width: 480px) and (max-width: 767px) {}*/

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	/*@media only screen and (max-width: 479px) {}*/


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/



/* =================== Media Queries ======================= */


/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	/* ===========================
		Header b�sico
	=========================== */
	.features .box {margin:auto;}
		#acesso a {
			display: block;
			margin: 5px 0;
			font-size: 1.0em;
		}
		
		.theI {
			position: relative;
			width: 26px;
			height: 26px;
			margin-left: 162px;
			margin-top: -27px;
			background: url("../img/sprite.png") -374px 0 transparent;
			display: block;
			z-index: 999;
		}
		
		#langs {
			width: 100%;
			font-size: .8em;
			margin: .5em 0 30px 0;
		}
		
		#langs .pular {
			margin-left: 200px;
		}
		
		#menu-perfil li {
			width: auto;
			display: inline;
			margin-top: 1em;
			margin-bottom: 1em;
			padding-left: .7em;
			float: left;
			position: relative;
		}
		
		#busca input[type="text"] {
			height: 3em;
			font-size:0.8em;
			height: 1.8em;
		}
		
		#global_search {
			background-position:-500px -98px;
			background-color: #F00;			
			height: 53px;
			width: 53px;
			border: 0;
			
		}
		
		/* ===========================
			Not�cias de index
		=========================== */
		#home-noticias h2 {
			text-align: justify;
		}
		
		#n-template1 p, #n-template2 p, #n-template3 p, #n-template4 p{text-align: justify;}
		.destaque div {width: 90%; padding: 15px 0;}
		.img-esq{position:relative; display:block; clear:both;}
		.ir, .more-links, .lista-videos{font-size: 1.2em; }
		.ir:after {margin-top: 9px;}
		#home-noticias footer{margin-bottom:50px;}
		
		/* ===========================
			Tabs de se��es
		=========================== */
		.tabs li {font-size: 1.2em;}
		.grupo-links li h3 {max-height: none; height:auto; font-size: 1.2em;}
		.grupo-links small {font-size: .9em; line-height: normal; display:block; margin:5px 0 0;}
		.wrap-page .grupo-links li {
			width: 42%!important;
			margin: 3px 10px;
		}
		
		/* ===========================
			Mapa, v�deo, etc
		=========================== */
		#mapas, #calendario, #governo-lista {margin:50px 0 0; position:relative; clear:both;}
		#mapas img {height: auto; width:100%;}
		#lista-videos{font-size: 1.0em; margin:10px 0; padding-top:10px; display:block; width:100%; text-align:center; border-top: #000 1px solid; }
		.highlight-news img {
			height: auto;
			width: 100%;
		}
		
		.highlight-news>li {margin-bottom: 20px; margin-right: 9px;}
		.top-searchs li {font-size: 1.0em; margin-bottom:15px;}
		.top-searchs span{padding: 9px 4px; width: 30px;}
		.top-searchs a {display: block; height: auto;}
		#governo-lista select, #bloco5 select{width: 100%; height: 40px; font-size:1em;}
		
		
		/* ===========================
			footer
		=========================== */
		.full_block strong, .legend {font-size: 1.6em;}
		#bloco1, #bloco2, #bloco3, #bloco4,  #bloco5,  #bloco6{height:auto; margin-bottom:20px; font-size: 1.2em;}
		#bloco4, #bloco5, #bloco6{height:200px;}
		
		.social_footer li, #bloco2 li, #bloco3 li{margin:20px 0;}
		#bloco6 a, #name_style {font-size: 1em;}
		.copyright{font-size: 1em; height: auto;}
		
		
		/* ===========================
			footer
		=========================== */
		.nav-gradius, .wrap-page .container-icons .grupo-links  {width: 100%;}
		
		#secoes-cidadao li {width: 41%!important; margin: 3px 0; }
		.container_nav .linha {
			display: block;
			height: auto;
			width: 100%;
			position: relative;
		}
		
		.container_nav .linha li {
			display: block;
			margin-right: auto;
			max-width: none;
			position: relative;
			width: 80%;
			clear: both;
			padding: 0 10%;
		}
		
		.container_nav .linha li a {
			padding-top: 5px;
			font-size: 1.1em;
			margin: 5px 0 15px;
			height:auto;
			line-height: 1.2em;
		}
		
		.blue-wings:before {margin-left: -12px;	}
		
		
	}
	
	/* FIX PARA OS HEADERS */
	.section-cidadao-services header h1 { text-transform: none !important; }
	
	/* FIX PARA OS TITULOS EM SERVICOS PARA */
	.grupo-links li h3 {
		max-height: 100%;
		overflow: visible;
	}
	
	/* SOCIAL LINKS PARA NOTICIAS */
	.addthis_default_style {
		bottom: 5px;
		position: absolute;
		right: 0;
		width: 42%;
		z-index: 20;
	}
	
	.addthis_button_tweet { width:80px; }
	
	.addthis_counter { width:60px; }
	
	.social-news-list {
		display: inline-block;
		margin: 0 4px;
	}
	
	.social-news-link {
		background: url(img/sprite.png) no-repeat 0 0 transparent;
		display: block;
		height: 16px;
		width: 16px;
	}
	
	 #custom-tweet-button a {
		display: block;
		background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat; /* alterar apos o sprite estar pronto */
		color: transparent;
		height: 16px;
		width: 16px;
	 }
	
	.facebook { background-color: #3b5998; }
	
	.twitter { background-position: 0 0; }
	.email { background-position: 0 0; }
	.plus { background-position: 0 0; }
	
	#bloco3 { margin-left: 0 !important; }
	
	#busca input[type="text"] { height: auto !important; }
	
	.boulder { font-weight: bold; }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
	
	
	/* MAPA */
	 .route.open .routetype-labels {
		background: transparent;
		color: #222;
		display: inline-block;
		float: none;
		height: auto;
		margin: 0;
		text-align: left;
		width: auto;
	}
	
	/* RESULTADO DAS ROTAS */
	.rotas-mapa {
		background: white;
		padding: 5px 8px;
		display: block;
		overflow: auto;
		height: 390px;
		width: 195px;
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		margin-top: 20px;
		font-size: 0.9em;
		color: #222;
	}
	
	.rotas-mapa hr { margin:8% 0; }
	
	/*AJUSTES DE SECOES*/
	.container_nav { border:0; }
	
	.gray-wings:after {
		display:none !important;
		
	}
	
	/* FOOTER */
	
	.app-list ul,
	.app-list li { list-style: none; }
	
	.app-icone {
		display: block;
		height: 45px;
		width: 118px;
	}

/* LAYOUT PARA A COPA 2014
***********************************************************/
/*HEADER PAGE*/
.header-page.header-page-copa { background-color:#252525; }

.header-page-copa .title-copa {
	background:url(../img/header_copa2014.png) no-repeat 0 0 transparent;
	text-indent:-9999px;
}

.header-page-copa .subtitle-copa {
	display:block;
	position:absolute;
	color:#fff;
	top:22px;
	left:78px;
	font-size:0.8em;
}

/*BLOCO PRINCIPAL*/
.copa-page .block-principal {
	height:auto;
	margin-top:7px;
}

.copa-noticia-principal img {
	background:#458138;
    border:1px solid #9e9fa1;
    display:block;
    height:275px;
    width:578px;
}

.copa-page .news-text {
    border:1px solid #b1b1b1;
    display:block;
    margin-top:-10px !important;
    padding:15px;
}

.copa-page .news-text h2 { line-height:22px; }

/*LISTA DE NOTICIAS SECUNDARIAS*/
.copa.principal-list { margin-top:35px; }

.copa.principal-list li {
	border:0 none;
	height:auto;
}

.copa.principal-list h2 {
	font-size:1em;
	line-height:18px;
	margin-bottom:14px;
}

.copa.principal-list p {
	font-size:0.8em;
	line-height:14px;
}

/* TODAS AS NOTICIAS */
.copa-page .title-section { position:relative; }

.title-section2{font-size: 1.5em !important;}

.copa-page .title-section > a > img {
	position: absolute;
	left: 178px;
	top: -1px;
}

.copa-page .news-list .timestamp { background:#5db04e; }

.copa-page .news-list > ul li { height:54px; }

.copa-page .news-list > img {
	background:#458138;
	display:inline-block;
	height:90px;
	width:88px;
}

.copa-page .news-list a { display:inline-block; }

.copa-page a:hover h3, .copa-page a:focus h3,
.copa-page a:hover small, .copa-page a:focus small { color:#458138 !important; }

.copa-page .news-complete footer {
	border-top: 1px solid #222;
	text-align: center;
	padding: 5px 0;
	font-size:0.8em;
	margin-top:15px;
}

/* COPA GALERIA */
.copa-page .ad-gallery .ad-nav,
.moreinfo-page .ad-gallery .ad-nav {
	width: 540px;
	position: relative;
	margin: 0 auto;
}
.copa-page .ad-gallery .ad-back,
.moreinfo-page .ad-gallery .ad-back { background: url(../img/ad_scroll_back.png) 0px 45px no-repeat; }

.copa-page .ad-gallery .ad-forward,
.moreinfo-page .ad-gallery .ad-forward { background: url(../img/ad_scroll_forward.png) 0px 44px no-repeat; }

.copa-galeria-fotos,
.moreinfo-galeria-fotos { position:relative; }

.copa-galeria-wrap,
.moreinfo-page .galeria-wrap {
    display:block;
    height:112px;
    margin:0 auto;
    overflow:hidden;
    width:530px;
}

.copa-galeria-list,
.moreinfo-page .galeria-list {
	display:block;
	width:1000%;
}

.copa-galeria-item,
.moreinfo-page .galeria-item {
	display:inline-block;
	margin:0 8px;
}

.copa-galeria-link,
.moreinfo-page .galeria-link {
	border:5px solid #576163;
    display:block;
    height:100px;
    opacity:0.5;
    width:145px;
}

.copa-galeria-link:hover,
.moreinfo-page .galeria-link:hover { opacity:1; }

.copa-galeria-img,
.moreinfo-page .galeria-img {
	background:#458138 !important;
	display:block !important;
	height:102px !important;
	width:156px !important;
}

.moreinfo-page .galeria-img {
	background:#6b6b6b !important;
}

/*ARROWS*/
.green-arrow {
    position:absolute;
    top:65%;
    height:20px;
    width:16px;
}

.green-arrow-left {
	background:url(../img/ad_scroll_back_green.png) no-repeat 0 0 transparent; 
	left:2px;
}

.green-arrow-right {
	background:url(../img/ad_scroll_forward_green.png) no-repeat 0 0 transparent;
	right:2px;
}

/*SIDEBAR
****************************************************/
/*INTRODUZINDO SAO PAULO*/
.copa-page .sp-live .sp-live-videos { padding:0; }

.copa-page .sp-live { border:0 none; }

.copa-page .principal-video video {
	background:#458138;
	height:223px;
}

.copa-page .sp-live-videos footer {
	border-top:1px solid #222;
	text-align:center;
	padding:5px 0;
}

.copa-page .sprite-arrowright3 img {
	display: inline-block;
	height: 8px;
	background: transparent;
	width: auto;
}

/*CHAT DA COPA*/
.chat-box p {
	background:#999;
	color:#222;
	display:block;
	font-size:2em;
	height:165px;
	text-align:center;
	width:340px;
}

/* TWITTER */
.copa-page .twitter-posts i {
	color:#000;
	font-weight:bolder;
}

.copa-page .twitter-list ul li { background:url(../img/twitter-green.png) no-repeat 0 2px transparent; }

.copa-page .twitter-posts a:hover,
.copa-page .twitter-posts a:hover time { color:#458138 !important; }

/*ADS*/
.ads-wrap { display:block; }

/* MAPA
***********************************************/
.copa-page .wrap-events { margin-top:34px; }

.copa-page .wrap-mapas { height:auto; }

/*EVENT-BANNER*/
.copa-page .event-banner {
	background: url(../img/header-copa-mapa.png) no-repeat 25px 16px #252525;
	padding:32px 0 14px;
}

/*EVENT BANNER LIST*/
.copa-page .event-list {
	margin-top: -16px;
	width: 430px;
}

.copa-page .event-list li { margin-left:20px; }

/*JANELA DE PESQUISA*/
.copa-page .route { background:#fff; }

.copa-page .route legend {
	background:#458138 !important;
	font-size:1em;
}

/*RADIO BUTTONS*/
.copa-page .route .route-radio ul li {
	display:block;
	height:20px;
}

.copa-page .route .route-radio ul li input { display:inline-block; }

.copa-page .route .route-radio ul li label {
	background:transparent;
	color:#252525;
	display:inline-block;
	float:none;
	font-size:0.9em;
	width:auto;
}

/*BOTAO*/
.copa-page .redbtn { background:#36c93e; }

.copa-page .redbtn:hover { background:#458138; }

/* MENU MAPA */
.copa-page .menu-main { z-index: 10; }

.copa-page .menu-mapa li a {
	background:#5b5b5b;
	border-bottom:1px solid #7c7c7c;
	border-left:5px solid transparent;
	color:#fff !important;
	display:block;
	/*height:49px;*/
	overflow:hidden;
	transition:background .2s linear;
	-moz-transition:background .2s linear;
	-ms-transition:background .2s linear;
	-o-transition:background .2s linear;
	-webkit-transition:background .2s linear;
	padding:10px 0;
	vertical-align:middle; 
	width:176px; 
}

.copa-page .menu-mapa li a:hover,
.copa-page .menu-mapa li a.selected {
	background:#3ea427;
	border-left-color:#76dc60;
}

.copa-page .menu-mapa a img {
	/*
	height:auto;
	margin:10px 10px 0 10px;
	width:30px;
	*/
	float:left;
	margin-right:10px;
}

.copa-page .menu-mapa a span {
	float: left;
	font-size: 13px;
	line-height: 13px;
	width: 105px;
	margin-top:10px;
}

.copa-page .menu-main .select-radio .menu-radiolist { background:#458138; }

.copa-page .menu-radiolist li:hover, .copa-page .menu-radiolist li:focus { background:#36c93e; }

.copa-page .voltar_not span {
	background: url(../img/01.png) no-repeat 0 0 transparent;
	display: inline-block;
	height: 12px;
}

.copa-page .voltar_not img { height:10px; }

.copa-page .voltar_not:hover { color:#36c93e !important; } 

/* PAGINACAO */
.copa-page .pagination a {
	color: #36c93e;
	border: 1px solid #36c93e;	
}

.copa-page .pagination .active a,
.copa-page .pagination a:hover {
	background:#36c93e !important;
	color:#fff !important;
}

.pagination-wrap { border:1px solid #979797 !important; }

/* LISTA DE NOTICIAS */
.copa.news-list article .timestamp { padding:10px 5px 6px; }

.copa.news-list article a h3 { width: 99% !important; }

.copa-page .news-list article img {
	float: left;
	margin:-4px 6px -11px -43px;
} 

.copa-page .news-list article a { width:90%; }

.not-list article img {
	float: left;
	margin:-4px 6px -11px -43px;
}

.e-fecharr {
  border:0;
  width: 20px;
  height: 20px;
  float: right;
  margin-top: -5px;
  margin-bottom: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(../img/copa-close.png);
  background-position: -450px -56px;
  font-weight:bold;
}

/* AJUSTES DE TAMANHO DE BOXS */
.copa-page .event-banner { width:940px !important; }

.copa-page .services-mapa { width:938px !important; }

/* AJUSTES DA POSICAO DO MAPA */
.copa-page #cont-mapa { margin-top:-30px; }

/* AJUSTES NA PAGINA DE SOLICITA��O DE SERVICOS */
/*.header-page h1 { font-size:2.1em; }*/

#services-pref { margin-bottom:25px; }

.services-pref-content .exfour,
.services-pref-content .exthree.redbtn {
	float:none;
	display:inline-block;
	vertical-align:middle;
}

.services-pref-content .exthree.redbtn {
	margin:0 10px;
	width:30% !important;
}

.telefones-lista li { font-weight:bold; }

/* HEADER DA PAGINA PRINCIPAL
************************************************************/
.header-front-img {
	display:block;
	height:35px;
	float:left;
	width:35px;
	margin-left:10px;
	margin-top:10px;
	margin-right:15px;
}

.header-page .header-front-title {
	font-size: 1.563em;
	color: #fff;
	display: inline-block;
	height: auto;
	line-height:40px;
	padding: 0;
	width: auto;
}

.header-page .header-front-subtitle {
	display: block;
	position: static;
	color: #fff;
	top:0;
	left:0;
	line-height:12px;
	font-size: 0.8em;
	margin-top:-5px;
}

.header-page .header-front-subtitle p { display:inline-block; }

.header-front-subtitle a {
	color:#fff;
	text-decoration:underline;
}

.header-front-subtitle a:hover,
.header-front-subtitle a:visited { text-decoration:none; }

/*FIX PARA O TOPO DO SITE*/
#langs { padding-left:335px; }

#langs .pular { margin-left:0; }

#social_footer li {float: left;}            

#diario   {background-position: -627px -62px;}
#facebook {background-position: -599px 0;}
#twitter  {background-position: -652px 0;}
#youtube  {background-position: -621px 0;}

/* MAIS INFORMA��ES
****************************************************************/

/* MAIS INFORMA��ES - HEADER */
.moreinfo-page.header-page { margin-bottom:18px; }

/* MAIS INFORMA��ES - NOTICIA PRINCIPAL */
.moreinfo-page.noticia-principal { border:1px solid #9e9fa1; }

.moreinfo-page.noticia-principal img {
	background: #6b6b6b;
	border: 1px solid #9e9fa1;
	display: block;
	height: 275px;
	width: 578px;
}

/* MAIS INFORMA��ES - TEXTO DA NOTICIA PRINCIPAL */

/* MAIS INFORMA��ES - LISTA DE NOTICIAS */
.news-list-img {
	float: left;
	margin-left: -43px;
	margin-right: 14px;
}

.news-text { padding:15px; }

/* MAIS INFORMA��ES - FOOTER DE LINK */
.footer-link {
	border-top: black 1px solid;
	padding-top:5px;
	text-align: center;
	width: 100%;
}

/* MAIS INFORMA��ES - GALERIA DE FOTOS */
.galeria-fotos { margin-top:225px; }

/* MAIS INFORMA��ES - DIREITA 
*****************************************************************/

/*MAIS INFORMA��ES - YOUTUBE*/
.moreinfo-page .sp-live { border:0 none; }

.moreinfo-page .sp-live .sp-live-videos footer {
	border-top-color:black;
	padding-top:5px;
}

/*MAIS INFORMA��ES - SE��O DE MAIS INFORMA��ES*/
.moreinfo-section .moreinfo-item {
	display: block;
	float: left;
	width: 97px;
}

.moreinfo-item-middle {
	margin:0 20px;
}

.moreinfo-section .moreinfo-item img {
	background:#6b6b6b;
	height:74px;
	width:97px;
}

.moreinfo-section .moreinfo-item p { font-size:0.8em; }

/* MAIS INFORMA��ES - MAPA
*****************************************************************/

/* MAIS INFORMA��ES MAPA - TOPO */
/*.wrap-events { margin-top:34px; }*/
.wrap-events { margin-top:0; }

.wrap-mapas { height:auto; }

/*EVENT-BANNER*/
.event-banner {
	background: url(../img/header-mapa.png) no-repeat 0 0 #252525;
	margin:0 auto;
	padding:32px 0 14px;
	width:940px !important;
}

/*EVENT BANNER LIST*/
.event-list {
	/*margin-top: -16px;*/
	margin-top: -6px;
	width: 430px;
}

.event-list li { margin-left:20px; }