@charset "utf-8";
*{margin:0; padding:0; border:0;}
body {background-color:#ffffff;}

.box {width:960px; margin:0 auto;}
.clear {clear:both;}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

p, li {font:15px 'open_sansregular';}
h1 {font:25px 'open_sansregular';}
h2 {font:20px 'open_sansregular';}

#banner {position:relative;}

#header {height:196px; background:url(imgs/bg-header.jpg) repeat-x; position:relative; z-index:9999; width:100%}
#header .logo {width:300px; height:128px; float:left; padding-top:22px}
#header .telefone {width:305px; height:150px; float:right; background:url(imgs/telefone.png) right 40px no-repeat;}
#header .menu {width:960px; height:46px; }
#header .menu ul {list-style:none;}
#header .menu ul li {float:left; padding-top:13px; height:33px; text-transform:uppercase}
#header .menu ul li a {text-decoration:none; color:#FFF;}

#content-painel {width:960px; margin:0 auto; padding:50px 0}

#content-home {width:960px; position:absolute; top:0; left:50%; margin-left:-480px; z-index:9998; padding-top:560px; padding-bottom:50px;}

#content-home .coluna {width:210px; float:left; margin-right:13px; background-color:#0fae7d; padding:0 10px 20px 10px; border-radius: 15px; transition:0.5s; margin-bottom:30px;}
#content-home .coluna:hover {box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#content-home .coluna h1 {font:30px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#FFF; text-align:center; margin-bottom:15px;}
#content-home .coluna p {font-size:13px; color:#FFF; padding:0 5px; margin-bottom:5px;}

#content-home .coluna .btn {width:170px; padding:15px 0; margin:0 auto; transition: 0.5s; text-align:center; font:14px 'open_sansregular'; border-radius: 12px; text-transform:uppercase ; margin-bottom:7px;}
#content-home .coluna .btn a{color:#FFF; text-decoration:none;}
#content-home .coluna .btn:hover {background-color:#003f2c;}
	#content-home .coluna .btn-vida {background-color:#005e41;}
	#content-home .coluna .btn-vida:hover {background-color:#003f2c;}
	#content-home .coluna .btn-saude {background-color:#371b61;}
	#content-home .coluna .btn-saude:hover {background-color:#271148;}
	#content-home .coluna .btn-auto {background-color:#894000;}
	#content-home .coluna .btn-auto:hover {background-color:#6b3301;}
	#content-home .coluna .btn-casa {background-color:#005875;}
	#content-home .coluna .btn-casa:hover {background-color:#003e52;}
	
#content-home .coluna .saiba-mais {text-align:center;}
#content-home .coluna .saiba-mais a {text-decoration:none; color:#FFF; transition: 0.3s}
#content-home .coluna .saiba-mais a:hover {color:#000;}

#content-home .operadoras {width:948px; height:67px; background:url(imgs/bg-operadoras.jpg) repeat-x; border:1px solid #c6c6c6; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); padding:18px 0 0 10px}
#content-home .operadoras ul {list-style:none;}
#content-home .operadoras ul li {float:left; padding:0 9px}

#content-home .empresa {width:880px; padding:40px 40px; background-color:#e9e9e9; border-radius: 15px; margin-top:40px}
#content-home .empresa h1 {color:#036; margin-bottom:10px;}
#content-home .empresa p {margin-bottom:6px; color:#333}

.acesso {padding:15px; width:250px; text-align:center; border-radius:10px; background-color:#002a3f; font:15px 'open_sansregular'; margin-top:15px}
.acesso a{text-decoration:none; color:#FFF;}


/*Footer*/
#footer {background-color:#dedede; padding:40px 0 0 0; margin-top:40px; margin-top:920px}
#footer .mapa {width:960px; margin:0 auto; padding-bottom:30px}
#footer .mapa .links {width:480px; float:left;}
#footer .mapa .links h1 {margin:0 0 15px 0; color:#036; font-size:25px;}
#footer .mapa .links p {font-size:11px; padding-right:200px; color:#666}
#footer .mapa .links ul {list-style:square; margin-left:15px; margin-bottom:35px;}
#footer .mapa .links ul li {font-size:14px;}
#footer .mapa .links ul li a{color:#036; transition:0.3s; text-decoration:none;}


#footer .mapa .endereco {width:480px; float:right; padding-bottom:30px;}
#footer .mapa .endereco p {font-size:13px; text-align:center; color:#333}

#footer .creditos {padding:50px 0; background-color:#002a3f;}
#footer .creditos p {font-size:11px; color:#FFF; text-align:justify}