/*
Theme Name: Funpresp
Theme URI: http://www.funpresp.com.br/
Description: Tema desenvolvido por Marshal Petry
Author: Marshal Petry
Author URI: http://www.mpetry.com.br
Version: 1.0
*/

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	.entry-header img {
		display:none;
	}

	body {
		font-family: Helvetica,Arial,sans-serif;
		
	}

	.borda {
		border-top: 30px solid #1b3664;
	}

	.header img {
		/*padding: 45px 0 30px 0;*/
		padding: 25px 0 15px 0;
	}
	
	hr.espaco {
		margin-top: 10px;
		color: #e7e7e7;
		background-color: #e7e7e7;
		border-top: 1px solid #e7e7e7;
	}

	.mmenu {
		margin-top: -4em;
		/*margin-left: 27.5em;*/
		margin-left: 19em;
	}
	

	.nav a {
		display: block;
		position: relative;
		/*padding: 1.875em 0 1.125em;*/
		/*padding: 0.5em 0;*/
		line-height: 1.5em;
		text-align: center;
	}

	.nav .icon {
		display: block;
		/*font-size: 1.25em;*/
		line-height: 1em;
		height: .5em;
	}

	a.acesso:hover {
		background: #8cc33f;
		color: #fff;
	}

	a.acesso {
		width: 80%;
		float: left;
		text-decoration: none;
		/*padding: 0px 20px 0px 20px;*/
		/*background: #E3EDD3;*/
		background: #e7e7e7;
		display: block;
		text-align: center;
		color: #8cc33f;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	/*a.previc{
		margin-left:155px;
	}
	a.previc:hover{
		background: #8cc33f;
		color: #fff;
	}*/

    .links_laterais{
    text-align: right;
    font-weight: bold;
    line-height: 35px;
    
    }
	.grande {
		font-size: 2em;
		line-height: 2.5em;
		margin-bottom: 0.5em;
	}

	.esquerda {
		list-style: none;
	}

	.restrito {
		margin: 40px 0 0 0;
	}
	
	.restrito img {
		float: left;
	}

	.espaco {
		margin: 20px 0 0 0;
	}

	img#char {
		position: absolute;
		float: right;
		width: 211px;
		height: 300px;
		margin: 16em 0 0 22em;
	}

	#rodape {
		background: #e7e7e7;
		height: 3em;
		margin: 3em 0 0 0;
	}

	.caps {
		text-transform: uppercase;
		font-size: 0.7em;
	}

	.caps p {
		vertical-align: middle;
		float: right;
		margin: 1.6em 1em 0em 0;
	}

	.artigo img {
		padding: 0 20px 0 0;
		float: left;
	}

	.artigo {
		padding: 20px;
		margin-bottom: 20px;
		border-top: 2px solid #ddd;
	}


	.thumb {
		float: left;
		padding: 20px 20px 20px 0;
	}

	article a {
		background: #fff;
		padding: 5px 5px 5px 5px;
		color: #000;
		/*float: right;*/
		/*margin-top: 10px;*/
		text-decoration: none;
		/*text-transform: uppercase;*/
		font-size: 0.8em;
		font-weight: bold;
	}

	article {
		font-family: Helvetica,Arial,sans-serif;
	}

	aside p {
		font-size: 1.2em;
		font-weight: bold;
		font-family: Helvetica,Arial,sans-serif;
		color: #444;
	}

	article p {
		font-size: 1em;
		font-family: Helvetica,Arial,sans-serif;
		color: #444;
	}

	article h3 {
		color: #222;
		margin-top: 25px; 
		font-size: 1em;
		
		line-height: 1.9em;
	}

	article h3 a {
		color: #222;
		margin-top: 25px; 
		font-size: 1em;
		
		line-height: 1.9em;
	}

	/*.artigo:hover {
		opacity: 0.75;
	}*/

	.more-dir {
		float: right;
	}

	.nav-previous, .nav-next {
		margin-top: 15px;
	}

	article a:hover {
		color: #333;
		background: #fff7a6;
	}

	.sep-entrevista {
		margin:45px 0 45px 0; 
	}

	.modern a {
	  display: inline-block;
	  margin: 10px;
	  padding: 8px 15px;
	  background: #f9f9f9;
	  border: 1px solid rgba(0,0,0,0.15);
	  border-radius: 4px;
	  transition: all 0.3s ease-out;
	  box-shadow:
	  inset 0 1px 0 rgba(255,255,255,0.5),
	    	0 2px 2px rgba(0,0,0,0.3),
	    	0 0 4px 1px rgba(0,0,0,0.2);

	  /* Font styles */
	  text-decoration: none;
	  color: #1b3664;
	  text-shadow: 0 1px rgba(255,255,255,0.7);
	}

	.modern a:hover  { background: #fff; color: #1b3664; }

	.leave-reply {
		display: none;
		visibility: hidden;
	}

	.comments-link {
		display: none;
		visibility: hidden;
		z-index: -100;
	}

	/* pagina interna quem somos */

	.interna {

		border: 10px solid #E7E7E7;
		border: 10px solid rgba(231, 231, 231, 0.9);
		outline: none;
		margin-top: 20px;
		padding: 1.5em;
	}

	.padding-interna {
		padding: 1.5em; 
	}

	.interna img {
		padding: 20px 20px 20px 0;
		/*float: left;*/
	}

	.interna p {
		margin: 1em 0 1em 0;
		font-weight: normal;
		font-size: 1em;
		color: #444;
	}

	/*.interna h1 {
		margin: 4% 10% 1% 10%;
	}*/

	.quemsomos {

		border: 10px solid #E7E7E7;
		border: 10px solid rgba(231, 231, 231, 0.9);
		outline: none;
		margin-top: 20px;
	}

	.quemsomos {
		/*padding: 20px;*/
	}

	/*.quemsomos p {
		margin: -2% 20% 5% 20%;
	}

	h1.tit {
		margin: 0 0 2% 10%;
		line-height: 1em;
	}

	h1.single {
		margin: 1.5% 0 0 10%;
		line-height: 1em;
	}

	a.simples {
		margin: 0 0 2% 10%;
		line-height: 1em;
		text-decoration: none;
		color: #1b3664;
	}*/

	.data {
		color: #8cc33f;
		/*font-weight: bold;*/
		font-size: 0.725em; 
	}

	.mapa-site p {
		vertical-align: middle;
		margin: 1.6em 1em 0em 0;
	}

	.mapa-site a {
		/*vertical-align: middle;*/
		text-decoration: none;
		font-size: 0.9em;
		color: #666;
		position: absolute;
		margin: -0.6em 0 0 1em;
	}

	/* paginas internas */
	.alinhar-texto {
		float: left;
	}
	
	a.botao-home {
		text-decoration: none;
		padding: 6px;
		background-color: #ddd;
	}

	/* ocultar rodape com oções para edição nas páginas internas*/
	footer.entry-meta {
		display: none;
		visibility: hidden;
	}

	.sem-estilo {
		text-decoration: none;
	}

	hr.abaixo {
		color: #fff;
		background: #fff;
		border: none;
		padding-bottom: 180px;
	}
	
	.vermelho {
		color:#f00;
	}


	/* estilos glossario */
	.firstUL{
	padding:0px 0px 0px 10px;
	margin:0px;
	background-color:#8cc33f;
}

.firstUL li {
	background:transparent url(images/link_sprite_img.jpg) no-repeat scroll 0 0;
	display:inline;
	/*font-family:'Arial',Verdana,Tahoma;*/
	font-size:1.2em;
	font-weight:bold;
	padding:10px 15px 22px;
	line-height:70px;
	cursor:pointer;
}

.firstUL li.selected{
	background:transparent url(images/link_sprite_img.jpg) no-repeat scroll 0px -57px;
	color:#ffffff;
	font-weight:bold;
}

#body-container{
	/*width:415px;
	height:500px;*/
	width:100%;
	height:40%;
	margin:0 auto;
	border:1px solid #8cc33f;
}

#body-container .glossary-container{
	clear:both;
}

#body-container .content-container{
	/*height:430px;
	width:415px;*/
	height:430px;
	width:100%;
	overflow:auto;
	/*font-family:'Arial',Verdana,Tahoma;*/
	font-size:10pt;
	clear:both;
}

#body-container .content-container div{
	padding-left:10px;
	border-bottom:1px #666666 solid;
}

#body-container .content-container div h2{
	margin-top:0px;
}

#body-container .content-container p.return-to-top{
	color:#8cc33f;
	text-decoration:none;
	text-align:right;
	margin-right:10px;
	cursor:pointer;
	background-color: #fff;
}

/* fim estilos glossario */



/*NOTIFICATION BOX - NO DESCRIPTION */

.notification {
	min-height: 70px;
	width: 580px;
	display: block;
	/*position: relative;*/
	position: absolute;	
	/*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	/*Box Shadow*/
	-moz-box-shadow: 2px 2px 2px #cfcfcf;
	-webkit-box-shadow: 2px 2px 4px #cfcfcf;
	box-shadow: 2px 2px 2px #cfcfcf;
	
	margin-bottom: 30px;
}

.notification span {
	background: url(/portal/wp-content/themes/funpresp/images/close.png) no-repeat right top;
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top:-9px;
	right: -8px;
}

.notification .text {
	overflow: hidden;
	
}

.notification p {
	width: 500px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
	float: right;
	margin-right: 15px;
	*margin-top: 15px; /*for lt IE8*/
	
	margin-top: 10%;
	
	/* TEXT SHADOW */
	 text-shadow: 0px 0px 1px #f9f9f9;
}

/*Auto Width Rules*/

.autoWidth{
	width: auto;	
}

.autoWidth p {
	width: auto;
	float: left;	
}

/*WARNING BOX*/

.warning {
	border-top: 1px solid #fefbcd;
	border-bottom: 1px solid #e6e837;
	
	/*Background Gradients*/
	background: #feffb1;
	background: -moz-linear-gradient(top,#feffb1,#f0f17f);
	background: -webkit-gradient(linear, left top, left bottom, from(#feffb1), to(#f0f17f));
}

.warning:before {
	content: url(/portal/wp-content/themes/funpresp/images/warning.png);
	float: left;
	margin: 15px 15px 0px 25px;
}

.warning strong {
	color: #e5ac00;
	margin-right: 15px;
}



	
	/* navegacao */
	
/* =Repeatable patterns
-------------------------------------------------------------- */


.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	/*width: 20%;*/
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	/*width: 50%;*/
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

a {
	outline: none;
	color: #333;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

ul {
	list-style-type: none;	
}

.meganizr {
	position: absolute;
	z-index: 500;
	clear: both;
}



/* Navigation Menu */
.main-navigation {
	/*margin-top: 24px;
	margin-top: 1.714285714rem;*/
	text-align: center;
	/*margin-left: 15em;*/
}
.main-navigation li{
	/*margin-top: 24px;
	margin-top: 1.714285714rem;*/
	font-size: 0.780em;
	/*font-size: 0.857142857rem;*/
	/*line-height: 1.42857143;*/
	text-align: center;
	/*width: 120px;*/
	width: 105px;
	white-space: normal;
	float: left;
	line-height: 35px;
	vertical-align: middle;
	background: #fff;


}
.main-navigation a {
	color: #5e5e5e;
	/*height:35px;*/
	
}
.main-navigation li:hover {
	color: #333;
	background: #fff7a6;
}

.main-navigation li.cor_especial:hover{
	color: #333;
	background: #8cc33f;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}	
	
	
	
.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		/*border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;*/
		display: inline-block !important;
		text-align: left;
		/*width: 100%;*/
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		/*line-height: 3.692307692;*/
		/*padding: 8px 12px 8px 12px;*/
		text-transform: uppercase;
		white-space: normal;
		vertical-align: middle;
		font-weight: bold;
	}

	.main-navigation li {
		/*margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;*/
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	
	.main-navigation ul {
		opacity: 0.95;
	}
	.main-navigation li ul li a {
		background: #e7e7e7;
		/*border-bottom: 1px solid #ededed;*/
		display: block;
		/*font-size: 11px;
		font-size: 0.785714286rem;*/
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
		text-align:left;
	}
	.main-navigation li ul li a:hover {
		background: #fff7a6;
		color: #333;
	}
	.main-navigation li.fonte-normal a{
    	text-transform: none;
        }
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #1f1f1f;
		font-weight: bold;
		/*background-color: #FFF7A6;*/
	}

	.menu-toggle {
		display: none;
	}	


 .llm-link{
    color: #1b3664 !important; 
    text-decoration: none  !important;
    font-size: 1.4em ;
    font-weight: bold  !important;
    }
    .llm-list{
        padding-top: 20px;
        text-align: left;
        vertical-align: central;
    }
    .llm-list:hover{
        text-shadow: 0px 0px 2px rgba(21, 14, 119, 0.5);     
    }
     .llm-list img{
        margin-top: 5px;
        text-align: left;
        vertical-align: bottom;
    }
/*
    
    1. The ticker is id="news-ticker"

2. The date is class="tickerDate"

3. The title is class="tickerLink"

4. The excerpt is class="tickerText"
    */
    #news-ticker{
        height: 200px;
        width: 100% !important;
    }
    .tickerLink{
        height: 200px;
        width: 100% !important;
    }
    .tickerText{
        width: 100% !important;
        height: 200px;
    }

@media handheld, only screen and (max-width: 1280px) {

    .mmenu {
        /*margin-left: 29em;*/
    }

    table {
        font-size: 0.9em;
    }
}	

@media handheld, only screen and (max-width: 1024px) {

	a.acesso {
		width: 75%;
	}

	img#char {
		position: absolute;
		float: right;
		width: 211px;
		height: 300px;
		margin: 18em 0 0 12em;
	}

	.mmenu {
		/*margin-left: 24em;*/
		margin-left: 21em;
		font-size: 0.9em;
	}

	.grande {
		font-size: 1.8em;
	}

}

@media handheld, only screen and (max-width: 1015px) {

	a.acesso {
		width: 75%;
	}

	img#char {
		position: absolute;
		float: right;
		width: 211px;
		height: 300px;
		margin: 18em 0 0 12em;
	}

	.mmenu {
		margin-left: 0;
		margin-top: 0;
	}

	.grande {
		font-size: 1.8em;
	}
	
	hr.espaco {
		margin-top: 50px;
		margin-bottom: 20px;
	}

}

@media handheld, only screen and (max-width: 960px) {

	a.acesso {
		width: 100%;
	}

	.nav a {
		display: inline;
		position: relative;
		/*padding: 1.875em 0 1.125em;*/
		padding: 0.3em 0;
		line-height: 1em;
		text-align: center;
	}

	.nav .icon {
		display: inline;
		/*font-size: 1.25em;*/
		line-height: 1em;
		height: .5em;
	}

	/*.main-navigation li {
		width: 100%;
	}

	.main-navigation li ul li a {
		width: 100%;
	}

	.mmenu {
		margin-top: -11.5em;
	}*/

	img#calculadora, img#cadeado {
		display: none;
	}

}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 768px) {

	body {
		
	}

	.mmenu {
		margin-top:0.5em;
		margin-left: 0;
	}
	

	.nav a {
		
	}

    .noticiascol table{
        width: 100%;
    }
    .fourcol .llm-link{
     width: 100%;
     font-size: 10%;
    }
	.nav .icon {
	
	}

	img#char {
		display: none;
	}

	.conteudo {
		margin-top: 1em;
	}

	.grande {
		font-size: 1.4em;
		line-height: 2.5em;
		margin-bottom: 1.25em;
	}

	.main-navigation li {
		width: 100%;
	}

	.main-navigation li ul li a {
		width: 100%;
	}

	.mmenu {
		margin-top: 1em;
	}

	.mobile-float img {
		float: left;
		margin: 0 15px 20px 0; 
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}



/* //////////////////////////////////////////////////////////////////////////////*/

/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		/*background: #eee;*/
		background: #edffd3; 
	}
	th { 
		/*background: #333;*/
		background: #8DC43F; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		/*border: 1px solid #ccc; */
		border: 1px solid #b0ef51;
		text-align: left; 
	}


/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			/*display: block; */
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			/*position: absolute;
			top: -9999px;
			left: -9999px;*/
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			/*border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; */
		}
		
		td:before { 
			/* Now like a table header */
			/*position: absolute;*/
			/* Top/left values mimic padding */
			/*top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;*/
		}
		
		/*
		Label the data
		*/
		/*td:nth-of-type(1):before { content: "Texto1"; }
		td:nth-of-type(2):before { content: "Texto2"; }
		td:nth-of-type(3):before { content: "Texto3"; }
		td:nth-of-type(4):before { content: "Texto4"; }
		td:nth-of-type(5):before { content: "Texto5"; }
		td:nth-of-type(6):before { content: "Texto6"; }
		td:nth-of-type(7):before { content: "Texto7"; }
		td:nth-of-type(8):before { content: "Texto8"; }
		td:nth-of-type(9):before { content: "Texto9"; }
		td:nth-of-type(10):before { content: "Texto10"; }*/
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: 100%; }
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 100%;
		}
	}

