/*
Theme Name: CERESAN
Author: Pedro Estarque
Author URI: http://pedro.estarque.com.br
Description: CERESAN - Centro de Referência em Segurança Alimentar e Nutricional
*/

html, body { height: 100%; width: 100%;}
* { border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;outline:none;-webkit-text-size-adjust: 100%;} 

body, a {
	font: 12px "Ideal Sans SSm A", "Ideal Sans SSm B", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 200;
	color: #333;
	text-decoration: none;
	/* -webkit-font-smoothing: subpixel-antialiased; */
}

body { 
	background: #2d82b9;
	background-image: url(pattern.jpg);
}

.Mac body {
	/* letter-spacing: 1px; */
}

.container {
	position: relative;
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
	box-sizing: border-box;
}

.boxDual {
	margin: auto;
	max-width: 1024px;
}

.boxDual:after {
	content: '';
	clear: both;
	display: block;
}

#supersized {
	/* opacity: 0.8; */
}

#menu-menu-topo {
	text-align: center;
}

.menu-menu-topo-container {
	height: 83px;
	width: 100%;
	background: #2e82b9;
	position: relative;
	z-index: 99;
}

.menu-menu-topo-container:before {
	/* content: ''; */
	/* width: 100px; */
	/* height: 79px; */
	/* background: url(./logoMatte.gif); */
	/* position: absolute; */
	/* top: 1px; */
	/* left: 0px; */
	/* /* background-size: 210px; */ */
	/* background-repeat: no-repeat; */
}

.menu-menu-topo-container li {
	display: inline-block;
	/* padding: 0px 1.3%; */
	position: relative;
	transition: 0.3s all;
	background: linear-gradient(rgba(255, 255, 255, 0) 50%, #e4b260 50%);
	background-size: 200% 200%;
	background-position: 0 0;
	vertical-align: top;
	min-width: 200px;
}

.ie .menu-menu-topo-container li {
	min-width: 195px;
}

.ie ul.sub-menu {
	width: 195px;
}

.menu > li:hover {
	background-position: 0 -100%;
}

.ie .menu > li:hover {
	background: #e4b260;
}

.menu-menu-topo-container a {
  font-size: 23px;
  font-weight: 100;
  line-height: 83px;
  font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", "Helvetica Neue", "Helvetica", sans-serif;
  display: inherit;
  padding: 0 25px;
  color: white;
}

.menu-menu-topo-container li:first-child {
	/* margin-left: 100px; */
}

.menu-menu-topo-container li.current-menu-ancestor {
	background: #e4b260;
}

.menu-menu-topo-container li.current-menu-item {
	/* background: rgba(255, 255, 255, 0.3); */
	background: #F1AF44;
}

.menu-menu-topo-container .sub-menu li.current-menu-item {
	background: #D49021;
}

.sub-menu {
	display: none;
}

.sub-menu li {
	display: block;
}

.sub-menu li a {
	line-height: 20px;
	display: block;
	font-size: 16px;
	/* margin: 15px 0px; */
	padding: 5px 0;
}

.sub-menu li a:hover {
	background: #dca03d;
}

ul.sub-menu {
	margin-top: -15px;
	width: 200px;
	margin: auto;
}

/* .menu-menu-topo-container li:before { */
/* 	position: absolute; */
/* 	content: ''; */
/* 	width: 100%; */
/* 	height: 100%; */
/* 	left: 0; */
/* 	top: -100%; */
/* 	background: rgba(255, 255, 255, 0); */
/* 	transition: 0.3s all; */
/* 	z-index: -1; */
/* } */
/*  */
/* .menu-menu-topo-container li:hover:before { */
/* 	top: 0; */
/* 	background: rgba(255, 255, 255, 0.5); */
/* } */

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #2573b4;
	color: white;
}

.footer h2.rounded {
	display: none;
}

.footer li {
	display: inline-block;
	/* line-height: 60px; */
	margin: 0 3px;
}

.box {
	margin: 20px auto;
	padding: 20px;
	background: #fff;
	background: rgba(255, 255, 255, 0.90);
	font-size: 16px;
	line-height: 1.5;
	box-sizing: border-box;
	/* max-height: 100%; */
	position: relative;
	max-width: 1000px;
	/* max-height: 80%; */
}

.scrollBox {
	position: absolute;
	top: 80px;
	bottom: 60px;
	overflow: auto;
	left: 0;
	right: 0;
}

.box.escritorio.scrollBox {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	height: auto;
}

.box.missao.scrollBox {
	position: absolute;
	left: 50%;
	margin-left: 100px;
	height: auto;
}


/* .box::-webkit-scrollbar { */
/* 	width: 7px; */
/* } */
/* .box::-webkit-scrollbar-thumb { */
/* 	background-color: rgba(255, 255, 255, 0.8); */
/* 	border-radius: 10px; */
/* } */

.box p {
	margin: 22px 0;
}

.box.missao {
	display: inline-block;
	width: 400px;
	margin-left: 90px;
	background: #2E82B9;
	color: white;
	background: rgba(46, 130, 185, 0.9);
}

.box.escritorio {
	width: 550px;
	margin-left: -490px;
}

.box.missao, .box.escritorio {
	position: relative;
	float: left;
	margin-left: 25px;
	height: 530px;
	/* height: auto; */
	overflow: auto;
}

span.news {
	position: absolute;
	right: 25px;
	background: #F1AF44;
	padding: 8px;
	top: -17px;
	color: #FFF;
	font-size: 18px;
}

.box li {
	margin-left: 20px;
	margin-top: 5px;
	list-style: none;
}

.box li:before {
	content: '\f0c8';
	font-family: 'FontAwesome';
	color: #2E82B9;
	margin-left: -17px;
	padding-right: 7px;
	font-size: 10px;
	top: -2px;
	position: relative;
}

h1, h2, h3, h4 {
	/* font-weight: 100; */
	/* font-variant: small-caps; */
	font-family: "Ideal Sans SSm SC A", "Ideal Sans SSm SC B", "Helvetica Neue", "Helvetica", sans-serif;
	color: #2E82B9;
}

.box h3 {
	font-size: 20px;
	margin: 20px 0;
	text-transform: uppercase;
}

.endereco+.endereco {
	left: 60%;
}

.box .post i {
	display: block;
	font-size: 11px;
}

.box a {
	font-size: 16px;
	/* padding: 5px; */
	/* margin-left: -5px; */
	/* display: inline-block; */
	border-bottom: 1px dotted #0080FF;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
	-webkit-transition: 0.3s all;
	transition: 0.2s all;
	/* text-decoration: underline; */
	color: #1E6DA0;
}

.box a:hover {
	/* background: #555; */
	/* background: #D5E9F7; */
	 */
	color: #2E82B9; */
	color: #2E82B9;
	color: #2E82B9;
}

.box a img {
	transition: 0.3s all;
	cursor: pointer;
	max-width: 100%;
}

.box a[href$=jpg], .box a[href$=jpeg], .box a[href$=png] .box a[href$=gif] {
	border: 0 none;
	text-decoration: none;
}

.box a[href$=jpg]:hover, .box a[href$=jpeg]:hover, .box a[href$=png]:hover, .box a[href$=gif]:hover {
	background: none;
}

.box a img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 0 0 10px #000;
}

.box a img {
	display: block;
	margin: auto 20px;
}

.box .post p {
	margin: 0;
}

.box .post {
	margin: 12px 0;
}

.box input, .box textarea {
	background: white;
	margin: 5px 0;
	padding: 7px;
	width: 500px;
	box-shadow: inset 0 0 3px #000;
	color: #333;
	/* text-shadow: 1px 1px 1px #000; */
	font-size: 14px;
}

input.wpcf7-form-control.wpcf7-submit {
	color: #444;
	text-shadow: none;
	background: #FFF;
	width: 100px;
	line-height: 30px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
}

.box .wpcf7 p {
	margin: 5px 0;
}

.box .wpcf7 label {
	display: inline-block;
	width: 80px;
}

.box input {
	width: 415px;
}

.box strong, .box b {
	font-weight: 400;
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", "Helvetica Neue", "Helvetica", sans-serif;
}

.ie .box strong, .ie .box b {
	font-weight: bold;
}

.box em, .box i {
	font-style: italic;
}

.box.missao a {
	color: #FFF;
	border: none;
	padding: 4px 8px;
	display: block;
	margin: 4px 0;
}

.aligncenter {
	/* text-align: center; */
	display: block;
	margin: auto;
}

.box.missao a:before {
	content: '\f105';
	margin-right: 2px;
	font-family: FontAwesome;
	color: #FFAA04;
}

.box.missao .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255,255,255,0.75);
}

.box.missao i {
	font-size: 10px;
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", "Helvetica Neue", "Helvetica", sans-serif;
	font-style: italic;
	opacity: 0.7;
	position: relative;
	top: 0;
	display: block;
	left: 15px;
	line-height: 5px;
}

.page-template-page-noticias-php .box a {
	border: none;
}

.page-template-page-noticias-php .box a:before {
	font-family: FontAwesome;
	content: '\f105';
	margin-right: 7px;
	color: #2E82B9;
}

.biblioteca .box a[href$=".pdf"]:before {
	content: '\f1c1';
	font-family: FontAwesome;
	margin-right: 5px;
	margin-top: 12px;
	display: inline-block;
}

.biblioteca .box a, .projetos .box a {
	color: #333;
	border: none;
	transition: 0.3s all;
}

.biblioteca .box a:hover, .projetos .box a:hover {
	color: #266B98;
}

form .endereco+.endereco {
	top: 160px;
	left: 600px;
}

form .endereco {
	left: 600px;
	top: 0px;
}

form .endereco p {
	margin: 20px 0!important;
	display: block;
	float: none;
}

form .endereco .fa {
	border: 0;
}

form .endereco .fa.fa-envelope {
	display:none;
}

form a.mailto {
	position: absolute;
	left: 600px;
	top: 200px;
}

.box h2 {
	margin-bottom: 20px;
}

h3.expand {
	cursor: pointer;
}

h3.expand:after {
	content: '…';
}

.box .post p.noLink {
	font-size: 16px;
	margin-bottom: 5px;
}

.box textarea {
    height: 85px;
}

.box.scrollBox form .endereco {
	margin-top: -20px;
}


.wp_adminBar .container {
	padding-top: 32px;
}

.wp_adminBar .scrollBox {
	top: 110px;
}

.box.notFound {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}


.language-chooser span {
	display: none;
}

.language-chooser a {
	width: 30px;
	height: 21px;
	display: block;
	background-repeat: no-repeat;
}

.qtranxs_text_pb {
	background-image: url(footerIcons/br.png);
}

.qtranxs_text_en {
	background-image: url(footerIcons/gb.png);
}
.qtranxs_text_fr {
	background-image: url(footerIcons/fr.png);
}

.qtranxs_text_es {
	background-image: url(footerIcons/es.png);
}


.endereco p {
	position: absolute;
	left: 12px;
	top: 15px;
	font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", "Helvetica Neue", "Helvetica", sans-serif; 
	font-weight: 200;
	word-spacing: -1px;
	font-size: 11px;
}

.endereco p+p {
	top: 30px;
}

.ie .endereco p {
	top: 7px;
	font-family: sans-serif;
}

.ie .endereco p+p {
	top: 22px;
	max-width:360px;
	line-height: 17px;
}

.language-chooser {
	position: absolute;
	right: 10px;
	top: 20px;
}

.footer .logos {
	position: absolute;
	right: 175px;
	top: 5px;
}

.footer .logos img {
	width: 60px;
}

.footer a {
	display: inline-block;
	color: white;
}

.footer a:hover {
	transition: 0.3s all;
	transform: translateY(-5px);
}

/* Acervo Visual */

.acervovisual.box a img {
	display: inline-block;
	margin: 5px;
	width: 140px;
	height: 140px;
}



/* Larger Screens and better browsers {{{ */

.largeScreen {
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -60px;
}

@media (min-width: 1300px) {
	.menu-menu-topo-container a {
	  /* font-size: 18px; */
	  /* letter-spacing: 1px; */
	}

	.menu-menu-topo-container:before {
		/* background-size: 230px; */
	}

	.menu-menu-topo-container:before {
		left: 20px;
	}

	.footer .logos {
		position: absolute;
		right: 200px;
		top: 7px;
	}

	.footer .logos img {
		width: auto;
	}

}


@media (min-height: 765px) {
	
	.box textarea {
		height: auto;
	}

}

/* }}} */

/* Mobile {{{ */

.mobileBrowser * {
	font-weight: 200;
}

@media ( max-width : 1000px ) {

	.mobileBrowser body {
		letter-spacing: normal;
	}

	img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: block;
		margin: auto;
	}

	.menu-menu-topo-container {
		height: 50px;
		z-index: 999;
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
	}

	.menu-menu-topo-container.open {
		height: 100%;
		background-color: rgba(30, 80, 150, 0.8);
	}

	.menu-menu-topo-container li {
		display: block;
		/* border-bottom: 1px solid #1B457D; */
		padding: 0 20px;
		text-align: left;
	}

	.menu-menu-topo-container li:first-child {
		/* margin-left: 20px; */
	}

	.menu-menu-topo-container a {
		line-height: 60px;
		padding: 0;
	}

	.menu {
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		/* padding-top: 50px; */
	}

	.menu-menu-topo-container.open .menu {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}

	.menu-menu-topo-container:before {
		/* top: 10px; */
		left: 10px;
		background-size: 60px;
		/* background-image: url(logo2x.png); */
	}

	.menu-menu-topo-container i {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 40px;
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
	}

	.menu-menu-topo-container i:before, .menu-menu-topo-container i:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 1px;
		background: #FFF;
		-webkit-transition: 0.3s all;
		transition: 0.3s all;
		left: 15px;
		top: 19px;
	}

	.menu-menu-topo-container i:after {
		margin-top: 6px;
	}

	.menu-menu-topo-container.open i:after {
		margin-top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.menu-menu-topo-container.open i:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-menu-topo-container.open i {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	ul.sub-menu {
		display: block;
		width: auto;
	}

	.box.missao, .box.escritorio {
		float: none;
		width: auto;
		position: relative!important;
		left: auto!important;
		margin-left: auto!important;
		height: auto!important;
	}

	.scrollBox {
		top: auto;
		bottom: auto;
		left: auto;
	}

	.footer {
		position: relative;
		/* height: auto; */
	}

	.footer .endereco {
		position: relative;
		top: auto;
		left: auto;
		/* margin-left: 10px; */
		font-size: 12px;
		text-align: center;
		/* word-spacing: -2px; */
	}

	.footer .endereco+.endereco {
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.footer #qtranslate-3-chooser {
		text-align: center;
	}

	.footer li {
		margin: 0 5%;
	}

	.footer .endereco a, .footer span{
		font-size: 11px;
		font-weight: 200;
	}

	.wp_adminBar .container {
		padding-top: 45px;
	}

	.box input {
		width: 95%;
	}

	.box textarea {
		height: 100px;
		width: 95%;
	}

	form .endereco {
		display: none;
	}


	/* line breaks */

	.box {
		word-wrap: break-word;
	}


	.footer {
		height: 160px;
	}

	.footer .logos img {
		width: 50px;
	}

	.footer .logos {
		width: 270px;
		top: 120px;
		right: 50%;
		margin-right: -135px;
		text-align: center;
		position: absolute;
	}

	.language-chooser {
		right: 50%;
		width: 250px;
		top: 90px;
		margin-right: -135px;
	}

	.endereco p {
		left: 0;
		text-align: center;
		right: 2px;
		top: 5px;
	}

	.endereco p+p {
		top: 40px;
	}

}


/* }}} */