@import url(core.css);
@import url(grid.css);
body{
    font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 150%;
    color: #333;
}
div#ak_modal_div {
	position: absolute;
	z-index: 1000;
	background: transparent;
}
div#ak_modal_div div.ak_modal_title {
	position: relative;
	background-color: #0066CC;
	color: #FFF;
	font: bold 12px/1.5em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	text-align: center;
}
#aux-bg-left{
    display: block;
    position: absolute; top: 0; left: 0; z-index: 0;
    width: 50%; height: 100%; overflow: hidden;
    background: #375365 url(../images/fundo_aux-bg-left.png) repeat-x 0 50%;
}
#aux-bg-right{
    display: block;
    position: absolute; top: 0; right: 0; z-index: 0;
    width: 50%; height: 100%; overflow: hidden;
    background: #4A7B97 url(../images/fundo_aux-bg-right.png) repeat-x 0 50%;
}
#aux-bg-right-in{
    display: block;
    position: absolute; top: 0; left: 499px; z-index: 0;
    width: 210px; height: 100%;
    background: #4A7B97 url(../images/fundo_aux-bg-master.png) no-repeat 100% 50%;
}
#aux-bg-center{
    display: block;
    position: absolute; left: 50%; z-index: 1;
    width: 998px; height: 100%;
    margin-left: -499px;
    background: url(../images/fundo_aux-bg-center.png) repeat-y 50% 50%;
}
#master{
    display: block;
    position: absolute; top: 50%; left: 50%; z-index: 2;
    width: 998px; height: 560px; overflow: hidden;
    margin-top: -280px; margin-left: -499px;
    background: url(../images/fundo_aux-bg-master.png) no-repeat 50% 50%;
}
#master .logo_academia_do_varejo{
    position: absolute; top: 51px; left: 20px;
    width: 123px; height: 99px;
    background-image: url(../images/logo_academia_do_varejo.gif);
}
#master .logo_marisol{
    position: absolute; top: 530px; left: 20px;
    width: 31px; height: 21px;
    background-image: url(../images/logo_marisol.gif);
}

#master .box_by{
    position: absolute; top: 533px; left: 803px;
    width: 170px; height: 9px;
    background-image: url(../images/fundo_box_by.gif);
}

#master .box_by .bot_officecom{
    float: left;
    width: 92px; height: 9px;
}
#master .box_by .bot_citrus7{
    float: right;
    width: 64px; height: 9px;
}
#master .box_by a:active, #master .box_by a:hover, #master .box_by a:focus{ background-color: #FFF; opacity: 0.2; filter: alpha(opacity=20); }
#box-menu-principal{
    display: block;
    position: absolute; top: 475px; left: 95px; z-index: 90;
    width: 808px; height: 25px;
    border: 1px solid #F90;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 806px; height: 23px;

}
#box-menu-principal li{
    position: relative;
    display: block; float: left;
}
#box-menu-principal a{
    display: block; float: left;
    padding-left: 37px;
    text-align: left; text-decoration: none; font-size: 12px; line-height: 23px;
    font-family: Verdana, Helvetcia, sans-serif; color: #FFF;
}
#box-menu-principal li ul{
    display: block; float: left;
    position: absolute; top: -3000px; left: 27px;
    padding: 0 7px;
    width: 212px;
    background-color: #375365;
    opacity: 0.9;
    filter: alpha(opacity=90);
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 195px;
}
#box-menu-principal li ul li{ clear: both; float: none; }
#box-menu-principal li ul li a{ padding-left: 0; float: none; }
#box-menu-principal a:active, #box-menu-principal a:hover, #box-menu-principal a:focus{ text-decoration: underline; }
#box-menu-principal ul li.selected a{ color: #C00; }
#box-menu-principal ul li.selected ul li a{ color: #FFF; }
#box-menu-principal ul li ul li.selected a{ color: #C00; }
#box-menu-marcas{
    position: absolute; top: 112px; left: 904px;
    text-align: left; font-size: 12px;
}

#box-menu-marcas h5{
    cursor: pointer;
    text-transform: capitalize;
    color: #FFF;
    line-height: 20px;
}

#box-menu-marcas a{
    text-transform: capitalize;
    color: #002448;
    text-decoration: none;
    line-height: 20px;
}

#box-menu-marcas a:active, #box-menu-marcas a:hover, #box-menu-marcas a:focus{ text-decoration: underline; }
#content{
    display: block;
    position: absolute; left: 200px; top: 101px;
    width: 600px; height: 330px;
    background: url(../images/fundo_content.gif) no-repeat;
}
#content-aux{
    opacity: 0; filter: alpha(opacity: 0);
    display: block;
    width: 607px; height: 280px; overflow: hidden;
}
#content_header{
    display: block; float: right;
    position: absolute; top: 74px; right: 200px;
    font-family: Verdana, Helvetica, sans-serif; color: #002446; font-weight: normal;
    text-align: right; font-size: 18px; line-height: 120%;
}

#box-recursos .bot_favoritos{
    width: 36px; height: 7px;
    position: absolute; top: 362px; left: 938px;
    background: url(../images/sprite_box_recursos.gif) 0 0;
}
#box-recursos .bot_indicar_o_site{
    width: 53px; height: 7px;
    position: absolute; top: 381px; left: 915px;
    background: url(../images/sprite_box_recursos.gif) 0 -19px;
}
#box-recursos .bot_mapa_do_site{
    width: 53px; height: 9px;
    position: absolute; top: 400px; left: 896px;
    background: url(../images/sprite_box_recursos.gif) 0 -38px;
}

.bot_prev_carousel{
    position: absolute; top: 251px; left: 159px;
    width: 26px; height: 24px;
    background: url(../images/sprite_bot_carousel.gif);
}
.bot_next_carousel{
    position: absolute; top: 251px; left: 813px;
    width: 26px; height: 24px;
    background: url(../images/sprite_bot_carousel.gif) 100% 0;
}

div#carousel{
    padding-top: 64px;
}

.glossario{
    display: block; float: right; clear: both;
    height: 25px;
}

.glossario a{
    display: block; float: left;
    height: 25px;
    margin-right: 6px;
    padding: 0 3px;
    font-family: Verdena, Helvetica, sans-serif; color: #002446;
    text-align: center; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 25px;
}
.glossario a:hover{
    color: #C00;
}
.glossario a.selected{
    background-image: url(../images/selected_glossario.png);
}
.cal a{
    position: relative; left: -4px; _left:8px;
    margin-right: 13px;
}

.link_button,.link_button_selected{
    padding: 0 5px;
    color: #002446;
    text-decoration: none; font-size: 14px; font-weight: bold !important;
}

.link_button_selected{
    background-image: url(../images/selected_glossario.png);
    color: #2C5472;
}

.c7-pages{
    width: 100%;
    display: block; clear: both;
    font-weight: bold;
    color: #002446;
}
.c7-carousel:after{ content: "."; line-height: 0; clear: both; display: block; visibility: hidden;  }
.boxText{
    text-align: left;
    font-size: 12px; line-height: 120%;
    color: #FFF;
}
.boxText ul li{ padding-left: 1em; padding-bottom: 1em; list-style-type: disc;  list-style-position: inside; }
.boxText em{ font-style: italic; }
.boxText strong{ font-weight: bold; }
.boxText h1{
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
    text-transform: uppercase;
    padding-bottom: 0.5em;
    color: #002446;
}
.boxText table{
    border-collapse: collapse;
    border: 1px solid #002446;
    margin-bottom: 1em;
}
.boxText table th, 
.boxText table td{
    text-align: left;
    padding: 1em;
    border: 1px solid #002446;
}
.boxText table th{
    text-align: center;
    font-weight: bold;
}
.boxText h3{
    font-weight: bold;
    line-height: 120%;
    text-transform: uppercase;
    padding-bottom: 0.5em;
}
.boxText a{ color: #FFF; text-decoration: underline; }

.listCat a{ text-decoration: none; }
.listCat a:hover{ text-decoration: underline; }
.listCat li{ padding-bottom: 1em; border-bottom: 2px dotted #002446; margin-bottom: 1em; list-style: none; padding-left: 0; }
.listCat li strong{ display: block; }
#C .boxText{
    padding-left: 20px;
}

.slideCarousel{ width: 620px; }
.slideCarousel a{
    display: block; float: left;
    position: relative; left: 2px;
    width: 150px; height: 121px;
    margin: 0 -1px 0 0;
}

.slideCarousel a.t1{ z-index: 4; }
.slideCarousel a.t2{ z-index: 3; }
.slideCarousel a.t3{ z-index: 2; }
.slideCarousel a.t4{ z-index: 1; }
.slideCarousel a.t5{ z-index: 8; }
.slideCarousel a.t6{ z-index: 7; }
.slideCarousel a.t7{ z-index: 6; }
.slideCarousel a.t8{ z-index: 5; }

/**********************************************************/
#flashHome{
    position: absolute; top: 50%; left: 50%;
    width: 550px; height: 300px;
    margin: -150px 0 0 -275px;
}
/**********************************************************/
.formLego{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.formLego div .headerRonded_red{ margin-right: 1%; }
.formLego div,.formLego label, .formLego input, .formLego select{
    margin: 0;
    padding: 0;
    border: 0;
}
.formLego div .obs{
    display: block; clear: both;
    padding: 2px 0 0 189px;
    margin-right: 1%;
    text-align: left;
    font-family: Arial, "Times New Roman", serif; font-size: 12px; line-height: 150%; font-weight: bold;
    color: #979797;
}

.formLego div{
    width: 101%; overflow: hidden; zoom: 1;
    padding-bottom: 10px;
}
.formLego div.last{ padding-bottom: 20px; }
.formLego div.noL {
    width: auto;
    padding-left: 189px;
}
.formLego div.noL .msg{
    padding-left: 0;
}

.formLego fieldset{
    border-top: #CCC 1px solid;
}

.formLego fieldset fieldset{
    border-top: 0;
    margin: 10px 0;
}
.formLego fieldset legend{
    position: static;
    font-size: 14px; line-height: 150%;
    font-weight: bold;
}
.formLego fieldset .first{
    padding-top: 10px;
}

.formLego div.cols{ display: block; float: left; width: auto; padding: 0;}

.formLego div label{
    float: left;
    overflow: hidden;
    width: 179px;
    margin-right: 10px;
    text-align: right;
    color: #FFF;
    padding-top: 6px;
    font-size: 12px; line-height: 120%;
}
.formLego div label img { display: inline; }
.formLego div label em{
    font-style: normal;
    color: #FFF;
    text-decoration: underline;
}
.formLego div span.msg{
    padding-left: 189px;
    text-align: left;
    color: #F00;
    clear: both;
    display: block;
}
.formLego .group{ display: block; float: left; }
.formLego div span.msg label.error{
    display: block; float: none; clear: both;
    padding-left: 0;
    text-align: left;
}


.formLego div span.msg.WPeqX{ padding-left: 62px; }
.formLego div span.msg label{
    display: block;
    width: auto;
    padding-left: 189px;
    color: #F00;
}

.formLego div label.auto{ width: auto; }
.formLego div label.wPeq{ width: 45px; }
.formLego div label.wPeqX{ width: 52px; }
.formLego div label.wMed{ width: 90px; }
.formLego div label.wXMedX{ width: 130px; }
.formLego div label.wMedX{ width: 180px; }
.formLego div label.wMedXX{ width: 270px; }
.formLego div label.Left{
    text-align: left;
}

.formLego div .entTxt,
.formLego div .entTxt_wPeq,
.formLego div .entTxt_wPeq_last,
.formLego div .entTxt_wMed,
.formLego div .entTxt_wMed_last,
.formLego div .entTxt_wBig,
.formLego div .entTxt_wBig_last,
.formLego div .entTxt_wBigX,
.formLego div .entTxt_wBigX_last{
    background-color: #39586B;
    display: block; float: left;
    width: 300px; height: 25px;
    border: #39586B 1px solid;
    color: #FFF;
}
.formLego div textarea.entTxt{
    background-color: #39586B;
    width: 300px; height: 84px;
    outline: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
}
.formLego div .invalid{
    border-color: red;
}
.formLego div select.entTxt{ border: #7f9db9 1px solid; }
.formLego div .checkbox{ float: left; margin-top: 5px; margin-right: 10px; }

.formLego div .entTxt_wPeq{ width: 44px; margin-right: 10px; }
.formLego div .entTxt_wPeq_last{ width: 44px; margin-right: 0; }
.formLego div .entTxt_wBig{ width: 308px; margin-right: 10px; }
.formLego div .entTxt_wBig_last{ width: 308px; margin-right: 0; }
.formLego div .entTxt_wBigX{ width: 332px; margin-right: 10px; }
.formLego div .entTxt_wBigX_last{ width: 332px; margin-right: 0; }
.formLego div .entTxt_wMed{ width:154px; margin-right: 10px; }
.formLego div .entTxt_wMed_last{ width:154px; margin-right: 0; }


.formLego div.noL.wPeqX{
    padding-left: 62px;
}

.formLego div .submit{
    float: left;
    width: auto; overflow: visible; margin-right: 10px;
    padding: 2px 5px; border-width: 2px; border-style: solid; border-color: #002446;
    font-size: 11px; font-weight: bold; line-height: 11px;
    color: #FFF;
    background-color: #002446;
}


/**********************************************************/
.icon_business{
    position: absolute; top: 167px; left: 551px;
    width: 189px; height: 295px;
    background-image: url(../images/icon_business.gif);
}

.icon_chapeu{
    position: absolute; top: 179px; left: 549px;
    width: 300px; height: 200px;
    background-image: url(../images/icon_chapeu.gif);
}

.icon_chapeuzinho{
    position: absolute; top: 63px; left: 674px;
    width: 175px; height: 116px;
    background-image: url(../images/icon_chapeuzinho.gif);
}

.icon_conselho{
    position: absolute; top: 194px; left: 477px;
    width: 361px; height: 252px;
    background-image: url(../images/icon_conselho.gif);
}

.icon_lupa{
    position: absolute; top: 49px; left: 695px;
    width: 140px; height: 140px;
    background-image: url(../images/icon_lupa.gif);
}

.icon_manequin{
    position: absolute; top: 143px; left: 612px;
    width: 151px; height: 320px;
    background-image: url(../images/icon_mapa.gif);
}

.icon_mapa{
    position: absolute; top: 143px; left: 513px;
    width: 306px; height: 322px;
    background-image: url(../images/icon_mapa.gif);
}

.icon_moda{
    position: absolute; top: 165px; left: 467px;
    width: 336px; height: 300px;
    background-image: url(../images/icon_moda.gif);
}

.icon_telefone{
    position: absolute; top: 46px; left: 692px;
    width: 124px; height: 167px;
    background-image: url(../images/icon_telefone.gif);
}

.icon_logo{
    position: absolute; top: 200px; left: 309px;
    width: 524px; height: 263px;
    background-image: url(../images/icon_logo.gif);
}

.icon_espiral{
    position: absolute; top: 200px; left: 503px;
    width: 355px; height: 254px;
    background-image: url(../images/icon_espiral.gif);
}
/**************************************/
div.wp-pagenavi{
    overflow: auto;
    text-align: left; font-size: 10px;
 }

  div.wp-pagenavi span.pages {
    float: left;
    font-weight: bold;
    margin-right: 15px;
    color: #002446;
  }

  div.wp-pagenavi a, div.wp-pagenavi span.current {
    display: block; float: left;
    height: 17px;
    padding: 0 3px; margin-right: 5px;
    color: #002446;
  }

  div.wp-pagenavi span.current, div.wp-pagenavi a:hover {
    background-color: #002446;
    color: #FFF;
  }

 /**************************/
div.extraNav{
    overflow: auto;
    text-align: left; font-size: 10px;
 }


  div.extraNav a{
    display: block; float: left;
    height: 17px;
    padding: 0 3px; margin-right: 5px;
    color: #FFF;
    background-color: #002446;
    text-decoration: none;
  }
  div.extraNav a:hover{ opacity: 0.5; filter: alpha(opacity:50);}