*{margin:0; padding:0; border:none;}
body {background:#FFF;}

#tarja{width:100%; overflow: hidden; position:absolute; z-index:500;}
#tarja1{width:100%; background:#e2c326; overflow:hidden;}
#topo{width:100%; max-width:1000px; z-index:501; margin:0 auto;}
#logo{width:30%; max-width:250px; overflow:hidden; float:left;}
#logo img{width:100%; max-width:250px; height:auto;}
#menus{width:70%; overflow:hidden; float:right;}

#mainMenu {width:100%; list-style: 0; float:right; position:relative; font-size:0; overflow:hidden;	padding:0;}
#mainMenu li {margin-top:55px; position:relative; width:25%; float:left; list-style:none; cursor:pointer; font:normal 19px/40px 'Caviar Dreams Regular'; 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;}
#mainMenu li:hover {color:#999;}

#tarja2{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}
#fd_mensagem {width:310px; height:310px; background:rgba(238,211,68, 0.9); margin:0; float:left; border-radius:50%; }
#fd_mensagem2{width:350px; height:350px; background:rgba(238,211,68, 0.9); margin:80px 0 0 -29px; float:left;border-radius:50%;}
.titulo{font: normal 19px 'Kabel Bk Bt'; color: #fff; text-align:center; }
.titulo span{font-size:27px;}
.txt{font:normal 12px/24px Arial; color:#fff; text-align:center; padding:0 40px 50px 40px;}

.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:#cfa628; text-align:center;}
.banner {width:100%; max-width:1600px; overflow:hidden;}
.banner img {width:100%; max-width:1600px;  height:auto;}

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

#conteudo{width:98%; max-width:1000px; margin:0 auto; overflow:hidden;}
#conteudo #dentro{width:46%; overflow:hidden; margin:40px 2% 0 0; margin-bottom:40px; float:left;}

.titulo2{font: normal 29px/40px 'Caviar Dreams Regular'; text-align:left; color: #0F0F0F;}
.titulo2 span{font-size: 20px;}

.titulo2menor{font: normal 25px/40px 'Caviar Dreams Regular'; text-align:left; color: #0F0F0F;}

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

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

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

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

.links4{font:normal 12px/20px Arial; color:#0F0F0F; cursor:pointer; text-align:left; margin-top:-40px;}
.links4:hover {color:#999;}

.linksms{font: normal 16px/45px 'Caviar Dreams Regular';  color:#0F0F0F; cursor:pointer; text-align:left;}
.linksms:hover {color:#666;}

.txtblack{font:normal 12px/24px Arial; color:#0F0F0F; text-align:justify;}
.txtblack a{color:#0F0F0F; text-decoration:none;}


#fd_utilitarios img{width:100%; max-width:1600px; height:500px; overflow:hidden; z-index:502; position:absolute;}
#utilitarios{width:100%; max-width:1000px; height:500px; margin:0 auto; z-index:504; position:relative;}
#esquerda{width:55%; float:left; margin-top:65px; }
#partes_utilitarios{width:50%; float:left;}
#direita{width:45%;  float:right;}
#direita img{width:400px; height:300px; padding:5px; background:#fff; margin-top:100px;}

#menu_inferior{list-style:none; border-top:none;}
#menu_inferior li a{display:block; padding:8px; font:normal 12px/16px Arial; text-align:left; color:#fff; 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;}
#menu_inferior li a:before{content:"►"; float:left; margin-right:10px; color:#fff; font-size:8px;}
#menu_inferior li a:hover{color:#ccc; margin-left:6px;}

#fd_programacoes{width:100%; overflow:hidden; background:rgba(204,204,204,0.2); padding-top:25px;}
#programacoes{width:100%; max-width:1000px; margin: 0 auto; overflow:hidden;}
#ms{width:50%; overflow:hidden; float:left;}
#ms input {width:80%; padding:7px 5px; font:normal 12px/20px Arial; background:rgba(255,255,255,1); color:#a9a9a9; margin-bottom:6px; border-radius:2%;}
#ms button {padding:10px 12px; background:rgba(43,49,55,0.7); font:normal 12px Arial; color:#fff; float:left; margin:5px 5px 3px 0; border-radius:3px; cursor:pointer;}


#outros{width:50%; overflow:hidden; float:right;}

#rodape{width:98%; overflow:hidden; background:#e2c326; padding:40px 1%;}
.rodape{font: normal 16px 'Caviar Dreams Regular'; text-align:center; color: #fff;}

#cont{width:50%; overflow:hidden; float:left;}
#contato{width:40%; overflow:hidden; margin:40px 0; float:right; text-align:right;}
#contato input {width: 90%; padding:12px 5px; font:normal 12px Arial; color:#333; background:#eee; margin-bottom:4px; float:left; border-radius:2%;}
#contato textarea {width: 90%; padding:12px 5px; font:normal 12px Arial; color:#333; background:#eee; margin-bottom:4px; float:left; resize:none border-radius:2%;;}
#contato button {padding:10px 12px; background:#333; font:normal 12px Arial; color:#fff; margin-bottom:4px; float:left; margin:5px 5px 3px 0; border-radius:3px; cursor:pointer;}

.padding{padding:30px 1% 0 1%;}


@media screen and (max-width:1024px){
	#fd_mensagem, #fd_mensagem2{display:none;}
}

@media screen and (max-width:780px){
	.banner, #fd_utilitarios, #sombra{display:none;}
	#dentro{width:100% !important; margin:40px 0 0 0}
}

@media screen and (max-width:640px){
	#pt1{width:100%;}
	#fd_programacoes, #contato{display:none;}
	#contato, #cont{width:100%;}
}

@media screen and (max-width:480px){
	#menus{width:100%; float:none;}
	#mainMenu li{font-size:15px;}
	#logo{margin:0 auto; float:none;}
}