/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');             
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../icons/loader.gif') 50% 50% no-repeat ;
  border:0px solid red;
}
body, html { font-size: 100%;   background:#fafafa;	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#element_to_pop_up
{
display:none;      

}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #494949;

}
 /***QUADROS ***/
.app_tit
{
float:left;
border-bottom:0px solid #b3b3b3;
height:70px;
width:100%;

}

.bt_lateral
{
float:left;
padding-top:15px;
padding-left:2%;
height:auto;
width:96%;
border:0px solid red;
}

.app_tit_text
{
float:left;
font-size:1.5em;
padding-top:15px;
padding-left:15px;
height:55px;
width:80%;
color:#494949;
}
.app_tit_text_inf
{
float:left;
font-size:0.75em;
padding-top:0px;
border:0px solid #b3b3b3;
padding-left:15px;
color:#b3b3b3;
height:16px;
width:80%;
color:#494949;
}
.app_tit_icon
{
float:left;
height:66px;
width:66px;

}
/*  LOGIN DE UTILIZADORES */


/*animação login*/
.animated { 
    position:fixed;
    top: 25%;
    left:25%;
    border-radius: 15px;
    transform: translate(-50%, -50%);
    z-index:50001;
    background: #fff;
    font:13px arial;
    color:#494949;
    width:50%;
    height:55%;
    border: 1px solid #8C8C8C;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(52, 50, 50, 0.69);
    -moz-box-shadow:    0px 0px 30px 0px rgba(52, 50, 50, 0.69);
    box-shadow:         0px 0px 30px 0px rgba(52, 50, 50, 0.69);
    -webkit-animation-duration: 0.5s; 
    animation-duration:0.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
} 

.bounceInRight { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}
/** fim de animação login*/

/**********************************************************/
@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
} 
.bounceInLeft { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}
@-webkit-keyframes bounceInDown { 
   0% { 
       opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% { 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% { 
        transform: translateY(0); 
    } 
} 

.bounceInDown { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}

/*******************************************************/

.msgfixed
{
    margin: 50px auto;
    border-radius: 15px;

    z-index:50001;
    background: #fafafa;
    text-align:center;
    border:1px solid #dedede;
    padding:15px;
    font:18px arial;
    color:#494949;
    width:50%;
    height:55%;
}
.msgfixed1
{
    margin: 1px auto;
    border-radius: 15px;
    z-index:50001;
    background: #93C02C;
    text-align:center;
    padding:15px;
    font-size:1.2em;
    color:#fff;
    width:50%;
    height:55%;
}
.status_gr
{
    margin: 50px auto;
    border-radius: 15px;
    z-index:50001;
    background: #fafafa;
    text-align:center;
    border:1px solid #dedede;
    padding:15px;
    font:18px arial;
    color:#494949;
    width:90%;

}
.status
{
    margin: 50px auto;
    border-radius: 15px;
    z-index:50001;
    background: #fafafa;
    text-align:center;
    border:1px solid #dedede;
    padding:15px;
    font:18px arial;
    color:#494949;
    width:50%;
    height:55%;
}
.status_lin
{
    margin:5px auto;
    background: #fff;
    text-align:center;
    border:1px solid #dedede;
    font:18px arial;
    color:#494949;
    width:70%;
    height:35px;
}
.status_lin_enc
{
    margin:5px auto;
    background: #fff;
    text-align:center;
    border:1px solid #dedede;
    font:18px arial;
    color:#494949;
    width:90%;
    height:35px;
}
.status_lin_1
{ 
    background: #fff;
    text-align:center;
    font:18px arial;
    color:#fff;
    width:100%;
    height:100%;
}
.status_lin_gray_tit
{
   float:left;
   padding:5px;  
    background: #494949;
    text-align:left;
    font:20px arial;
    font-weight:bold;
    color:#fff;
    width:70%;
    height:100%;
}
.status_lin_gray
{
   float:left;
   padding:5px;  
    background: #494949;
    text-align:left;
    font:18px arial;
    color:#fff;
    width:70%;
    height:100%;
}
.status_lin_red
{
   float:left;
   padding:5px;  
    background: red;
    text-align:left;
    font:18px arial;
    color:#fff;
    width:70%;
    height:100%;
}
.status_lin_orange
{
   float:left;
   padding:5px;  
    background:#ff6600;
    text-align:left;
    font:18px arial;
    color:#fff;
    width:70%;
    height:100%;
}
.status_lin_green
{
   float:left;
   padding:5px;  
    background:#93C02C;
    text-align:left;
    font:18px arial;
    color:#fff;
    width:70%;
    height:100%;
}
.status_lin_right_mini_tit
{
   float:left;
   padding:5px;  
    background:#494949;
    text-align:right;
    font:14px arial;
    font-weight:bold;
    color:#fff;
    width:10%;
    height:100%;
}
.status_lin_right_mini
{
   float:left;
   padding:5px;  
    background:#dedede;
    text-align:right;
    font:14px arial;
    color:#494949;
    width:10%;
    height:100%;
}
.status_lin_right
{
   float:right;
   padding:5px;  
    background:#dedede;
    text-align:center;
    font:14px arial;
    color:#494949;
    width:30%;
    height:100%;
}


.campo_bt_centro
{
    margin: 50px auto;
    border-radius: 15px;
    z-index:50001;
    background: #494949;
    text-align:center;
   
    padding:25px;
    font:20px arial;
    color:#fff;
    width:30%;
    height:55%;
}



.login_tit
{

    float:left;
    border-top-right-radius: 14px;
    border-top-left-radius:14px;
    padding:15px;
    z-index:50001;
    text-align:center;
    /* background: #B9C728; */ /*verde*/
   /* background: #0082c3; */ /*azul*/  
    background: #494948;  /*azul*/      
    /* background: #fb0303; */ /*vermelho*/  
    font-size:1.7em;
    color:#FFF;
    width:100%;
    height:50px;
}

.login_tit_erro
{

    float:left;
    border-top-right-radius: 14px;
    border-top-left-radius:14px;
    padding:15px;
    z-index:50001;
    text-align:center;
    /* background: #B9C728; */ /*verde*/
   /* background: #0082c3; */ /*azul*/  
    background: #ff0000;  /*azul*/      
    /* background: #fb0303; */ /*vermelho*/  
    font-size:1.7em;
    color:#FFF;
    width:100%;
    height:50px;
}


.login_tit_fecha
{

    float:right;
    border-radius: 100%;
    
    text-align:center;
    background: #fff;  
    /* color:#B9C728; */  /*verde */
    color:#494948;  /*azul */ 
    /* color:#ff0000; */  /*vermelho */ 
    border:1px solid #fff;                                                                                                        login_lin_bt
    font-size:1.1em;
    width:30px;
    height:30px;
}


.login_lin_space
{
  float:left;
    /* color:#B9C728; */ /*verde*/
    color:#FF6600;  /*azul*/  
    /* color:#fb0303; */ /*vermelho*/ 
    padding:5px;
    width:100%;
    height:20px;
    text-align:center;
    font-size:1.4em;
    border:0px solid blue;
}
.login_lin
{
  float:left;
    /* color:#B9C728; */ /*verde*/
    color:#494949;  /*azul*/  
    /* color:#fb0303; */ /*vermelho*/ 
    font-size:1.3em;
    padding:5px;
    width:100%;
    text-align:center;
    border:0px solid red;
}

.rota_lin
{
  float:left;
    /* color:#B9C728; */ /*verde*/
    color:#494949;  /*azul*/  
    /* color:#fb0303; */ /*vermelho*/ 
    font-size:1em;
    padding:5px;
    width:100%;
    text-align:center;
    border-top:1px solid #dedede;
    border-bottom:1px solid  #dedede;  
}
.rota_lin1
{
  float:left;
    /* color:#B9C728; */ /*verde*/
    color:#494949;  /*azul*/  
    /* color:#fb0303; */ /*vermelho*/ 
    font-size:1.8em;
    width:100%;
    text-align:center;
}

.login_lin_bt
{
  float:left;
    /* color:#B9C728; */ /*verde*/
    color:#494949;  /*azul*/  
    /* color:#fb0303; */ /*vermelho*/ 
    font-size:1.3em;
    padding:5px;
    width:100%;
    height:25%;
    border:0px solid red;
}
.login_lin_bloco1
{
  float:left;
    width:49%;
    padding-top:10px;
    height:40px;
    border:0px solid blue;
}

.login_lin_bloco2
{
  float:right;
    padding-top:10px;
    width:49%;
    height:35px;
    border:0px solid blue;
}

.login_lin_bloco3
{
  float:right;
    width:49%;
    padding-top:10px;
    height:40px;
    border:0px solid blue;
}
.inputcss0
{
  float:right;
    width:40%;
    outline:0;
    padding-left:2%;
    font-size:1.2em;
    color:#494949;
    height:30px;
    border:1px solid #B3B3B3;
    
}
.inputcss1
{
  float:right;
    width:95%;
    outline:0;
    font:16px arial;
    padding-left:2%;
    color:#000;
    height:100%;
    border:1px solid #b3b3b3; 
}
.inputcss
{
  float:right;
    width:95%;
    outline:0;
    padding-left:2%;
    font-size:1.2em;
    color:#494949;
    height:100%;
    border:1px solid #b3b3b3;
    
}
.inputcss:focus
{
    float:right;
    width:95%;
    outline:0;
    padding-left:2%;
    font-size:1.2em;
    background:#fafafa;
    color:#494949;
    border:1px solid  #494948;  /*azul*/  
    -webkit-box-shadow: 0px 0px 20px -5px #494949;
    -moz-box-shadow: 0px 0px 20px -5px #494949;
    box-shadow: 0px 0px 20px -5px #494949;
}
.inputcssp
{
  float:right;
    width:95%;
    outline:0;
    padding-left:2%;
    font-size:1.2em;
    color:#494949;
    height:80%;
    border:1px solid #b3b3b3;
    
}
.inputcssp:focus
{
    float:right;
    width:95%;
    outline:0;
    padding-left:2%;
    font-size:1.2em;
    background:#fafafa;
    color:#494949;
    border:1px solid  #494948;  /*azul*/  
    -webkit-box-shadow: 0px 0px 20px -5px #494949;
    -moz-box-shadow: 0px 0px 20px -5px #494949;
    box-shadow: 0px 0px 20px -5px #494949;
}
.inputcssn
{
  float:left;
    width:58%;
    outline:0;
    padding-left:1%;
    font-size:1.2em;
    color:#494949;
    height:100%;
    background:#fff url(../imagens/coloquemail.jpg) no-repeat center;
    border:1px solid #b3b3b3;
    
}
.inputcssn:focus
{
    float:left;
    width:58%;
    outline:0;
    padding-left:1%;
    font-size:1.2em;
    background:#fafafa;
    color:#494949;
    border:1px solid  #494948;  /*azul*/  
    -webkit-box-shadow: 0px 0px 20px -5px #494949;
    -moz-box-shadow: 0px 0px 20px -5px #494949;
    box-shadow: 0px 0px 20px -5px #494949;
}
.botao_peq
{
    float:right;
    width:40%;
    outline:0;
    padding-left:1%;
	border-radius: 10px;	
	height:40px;
    font-size:0.75em;
	padding-top:3px;
    background:#dedede;
    color:#494949;
    border:1px solid #b3b3b3; 
}
.botao_peq:hover
{
    float:right;
    width:40%;
    outline:0;
    padding:1%;
		padding-top:3px;
    font-size:0.75em;
    background:#494949;
    color:#fff;
		height:40px;
    border:1px solid  #494949; 
    -webkit-box-shadow: 0px 0px 20px -5px #494949;
    -moz-box-shadow: 0px 0px 20px -5px #494949;
    box-shadow: 0px 0px 20px -5px #494949;
}
.botao_prev
{
    position:absolute;
    top:50%;
	left:0;
    outline:0;
	height:20%;
	width:5%;
    border:0px solid  #494949; 
	background: url(../icons/prev.png) no-repeat center;
	background-size: contain;
}
.botao_prev0
{
    position:absolute;
    top:50%;
	left:0;
    outline:0;
	height:20%;
	width:5%;
	opacity:0.5;
    border:0px solid  #494949; 
	background: url(../icons/prev.png) no-repeat center;
	background-size: contain;
}
.botao_next
{
    position:absolute;
    top:50%;
	left:95%;
    outline:0;
	height:20%;
	width:5%;
	background: url(../icons/next.png) no-repeat center;
	background-size: contain;
    border:0px solid  #494949; 

}
.botao_next0
{
	position:absolute;
	top:50%;
	left:95%;
	outline:0;
	height:20%;
	width:5%;
	opacity:0.5;	
	background: url(../icons/next.png) no-repeat center;
	background-size: contain;
	border:0px solid  #494949; 

}

.inputcss1:focus
{
    float:right;
    width:95%;
    outline:0;
    padding-left:2%;
    font:16px arial;
    background:#fafafa;
    color:#494949;
    /* border:1px solid #B9C728; */ /*verde*/
    border:1px solid  #494948;  /*azul*/  
    /* border:1px solid #fb0303; */ /*vermelho*/ 
    -webkit-box-shadow: 0px 0px 20px -5px #494949;
    -moz-box-shadow: 0px 0px 20px -5px #494949;
    box-shadow: 0px 0px 20px -5px #494949;
}


.botao_subm
{
    position:relative;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    /* background: #B9C728; */ /*verde*/
    background: #494948;  /*azul*/  
    /* background: #fb0303; */ /*vermelho*/ 
    /* border:1px solid #B9C728; */ /*verde*/
    border:1px solid  #494948;  /*azul*/  
    /* border:1px solid #fb0303; */ /*vermelho*/ 
    text-align:center; 
    font-size:1.2em;
    color:#fff;
    width:60%;
    height:90%;
}
.botao_subme
{
    position:relative;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    /* background: #B9C728; */ /*verde*/
     background: #494948;   /*azul*/  
     /*background: #fb0303;*/  /*vermelho*/ 
   /* border:1px solid #B9C728; /*verde*/
    border:1px solid  #494948;  /*azul*/  
    /* border:1px solid #fb0303; */ /*vermelho*/ 
    text-align:center; 
    font-size:1.2em;
    color:#fff;
    width:60%;
    margin-top:30px;
    height:60px;
}
.botao_subm0
{
    position:relative;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    background: #fff; */ 
    border:1px solid  #494948; 

    text-align:center; 
    font-size:1.2em;
   /* color:#B9C728; /*verde*/
    color:#494948;  /*azul*/  
    /* color:#fb0303; */ /*vermelho*/ 
    width:60%;
    margin-top:0px;
    height:60px;
}


 .botao_confirma
{
    position:relative;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
     background: #16A500; /*verde*/
    border:1px solid #16A500;  /*verde*/
    text-align:center; 
    font-size:1.2em;
    color:#fff;
    width:60%;
    height:90%;
}
.botao_naoconfirma
{
    position:relative;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%); 
     background: #fb0303; /*vermelho*/ 
     border:1px solid #fb0303;  /*vermelho*/ 
    text-align:center; 
    font-size:1.2em;
    color:#fff;
    width:60%;
    height:90%;
}





/********************/
a {
	color: #494949;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.main,
.container > top {
width: 100%;
margin: 0 auto;
background: #Fafafa; 

height:48px;
/*background: #fff; */

position: fixed; 
z-index:100;

}


.footline{
  float:left;
  margin-bottom:5px;
  font-size:0.9em;
  padding:5px;
  width:100%;
}
.toplogo{
   width: 30%;
   height: 46px;
   position: fixed;
//   border:0px solid #b3b3b3;
   left: 35%;
   top: 0px; 
   margin-top: 0px;
   Z-INDEX:500;
   text-align:center;
   background: url('../imagens/toplogo1.png') no-repeat;
   background-size: contain;
}
.topmenul{
   width: 60px;
   height: 50px;
   position: fixed;
   border:0px solid blue;
   left: 65%;
   top: 0px; 
   margin-top: 0px;
   Z-INDEX:500;
   text-align:center;
   background: url('../imagens/down.png') no-repeat;
   background-size: contain;
}

.blink {
    animation: blink 2s steps(15, start) infinite;
    -webkit-animation: blink 2s steps(15, start) infinite;
}
@keyframes blink {
    to 
    {
        visibility: hidden;
    }
}
@-webkit-keyframes blink 
{
    to 
    {
          visibility: hidden;
    }
}
.blink1 {
    animation: blink1 3s steps(15, start) infinite;
    -webkit-animation: blink1 3s steps(15, start) infinite;
}
@keyframes blink1 {
    to 
    {
        visibility: hidden;
    }
}
@-webkit-keyframes blink1 
{
    to 
    {
          visibility: hidden;
    }
}
.main_bt_right{
   width: 68px;
   height: 50px;
   position: fixed;
   border:0px solid red;
  /* border-radius: 5px;*/  
   right: 0%;
   top: 48px;; 
   margin-left: -150px;
   margin-top: 0px;
   Z-INDEX:500;
   text-align:center;
}
.main_bt_right_cc{
   width: 60px;
   height: 50px;
   position: fixed;
   border:0px solid red;
  /* border-radius: 5px;*/  
   right:5%;
   top: 48px;; 
   margin-left: -150px;
   margin-top: 0px;
   Z-INDEX:500;
   text-align:center;
}

.top_pesquisa{
    width: 270px;
    height: 40px;
    position: fixed;
    border:0px solid #dedede;
    left: 66px;
    top: 53px; 
   /* background:#fff;  */
    margin-top: 0px;
    Z-INDEX:500;
    text-align:center;
}


.top_pesquisa_bt{
    width: 30px;
    height: 30px;
    position: fixed;
    border-left:1px solid #dedede;
    /* border-radius: 5px;*/  
    left: 298px;
    top: 55px; 
   /* background:#fff url(../icons/lupa.png) no-repeat;  */
    margin-top: 0px;
    Z-INDEX:510;
    text-align:center;
    
}

.top_cliente_ativo{
    width: 41%;
    height: 40px;
    padding-top:0px;
    position: fixed;
    border:0px solid #dedede;
    /* border-radius: 5px;*/  
    left: 350px;
    top: 53px; 
    font:1.4em;
    font-weight:bold;
    color:#494949;
    margin-top: 0px;
    Z-INDEX:499;
    text-align:left;
}

.top0 > section{
  float:right;
	margin: 0 auto;
  border:0px solid blue;
}
.container > header {
	width: 96%;
	margin: 0 auto;
 
   border:1px dashed #B9C728;/*verde*/
    /* border:1px dashed #494948;*//*azul*/
   /* border:1px dashed #fb0303; */   /*vermelho*/    
   
  
  
  
  background:#fafafa;
  height:96%;
	padding:2%;
}

.corpo_global {
  float:left
	width: 98%;
	margin: 0px auto;


}
.clear{
  clear:both;
}
.corpo_left {
  position:fixed;
  left:0px;
	width: 5%;
 	margin-top: 48px;
 	margin-right: 0%;    
  background:#fff;
	padding:0px;
  height:100vh;
  border-right:1px solid #dedede;
}
.corpo_left_bt {
  float:left;
	width: 96%;
	height:64px;
 	margin-left:2%;    
 	margin-bottom:10px;    
}
.corpo_left_bt_lines {
  float:left;
	width: 96%;
	height:64px;
  text-align:center;
  border-radius:96%;
  /*border:2px solid #494949; */
  color:#fff;
  font-weight:bold;
  background:#494949;
 	margin-left:2%;      
}


.corpo_left_btv {
  position:relative;
  top:-55px;
	width: 64px;
	height:64px;
  text-align:center;
  border:0px solid red;
  font-size:1.2em;
  font-weight:bold;
   color:#5CA805;
   display:block;
   clear:both;
}

.corpo_main {
	float:right;
	width: 94.95%;
	margin-top:98px;
	margin-right:0%;
	border:0px solid orange;
}
.slideshow {
	float:right;
	width: 100%;
	border:0px solid red;
	height:550px;
  
}
.slideshow1 {
	float:right;
	background: url(../imagens/base1.jpg) no-repeat;
	border:0px solid red;
	background-size: 100%;
	width:100%;
	height:550px;
}
.slideshow2 {
	float:right;
	background: url(../imagens/base2.jpg) no-repeat;
	border:0px solid red;
	background-size: 100%;
	width:100%;
	height:550px;
}
.destaques{
	float:right;
	width: 100%;
	border:0px solid blue;
	margin-top:10px;
	padding:1%;
}
.footer_marcas{
	float:right;
	width: 100%;
	margin-bottom:20px;
	margin-top:10px;
	height:300px;
	border:0px solid red;
	padding:1%;
}
.footer_space{
  float:right;
	width: 100%;
  margin-bottom:20px;
  margin-top:10px;
  height:300px;
  border:0px solid red;
	padding:1%;
}
.footer{
  float:right;
	width: 100%;
  margin-bottom:20px;
  border:1px solid #dedede;
  margin-top:10px;
  background:#fafafa;
  height:300px;
	padding:1%;
}
.footer1{
  float:left;
	width: 30%;
  border-right:1px solid #dedede;
  margin-right:1%;
  height:280px;
	padding:1%;
}
.footer2{
  float:left;
	width: 38%;
  text-align:center;
  margin-bottom:20px;
  border-right:1px solid #dedede;
  height:250px;
	padding:1%;
}
.newsfooter2{
  float:left;
	width: 100%;
  text-align:center;
  border-bottom:1px solid #dedede;
  height:50px;
	padding:1%;
}
.footer3{
  float:right;
	width: 30%;
  margin-bottom:20px;
  margin-left:1%;
  height:250px;
	padding:1%;
}
.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #494949;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #494949;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #494949;
}

.main > section {
	max-width: 230px;
	width: 90%;
  
/*	margin: 0 auto; */
}

.main > section h2 {
	font-weight: 300;
	color: #ccc;
}
                                 

 .top0 > section button {
	position:absolute;
  z-index:100;
  right:0px;
  top:0px;
	background:url(../icons/menu3.png) no-repeat;
	display: block;
	width:180px;
  height:50px;;
	font-size: 0.8em;
  outline:none;
  border-style:none;
  position: fixed; 
  border:0px solid red;  
}
 /*
.top0 > section button:hover {
  background:url(../icons/menu3.png) no-repeat;
  outline:none;
  border-style:none;
  display: block;
    z-index:100;
    border:0px solid red;  
}
 */

.top0 > section button.active {
  /*background:url(../icons/menu4.png) no-repeat;  */
    background:url(../icons/menu2_az.png) no-repeat;       /*azul*/
   /* background:url(../icons/menu2_vrd.png) no-repeat;*/      /*verde*/
  /*  background:url(../icons/menu2_red.png) no-repeat;  */    /*vermelho*/
    
  outline:none;
  border-style:none;
  display: block;
  right:0px;
  width:291px;
  color:#fff;
  font:16px verdana;
  z-index:1500;
  border:0px solid red;    
}

 .top0 > section button.disabled {
   border-style:none; 
  outline:none;
}


.main > section button {
	position:absolute;
  z-index:100;
  left:0px;
  top:0px;
	background:url(../icons/menu1.png) no-repeat;
	display: block;
	width:150px;
  height:50px;;
	font-size: 0.8em;
  outline:none;
  border-style:none;

}
 /*
.main > section button:hover {
  background:url(../icons/menu.png) no-repeat;
  outline:none;
  border-style:none;
  display: block;

}
*/
.main > section button.active {
  position: absolute;
 /*background:url(../icons/menu11.png) no-repeat; */
    background:url(../icons/menu1_az.png) no-repeat;       /*azul*/
   /* background:url(../icons/menu1_vrd.png) no-repeat; */     /*verde*/
   /* background:url(../icons/menu1_red.png) no-repeat;  */    /*vermelho*/  
  outline:none;
  border-style:none;
  display: block;
  left:0px;
  width:400px;
  z-index:1500;
  
}

.main > section button.disabled {
   border-style:none; 
  outline:none;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #494949;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

@media only screen and (max-width: 640px) 
{
	
.slidebx{
	float:left;
	width: 100%;
	border:0px solid red;
	height:100%;
	}
	
	.footer1{
	float:left;
	width: 100%;
	border:0px solid red;
	margin-right:1%;
	height:250px;
	padding:1%;
	}
	
	.footer2{
	float:left;
	width: 100%;
	border:0px solid #dedede;
	text-align:center;
	margin-bottom:20px;
	height:250px;
	padding:1%;
	}
	.footer3{
	float:left;
	width: 100%;
	border:1px solid #dedede;
	text-align:center;
	margin-bottom:20px;
	height:250px;
	padding:1%;
	}
.corpo_left {
  position:fixed;
  left:0px;
	width: 15%;
	max-width:68px;
 	margin-top: 48px;
 	margin-right: 0%;    
  background:#fff;
	padding:0px;
  height:100vh;
  border-right:1px solid #dedede;
}		
.corpo_main {
	float:right;
	width: 85%;
	margin-top:98px;
	margin-right:0%;
	border:0px solid orange;
}	
.toplogo{
   width: 100px;
   height: 50px;
   position: fixed;
   background:url(../icons/logotipo1.png) no-repeat;  
   top: 0px; 
   margin: 0px auto;
   Z-INDEX:500;
   text-align:center;
   	border:0px solid orange;
 }
 
.top_pesquisa{
    width: 85%;
    margin-right:5%;
    height: 45px;
    padding-top:3px;
    padding-right:18%;
    position: fixed;
    border-bottom:1px solid #b3b3b3;
    left: 15%;
    top: 48px; 
    background:#fafafa; 
    margin-top: 0px;
    Z-INDEX:500;
    text-align:center;
}

.top_pesquisa_bt{
    width: 30px;
    height: 32px;
    position: fixed;
    padding-top:2px;
    border-left:1px solid #b3b3b3;
    /* border-radius: 5px;*/  
    left: 70%;
    top: 51px; 
   /* background:#fff url(../icons/lupa.png) no-repeat;  */
    margin-top: 0px;
    Z-INDEX:510;
    text-align:center;
    
}

  .main > section button.active {
    position: absolute;
   /*background:url(../icons/menu11.png) no-repeat; */
      background:url(../icons/menu1_az1.png) no-repeat;       /*azul*/
     /* background:url(../icons/menu1_vrd.png) no-repeat; */     /*verde*/
     /* background:url(../icons/menu1_red.png) no-repeat;  */    /*vermelho*/  
    outline:none;
    border-style:none;
    display: block;
    left:0px;
    width:100px;
    z-index:1500;
    
  }
  
  
.top0 > section button.active {
  /*background:url(../icons/menu4.png) no-repeat;  */
    background:url(../icons/menu2_az2.png) no-repeat;       /*azul*/
   /* background:url(../icons/menu2_vrd.png) no-repeat;*/      /*verde*/
  /*  background:url(../icons/menu2_red.png) no-repeat;  */    /*vermelho*/
    
  outline:none;
  border-style:none;
  display: block;
  right:0px;
  width:100px;
  color:#fff;
  font:16px verdana;
  z-index:1500;
  border:0px solid red;    
}
.main > section button {
	position:absolute;
  z-index:100;
  left:0px;
  top:0px;
	background:url(../icons/menu1_mini.png) no-repeat;
	display: block;
	width:100px;
  height:50px;;
	font-size: 0.8em;
  outline:none;
  border-style:none;

}
 .top0 > section button {
	position:absolute;
  z-index:100;
  right:0px;
  top:0px;
	background:url(../icons/menu3_mini.png) no-repeat;
	display: block;
	width:100px;
  height:50px;;
	font-size: 0.8em;
  outline:none;
  border-style:none;
  position: fixed; 
  border:0px solid red;  
}

.animated { 
    position:fixed;
    top: 25%;
    left:1%;
    border-radius: 15px;
    transform: translate(-50%, -50%);
    z-index:50001;
    background: #fff;
    font:10px arial;
    color:#494949;
    width:98%;
    height:55%;
    border: 1px solid #8C8C8C;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(52, 50, 50, 0.69);
    -moz-box-shadow:    0px 0px 30px 0px rgba(52, 50, 50, 0.69);
    box-shadow:         0px 0px 30px 0px rgba(52, 50, 50, 0.69);
    -webkit-animation-duration: 0.5s; 
    animation-duration:0.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.login_tit
{

    float:left;
    border-top-right-radius: 14px;
    border-top-left-radius:14px;
    padding:15px;
    z-index:50001;
    text-align:center;
    /* background: #B9C728; */ /*verde*/
   /* background: #0082c3; */ /*azul*/  
    background: #494948;  /*azul*/      
    /* background: #fb0303; */ /*vermelho*/  
    font-size:1.2em;
    color:#FFF;
    width:100%;
    height:50px;
}
.login_lin_bloco1
{
  float:left;
    width:40%;
    padding-top:10px;
    font-size:1em;
    height:40px;
    border:0px solid blue;
}
.login_lin_bloco2
{
  float:right;
    padding-top:10px;
    width:58%;
    height:35px;
    border:0px solid blue;
}
.login_tit_fecha
{

    float:right;
    border-radius: 100%;
    
    text-align:center;
    background: #fff;  
    /* color:#B9C728; */  /*verde */
    color:#494948;  /*azul */ 
    /* color:#ff0000; */  /*vermelho */ 
    border:1px solid #fff;
    font-size:2em;
    width:30px;
    height:30px;
}

}