@charset "utf-8";
@import "css/reset.css";
@import "fonts/fonts.css";

body {background:#f0efec; color:#414042; position:relative; font-size:15px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.geral{ width:960px; position:relative; margin:0 auto;}
.clear{ clear:both;}

#topo{ position:relative; width:960px; height:90px; margin:0 auto;}
#topo h1{ color:#ad034f; font-family: 'museo500'; float:left; margin:45px 0 0 55px; font-size:24px;}
#topo .conta{ float:right; margin:42px 50px 0 0; color:#ad034f; font-family: 'museo500'; font-size:18px; height:33px; background:url(images/iconTopo.png) top right no-repeat; padding-right:42px; line-height:36px; display:block;}
#topo .conta:hover{ background:url(images/iconTopo.png) bottom right no-repeat; }

#topo .facebook{ position:absolute; right:0; top:41px; width:33px; height:33px; background:url(images/facebook.png) top right no-repeat; display:block; text-indent:-9999px;}
#topo :hover{ background:url(images/facebook.png) bottom right no-repeat; }

#home{ clear:both; margin:0 0 100px 0;}
#home .banner{ background:url(images/banner.jpg) top center repeat; height:440px;}
#home .banner h3{ text-align:center; font-size:50px; font-family: 'museo500'; color:#fff; padding-top:140px; display:block; }
#home .txt{ width:660px; margin:0 auto; }
#home .txt div{ margin:70px 0 0 0;}
#home .txt h2{color:#ad034f; font-family: 'museo700'; font-size:18px; text-align:center; background:url(images/fio.png) bottom center no-repeat; padding-bottom:5px; display:block;}
#home .txt p{ display:block; line-height:190%; margin:10px 0 0 0; text-align:center;}
#home .txt a{ font-weight:bold; color:#ad034f; }

#rodape{ background:url(images/bgRodape.jpg) top center no-repeat; height:369px; clear:both; position:relative; padding-top:40px;}
#rodape p{ width:660px; margin:0 auto; background:url(images/iconRodape.png) top center no-repeat; padding-top:90px; line-height:190%; text-align:center; }
#rodape a{color:#414042;}
#rodape a:hover{color:#ad034f;}
#rodape .contato{ background:url(images/mandarina.png) no-repeat; width:183px; height:30px; display:block; text-indent:-9999px; position:absolute; bottom:35px; right:150px;}
#rodape h2{  width:339px; margin:0 auto;}
#rodape .face{padding-top:25px; display:block; width:339px;}

@media (max-width: 959px){
#topo{ position:relative; width:80%; height:90px; margin:0 auto;}

#topo h1{ color:#ad034f; font-family: 'museo500'; float:left; margin:45px 0 0 0; font-size:20px;}
#topo .conta{ float:right; margin:42px 0 0 0; color:#ad034f; font-family: 'museo500'; font-size:18px; height:33px; background:url(images/iconTopo.png) top right no-repeat; padding-right:42px; line-height:36px; display:block;}
#home .banner{ background:url(images/banner.jpg) top center repeat; height:200px;}
#home .banner h3{ text-align:center; font-size:26px; font-family: 'museo500'; color:#fff; padding-top:65px; display:block; }
#home .txt{ width:60%; margin:0 auto; }	
#home .txt p{ display:block; line-height:160%; margin:10px 0 0 0; text-align:center; font-size:14px;}
#rodape p{ width:50%; margin:0 auto; background:url(images/iconRodape.png) top center no-repeat; padding-top:90px; line-height:150%; text-align:center; font-size:13px; }
}