*{margin:0; padding:0; border:none;}
body {background:#FFF;}
@font-face {
    font-family: 'Kabel Bk Bt';
    src: url('fonts/kabeln-webfont-webfont.eot');
    src: url('fonts/kabeln-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kabeln-webfont-webfont.woff2') format('woff2'),
         url('fonts/kabeln-webfont-webfont.woff') format('woff'),
         url('fonts/kabeln-webfont-webfont.ttf') format('truetype'),
         url('fonts/kabeln-webfont-webfont.svg#kabel_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caviar Dreams Regular';
    src: url('fonts/caviardreams_0-webfont_0.eot');
    src: url('fonts/caviardreams_0-webfont_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/caviardreams_0-webfont_0.woff2') format('woff2'),
         url('fonts/caviardreams_0-webfont_0.woff') format('woff'),
         url('fonts/caviardreams_0-webfont_0.ttf') format('truetype'),
         url('fonts/caviardreams_0-webfont_0.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'fontawesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
input, textarea { outline:none; resize:none; }

#tarja{width:100%; overflow: hidden; position:absolute; margin-top:40px; z-index:500;}
#tarja #tarja1{width:100%; background:rgba( 255, 255, 255, 0.7); height:130px;}
#tarja #tarja1 #topo{width:100%; max-width:1000px; z-index:501; margin:0 auto;}
#tarja #tarja1 #topo #logo{width:30%; overflow:hidden; float:left;}
#tarja #tarja1 #topo #logo img{width:300px; height:126px; }
#tarja #tarja1 #topo #menus{width:70%; overflow:hidden; float:right;}

#tarja #tarja1 #topo #menus #mainMenu {width:100%; list-style: 0; float:right; position:relative; font-size:0; overflow:hidden;	padding:0;}
#tarja #tarja1 #topo #menus #mainMenu li {margin-top:45px; position:relative; width:25%; float:left; list-style:none; cursor:pointer; font:normal 19px/40px 'Kabel Bk Bt'; color:#333; text-align:center; text-decoration:none; -webkit-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -ms-transition:all ease-out 300ms;}
#tarja #tarja1 #topo #menus #mainMenu li:hover {color:#008daf; border-radius: 8px;}

#tarja #tarja2{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}
#tarja #tarja2 #fd_mensagem {width:52%; background:rgba(247,147,29, 0.9); margin-top:40px; float:right; padding:60px 20px;}
#tarja #tarja2 #fd_mensagem .titulo{font: normal 22px 'Kabel Bk Bt'; color: #fff;}
#tarja #tarja2 #fd_mensagem .titulo span{font-size:26px;}
#tarja #tarja2 #fd_mensagem .txt{font:normal 12px/21px Arial; color:#fff; text-align:justify;}

.tarja {position:fixed; bottom:0; right:10px; z-index:999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'fontawesome'; 
color:#FFF; background:#527ba9; text-align:center;}

.banner {width:100%; height:auto; overflow:hidden; position:relative;}

#sombra{width:100%; max-width:960px; height:auto; margin:0 auto;}
#sombra img{width:960px; height:50px;}

#conteudo{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}
#conteudo #parte1{width:20%; margin:0 auto; overflow:hidden; float:left;}
#conteudo #parte2{width:80%; overflow:hidden; float:right;}

#conteudo #parte2 #linha1{width:100%; height:300px; float:left;}
#conteudo #parte2 #linha1 img{width:390px; height:290px; float:left; padding:2px;}
#conteudo #parte2 #linha1 .blocos{width:48.75%; height:290px; float:right; border:1px solid #e1e1e1;}

#conteudo #parte2 #linha2{width:100%; height:300px; margin-top:5pgx; float:right;}
#conteudo #parte2 #linha2 img{width:390px; height:290px; float:right;}
#conteudo #parte2 #linha2 .blocos{width:48.75%; height:290px; float:left; border:1px solid #e1e1e1;}

#conteudo #parte2 .titulo{font: normal 32px/38px 'Caviar Dreams Regular'; color: #857774; padding:80px 30px 10px 30px;}
#conteudo #parte2 span{font-size: 48px;}

#conteudo .titulo2{font: normal 32px/38px 'Caviar Dreams Regular'; text-align:left; color: #857774;}
#conteudo span{font-size: 38px;}

#conteudo .titulo2menor{font:bold 12px/20px Arial; text-align:left; color: #857774;}

#conteudo .titulo3{font: normal 26px/28px 'Caviar Dreams Regular';  text-align:right; color: #857774;}
#conteudo span{font-size: 34px;}

#conteudo #parte2 #coluna2 img{width:390px; height:290px;  border:1px solid #ccc;}

.links{font:bold 12px/20px Arial; color:#527ba9; cursor:pointer; margin-left:30px;}
.links:hover {text-decoration:underline;}

.links2{font:bold 12px/20px Arial; color:#857774; cursor:pointer; text-align:right;}
.links2:hover {color:#999;}

.links3{font:normal 12px/20px Arial; color:#857774; cursor:pointer; text-align:left;}
.links3:hover {color:#999;}

.linksms{font: normal 18px/45px 'Caviar Dreams Regular';  color:#857774; cursor:pointer; text-align:left;}
.linksms:hover {color:#999;}

#conteudo #parte1 #menu_inferior{list-style:none; border-top:none; margin-top:20px;}
#conteudo #parte1 #menu_inferior li a{display:block; padding:8px; font:normal 12px/20px Arial; text-align:left; color:#857774; text-decoration:none; -webkit-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -ms-transition:all ease-out 300ms;}
#conteudo #parte1 #menu_inferior li a:before{content:"►"; float:left; margin-right:10px; color:#666; font-size:8px;}
#conteudo #parte1 #menu_inferior li a:hover{color:#857774; margin-left:6px;}

#conteudo #cont {width:64%; overflow:hidden; float:left; margin-top:40px;}
#conteudo #ladoprog {width:26%; overflow:hidden; float:left; margin-top:40px;}
#conteudo #programacoes{width:8%; overflow:hidden; float:right; margin-top:40px;}

#conteudo #programacoes #p1{width: 80px; height:80px; border-radius:50%; background:rgba(108,142,166,0.8); z-index:-1;}
#conteudo #programacoes #p1 img{width: 30px; height:30px; padding:25px 28px; z-index:2; }

#conteudo #programacoes #p2{width: 80px; height:80px; border-radius:50%; background:rgba(108,142,166,1); z-index:-1;}
#conteudo #programacoes #p2 img{width: 30px; height:30px; padding:25px 28px; z-index:2; }

#conteudo #programacoes #p3{width: 80px; height:80px; border-radius:50%; background:rgba(108,142,166,0.6); z-index:-1;}
#conteudo #programacoes #p3 img{width: 30px; height:30px; padding:25px 28px; z-index:2;}

#conteudo #programacoes #traco{width:40px; height:70px; margin: 7px 0; border-right:1px dotted rgba(108,142,166,0.9); }

#conteudo #ladoprog .prog {width:100%; height:140px; margin:10px 0 5px 0; overflow:hidden; float:right;}
#conteudo #ladoprog .prog:nth-child(1) {margin-top:0;}
#conteudo #ladoprog .prog .titulo3:nth-child(1) {margin-top:10px;}

.txtblack{font:normal 12px/24px Arial; color:#857774; text-align:justify;}

#conteudo #cont #formulario {width:55%; overflow:hidden;}

#conteudo #cont #formulario input {width:96%; padding:7px 5px; font:normal 12px/20px Arial; background:rgba(0,0,0,0.1); color:#527ba9; margin-bottom:4px; border-radius:2%;}
#conteudo #cont #formulario button {padding:8px 8px; background:rgba(0,0,0,0.6); font:normal 12px Arial; color:#fff; margin-bottom:4px; float:left; margin:5px 5px 3px 0; border-radius:10%; cursor:pointer;}

#localizacao{width:100%; overflow:hidden; background:rgba(0,0,0,0.1); padding:5px 0;}
#localizacao #local{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}

.titulo4{font: normal 24px/50px 'Caviar Dreams Regular'; text-align:center; color: #527ba9;}
.titulo4 span{font-size: 28px;}

#conteudo #formulario #parte1{width:60%; max-width:60%; overflow:hidden; margin:20px 0; float:left;}
#conteudo #formulario #parte2{width:40%; max-width:40%; overflow:hidden; margin:20px 0; float:left;}
#conteudo #formulario input {width: 90%; padding:12px 5px; font:normal 12px Arial; color:#333; background:#eee; margin-bottom:4px; border-radius:8px; float:left;}
#conteudo #formulario textarea {width: 90%; padding:12px 5px; font:normal 12px Arial; color:#333; background:#eee; margin-bottom:4px; border-radius:8px; float:left;}
#conteudo #formulario button {padding:10px 12px; background:#333; font:normal 12px Arial; color:#fff; margin-bottom:4px; float:left; margin:5px 5px 3px 0; border-radius:10%; cursor:pointer;}
#conteudo #formulario button {padding:10px 12px; background:#333; font:normal 12px Arial; color:#fff; margin-bottom:4px; float:left; margin:5px 5px 3px 0; border-radius:10%; cursor:pointer;}

#rodape{width:100%; height:60px; overflow:hidden; background:#527ba9; padding:5px 0;}
#rodape #dentro{width:100%; overflow:hidden; margin:0 auto; padding:5px 0;}

.rodape{font: normal 16px/60px 'Caviar Dreams Regular'; text-align:center; color: #fff;}


@media screen and (max-width:1024px){
	#tarja #tarja2 #fd_mensagem{display:none;}
}
@media screen and (max-width:768px){
	#tarja #tarja1 #topo #logo{width:40%;}
	#tarja #tarja1 #topo #logo img{width:300px;}
	#tarja #tarja1 #topo #menus{width:60%; overflow:hidden; float:right;}
	
	#tarja #tarja1 #topo #menus #mainMenu li:nth-child(1), #conteudo #parte1, #conteudo #parte2, #conteudo #ladoprog, #conteudo #programacoes{display:none;}
	#tarja #tarja1 #topo #menus #mainMenu li{width:33%;}
	#tarja #tarja1 #topo #menus #mainMenu li:nth-child(4){width:34%;}
	
	#localizacao iframe{height:200px;}
}
@media screen and (max-width:640px){
	#tarja #tarja1 #topo #logo{width:47%;}
	#tarja #tarja1 #topo #menus{width:53%;}
	
	#conteudo{padding:0 10px;}
	#conteudo #cont{width:96%}
	#tarja #tarja1 #topo #menus #mainMenu li {font:normal 17px/40px 'Kabel Bk Bt';}
	#conteudo #cont #formulario {width:70%; overflow:hidden;}
	
	.rodape{font: normal 14px/60px 'Caviar Dreams Regular';}
}
@media screen and (max-width:480px){
	#conteudo #cont {margin-top:160px;}
	#tarja #tarja1 #topo #logo{width:63%;}
	#tarja #tarja1 #topo #menus{width:37%;}
	#tarja #tarja1 #topo #menus #mainMenu li {font:normal 13px/40px 'Kabel Bk Bt';}
	
	#tarja #tarja1 #topo #menus #mainMenu li:nth-child(3), .banner, #sombra{display:none;}
	#tarja #tarja1 #topo #menus #mainMenu li{width:50%;}
	#tarja #tarja1 #topo #menus #mainMenu li:nth-child(2){width:40%;}
	#tarja #tarja1 #topo #menus #mainMenu li:nth-child(4){width:60%;}
	
	.rodape{font: normal 11px/60px 'Caviar Dreams Regular';}
	
	#tarja{margin-top:0px;} 
}
@media screen and (max-width:320px){
	#conteudo{width:94%; max-width:320px;}
	#conteudo #cont {margin-top:140px;}

	#tarja #tarja1 #topo #logo{text-align:center; margin: 0 auto; width:100%;}
	
	#tarja #tarja1 #topo #menus, .banner, #sombra{display:none;}
	
	#conteudo .titulo2menor{font:bold 10px/20px Arial;}
	
	#conteudo .titulo2{font: normal 24px/38px 'Caviar Dreams Regular';}
	#conteudo .titulo2 span{font: normal 30px/38px 'Caviar Dreams Regular';}

	.rodape{font: normal 8px/60px 'Caviar Dreams Regular';}
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modal:target {
  opacity: 1;
  pointer-events: auto;
}
.modal > div {
  border-radius: 8px;
  width: 760px;
  position: relative;
  margin: 5% auto;
  padding: 40px 50px 60px 50px;
  background: #fff;
}
.fechar {
  position: absolute;
  width: 30px;
  right: -15px;
  top: -20px;
  text-align: center;
  line-height: 30px;
  margin-top: 5px;
  background: #ff4545;
  border-radius: 50%;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  color: #8d0000;
}