* {margin:0; padding:0;}
:focus {outline: 0; } 
hr {display:none;}
img {border:none;}
li {list-style-type:none;}

#header{position:relative;}

.headerimg {background-position:center bottom; background-repeat:no-repeat; width:100%; height:641px; position:absolute; top:0; z-index:10;}
.headerimgs{height:641px; position:relative; margin:0 auto; background:blue;}

/* Menu */

#meiogeral {width:100%; float:left; clear:both; margin:435px auto 0 auto;}

#menu {width:100%; height:60px; background:url(../img/bg_menu.jpg) center 0 no-repeat; margin:0 0 0 0; z-index:20; position:absolute; left:0; top:147px;}
#menu ul{width:977px; height:60px; margin:0 auto; background:url(../img/sombramenu.png) no-repeat center top;}

.logohome{width:977px; height:149px; margin:0 auto; position:relative;}
.logohome h1{position:absolute; left:0; top:0; width:504px; height:149px; z-index:20;}
.logohome h1 a{float:left; width:504px; height:149px; text-indent:-6666px; overflow:hidden; background:url(../img/logo-header.gif) no-repeat 0 0;}

.mnhome {width:100px; height:59px; float:left;}
.mnhome a{width:100px; height:59px; float:left; display:block; background:url(../img/menu2.gif) 0 0; text-decoration:none; text-indent:-9999px;}
.mnhome a:hover, .mnhome a.on{width:100px; height:59px; float:left; display:block; background:url(../img/menu2.gif) 0 60px; text-decoration:none; text-indent:-9999px;}

.mn1 {width:200px; height:59px; float:left;}
.mn1 a{width:200px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -100px 0; text-decoration:none; text-indent:-9999px;}
.mn1 a:hover{width:200px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -100px 60px; text-decoration:none; text-indent:-9999px;}

.mn2 {width:210px; height:59px; float:left;}
.mn2 a{width:210px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -300px 0; text-decoration:none; text-indent:-9999px;}
.mn2 a:hover{width:210px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -300px 60px; text-decoration:none; text-indent:-9999px;}

.mn3 {width:246px; height:59px; float:left;}
.mn3 a{width:246px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -510px 0; text-decoration:none; text-indent:-9999px;}
.mn3 a:hover{width:246px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -510px 60px; text-decoration:none; text-indent:-9999px;}

.mn4{width:221px; height:59px; float:left;}
.mn4 a{width:221px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -756px 0; text-decoration:none; text-indent:-9999px;}
.mn4 a:hover{width:221px; height:59px; float:left; display:block; background:url(../img/menu2.gif) -756px 60px; text-decoration:none; text-indent:-9999px;}


/* Meio */
#meio {width:940px; height:301px; margin:0 auto; padding:0 0 50px 0;}

.meioesq {width:328px; float:left; background:url(../img/tilIndex_economia.gif) no-repeat 0 90px; padding-top:125px;}
.meiocenter {width:262px; height:147px; float:left; padding:153px 0 0 58px; background:url(../img/simulador.png) no-repeat ;}
.meiocenterCX {font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#676767; background-color:#fff; border:0; width:128px;}

.btSimular {float:right; margin:10px 0 0 0; text-indent:-9999px;}
.btSimular a{width:85px; height:28px; display:block; background:url(../img/bt_simular.png); text-decoration:none;}
.btSimular a:hover{width:85px; height:28px; display:block; background:url(../img/bt_simularOver.png); text-decoration:none;}

.meiodir {width:292px; float:left; background:url(../img/bt_conhecaOver.gif) no-repeat 0 90px; text-indent:-9999px;}
.meiodir a{width:292px; height:180px; margin-top:90px; display:block; background:url(../img/bt_conhecaOver.gif) no-repeat;}
.meiodir a:hover{width:292px; height:180px; margin-top:90px; display:block; background:url(../img/bt_conheca.gif) no-repeat;}

#formSimulador {width:133px;}


/* Rodape */
#rodape {width:100%; float:left; height:267px; background:url(../img/bg_rod.gif) repeat-y center;}

#rodape ul{width:940px; height:247px; margin:0 auto;}

.rodesq {font:12px/25px Arial, Helvetica, sans-serif; color:#F98228; width:184px; height:187px; float:left; background:url(../img/tilIndex_oque.gif) no-repeat 0 20px #666666; padding:80px 0 0 0;}
.rodesq a{font:12px/25px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.rodesq a:hover{font:12px/25px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}

.rodcenter {width:458px; height:187px; float:left; background:url(../img/encontresite.gif) no-repeat; padding:80px 0 0 31px;}

#rodape .rodcenter ul{width:408px; height:179px; float:left;}

.rodcenter1 {width:102px; height:179px; float:left; background:url(../img/separadorEncontre.gif) right no-repeat;}
.rodcenter2 {width:135px; height:179px; padding:0 18px 0 15px; float:left; background:url(../img/separadorEncontre.gif) right no-repeat;}
.rodcenter3 {width:122px; height:179px; float:left; padding:0 0 0 15px;}

.rodcenter1 a, .rodcenter2 a, .rodcenter3 a {font:12px Arial, Helvetica, sans-serif; color:#005E7C; text-decoration:none;}
.rodcenter1 a:hover, .rodcenter2 a:hover, .rodcenter3 a:hover {font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}

.rodcenter1 p, .rodcenter2 p, .rodcenter3 p{margin:0 0 12px 0;} 
.rodcenter1 strong, .rodcenter2 strong, .rodcenter3 strong{font:12px/25px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; margin:0 0 6px 0;}


.roddir {font:12px/18px Arial, Helvetica, sans-serif; color:#4c4c4c; width:249px; height:187px; float:left; background:url(../img/tilIndex_fiquedentro.gif) no-repeat 18px 20px #e9e9ea; /*background:#e9e9ea;*/ padding:80px 0 0 18px;}

#rodape .roddir ul{width:235px; height:21px; padding:15px 0 0 0; float:left;}

.cxnome {width:49px; float:left; height:21px; padding:0 0 5px 0; font-weight:bold;}
.cxinput {width:182px; float:left; height:21px; background:url(../img/bg_input.gif) no-repeat; padding:1px 0 5px 4px;}
.cxinput2 {width:50px; float:left; height:21px; padding:1px 0 5px 0;}

.input {border:0px; width:175px; font:12px/18px Arial, Helvetica, sans-serif; color:#666;}

.inputlist {border:0px; width:60px; font:12px/18px Arial, Helvetica, sans-serif; color:#666; padding:6px;}

.cadastrar {float:right; width:96px; height:30px; text-indent:-9999px;}
.cadastrar a{float:right; width:96px; height:30px; text-decoration:none; background:url(../img/bt_cadastrar.gif) no-repeat;}
.cadastrar a:hover{float:right; width:96px; height:30px; text-decoration:none; background:url(../img/bt_cadastrarOver.gif) no-repeat;}

#rod {width:100%; height:138px; float:left; background:url(../img/rod.jpg) no-repeat center top;}

#rod ul{width:940px; margin:0 auto; text-align:center; padding:30px 0 0 0;}
