*{margin:0; padding:0; border:0; text-decoration:none;}

input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick], li{cursor:pointer; outline:none;}

header, nav, section, article, footer, aside{ display:block; position:relative; }

/* h1, h2, h3, h4, h5, h6, h7, p, span{ cursor:default; } */

::-webkit-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-moz-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-webkit-scrollbar-thumb {background:black;} 
::-moz-scrollbar-thumb {background:black;} 
::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} 
::-moz-scrollbar-track {background:rgba(0,0,0,0.3);} 

.up{ cursor:pointer; position:fixed; bottom:0.5rem; right:1.5rem; z-index:9999; width:6rem; height:6rem; text-align:center; border-radius:50% 50% 0; background:black; display:none;}
.up:before{ font:lighter 2.5rem/6rem 'FontAwesome'; text-align:center; content:'\f102'; color:white; }
.up:hover:before{ color:grey; }

html{ font-size: 62.5% !important; } 
body{  }
header{  }
section{  }

/*  */

#dots{ position:absolute; z-index:900; width:100%; height:100%; opacity:1; top:0; overflow:hidden; background:url(../banner/dots4.png); } 

#banner{ position:fixed; z-index:-10; overflow:hidden; right:0; }

/*  */

#layout{ width:100%; padding-top:4rem; }
/* #layout .logo h1{ font:300 6rem 'Oswald', sans-serif; color:white; text-transform:uppercase; text-align:center; } */
#layout img{ top:1rem; left:5rem; position:absolute; }

/*  */

#slogan { position:relative; width:90%; margin:14% auto; padding:1rem 0; text-align:center; color:floralWhite; text-transform:uppercase; letter-spacing:-0.1rem; }
#sloganH h1{ width:100%; font:300 5rem/5rem 'Poiret One', cursive; padding:0 3rem; }
#sloganH h1 p{ font:300 3rem 'Dosis', sans-serif; }

/*  */

#layout2{ width:100%; background:floralWhite; overflow:hidden; }
#layout2 .l2, #layout2 .l2s .social div{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
#layout2 .l2{ cursor:pointer; width:10%; background:#cb944f; background:#C3970A; color:white; text-align:center; float:right; position:relative; }/* border-left:floralWhite 0.1rem dotted;  */
#layout2 .l2:before{ content:'\f0e0'; font:normal 2.4rem/8rem 'FontAwesome'; }
#layout2 .l2:hover{ background:#0e2a36; }

#layout2 .l2s{ width:10%; background:#0e2a36; float:right; overflow:hidden; }
#layout2 .l2s .social{ width:100%; cursor:pointer; float:left; }
#layout2 .l2s .social div{ text-align:center; color:white; }
#layout2 .l2s .social:hover div { position:relative; background:#C3970A; z-index:50; }
#layout2 .l2s .social:nth-child(1) div:before{ content:'\f09a'; font:normal 2.4rem/8rem 'FontAwesome'; }
#layout2 .l2s .social:nth-child(2) div:before{ content:'\f099'; font:normal 2.4rem/8rem 'FontAwesome'; }
#layout2 .l2s .social:nth-child(3) div:before{ content:'\f0e1'; font:normal 2.4rem/8rem 'FontAwesome'; }

#layout2 h1{ width:10%; text-align:center; font:300 3rem/8rem 'Oswald', sans-serif; text-transform:uppercase; color:floralWhite; background:#0e2a36; float:left; }

form[name='busca']{ width:70%; float:left; }
form[name='busca'] input[type='search'], button[name='bl2']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
form[name='busca'] input[type='search']{ float:left; width:90%; text-indent:1.5rem; background:transparent; color:black; border-left:0.5rem solid #C3970A; font:300 1.9rem/8rem 'Dosis', sans-serif; text-transform:uppercase; outline:none; }
form[name='busca'] input[type='search']:focus{ border-left:1.5rem solid #C3970A; background:white; color:black; }

button[name='bl2']{ background:#0e2a36; color:white; text-align:center; width:10%; float:left; cursor:pointer; outline:none; }
button[name='bl2']:before{ content:'\f00e'; font:normal 3rem/8rem 'FontAwesome'; }
button[name='bl2']:hover{ background:#C3970A; }

/*  */

#layout3{ width:100%; background:#cccccf; overflow:hidden; }
/* #layout3{ width:100%; background:#C3970A; overflow:hidden; } */

/* #layout3 .l3{ width:calc(100% / 4 - 1%); margin:0 0.5%; float:left; padding:5rem 0; color:#0e2a36; } */
#layout3 .l3{ margin:0 1%; float:left; padding:5rem 0 2rem; color:#191970; }
#layout3 .l3 h1{ font:300 3rem 'Oswald', sans-serif; text-transform:uppercase; padding-bottom:3rem; }
#layout3 .l3 p{ font:400 1.5rem 'Archivo Narrow', sans-serif; padding:0.5rem;}

#layout3 .l3 p:hover{ color:#3939aa }
#layout3 .l3 a{ color:#191970; }

/* #layout3 .l3 a{ color:navajoWhite; } */
#layout3 .l3 a:hover{ color:#3939aa }

#layout3 .l3:nth-child(1){ width:25%; }
#layout3 .l3:nth-child(2){ width:25%; }
#layout3 .l3:nth-child(2) img{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
#layout3 .l3:nth-child(2) img{ cursor:pointer; }
#layout3 .l3:nth-child(2) img:hover{ -webkit-transform:scale(1.01,1.01); -moz-transform:scale(1.01,1.01); -ms-transform:scale(1.01,1.01); -o-transform:scale(1.01,1.01); -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }
#layout3 .l3:nth-child(3){ width:44%; }

form[name='online']{ width:100%; }
form[name='online'] input{ font:400 1.5rem/6rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#0e2a36; background:transparent; text-indent:1rem; border-left:solid 0.4rem #0e2a36; border:solid 0.1rem #0e2a36; margin-bottom:1rem; outline:none; }
form[name='online'] input:focus{ border-left:solid 1.5rem #0e2a36; background:white; }
::-webkit-input-placeholder { color:#0e2a36; }
::-moz-placeholder { color:#0e2a36; }
:-ms-input-placeholder{ color:#0e2a36; }

form[name='online'] input:nth-child(1){ width:93.5%; margin-top:2rem; }
form[name='online'] input:nth-child(2){ width:46%; margin-right:2%; }
form[name='online'] input:nth-child(3){ width:45%; }
form[name='online'] input, button[name='send'], button[name='reset'], button[name='admin'], button[name='bl3']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

button[name='send']{ cursor:pointer; padding:2% 10%; border-radius:0.3rem; background:#0e2a36; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; }
button[name='reset']{ cursor:pointer; padding:2% 3%; margin-left:1.5%; border-radius:0.3rem; background:#0e2a36; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform: uppercase; outline:none; }
button[name='reset']:before{ content:'\f00d'; font:normal 1.9rem 'FontAwesome'; color:white; }

button[name='admin']{ cursor:pointer; padding:2% 3%; margin-left:1.5%; border-radius:0.3rem; background:fireBrick; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; display: flex; align-items: center; }
button[name='admin']:before{ content:'\f234'; font:normal 1.9rem 'FontAwesome'; color:white; }
button[name='send']:hover, button[name='reset']:hover, button[name='admin']:hover{ background:#ffffff; }

.programacoes{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.prog{width: 48%; background: #191970; box-sizing: border-box; margin: 10px 0; display: flex; align-items: center; padding: 25px 10px;  }
.txt-prog{ color: white; font:400 1.6rem 'Archivo Narrow', sans-serif; text-transform: uppercase; display: block; margin: 0; }
/* .txt-prog{ color: navajoWhite; font:400 1.6rem 'Archivo Narrow', sans-serif; text-transform: uppercase; display: block; margin: 0; } */
.prog i{ color: white; margin-right: 15px; font-size: 30px; }
/* .prog i{ color: navajoWhite; margin-right: 15px; font-size: 30px; } */

#layout4{ width:100%; background:#191970; overflow:hidden; }
/* #layout4{ width:100%; background:#0e2a36; overflow:hidden; } */
#layout4 p{ font:400 1.4rem/8rem 'Archivo Narrow', sans-serif; text-transform: uppercase; text-align: center; color: white; }
#layout4 a{ color:#b4ac06; }
/* #layout4 a{ color:#C3970A; } */
#layout4 a:hover{ color:#7a7403; }

form[name='contato']{ position:relative; margin:4rem 1rem; }

form[name='contato'] input{ width:98%; font:400 1.5rem/6rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#191970; background:transparent; text-indent:1rem; border-left:solid 0.4rem #191970; border:solid 0.1rem #191970; margin-bottom:1rem; outline:none; }
form[name='contato'] input:focus{ border-left:solid 1.5rem #191970; background:white; }

form[name='contato'] textarea{ width:98%; font:400 1.5rem/2rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#191970; background:transparent; text-indent:1rem; border-left:solid 0.4rem #191970; border:solid 0.1rem #191970; margin-bottom:1rem; outline:none; }
form[name='contato'] textarea:focus{ border-left:solid 1.5rem #191970; background:white; }

button[name='cont']{ width:100%; height:5rem; background:url(../imagem/c3b.png) center no-repeat #191970; border-radius:0.2rem; margin:1rem 0 3rem;  }
button[name='cont']:hover{ background:url(../imagem/c3b.png) center no-repeat #3939aa; }

form[name='contato'] input, form[name='contato'] input:focus, form[name='contato'] textarea, form[name='contato'] textarea:focus, button[name='cont'], button[name='cont']:hover{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }

#conteudo{ width:90%; margin:0 auto 2rem; background:floralWhite; z-index:-1; border-radius:0.5rem; }
#conteudo h1{ padding:6rem 0 4rem 4rem; font:400 3.2rem/0rem 'Fjalla One', sans-serif; color:#191970; text-transform:uppercase; text-align:left; }
#conteudo h1 span{ font:300 2.4rem/7.5rem 'Oswald', sans-serif; }
#conteudo p{ font:400 1.6rem 'Archivo Narrow', sans-serif; padding:0 4rem 10rem 4rem; text-align:justify; color: #191970; }

#conteudo .pree{ margin-left:1rem; }
#conteudo .pree span{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:white; background:#191970; padding:2rem; }

.selos{margin-top: 30px;}
.selo-otto{margin: 0 10px;}

@media screen and (max-width:1023px) {
	#layout img{ left:0rem; }
	
	#conteudo{ width:98%; }
    #layout{ padding-top:1rem; }
	#layout img{ opacity:0.4; position:relative; margin:0 auto; display:block; }
	
	#slogan{ margin:0% auto; }
	#sloganH{ display:none; }
	
	#layout2 h1{ width:20%; }
	form[name='busca']{ width:80%; }
	form[name='busca'] input[type='search']{ width:80%; }
	button[name='bl2']{ width:20%; }
	
	#layout2 .l2, #layout2 .l2s{ width:50%; }
	
	#layout3 .l3{ width:48% !important; display:block; }
	#layout3 .l3:last-child{ width:98% !important; display:block; }
	
	.fcon{ display:block; width:100% !important; }
}

@media screen and (max-width:640px) { 
	#layout3 .l3{ width:98% !important; display:block; }
}

@media screen and (max-width:480px) {
    .prog{width: 98%; margin: 2px auto;}
	#layout2 h1{ width:100%; }
	form[name='busca']{ width:100%; }
}

@media screen and (max-width:320px) {
	#conteudo .pree span{ font-size:1.4rem; }
}