@import url(//fonts.googleapis.com/css?family=Roboto);
@import url("icon-media.css");

@font-face {
    font-family: 'another_typewriterregular';
    src: url('/protestantes/css/fonts/atwriter-webfont.eot');
    src: url('/protestantes/css/fonts/atwriter-webfont.eot?#iefix') format('embedded-opentype'),
         url('/protestantes/css/fonts/atwriter-webfont.woff2') format('woff2'),
         url('/protestantes/css/fonts/atwriter-webfont.woff') format('woff'),
         url('/protestantes/css/fonts/atwriter-webfont.ttf') format('truetype'),
         url('/protestantes/css/fonts/atwriter-webfont.svg#another_typewriterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
   font-family: 'Roboto';
   font-size:12px;
   margin:0;
   padding: 0;
}

.aC{
   position: relative;
   margin:0 auto;
   max-width: 1005px;
   width: 100%;
   display: table;
}

figure{
   margin:0;
}

.full_width{
  /* background:#f1f3ef;*/
  background-color:#fff
}

input.holder{
   color:#d3d3d3;
}

hr{
   margin:0;
}

input[type='button'],
input[type='submit'],
.botao{
   background: #ebd03d;
   cursor: pointer;
   font-weight: bold;
   border: 0px #ebd03d solid;
   color: #000;
   padding: 10px 17px;
}

input[type='button']:hover,
input[type='submit']:hover,
.botao:hover{
   background: #EFDA63;

}

a{
	color:#666;
}

a img{
   border:none;
}

a:hover{
	color:#F90;
}

h1,h2,h3{
			font-family:'another_typewriterregular';
	font-weight:normal;

}

/*----------------------------------------------------HEADER--------------------------------------------------------------- */
header{
   position:relative;
   min-height:230px;
   background: #ebd03c;
   z-index:20;
   border-bottom: 4px solid #000;
}

header a{
	text-decoration:none;
}

.icons_top{
   position: absolute;
   top:27px;
   z-index:1000;
   margin-left:-500px;
   left:50%;
}

.icons_top img{
	vertical-align:top;
}
.icons_top .icon-facebook,
.icons_top .icon-twitter,
.icons_top .icon-youtube
{
	background-color:#000;
	padding:7px;
	margin-left:8px;
	font-size:16px;
	color:#FFF;
	display:inline-block;
}

.icons_top .icon-facebook:hover {
color:#809CD0;
}
.icons_top .icon-twitter:hover {
color:#5eaade;
}
.icons_top .icon-youtube:hover {
color:#F00;
}

.menu{
   position: absolute;
   top: 150px;
   width: 50%;
   left:50%;
   background: #FFF;
   margin-left:-110px;
   padding-right: 110px;
   box-shadow: 1px 5px 15px #000;
   font-size:14px;
}

.menu ul {
   list-style: none none;
   margin: 0;
   padding: 10px 0 10px 25px;
}
.menu ul li{
   position:relative;
   display:inline-block;
   font-weight: bold;
   margin-right: 10px;
}

.menu ul li a{
   color: #000;
   padding: 4px 4px 4px 6px;
}

.menu ul li:hover > a{
   background: #000;
   color: #eee;
}
.menu ul li:hover > ul{
   display: block;
}
.menu ul li ul{
   display: none;
   margin:3px 0 0 0;
   padding:2px 0 0 0;
   position: absolute;
   list-style:none none;
   box-shadow: 1px 5px 15px #000;
}

.menu ul li ul li{
   background: #fff;
   display: block;
   margin:0;
   padding:0;
   border-bottom: 1px solid #ccc;
}

.menu ul li ul li a{
   display:block;
   margin: 0;
   padding:6px 30px;
   white-space: nowrap;
   color:#000;
}

.menu ul li ul li a:hover{
   background: #000;
}

.logo{
   position: absolute;
   top:135px;
}

.topo_destaque{
   position: absolute;
   top:0;
   width: 50%;
   left: 50%;
   margin-left:-80px;
   padding-right: 80px;


   height:100%;
}
/*----------------------------------------------------------CONTEUDO--------------------------------------------------------------- */

.titulo{
	border-left:10px solid #FC0;
	background-color:#000;
	text-align:left;
	margin:0;
	padding:10px;
	margin-bottom:20px;
	display:table;
	color:#FFF;
	font-family: 'another_typewriterregular';
	font-weight:normal !important;
	font-size:1.7em !important;
}

.content_top{
   position: relative;
   padding: 25px 0;
   text-align:center;
}
.content_top figure{
   position:relative;
   display:inline-block;
   float:left;
   margin-right: 115px;
   border: 5px solid #FFF;
   box-shadow: 2px 2px 15px #000;
}

.content_top figure .text_box{
   bottom:0;
   width:100%;
   min-height:45px;
   background: url(../imagens/bg-text_box.png) repeat;
   color:#fff;
   font-size:12px;
   text-align:left;
   padding:8px 10px;
   position: absolute;
   box-sizing:border-box;
}

.content_top figure:nth-child(4n+0){
   margin-right: 0;
}

.bottom_line {
   width: 100%;
  /* height: 10px; */
   background: #ebd03c;
   border-bottom: 4px solid #000;
}

.bottom_line2 {
   width: 100%;
   height: 0px;
   background: #ebd03c;
}


.content_middle{
   min-height: 270px;
   /*background: url(../imagens/bg_fundo.png) repeat center top;*/
   background-color:#e4e4e4;
}
.content{
   padding: 30px 0;
}

.content div{
   float:left;
}
.content h1{
	font-family:'another_typewriterregular';
	font-weight:normal;
   	margin-top:0;
   	font-size: 1.5em;
}
.content_middle .content nav{
   position:relative;
   float:right;
   font-size:12px;
   padding: 10px 30px 20px 40px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   min-height: 310px;
   width: 360px;
   background: #000;
   color: #fff;
   border-left: 7px solid #e1c83a;
}

.content_middle .content nav button{
   background: #ebd03d;
   cursor:pointer;
   font-weight: bold;
   border:none;
   color:#000;
   padding:10px 15px;
}

.content_middle .content nav a{
   color: #e8ce3c;
   text-transform: uppercase;
}

.content_middle .content nav a:hover{
   text-decoration: underline;
}
.content_bottom{
   position: relative;
   padding: 40px 0;
   font-size:12px;
}

.content_bottom article{
   top:0;
   width:30%;
   margin-right: 5%;
   display:inline-table;
   vertical-align: top;
}

.content_bottom article:nth-child(3n+1){
   margin-right: 0;
}

.content_bottom figure{
   width:110px;
   margin: 0;
   padding: 0;
   padding-right:15px;
   vertical-align: top;
   display: table-cell;
}

.content_bottom figure img{
   width:100%;
   border-left: 10px solid #e1c83a;
   /*border-bottom: 10px solid #e1c83a;*/
}

.content_bottom .info{
   float:left;
   display: table-cell;
   padding: 0 10px;
}

.info h2{
   display: table;
   /*background: #e1c83a;*/
}

/*----------------------------------------------------------FOOTER--------------------------------------------------------------- */
footer{
   background:#fff;
   text-align:left;
}
footer p{
   text-align:center;
   font-style: italic;
   color:#8D8D8D;
   margin: 20px 0;
}

footer hr{
   border: 0;
   height: 1px;
   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
   background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
   background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
   background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
}

.logos > h2{
   margin:20px 0 0 0;
}
.logos > ul{
   margin:0;
   padding:5px 0px;
   list-style-type: none;
}
.logos li{
   display:inline-table;
   margin:10px 0;
   padding: 0px 25px;
   border-right:1px solid #ccc;
}
.logos li:first-child{
   padding-left: 0;
}

.logos li:last-child{
   border:0;
   padding-right: 0;
}


/*----------------------------------------------------------INTERNAS--------------------------------------------------------------- */
.intern_content{
   min-height: 500px;
   position: relative;
   display: table;
   height: auto;
}

.intern_content .intern_left{
   float:left;
   width: 60%;
   padding:2% 0;
   background: #FFF;
   min-height: 500px;
}
.intern_content .intern_right{
   float:right;
   position: absolute;
   right:0;
   width: 270px;
   padding:2% 1% 0 3%;
   background: #eee;
   height: 100%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.intern_content .intern_right h2{
   font-size: 20px;
}

/*----------------------------------
ACERVO - UL
-----------------------------------*/

#acervo{
	list-style:none none;
	padding:0;
	margin:0;
	clear:both;
}

#acervo li{
	display:table;
	top:0;
	vertical-align:top;
	width:45%;
	border:1px solid #CCC;
	padding:5px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#acervo li:hover{
	background-color:#ebd03c;
}

#acervo li:hover a{
	color:#000;
}