/* PRINCIPAL */
article #principal_0 { width:100%; margin:0 0 20px 0; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; background-image:url(../imagens/bg-topo-2.png); background-position:top center; background-repeat:repeat-x }
article #principal_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF }
article #principal_2 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#EBEBEB }
article #principal_3 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF }
article #principal_5 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#000000 }
article #principal_4 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF }


article #principal_0 #principal_0_site { height:auto; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:100; color:#333333; padding:15px 0 15px 0; text-shadow:1px 1px #FFFFFF }
article #principal_0 #principal_0_site h1 { margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; text-shadow:1px 1px #FFFFFF }
article #principal_0 #principal_0_site h1 span { font-weight:700 }


article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra a { text-decoration:none }
article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra a:hover { text-decoration:underline }

article #principal_dicas #principal_dicas_site h3 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:16px; color:#666666; font-weight:normal }

article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra { float:left; overflow:hidden; margin:1px; background-color:#D33357; cursor:pointer }
article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra:hover { background-size: 110% auto; background-color:#970000 }

/* INFORMATIVOS 2 */
article #principal_informativos #principal_informativos_site #principal_modulos { width:100%; height:auto; float:left }
article #principal_informativos #principal_informativos_site #principal_modulos #principal_modulos_mostra { float:left; overflow:hidden; margin:1px; cursor:pointer }


article #principal_mapa { width:100%; margin:0px; left:0px; top:0px; float:left; border-bottom:10px solid #EEEEEE; border-top:10px solid #EEEEEE }

article #principal_0 #principal_0_site #principal-0 { width:100%; height:auto; float:left; padding:90px 0 90px 0; background-image:url(../icones/Rectangle13.png); background-position:top center; background-size:55%; background-repeat:no-repeat } 
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 input { font-size:22px; margin:10px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }


article #principal_3 #principal_3_site #principal-3 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 
article #principal_3 #principal_3_site #principal-3 input { font-size:22px; margin:30px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }
article #principal_3 #principal_3_site #principal-3 h1 { font-size:40px; margin:20px 0 0 0; line-height:40px; font-weight:normal }
article #principal_3 #principal_3_site #principal-3 h1 span { font-family:"myriad-b", Arial, Helvetica, sans-serif }
.principal-3-imagem:hover { background-size: 105% auto; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-box-shadow:inset 0px 0px 0px 7px #3F4684; -moz-box-shadow:inset 0px 0px 0px 7px #3F4684; box-shadow:inset 0px 0px 0px 7px #3F4684; }
.principal-3:hover { background-color:#F2F2F2 }
.principal-3-titulo-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; color:#3F4684; margin:0 0 5px 0 }
.principal-3-titulo-h4 { font-size:15px; line-height:18px; color:#999999; font-weight:normal; margin:0px }

article #principal_4 #principal_4_site #principal-4 input { font-size:22px; margin:30px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }
article #principal_4 #principal_4_site #principal-4 h1 { font-size:40px; margin:20px 0 0 0; line-height:40px; font-weight:normal }
article #principal_4 #principal_4_site #principal-4 h1 span { font-family:"myriad-b", Arial, Helvetica, sans-serif }
.principal-4-2-facebook { width:calc(100% - 20px); padding:10px; height:350px; float:left; background-color:#f9f9f9; }


@media only screen and (min-width: 1171px){

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:1170px; font-size:18px }
article #principal_0 #principal_0_site h1 { font-size:35px }


article #principal_3 #principal_3_site { width:1170px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 3) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } 
.principal-3-imagem { width:100%; height:220px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.principal-3-titulo { width:calc(100% - 20px); height:75px; float:left; padding:10px 10px 0 10px }

article #principal_4 #principal_4_site { width:1170px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-4-1 { width:calc(100% - 360px); float:left; height:auto; padding:0 10px 0 10px; margin:0 20px 20px 0; cursor:pointer } 
.principal-4-1-imagem { width:calc(100% - 20px); height:350px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-color:#f9f9f9; padding:20px 10px 0 10px;  box-shadow: inset 0px 0px 0px 10px #F9F9F9; }
.principal-4-1-imagem-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color:#FFFFFF; text-align:center; margin:0px }
.principal-4-2 { width:320px; float:left; height:auto; margin:0 0 20px 0 } 


}




@media only screen and (min-width: 961px) and (max-width: 1170px){

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:960px; font-size:18px }
article #principal_0 #principal_0_site h1 { font-size:35px }


article #principal_3 #principal_3_site { width:960px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 3) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } 
.principal-3-imagem { width:100%; height:200px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.principal-3-titulo { width:calc(100% - 20px); height:90px; float:left; padding:10px 10px 0 10px }


article #principal_4 #principal_4_site { width:960px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-4-1 { width:calc(100% - 360px); float:left; height:auto; padding:0 10px 0 10px; margin:0 20px 20px 0; cursor:pointer } 
.principal-4-1-imagem { width:calc(100% - 20px); height:350px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-color:#f9f9f9; padding:20px 10px 0 10px;  box-shadow: inset 0px 0px 0px 10px #F9F9F9; }
.principal-4-1-imagem-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color:#FFFFFF; text-align:center; margin:0px }
.principal-4-2 { width:320px; float:left; height:auto; margin:0 0 20px 0 } 


}




@media only screen and (min-width: 769px) and (max-width: 960px){

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:768px; font-size:18px }
article #principal_0 #principal_0_site h1 { font-size:35px }


article #principal_3 #principal_3_site { width:768px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 3) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } 
.principal-3-imagem { width:100%; height:180px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.principal-3-titulo { width:calc(100% - 20px); height:110px; float:left; padding:10px }


article #principal_4 #principal_4_site { width:768px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-4-1 { width:calc(100% - 360px); float:left; height:auto; padding:0 10px 0 10px; margin:0 20px 20px 0; cursor:pointer } 
.principal-4-1-imagem { width:calc(100% - 20px); height:350px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-color:#f9f9f9; padding:20px 10px 0 10px;  box-shadow: inset 0px 0px 0px 10px #F9F9F9; }
.principal-4-1-imagem-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color:#FFFFFF; text-align:center; margin:0px }
.principal-4-2 { width:320px; float:left; height:auto; margin:0 0 20px 0 } 


}




@media only screen and (min-width: 621px) and (max-width: 768px){

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:620px; font-size:18px }
article #principal_0 #principal_0_site h1 { font-size:32px }


article #principal_3 #principal_3_site { width:620px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 2) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } 
.principal-3-imagem { width:100%; height:180px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.principal-3-titulo { width:calc(100% - 20px); height:90px; float:left; padding:10px }


article #principal_4 #principal_4_site { width:620px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-4-1 { width:calc(100% - 360px); float:left; height:auto; padding:0 10px 0 10px; margin:0 20px 20px 0; cursor:pointer } 
.principal-4-1-imagem { width:calc(100% - 20px); height:350px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-color:#f9f9f9; padding:20px 10px 0 10px;  box-shadow: inset 0px 0px 0px 10px #F9F9F9; }
.principal-4-1-imagem-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color:#FFFFFF; text-align:center; margin:0px }
.principal-4-2 { width:320px; float:left; height:auto; margin:0 0 20px 0 } 



}




@media only screen and (min-width: 481px) and (max-width: 620px){

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:480px; font-size:18px }
article #principal_0 #principal_0_site h1 { font-size:25px }


article #principal_3 #principal_3_site { width:480px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-3 { width:calc((100% / 2) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } 
.principal-3-imagem { width:100%; height:150px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.principal-3-titulo { width:calc(100% - 20px); height:110px; float:left; padding:10px }


article #principal_4 #principal_4_site { width:480px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-4-1 { width:calc(100% - 0px); float:left; height:auto; margin:0 0 20px 0; cursor:pointer } 
.principal-4-1-imagem { width:calc(100% - 40px); height:320px; float:left; background-position:top center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-color:#f9f9f9; padding:20px 20px 0 20px;  box-shadow: inset 0px 0px 0px 10px #F9F9F9; }
.principal-4-1-imagem-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:28px; line-height:30px; color:#FFFFFF; text-shadow:1px 1px #666666; text-align:center; margin:0px }
.principal-4-2 { width:100%; float:left; height:auto; margin:0 0 20px 0 } 



}





@media only screen and (min-width: 0px) and (max-width: 480px){

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:320px; font-size:18px }
article #principal_0 #principal_0_site h1 { font-size:30px }


article #principal_3 #principal_3_site { width:320px; font-family:"myriad", Arial, Helvetica, sans-serif }
article #principal_3 #principal_3_site #principal-3 h1 { font-size:30px; line-height:30px }
.principal-3 { width:calc((100% / 1) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } 
.principal-3-imagem { width:100%; height:175px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.principal-3-titulo { width:calc(100% - 20px); height:auto; float:left; padding:10px }



article #principal_4 #principal_4_site { width:320px; font-family:"myriad", Arial, Helvetica, sans-serif }
.principal-4-1 { width:calc(100% - 0px); float:left; height:auto; margin:0 0 20px 0; cursor:pointer } 
.principal-4-1-imagem { width:calc(100% - 40px); height:250px; float:left; background-position:top center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-color:#f9f9f9; padding:20px 20px 0 20px;  box-shadow: inset 0px 0px 0px 10px #F9F9F9; }
.principal-4-1-imagem-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:25px; line-height:25px; color:#FFFFFF; text-shadow:1px 1px #666666; text-align:center; margin:0px }
.principal-4-2 { width:100%; float:left; height:auto; margin:0 0 20px 0 } 



}