/*  começo fim css padrão */
html, body { margin: 0; padding: 0; height: 100%;}

body { 
  text-align: center; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 150%; 
  color: #333;
  background: #EDDAB6 url(../images/fundo.png) repeat-x;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl dt span {
	display: none;
}

img, .submit {
	border: none;
}

form, form p {
	margin: 0;
	padding: 0;
	display: block;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {	color: #333; text-decoration: underline; }

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

.hideThis { display: none; }

.icon, .bot, .tit, .secTit, .boxTit, .logo, .img {
  display:  block;
  overflow: hidden;
  text-align: left;
  text-indent:  -99999px;
  background-repeat:  no-repeat;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
}

.bot:hover{ background-position: 0 -30px; }

.selected,.selected:hover{background-position: 0 -60px;}

.cols{ float: left; }

.img0, .img0 *{
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
  border: 0;
}

.txt0, .txt0 *{
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
}

div#ak_modal_div{
  position:absolute;
  z-index:1000;
  background: #FFF;
}
  div#ak_modal_div div.ak_modal_title{
    position: relative;
    background-color: #EADDCC;
    color: #5F2410;
    font: bold 12px/1.5em 'Trebuchet MS',Verdana,Helvetica,sans-serif;
    text-align:center;
  }

/* .txt0.boxMode1 */
.boxModel1{ overflow: visible; text-align: left;}

  .boxModel1 .img{ float: left; width: 392px; height: 210px;}
  .boxModel1 .desc{ float: left; width: 330px;}
  .boxModel1 .desc .text{
    position: relative; display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: #DEC6AB 1px solid !important;
    font-family: Georgia, Times, serif; 
    font-size: 18px;
    line-height: 180%;
    color: #5F1800;
  }

  .boxModel1 .text .icon{ position: absolute; width: 30px; height: 25px;}

  .boxModel1 .text .icon.reticencias_esquerda{ 
    top: -14px; left: -36px;
    behavior: url(js/iepngfix.htc); /* solução ie6 png*/    
    background-image: url(../images/icon_reticencias_esquerda.png);
  }
  
  .boxModel1 .text .icon.reticencias_direita{ 
    bottom: 0; right: -38px;
    behavior:url(js/iepngfix.htc); /* solução ie6 png*/    
    background-image: url(../images/icon_reticencias_direita.png);
  }

  .boxModel1 .more, .boxModel2 .more{
    display: block;
    clear: both;
    padding: 4px 0 4px 14px;
    font-size: 10px;
    line-height: 150%;
    background: url(../images/red_bullet.gif) no-repeat 3px 10px;
  }

.boxModel2{ text-align: left;}

  .boxModel2 .boxTit{
    width: 99.9%; height: 17px;
    border-bottom: #DEC6AB 1px solid;
    margin-bottom: 12px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 16px;
  }

  .boxModel2 .moldura{ float: left; background-position: center; background-repeat: no-repeat;}  

/* .boxModel2 */  
  .boxModel2 .desc{
    float: left;
    width: 312px;
  }
    .boxModel2 a{ color: #333; }

    .boxModel2 .text{
      display: block;
      width: 100%;
      padding-bottom: 7px;
      border-bottom: #DEC6AB 1px solid;
    }

    .boxModel2 .more{ 
      font-size: 11px;
      border-bottom: #DEC6AB 1px solid;
    }
    .boxModel2 .desc .title{
      display: block; 
      font-weight: normal;
      font-family: Georgia, Times, serif;
      font-size: 18px;
      line-height: 130%;
      color: #5F1800;
     }
/* fim .boxModel2 */  

/*  @class .boxModel3 */

/*  @construct */
.boxModel3{}

  /*  @method */
  .boxModel3 .boxTit{ height: 27px; }


  /*  @method */
  .boxModel3 .text{
    overflow: auto;
    display: block;
    margin-bottom: 10px;
  }

    /*  @method  */
    .boxModel3 .text .img{
      float: left; display: block;
      height: 50px; width: 50px;
      border: #DEC6AB 2px solid;
      margin-right: 5px;
      float: left;
    }

  
    /*  @method  */
    .boxModel3 .text .desc{
      float: left; display: block;
      text-align: left;
      width: 121px;
    }

  /*  @method  */
  .boxModel3 .bot{
    height: 16px;
    border-bottom: #DEC6AB 1px solid;
    margin-bottom: 7px;
  }
  /* extend */
  .boxModel3 .bot.last{ margin-bottom: 0; }

/*  fim .boxModel3  */


/* .txt0.listModel1 */  
.listModel1{ width: 100%; overflow: auto;}

.listModel1 .boxTit{ 
  width: 99.9%; height: 17px;
  border-bottom: #DEC6AB 1px solid;
  margin-bottom: 12px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 16px;
}

.listModel1 .item{
  width: 99%;
  float: left; 
  text-align: left; display: block;
  padding-bottom: 10px;
  outline: 0 ;
  cursor: pointer;
}


  .listModel1 .item .moldura{ 
    float: left; 
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
  }

  .listModel1 .item .desc{
    display: block; float: left;
    width: 400px;
    min-height: 95px;
    height: auto !important;
    height: 106px;
    font-size: 12px;
    line-height: 150%;
    border-bottom: #DEC6AB 1px solid;
    padding-bottom: 10px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 95px;
  }

    .listModel1 .item .desc .title{
      display: block;
      font-family: Georgia, Times, serif;
      font-weight: normal;
      font-size: 18px;
      line-height: 120%;
      color: #5F1800;
    }
/*  fim de .0txt.listModel1 */  

.listModel2{
  padding: 10px 10px 0; 
  background-color: #EADDCC;
  border: #DEC6AB 1px solid;
  text-align: left;
}

    .listModel2 .item .boxTit{
      margin: 0;
      height: 27px;
    }
    .listModel2 .listItens .item{ padding-bottom: 10px;}
      .listModel2 .listItens .item a{ 
        display: block; width: 158px;
        overflow: auto;
        cursor: pointer;
      }
        .listModel2 .listItens .item a img{
          display: block; float: left;
          width: 50px; height: 50px;
          border: #DEC6AB 2px solid;
          margin-right: 5px;
          voice-family: "\"}\"";
	        voice-family: inherit;
	        width: 46px; height: 46px;
        }

        .listModel2 .listItens .item a .desc{
          display: block; float: left;
          width: 100px;
          color: #5F2410;
        }
      

/*  .form.txt0.model1 */


/*  @class .listModel3 */

/*  @construct */
.listModel3{}

  /*  @method  */    
  .listModel3 .boxTit{
    width: 99.9%; height: 17px;
    border-bottom: #DEC6AB 1px solid;
    margin-bottom: 9px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 16px;
  }

    /*  @method  */    
    .listModel3 .listItens .item{
      width: 187px;
      background: url(../images/fundo_colA_boxModel4_item.gif) no-repeat;
      float: left;
      text-align: left;
    }
  
    .listModel3 .listItens .item a{ color: #5F2410; }

    /*  @extend  */    
    .listModel3 .listItens .item.last{ width: 172px;}

    /*  @method  */    
    .listModel3 .listItens .item .text{
      display: block;
      position: relative;
      width: 161px;
      margin-left: 9px;
      padding-top: 142px;
      text-align: left;
      font-family: Georgia, Times, serif;
      font-size: 16px;
      line-height: 130%;
      color: #5F2410;
    }

    /*  @method  */    
    .listModel3 .listItens .item .text .img{
      position: absolute; top: 12px; left: 3px;
      height: 112px; width: 150px;
    }

/*  end@class .listModel3  */


/* @class .listModel6 */
  .listModel6{ width: 100%; }

/*
  @attributes
  .listModel6 .boxTit{ background-image }
  .listModel6 .item.( null || color2 )
  .listModel6 .item .( null || star || medal )
*/
  
  /* @method*/
  .listModel6 .boxTit{ 
    height: 15px;
    border-bottom: #DEC6AB 1px solid;
  }

  /* @method*/
  .listModel6 .item{}

    .listModel6 .item a{
      display: block;
      padding: 6px 0 6px 30px;
      font-size: 11px;
      line-height: 150%;
      background-position: 6px 6px;
      background-repeat: no-repeat;
    }
    /*  parameter */
    .listModel6 .item.color2{ background-color: #F9F8F2 ;}
    /* @parameter */
    .listModel6 .item .star{  background-image: url(../images/bullet_star.gif); }
    /* @parameter */
    .listModel6 .item .medal{  background-image: url(../images/bullet_medal.gif); }
  
/* @class .listModel6 */


form.model1{
  position: relative;
  width: 175px;
  padding-top: 16px;
  font-family: Georgia, Times, serif;
  line-height: 130%;
  text-align: left;
}

  form.model1 fieldset{ border-top: #DEC6AB 1px solid;}

  form.model1 .boxTit{
    position: absolute; top: 0; left: 0;
    height: 17px; width: 85px;
    width: 175px;
    border-bottom: #DEC6AB 1px solid;
  }
  
  form.model1 p{ padding-top: 5px; font-family: Verdana;  }
  
  form.model1 label{
    display: block;
    padding-top: 5px;
    color: #5F2410;
  }
  
  form.model1 .entTxt{
    display: block;
    width: 173px;
    border: #503D29 1px solid;
  }

/*  fim de .form.txt0.model1  */

/*  fim css padrão */

#master{
  overflow: hidden;
  position: relative; z-index: 0;
  height: auto; width: 998px;
  behavior:url(js/iepngfix.htc); /* solução ie6 png*/
  background: url(../images/fundo_master.png) repeat-y;
  margin: auto;
}
/*  definições para o cabecalho do site */
#cabecalho{
  position: relative;  top: 0; left: 0; z-index: 0;
  height:235px; width: 998px;
  background: url(../images/fundo_header.png) no-repeat;
  margin: 0 auto;
}

  #cabecalho .logo.matriart_lg{
    position: absolute; top: 6px; left: 21px; z-index: 1;
    width: 183px; height: 167px;
    behavior:url(js/iepngfix.htc); /* solução ie6 png*/
    background: url(../images/logo_cabecalho_matriart_lg.png) no-repeat;
    cursor: pointer;
  }

  /*  definições para barra de recursos */
  #cabecalho .recursos_do_site{
    position: absolute; top: 7px; left: 732px; z-index: 1;
    height: 20px; width: 256px;
  }

      #cabecalho .recursos_do_site .item{
        float: left;
        padding-right: 7px; margin-right: 7px;
        border-right: #5F2410 1px solid;
        height: 20px;
      }

      #cabecalho .recursos_do_site .item.last{
        padding-right: 0; margin-right: 0;
        border: 0;
      }

        #cabecalho .recursos_do_site .item a, #cabecalho .lang{
          font-family: georgia, sans-serif, mono;
          font-size: 11px;
          line-height: 150%;
          color: #5F2410;
        }
        
  #cabecalho .lang{
    position: absolute; top: 9px; left: 223px;
  }
/* fim de definições para barra de recursos */

  #cabecalho .flash{ 
    position: absolute; top: 35px; left: 10px; z-index: 0;
    height: 200px; width: 978px;
    background-image: url(../images/flash.png); 
  }

/* 
  fim de definições para o cabecalho do site 
  definições coluna A, #A.cols 
*/

#A{ 
  position: relative; top: 0; z-index: 1;
  padding: 656px 20px 20px 25px;
  width: 215px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 175px;
}
  
  /* definições gerais para menu_principal */
  #A .transp_menu_principal{
    position: absolute; top: -62px; left: 22px; 
    height: 540px; width: 181px;
    behavior:url(js/iepngfix.htc); /* solução ie6 png*/
    background: url(../images/fundo_colA_transp_menu_principal.png) no-repeat;
  }
 
  #A .menu_principal{
    position: absolute; top: -62px; left: 25px; 
    height: 688px; width: 175px;
    margin: 0 auto;
    background-color: #5F2410; 
  }
    #A .menu_principal .item .bot, #A .menu_principal .item .boxTit{
      margin: 0 20px;        
      border-bottom: #7F5040 1px solid;
    }

    #A .menu_principal .item .boxTit{
      height: 40px; width: auto;
      margin-bottom: 10px;     
      background-position: 0 20px;
    }
      #A .menu_principal .listItens .item{ padding-bottom: 10px; }
      #A .menu_principal .listItens .item.last{ padding-bottom: 0; }
        #A .menu_principal .item .bot{ height: 19px; width: auto; }
        
  /*
    fim definições gerais para menu_principal 
    definições especificas para cada botão e titulo
  */    
      #A .menu_principal .boxTit.matriart_lg{ background-image:  url(../images/boxtit_colA_matriart_lg.gif); }
        #A .menu_principal .bot.historia_do_canil{ background-image: url(../images/bot_colA_historia_do_canil.gif);}
        #A .menu_principal .bot.espaco_fisico{ background-image: url(../images/bot_colA_espaco_fisico.gif);}
        #A .menu_principal .bot.matrizes{ background-image: url(../images/bot_colA_matrizes.gif);}
        #A .menu_principal .bot.padreadores{ background-image: url(../images/bot_colA_padreadores.gif);}
        #A .menu_principal .bot.promissores{ background-image: url(../images/bot_colA_promissores.gif);}
        #A .menu_principal .bot.ninhadas{ background-image: url(../images/bot_colA_ninhadas.gif);}
        #A .menu_principal .bot.galerias{ background-image: url(../images/bot_colA_galerias.gif);}
        #A .menu_principal .bot.comunidade{ background-image: url(../images/bot_colA_comunidade.gif);}
        #A .menu_principal .bot.fale_conosco{ background-image: url(../images/bot_colA_fale_conosco.gif);}
        #A .menu_principal .bot.shows{ background-image: url(../images/bot_colA_shows.gif);}

      #A .menu_principal .boxTit.a_raca{ background-image:  url(../images/boxtit_colA_a_raca.gif); }
        #A .menu_principal .bot.curiosidades{ background-image: url(../images/bot_colA_curiosidades.gif);}
        #A .menu_principal .bot.historia{ background-image: url(../images/bot_colA_historia.gif);}
        #A .menu_principal .bot.padrao{ background-image: url(../images/bot_colA_padrao.gif);}
        #A .menu_principal .bot.cuidados{ background-image: url(../images/bot_colA_cuidados.gif);}
        #A .menu_principal .bot.doencas{ background-image: url(../images/bot_colA_doencas.gif);}

      #A .menu_principal .boxTit.mais{ background-image:  url(../images/boxtit_colA_mais.gif); }
        #A .menu_principal .bot.noticias{ background-image: url(../images/bot_colA_noticias.gif);}
        #A .menu_principal .bot.entretenimento{ background-image: url(../images/bot_colA_entretenimento.gif);}
        #A .menu_principal .bot.links{ background-image: url(../images/bot_colA_links.gif);}
        #A .menu_principal .bot.matriart_na_midia{ background-image: url(../images/bot_colA_matriart_na_midia.gif);}
        


    #A .box_buscar_no_site{
      position: relative;
      width: 135px;
      margin: 0 auto;
      text-align: left;
      padding: 20px 0;
    } 

    #A .box_buscar_no_site .boxTit.buscar_no_site{
      height: 20px; width: 115px;
      background-image: url(../images/boxtit_colA_buscar_no_site.gif);
    }
    
    #A .box_buscar_no_site .entTxt{
      height: 15px; width: 135px;
      border: #7F5040 1px solid;
      background-color: transparent; 
      font-size:10px; color: #FFF;  line-height: 100%;
    }

    #A .box_buscar_no_site .icon.ok{
      position: absolute; bottom: 21px; right: 0;
      height: 15px; width: 15px;
      background: url(../images/icon_colA_buscar_no_site.gif) 0 0;
    }

#A .box_matriart_news .boxTit.matriart_news{ background-image: url(../images/boxtit_colA_matriart_news.gif); }

#A .box_matriart_news .submit{ 
  margin-top: 7px;
  background-image: url(../images/icon_colA_cadastrar.gif);
  height: 20px; width: 73px;
}


#B {padding: auto 0 20px 0;} 
#B .subColA{ margin-right: 20px;  width: 548px; }
#B .subColB{ width: 180px; }

#B .box_malabo_rescue .boxTit.malabo_rescue{ height: 27px; background-image: url(../images/boxtit_colB_malabo_rescue.gif);}
  #B .box_malabo_rescue .conheca_os_protegidos{ background-image: url(../images/bot_colB_conheca_os_protegidos.gif);}
  #B .box_malabo_rescue .quero_adotar_um_protegido{ background-image: url(../images/bot_colB_quero_adotar_um_protegido.gif);}
  #B .box_malabo_rescue .finais_felizes_do_malabo_rescue{ background-image: url(../images/bot_colB_finais_felizes_do_malabo_rescue.gif);}


#B .icon.propaganda_malabo_kids{ 
  height: 190px;
  background-image: url(../images/img_malabo_kids.gif);
}

.txt .picLeft{
  width: 200px;
  display: block; float: left;
  text-align: center;
  padding-left: 40px;
  overflow: hidden;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 200px;
}
.txt .picLeft span{
  display: block;
  width: 200px; height: 200px;
  background-position: center top;
}

#rodape{
  position: relative;
  display: block;
  clear: both;
  height: 115px;
  background: #EDDAB6 url(../images/fundo_rodape.png) no-repeat;
}
  #rodape .boxTit{ position: relative; width: 100%; height: 16px; display: block; }
  
  #rodape a strong{ text-decoration: underline; }

  #rodape .logo.matriart_lg{
    position: absolute; top: 10px; left: 10px;
    height: 90px; width: 99px;
    background-image: url(../images/logo_footer_matriart_lg.gif);
  }#rodape .box_copyright{
    text-align: left;
    position: absolute; top: 12px; left: 112px;
    height: 65px; width: 341px;
  }#rodape .box_fale_conosco{
    text-align: left;
    position: absolute; top: 12px; left: 470px;
    height: 65px; width: 341px;
  }#rodape .box_recursos{
    text-align: left;
    position: absolute; top: 12px; left: 694px;
    height: 65px; width: 341px;
  }#rodape .logo.royal_canin{
    position: absolute; top: 31px; right: 12px;
    height: 54px; width: 107px;
    background-image: url(../images/logo_rodape_royal_canin.gif);
  }#rodape .logo.web_by_citrus7{
    position: absolute; top: 11px; right: 20px;
    height: 11px; width: 61px;
    background-image: url(../images/logo_rodape_web_by_citrus7.gif);
  }
    #rodape .boxTit.fale_conosco{ background-image: url(../images/boxtit_rodape_fale_conosco.gif); }
    #rodape .boxTit.recursos{ background-image: url(../images/boxtit_rodape_recursos.gif); }


.clearFull{ display: block; clear: both; }

.pngfix{behavior:url(js/iepngfix.htc); /* solução ie6 png*/}    
span.center{ 
  display: block;
  clear: both;
  text-align: center;
}

.descImage{ display: block; overflow: auto; width: 548px;  }
  .descImage img{
    display: block;
    height: 80px; width: 80px;
    float: left;
    margin: 0 10px 0 0 !important;
  }
  .descImage .desc{
    display: block;
    float: left;
    width: 458px;
    text-align: left;
  }
  
  .Inline{ display: inline !important; margin: 0 !important; }
  
  table.model10{ border-collapse: collapse; width: 548px;}
  table.model10 th,table.model10 td{ border: #000 1px solid; padding: 10px;}
  
       #B .flag{ 
        float: left;
        width: 16px; height: 11px;
      }
      #B .flag.brasil{ background-image: url(../images/bandeira_brasil.gif); }
      #B .flag.canada{ background-image: url(../images/bandeira_canada.gif); }
      #B .flag.colombia{ background-image: url(../images/bandeira_colombia.gif); }
      #B .flag.espanha{ background-image: url(../images/bandeira_espanha.gif); }
      #B .flag.estados_unidos{ background-image: url(../images/bandeira_estados_unidos.gif); }
      #B .flag.italia{ background-image: url(../images/bandeira_italia.gif); }
      #B .flag.mexico{ background-image: url(../images/bandeira_mexico.gif); }
 
.div10{ height: 10px; }
.div20{ height: 20px; }
.div30{ height: 30px; }