/* ============================================================================================================ */
/* ============================================================================================================ */
/* SHOWHIDE */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* CONTAINER */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - CONTAINER */
/* ---------------------------------- */


.showhide_container
{
width: 100%;
top: 0px;
left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
position: relative;

background-color: transparent;
display: table;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* BLOCOS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 001 - 1 */
/* ---------------------------------- */


.showhide_bloco_001_1, .showhide_bloco_002_1, .showhide_bloco_003_1, .showhide_bloco_004_1,
.showhide_bloco_005_1, .showhide_bloco_006_1, .showhide_bloco_007_1, .showhide_bloco_008_1,
.showhide_bloco_009_1, .showhide_bloco_010_1, .showhide_bloco_011_1, .showhide_bloco_012_1
{
width: 100%;
top: 0px;
left: 0px;
margin-top: 20px;
margin-left: 0px;
position: relative;

background-color: #F0F0F0;
border: #999999 1px solid;
display: table;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */

-webkit-transition: all 0.5s ease-out;
-moz-transition:    all 0.5s ease-out;
-ms-transition:     all 0.5s ease-out;
-o-transition:      all 0.5s ease-out;
transition:         all 0.5s ease-out;
}

.showhide_bloco_001_1.active, .showhide_bloco_002_1.active, .showhide_bloco_003_1.active, 
.showhide_bloco_004_1.active, .showhide_bloco_005_1.active, .showhide_bloco_006_1.active, 
.showhide_bloco_007_1.active, .showhide_bloco_008_1.active, .showhide_bloco_009_1.active, 
.showhide_bloco_010_1.active, .showhide_bloco_011_1.active, .showhide_bloco_012_1.active
{
width: 100%;
top: 0px;
left: 0px;
margin-top: 20px;
margin-left: 0px;
position: relative;

background-color: #B3FF99;
border: #999999 1px solid;
display: table;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */

-webkit-transition: all 0.5s ease-out;
-moz-transition:    all 0.5s ease-out;
-ms-transition:     all 0.5s ease-out;
-o-transition:      all 0.5s ease-out;
transition:         all 0.5s ease-out;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 001 - 2 */
/* ---------------------------------- */


.showhide_bloco_001_2, .showhide_bloco_002_2, .showhide_bloco_003_2, .showhide_bloco_004_2,
.showhide_bloco_005_2, .showhide_bloco_006_2, .showhide_bloco_007_2, .showhide_bloco_008_2,
.showhide_bloco_009_2, .showhide_bloco_010_2, .showhide_bloco_011_2, .showhide_bloco_012_2
{
width: calc(100% - 70px);
top: 0px;
left: 0px;
margin-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
position: relative;

background-color: transparent;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 001 - 3 */
/* ---------------------------------- */


.showhide_bloco_001_3, .showhide_bloco_002_3, .showhide_bloco_003_3, .showhide_bloco_004_3,
.showhide_bloco_005_3, .showhide_bloco_006_3, .showhide_bloco_007_3, .showhide_bloco_008_3,
.showhide_bloco_009_3, .showhide_bloco_010_3, .showhide_bloco_011_3, .showhide_bloco_012_3
{
width: 30px;
height: 30px;
top: 50%;
right: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
position: absolute;
float: right;

background-color: transparent;

-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 001 - 4 */
/* ---------------------------------- */


.showhide_bloco_001_4, .showhide_bloco_002_4, .showhide_bloco_003_4, .showhide_bloco_004_4,
.showhide_bloco_005_4, .showhide_bloco_006_4, .showhide_bloco_007_4, .showhide_bloco_008_4,
.showhide_bloco_009_4, .showhide_bloco_010_4, .showhide_bloco_011_4, .showhide_bloco_012_4
{
width: 100%;
top: 0px;
left: 0px;
margin-top: 20px;
margin-left: 0px;
position: relative;

background-color: transparent;
display: none;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* BOTÕES */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - ABRE/FECHA */
/* ---------------------------------- */


.showhide_botao_001, .showhide_botao_002, .showhide_botao_003, .showhide_botao_004,
.showhide_botao_005, .showhide_botao_006, .showhide_botao_007, .showhide_botao_008,
.showhide_botao_009, .showhide_botao_010, .showhide_botao_011, .showhide_botao_012
{
width: 30px;
height: 30px;
background-position: 0 0;
display: block;
background: url('../imagens/showhide/001.png');
text-indent: -99999px;
outline: none; /* tira a linha em volta do objeto quando clicado */
cursor: pointer;
}

.showhide_botao_001:hover, .showhide_botao_002:hover, .showhide_botao_003:hover, 
.showhide_botao_004:hover, .showhide_botao_005:hover, .showhide_botao_006:hover, 
.showhide_botao_007:hover, .showhide_botao_008:hover, .showhide_botao_009:hover, 
.showhide_botao_010:hover, .showhide_botao_011:hover, .showhide_botao_012:hover
{
background-position: 30px 0px;
}

.showhide_botao_001.active, .showhide_botao_002.active, .showhide_botao_003.active, 
.showhide_botao_004.active, .showhide_botao_005.active, .showhide_botao_006.active, 
.showhide_botao_007.active, .showhide_botao_008.active, .showhide_botao_009.active, 
.showhide_botao_010.active, .showhide_botao_011.active, .showhide_botao_012.active
{
width: 30px;
height: 30px;
background-position: 0 0;
display: block;
background: url('../imagens/showhide/002.png');
text-indent: -99999px;
outline: none; /* tira a linha em volta do objeto quando clicado */
cursor: pointer;
}

.showhide_botao_001.active:hover, .showhide_botao_002.active:hover, .showhide_botao_003.active:hover, 
.showhide_botao_004.active:hover, .showhide_botao_005.active:hover, .showhide_botao_006.active:hover, 
.showhide_botao_007.active:hover, .showhide_botao_008.active:hover, .showhide_botao_009.active:hover, 
.showhide_botao_010.active:hover, .showhide_botao_011.active:hover, .showhide_botao_012.active:hover
{
background-position: 30px 0px;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* LINKS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - LINK VERDE */
/* ---------------------------------- */

/* PC */
.showhide_link:link
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:visited 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:hover
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB439;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:active 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.showhide_link:link
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:visited 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:hover
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB439;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:active 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.showhide_link:link
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:visited 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:hover
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB439;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:active 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.showhide_link:link
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:visited 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:hover
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB439;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}

.showhide_link:active 
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
/*display: block;   remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #157726;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */