@import url(reset.css);
@import url(../images/sprites/sprites.css);
@import url(../fonts/stylesheet.css);

/*** 
//PLUGIN
*/
.AntsModalBlack
{
    position: fixed;
    background-size: 100%;
    width: 100%;
    height: 100%;
    background-color: #000;
    left: 0;
    z-index: 99;
    opacity: .5;
    display: none;
}

.AntsModalWhite
{
    position: absolute;
    background-size: 100%;
    width: 700px;
    height: 450px;
    background-color: #fff;
    left: 0;
    z-index: 999;
    display: none;
    border-radius: 10px;
    margin-left: -350px;
    margin-top: -225px;
    left: 50%;
    top: 50%;
    background-image: url(../images/images.jpg);
    background-repeat: no-repeat;
}
.AntsHeaderModalWhite
{
    
    
    width: 100%;
    //background-color: #3c454f;
    height: 50px;
}

.AntsHeaderTituloModalWhite
{
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 2.5em;
    font-size: 18px;
}
.AntsHeaderCloseModalWhite
{
    position: absolute;
    right: 10px;
    background-image: url('../images/subtrair.png');
    width: 30px;
    height: 30px;
    top: 10px;
    cursor: pointer;
}

.AntsConteudoModalWhite
{
    padding: 10px;
    overflow-y: auto;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.AntsBtModalWhite{
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: #ccc;
    bottom: 0px;
    color: #333;
    font-size: 18px;
    text-align: center;
    line-height: 2em;
    cursor: pointer;
}

.AntsMessageWhite
{
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: #f2dede;
    bottom: 0px;
    color: #333;
    font-size: 18px;
    text-align: center;
    line-height: 2em;
}
.AntsSmallWhite
{
    position: absolute;
    background-size: 100%;
    width: 250px;
    height: 120px;
    background-color: #fff;
    left: 0;
    z-index: 999;
    display: none;
    border-radius: 10px;
    margin-left: -125px;
    margin-top: -60px;
    left: 50%;
    top: 50%;
    text-align: center;
}

/* Classes */

.dec-decada
{
	background-color: #abadaf;
	color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 2.9em;
}
.anos-ano
{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 3.5em;
}
body.dec-1940,
.dec-1940 header,
.dec-1940 footer,
.dec-1940 .menu.anos,
.dec-1940 .col,
.menu li.dec-1940 {
	background-color: #8cc63e;
}

.dec-1940 header {
	background-image: url(../images/topo-1940-big.jpg);
}

.dec-1940 strong {
	color: #0b9444;
}

body.dec-1950,
.dec-1950 header,
.dec-1950 footer,
.dec-1950 .menu.anos,
.dec-1950 .col,
.menu li.dec-1950 {
	background-color: #53a642;
}

.dec-1950 header {
	background-image: url(../images/topo-1950-big.jpg);
}

.dec-1950 strong {
	color: #8cc63e;
}

body.dec-1960,
.dec-1960 header,
.dec-1960 footer,
.dec-1960 .menu.anos,
.dec-1960 .col,
.menu li.dec-1960 {
	background-color: #009344;
}

.dec-1960 header {
	background-image: url(../images/topo-1960-big.jpg);
}

.dec-1960 strong {
	color: #8cc63e;
}

body.dec-1970,
.dec-1970 header,
.dec-1970 footer,
.dec-1970 .menu.anos,
.dec-1970 .col,
.menu li.dec-1970 {
	background-color: #00a79d;
}

.dec-1970 header {
	background-image: url(../images/topo-1970-big.jpg);
}

.dec-1970 strong {
	color: #045325;
}

body.dec-1980,
.dec-1980 header,
.dec-1980 footer,
.dec-1980 .menu.anos,
.dec-1980 .col,
.menu li.dec-1980 {
	background-color: #27a9e1;
}

.dec-1980 header {
	background-image: url(../images/topo-1980-big.jpg);
}

.dec-1980 strong {
	color: #065A54;
}

body.dec-1990,
.dec-1990 header,
.dec-1990 footer,
.dec-1990 .menu.anos,
.dec-1990 .col,
.menu li.dec-1990 {
	background-color: #1b75bb;
}

.dec-1990 header {
	background-image: url(../images/topo-1990-big.jpg);
}

.dec-1990 strong {
	color: #27a9e1;
}

body.dec-2000,
.dec-2000 header,
.dec-2000 footer,
.dec-2000 .menu.anos,
.dec-2000 .col,
.menu li.dec-2000 {
	background-color: #344a9f;
}

.dec-2000 header {
	background-image: url(../images/topo-2000-big.jpg);
}

.dec-2000 strong {
	color: #27a9e1;
}

body.dec-2010,
.dec-2010 header,
.dec-2010 footer,
.dec-2010 .menu.anos,
.dec-2010 .col,
.menu li.dec-2010 {
	background-color: #2a3b86;
}

.dec-2010 header {
	background-image: url(../images/topo-2010-big.jpg);
}

.dec-2010 strong {
	color: #27a9e1;
}

.wrapper {
	display: block;
	width: 100%;
	min-width: 1000px;
}

.col {
	display: inline-block;
	vertical-align: top;
}

/* Geral */

html,
body {
	font-family: 'flexoregular';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	height: 100%;
	margin-bottom: 85px;
}

a {
	text-decoration: none;
}

header {
	padding: 34px 0;
	max-height: 105px;
	background-repeat: no-repeat;
	background-position: center center;	
	-webkit-background-size: cover;
	background-size: cover;
}

	header div.topo-titulo {
		display: block;
		margin: auto;
	}

footer {
	position: absolute;
	top: 670px;
	bottom: 0;
	padding: 4px 0;
	min-height: 85px;
}

	footer div {
		display: block;
		margin: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -42.5px;
		margin-left: -253px;
	}

.main {
	background: #fff;
}

	.menu,
	.contents {
		display: inline-block;
		vertical-align: top;
	}

	.menu.decadas {
		width: 10%;
		text-align: center;
	}

		.menu.decadas a {
			font-family: 'flexobold';
			font-size: 25px;
			padding: 19.2px 0;
		}

	.menu.anos {
		width: 7%;
		text-align: center;
	}

		.menu.anos a {
			font-family: 'flexobold';
			font-size: 23px;
			padding: 13.5px 0;
			max-height: 39px;
                        
		}

		.menu.anos .current a {
			text-decoration: underline;
		}

		.menu a {
			display: block;
			color: #fff;
                        
                        
		}

		.menu.anos .disabled a {
			opacity: .40; /* standard: ff gt 1.5, opera, safari */
			-ms-filter: �alpha(opacity=40)�; /* ie 8 */
			filter: alpha(opacity=40); /* ie lt 7 */
			-khtml-opacity: .40; /* safari 1.x */
			-moz-opacity: .40; /* ff lt 1.5, netscape */
                        
		}

	.contents {
		width: 83%;
		/*height: 600px;*/
		height: 570px;
	}

		.contents .content {
			display: none;
			width: 100%;
			height: 100%;
			position: relative;
		}

		.contents .content.current {
			display: block;
		}

		.contents #bem-vindo {
			background: #bbbbbb; /* Old browsers */
			background: -moz-linear-gradient(top,  #bbbbbb 0%, #fbfbfb 90%, #fefefe 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(90%,#fbfbfb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #bbbbbb 0%,#fbfbfb 90%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #bbbbbb 0%,#fbfbfb 90%,#fefefe 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #bbbbbb 0%,#fbfbfb 90%,#fefefe 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #bbbbbb 0%,#fbfbfb 90%,#fefefe 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

		}

			.contents #bem-vindo h1 {
				display: block;
				font-size: 78px;
				color: #000;
				font-family: 'flexobold';
				padding: 115px 40px 20px 218px;
			}

			.contents #bem-vindo p {
				display: block;
				font-size: 18px;
				color: #000;
			    font-family: 'flexolight';
			    padding: 0px 166px 0px 210px;
			}

			.contents .content .col {
				/*width: 237px;*/
				color: #fff;
				font-size: 16px;
			    font-family: 'flexobold';
			    line-height: 22px;
			    text-align: center;
			    position: absolute;
				top: 0;
				left: 50%;
				bottom: 0;
			}

			.contents .content .col.left {
				/*margin-left: -379.5px;*/
				left: 5%;
				right: 67%;
			}

			.contents .content .col.mid {
				/*margin-left: -118.5px;*/
				left: 36%;
				right: 36%;
			}

			.contents .content .col.right {
				/*margin-left: 142.5px;*/
				left: 67%;
				right: 5%;
			}

				.contents .content .col .titulo {
					display: block;
					margin: 20px auto;
				}

				.contents .content .col img {
					display: block;
					margin: 0 auto 20px;
				}

				.contents .content .col p,
				.contents .content .col cite,
				.contents .content .colaboradores {
					padding: 0px 20px;
				}

				.contents .content .colaboradores {
					position: relative;
					margin-top: 30px;
					left: 0;
					right: 0;
					text-align: left;
				}