@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

@media(hover: hover) and (pointer: fine) {
a.one:hover {color: #00B2B2;font-size:14px;}
 .borddxM:hover{ background-color:#eee; 	
 }
.square:hover{
    background-color: #333;color:#fff;
}
.squarered:hover{
    background-color:#333;color:#fff;
}
.squareyellow:hover{
    background-color:#333;color:#fff;
}
.squareblue:hover{
    background-color: #333;color:#fff;
}


.appsv{ width:100%; bottom:50px; position:fixed;}
.squareipmaverm:hover{background-color:#333;color:#fff;}
.squareipmamenosverm:hover{background-color:#333;color:#fff;}
.squareipmalaranja:hover{background-color:#333;color:#fff;}
.squareipmaamarelo:hover{background-color:#333;color:#fff;}
.squareipmaverde:hover{background-color:#333;color:#fff;}

}
.barrax{height:auto;background-color:#fff; opacity:0.8; padding:10px;top:150px; position:relative;}
.barraxx{height:auto;background-color:#fff; opacity:0.8; padding:10px;top:85px; position:relative;}
.barraxf{background-color:transparent;width:100%;padding:10px; }
.barra{top:200px; width:100%; position:fixed; height:auto;background-color:#fff; opacity:0.8;}
.intro{display: flex;justify-content:left; align-items: center; margin-top:5px;margin-bottom:5px;}
.textombig{font-size:24px; font-family: Verdana, Geneva, sans-serif; color: #333333; font-weight:bold;line-height: 98%;}
.textombig1{font-size:20px; font-family: Verdana, Geneva, sans-serif; color: #333333; font-weight:bold;}
.textombig_link{font-size:22px; font-family: Verdana, Geneva, sans-serif; color:#263E4A; text-decoration:underline; cursor:pointer;}
.textomsmall{font-size:14px; font-family: Verdana, Geneva, sans-serif; color: #333333;}
.textomsmallverde{font-size:14px; font-family: Verdana, Geneva, sans-serif; font-weight:bold; color:#004010;}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.privacidade{ border-top:1px solid #C7C7C7;padding:10px; width:100%; left:0px; bottom:0px; position:fixed; background-color:#FFF; z-index:5;}

.publicidade{ border-top:1px solid #C7C7C7;padding:20px; width:100%; left:0px; bottom:43px; position:fixed; background-color:#263E4A; z-index:5;}
.btpublicidade{width:80px; height:35px;
cursor: pointer;border:1px solid #fff; text-align:center; padding:15px; 
font:bold 14px/18px Lekton, sans-serif; color:#fff; border-radius:8px;
} 
.btpublicidade:hover{ background-color:#00B2B2;}
.bigtexto{font-size:22px; font-family: Verdana, Geneva, sans-serif; color: #fff;}


.botaoentrar{ cursor:pointer;-webkit-tap-highlight-color: transparent; margin-right:15px;}
.topopo{height:40px; width:100%; background-color:#263E4A; border-top-left-radius:4px; border-top-right-radius:4px; } 
 .topox{
  position: fixed; 
  top: 55px;
  z-index:1; width:100%;   
    }	
.mensagemm{width:300px; padding:20px; border-radius:5px;border: 1px dotted #999;font:bold 15px Lekton, sans-serif; color: #444; margin-top:15px;}	

.botaoinicio{width:146px; height:46px; cursor: pointer; border:1px solid #00B2B2; font:bold 18px Lekton, sans-serif; color:#00B2B2; border-radius:8px;display: flex;
  justify-content: center; align-items: center;} 
.botaoinicio:hover{ background-color:#00B2B2;color:#FFF;}
 .topoxx{
  position: fixed; 
  top: 60px;
  z-index:1; width:100%;   
    }	
	.fotoff,.topox{
    -webkit-tap-highlight-color: transparent;
}
.sino{
   -webkit-tap-highlight-color: transparent;
}
 .icon-bell{
   -webkit-tap-highlight-color: transparent;
}
.Tborddxr{
    
	 height:33px;
     width: 700px;
	  
 }	

.gone1{width: 100%; height:100%;position:relative;}
.gone3{top: 300px;left: 50%;-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);position: fixed; border-radius:8px;background-color:#0F1F29; opacity:0.8;
 animation: myfirst4 7s 1;animation-direction: normal;}

@keyframes myfirst4 {
  0%   {top: -600px;}
  25%  {top: 300px;}
}


.borddxlogin{ position:absolute;
	
	width: 400px; background:#fff; 
	border-radius: 5px;
    transform: translate(-50%, -50%);
 }
 .fotofx{border-radius: 50%;}
 .loading {
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: #fff;
}
.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218, 219, 223, 1);
    border-left: .8em solid rgba(0, 178, 178, 1);
    animation: spin 1.1s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.StripeElement {
    background-color: white;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}


.textonormalwhite{font:normal 14px/16px Lekton, sans-serif; color: #fff;padding:10px}
.rubricas{background-color:#0099CC; padding:8px; cursor:pointer; font:normal 14px Lekton, sans-serif; color: #fff;}
.rubricasx{background-color: #09F; padding:8px; margin:3px;cursor:pointer;}
input[type="checkbox"] {
   width: 1.2em;
   height: 1.2em;
   -moz-appearance: none;
   border: 1px solid #777;
   border-radius: 3px;
   background-color: #eee;
   position:relative; 
   vertical-align:middle;
   }
input[type="checkbox"]:active {
   background-color: #ddd;
}
input[type="checkbox"]:checked {
   background-image: url("/HOME/Images/tick-off-png-image-97012.png");
   background-size: contain;
}
.borddxf0{ padding:10px;
    margin-bottom:10px;width: 520px; 
	 
 }
 .opiniao{ padding:10px;
    margin-bottom:10px;width: 520px; 
    border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;
	 
 }
.textlaranja{
font:14px Lekton, sans-serif; color: #666;width:95%; font-weight:bold;
white-space: pre-wrap;      /* CSS3 */   
white-space: -moz-pre-wrap; /* Firefox */    
white-space: -pre-wrap;     /* Opera <7 */   
white-space: -o-pre-wrap;   /* Opera 7 */ 
word-wrap: break-word;	
}
 .sino {
  height: 35px;
  width: 35px;color:#263E4A;
  background-image: url("/HOME/Images/sinoA.png");
  position: relative;
  display: inline-block;
   z-index:95; text-align:center;
}
.redcirculo{
height: 20px;
  width: 20px;
  background-color: #F00;
   border-radius: 50%; 
   padding-top:1px;
  position: absolute;
  top: 0;
  left: 15px;
  text-align:center;  color:#FFF; font-size:10px;
}

 

.toponotifica{top:55px;position: fixed; z-index:1; width:700px; margin-bottom:5px; height:60px; border-bottom:1px solid #C5C5C5;font:bold 17px Lekton, sans-serif; color:#333; background-color:#fff;display: flex;align-items: center;justify-content: space-between; padding:10px;}

a.one:link {color: #00B2B2; font-size:14px;}
a.one:visited {color: #00B2B2;font-size:14px;}

.terreno{
height: 90px;
}


.borddxc{	
	 border: 1px solid #DADADA; 
	 margin: 2px;padding:20px;
     width: 700px; background:#D1E1B0;
	 border-radius: 2px;
	 cursor: pointer; 
 }

.navegador{ 
     margin:6px;
     background:#00B2B2;
	 padding: 10px; 
	 cursor: pointer;
     font:bold 14px/18px Lekton, sans-serif; color:#fff;
 }

 .navegador1{ 
 margin:6px;
     background: #CCC;
	 padding: 10px; 
	 font:bold 14px/18px Lekton, sans-serif; color: #999;
 }

#plx img {
  /* CSS Hack will make it width 100% and height 100% */
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; 
  /* Maintain aspect ratio */
  height: auto;
  width: 100%;
}


.zztop{ width:700px;}
.fotoff{border-radius: 50%; width:39px; height:39px; margin-right:15px;margin-left:90px;}
.fotoff img{border-radius: 50%; border: 2px solid #FFF;background-color:#fff;}
.suporteausencia{margin-right:15px;margin-left:129px;}
.fotos{border-radius: 50%;}
#gallery { height: auto; width: 100%;}
#gallery img {
  /* CSS Hack will make it width 100% and height 100% */
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; 
  /* Maintain aspect ratio */
  max-height: 500px;
  max-width: 700px;
}
.logox{
 background: url(/HOME/Images/logo1.png?v=12) no-repeat;
 width: 133px; /* Width of new image */
height: 39px; /* Height of new image */
  margin-left: 8px; /* Equal to width of new image */
	
}
.logo{ 
 background: url(/HOME/Images/logo1.png?v=12) no-repeat;
 width: 111px; /* Width of new image */
height: 30px; /* Height of new image */
  margin-left: 8px; /* Equal to width of new image */
	
}
.logor{ 
 background: url(/HOME/Images/logo1.png?v=12) no-repeat;
 width: 111px; /* Width of new image */
height: 30px; /* Height of new image */
  margin-left: 8px; /* Equal to width of new image */
	
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
body{ margin:0px;}

.btn {
 border: 1px solid #00B2B2;
background-color: #00B2B2;
padding:10px; margin:10px;	
font:bold 14px/16px Lekton, sans-serif; color: #fff;	

}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor:pointer; 
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 90%;
}

input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
}




.linha {
    
    height: 1px;
    border: 0;
    border-top: 1px solid #fff;
    
}

#mySidenav{ top:56px; right:0px;}



.fecho{
 margin:3px;
 cursor: pointer;
 font:bold 14px/16px Lekton, sans-serif; color:#666;

}
.texxto{
margin-left:10px;margin-top:3px;margin-right:10px;
font:14px Lekton, sans-serif; color:#666;width:95%;
	
}
.texxty{
font:18px Lekton, sans-serif; color:#666;
	
}
.top{
	margin-left:10px;margin-top:10px;
	text-align:left; width:95%;
	font:bold 16px/18px Lekton, sans-serif; color:#069;
}

.topx{
	margin-left:10px;
	text-align:left; width:95%;
	font:bold 16px/18px Lekton, sans-serif; color:#069;
}


.cotacao{
padding:8px;
text-align:left; width:100%;
font:bold 13px/15px Lekton, sans-serif; color: #06C;	
}

.actionr{ 
width:100%;
padding:8px;
text-align:right;
font:bold 13px/15px Lekton, sans-serif; color: #06C;	
}
.btfecho{
background-color: #00B2B2;
cursor:pointer; padding:5px;	
font:bold 14px/16px Lekton, sans-serif; color: #fff;
}

.btenviar{
background-color: #00B2B2;
cursor:pointer; padding:10px; margin-left:20px;	
font:bold 14px/16px Lekton, sans-serif; color: #fff;	
}

.btenviarmun{
background-color: #00B2B2;
cursor:pointer; padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:15px;
font:bold 14px/16px Lekton, sans-serif; color: #fff;	
}

.btenviarz{
border: 1px solid #2E2E2E;
background-color: #2E2E2E;
cursor:pointer; padding:10px;
font:bold 14px/16px Lekton, sans-serif; color: #fff;	
}

.fechobotaorespostas{
    	 width: 700px; text-align:right;
}


.mao{ cursor:pointer;
	
}


.tpp{
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 40px;
	line-height: 35px;
	top:50%;
	position: absolute;
	font-weight: 400;
	color: #fff;
		
}
#divtexto{
	width:100%;
position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.sound{
font-size:16px; font-family: Verdana, Geneva, sans-serif; color:#000; font-weight:bold;

}

 .tabelas {
      width: 700px;
  
} 

.topo{
  position: fixed; 
  top: 0px;
  z-index:99;
  width:100%;
   background-color:#fff; border-bottom: 1px solid #DDDDDD;
 }	
.bottom{
  position: fixed; 
  bottom: 0px; right:0px;
  z-index:98;
  height:30px;
  width:200px; background-color:#00B2B2;
 }


.linnks{font-size:14px; font-family: Verdana, Geneva, sans-serif; color:#FFF; text-decoration:underline;cursor:pointer;}
 
.pesq{
  position: fixed; 
  top: 50%; left:0px;
  z-index:101;
  width:50px; height:45px;
  background-color:#BDC4CC;
  text-align:center;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;

     
 }	
 
 .bordd{
     border: 1px solid #E4E4E4; 
	 border-radius: 2px; 
	 background: #FFF;
	 padding: 10px;
	  margin: 10px;
     width: 800px;
     cursor: pointer;
	 background: rgb(102, 102, 102); 
     background: rgba(102, 102, 102, .8); 
 }
 
 
 
 .meubt{
   	 margin-left:10px;
	 cursor: pointer;
     font:bold 14px/18px Lekton, sans-serif; color:#666;
 }
  .btverde{
    
	 padding: 5px;
	 margin:2px;
	 
     cursor: pointer;
     font:bold 12px/14px Lekton, sans-serif; color:#666;
 }
 .btvermelho{
     padding: 5px;
	 margin:2px;
	 cursor: pointer;
     font:bold 12px/14px Lekton, sans-serif; color:#666;
 }
 .verde{
font: bold 14px Lekton, sans-serif; color:#063;
}

.vermelho{
font:bold 14px Lekton, sans-serif; color: #F00;
}
 
.debatess{ margin-top:12px;
    
	 width:700px;
	 -webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;

 }
  .debatessf{
     background: #00B2B2; 
	 padding: 10px;
	 width:700px;
	 cursor: pointer;
     font:bold 14px/18px Lekton, sans-serif; color:#fff;
	 -webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;

 }
 
.debatesx{
     background: #00B2B2; 
	 padding: 10px;
	 width:150px;
	 cursor: pointer;
     font:bold 14px/18px Lekton, sans-serif; color:#fff;
	 -webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
 
 .respostass{
     background: #C2C6D1; 
	 padding: 10px;
	 width:100%;
	 cursor: pointer;
     font:bold 14px/18px Lekton, sans-serif; color:#333;
	 -webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
    
 }

 .respostasss{
   	 padding: 10px;
	 background: #09C;
	 width:100%;
	 cursor: pointer;
     font:bold 14px/18px Lekton, sans-serif; color:#fff;
	 -webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;

 }
 
.meubtx{
    
	 background: #263E4A;
	 padding:10px;margin-left:20px; 
	 cursor: pointer;
     font:bold 14px Lekton, sans-serif; color:#fff;
 }
 
  
 .borddx{	
	 border-bottom: 2px solid #DADADA; 
	 border-top: 1px solid #DADADA;
	 margin-bottom: 10px;margin-left: 10px;margin-right: 10px;
     width: 520px; 
	 padding:20px;
	 cursor: pointer; 
 }



.letrasgrn{
   font:bold 14px Lekton, sans-serif; color:#00B2B2;
 }

.cemmtro{width:100%; padding-top:120px;}

.borddxcc{ 	 border: 1px solid #DADADA; 
	 margin: 2px;
     width: 350px; background:#FFF;
	 border-radius: 6px; padding:10px;
	 
 }
 
 .bordernotfica{width:700px;}
 
 .borddxFF{
	 margin: 2px;
     width: 350px; 
	 padding:10px;
	 
 }
 
.borddxM{	
	 border-radius:2px;background-color:#FFF; 
border:1px solid #D8D8D8; margin-bottom:4px;margin-top:4px; padding-top:15px; padding-bottom:10px;padding-left:15px;
	 width: 100%;
	 cursor: pointer; 
	
 }
 
 
  .borddxx{	
	 border: 1px solid #DADADA; 
	 margin: 2px;
     width: 700px; background:#FFF;
	 border-radius: 2px;
	 }
 .topopesquisa{
	 
	 margin-top: 10px;
     width: 700px;
 }
  .borddxz{	
	 border: 1px solid #DADADA; 
	 margin-bottom: 10px;
     width: 700px; background:#FFF;
	 border-radius: 2px;
	 cursor: pointer; 
 }
.imagemmenuf{ margin-bottom:3px; margin-top:30px; background-color:transparent; border-radius:50%; width:60px; height:60px; padding-top:14px; border:2px solid #FFF; } 
.imagemmenuP{ margin-bottom:3px; margin-top:30px; background-color:transparent; border-radius:50%; width:60px; height:60px; padding-top:14px; border:2px solid #000; } 
.imagemmenm{ margin-bottom:3px; margin-top:30px; background-color:#400000; border-radius:50%; width:60px; height:60px; padding-top:14px;}
.imagemmenr{ margin-bottom:3px; margin-top:30px; background-color:#222222; border-radius:50%; width:60px; height:60px; padding-top:14px;}
.imagemmenb{ margin-bottom:3px; margin-top:30px; background-color:#236978; border-radius:50%; width:60px; height:60px; padding-top:14px;}
.imagemmenu{ margin-bottom:3px; margin-top:30px; background-color:#00B2B2; border-radius:50%; width:60px; height:60px; padding-top:14px;}
.imagemmenuz{ margin-bottom:3px; margin-top:25px; height:76px; width:73px;}
.container{ width:700px; text-align:center;}
.square{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#005353; background-color:#EEEEEE; border:1px solid #A6A6A6; cursor:pointer;border-radius:6px;}

.squaref{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;cursor:pointer;}

.squareblue{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color: #fff; background-color: #00B2B2; cursor:pointer; border-radius:6px;}


.squarered{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; background-color: #0054A4; cursor:pointer;border-radius:6px;}

.squareredx{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; cursor:pointer;border-radius:6px;}

.squareipmaverm{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; background-color: #65122E; cursor:pointer;border-radius:6px;}
.squareipmamenosverm{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; background-color: #B51821; cursor:pointer;border-radius:6px;}
.squareipmalaranja{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; background-color: #D15318; cursor:pointer;border-radius:6px;}
.squareipmaamarelo{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#333; background-color: #FAE204; cursor:pointer;border-radius:6px;}
.squareipmaverde{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; background-color: #1B772C; cursor:pointer;border-radius:6px;}

.squareyellow{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color:#fff; background-color:#FF8000; cursor:pointer;border-radius:6px;}
.squareblue{ width:150px; height:150px;margin:10px;display:inline-block; vertical-align:top; padding-bottom:2px;font:15px/17px Lekton, sans-serif; color: #fff; background-color: #00B2B2; cursor:pointer; border-radius:6px;}





.btmunis{	
	 border: 1px solid #DADADA; text-align:center;
	 height:25px;
	 padding-top:4px;
	 width: 150px; background:#FFF;
	 border-radius: 2px;
	 cursor: pointer; 
	 Font: 14px/16px Lekton, sans-serif; color:#333;
 }

borddx12{	
	 border: 1px solid #DADADA; 
	 margin: 10px;
     width: 700px; background:#FFF;
	 border-radius: 5px;
	 cursor: pointer; 
 }

  .bord{	
	 border: 1px solid #DADADA; 
	 margin: 10px;
     width: 700px; background:#D3FCFE;
	 border-radius: 2px;
	 cursor: pointer; 
 }
 

.utilizador{ 
 position: fixed; background-color:#CFD1DA; height:28px; font: 12px/13px Lekton, sans-serif; color:#333; 
  bottom: 0px;
  right: 0px;
  width:200px; text-align:left;z-index:98;
}
 
  .borddxf{ padding:10px;
    margin-bottom:10px;width: 520px; border-radius:2px;background-color:#FFF; 
border:1px solid #D8D8D8;
	 
 }
   .borddxfz{ padding-left:10px;
	 margin: 10px;
     width: 700px; 
	 border-radius: 2px;
	 
 }
 .caixaimagem{	
	 width: 700px; height:450px; background:#FFF;
	 
 }
 
.Tborddx{
     width: 700px;
	 font:bold 18px Lekton, sans-serif; color:#666; text-align:left; 
 }
 
 .Tborddx1{
     width: 520px;
	 font:bold 18px Lekton, sans-serif; color:#666; 
 }
 
 .Tborddxh{
     
     width: 700px;
	 font:bold 14px/16px Lekton, sans-serif; color:#666; text-align:left;
	 
 }
  .Tborddxx{
     background-color:#eeeeee; margin-bottom:15px;
     width: 520px; padding:10px;
	 font:bold 14px/16px Lekton, sans-serif; color:#333; text-align:left;
	 border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;
 }
  .Tborddx12{
    
	 padding: 10px;
     width: 700px;
	 font:bold 14px/16px Lekton, sans-serif; color:#333; text-align:left;
	 
 }
 
   .fimdobottom{ width:100%; 
   	height:20px; 	
	}
 
  .Tborddcaixa{ 
  width:700px; 
   border-radius:2px;background-color:#FFF; 
border:1px solid #D8D8D8;	
	}
	
.texodentrodecaixa{
	text-align:left; width:700px; padding:20px;
	font:14px Lekton, sans-serif; color:#666;  
	}	
 .Tborddcaixa1{
  	 padding: 8px;
     width: 700px; text-align:left; 	
	 font:14px/16px Lekton, sans-serif; color:#333;
 }
 
   .respostxx{
     border-bottom: 1px solid #DADADA;  	
	  border-top: 1px solid #DADADA;
	 padding: 8px; margin:8px; padding-left:35px;
     width: 700px; text-align:left;
	 
	 
 }
 
    .infox{
     width: 700px; text-align:left; 
	 font:11px/12px Lekton, sans-serif; color:#333; padding:10px;
	 
 }
 
.arrowup{ cursor:pointer; margin-bottom:2px; }
.arrowdown{cursor:pointer;} 
 .username{
font:bold 13px/15px Lekton, sans-serif; color:#333; text-align:left;
}
.nvotos{
font:bold 14px/16px Lekton, sans-serif; color: #069; text-align:center; width:20px;	
}
.redvotos{font:bold 14px/16px Lekton, sans-serif; color:#F00; text-align:center; width:20px;}

 .bts{ margin-top:15px;margin-bottom:15px;padding-bottom:8px;padding-top:8px;border-bottom:1px solid #DDDDDD;border-top:1px solid #DDDDDD;width: 520px;}
 .btsx{ 	  
     width: 650px; 
	 
 }

 
.linkd{font:normal 14px Lekton, sans-serif; color: #00B2B2; text-decoration:underline;cursor:pointer;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
;} 
.linkde{font:normal 12px Lekton, sans-serif; color: #00B2B2; text-decoration:none;cursor:pointer;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
;}
.textoentrada{font:normal 16px Lekton, sans-serif; color: #666;padding:10px}

.pequeno{font:normal 13px Lekton, sans-serif; color:#666;}
.pequenox{font:bold 13px Lekton, sans-serif; color:#00B2B2;}
.textonormal1{font:normal 16px/18px Lekton, sans-serif; color:#fff; padding:10px}
.textonormalxx{font:normal 12px/13px Lekton, sans-serif; color:#333;}  
.textonormal{font:normal 14px/16px Lekton, sans-serif; color: #666;padding:10px}
.textonormalf2{font:normal 12px/14px Lekton, sans-serif; color:#666}
.smallnumberx{font:bold 14px/16px Lekton, sans-serif; color: #666;}
.textonormalzx{font-size:13px; font-family: Verdana, Geneva, sans-serif; color: #666;}
.branca{font-size:12px; font-family: Verdana, Geneva, sans-serif; color: #fff;}
.textonormalpeqeuno{font:normal 11px Lekton, sans-serif; color:#666;}
.textonormalf{font:bold 11px/13px Lekton, sans-serif; color:#999}
.textoforte{font:bold 16px/18px Lekton, sans-serif; color:#fff}
.textofortez{font:bold 16px/18px Lekton, sans-serif; color:#283E4A}
.textofortezz{font-family: 'Roboto', sans-serif; font-size:16px; color:#333; padding-right:8px;}
.textofortex{font:bold 15px/17px Lekton, sans-serif; color:#666}
.usernamer{font:bold 13px/15px Lekton, sans-serif; color: #060;}
.textgoogle{font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size:15px; color: #069;}

 .imagemx {
     width: 600px;
    height: auto;
}
.imagem {
     width: 698px;
    height: auto;
}

#links{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #069; text-decoration:underline; cursor:pointer;}

 
 
 .styled-select select {
	cursor:pointer;
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px; color:#25262C;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 38px;
   -webkit-appearance: none;
   }
   
  .styled-select { width: 240px;
   height: 38px;
   overflow: hidden;
  
    background: url(../Images/hop_arrow_select.jpg) no-repeat right #FF6600;
   border: 1px solid #FF6600;
   } 
   
   .bordda{
     border: 1px solid #E4E4E4; 
	 border-radius: 2px; 
	 background: #FFF;
	 padding: 0px;
	  margin: 5px;
     width: 700px;
     cursor: pointer;
	
 }
.contentor1{
 top: 100px;
 width:100%;
 position: relative;
}
 
.mensagem{ height:50px; 
   position: fixed;
  animation: myfirst 4s 1;
  animation-direction: normal;
    top: 200px;
    left: 0;
  z-index:99;padding-left:10px;padding-right:10px;
  width:auto; text-align:center;color: #FFF;
    background-color: #063; display:none;
	
 }
 .mensagemred{ height:50px; 
  position: fixed;
  animation: myfirst 4s 1;
  animation-direction: normal;
    top: 200px;
    left: 0;
  z-index:99; padding-left:10px;padding-right:10px;
  width:auto; text-align:center; 
    background-color:#F30; color:#FFF;
	display:none;
 }
 
@keyframes myfirst {
  0%   {left: -220px; top: 200px;}
  25%  {left: 100px; top: 200px;}
}
 
  @media  (max-width: 700px) {
.bordernotfica,.toponotifica{ width:98% }
.barra{top:150px; width:100%; position:fixed;}
.barrax{width:100%;}	
.barraxx{width:100%;}
.botaoinicio{width:150px; height:40px;font:bold 15px Lekton, sans-serif;} 
  }

 @media  (max-width: 570px) {
.barraxf{padding:0px;}		 
.barrax{opacity:1;padding:0px; top:60px;}
.barraxx{opacity:1;padding:0px; top:60px;}	 
.Tborddx1{ width:95%;}	 
.bordernotfica{ width:98% }	 
.sino{
height: 60px; color:#fff;
  width: 60px;
  background-image: url("/HOME/Images/sino.png?v=456");
  display: inline-block;
   position: fixed; 
  bottom: 15px;
  left: 20px;
  z-index:-1; text-align:center;
}	 
.redcirculo{
height: 20px;
  width: 20px;
  background-color: #F00;
   border-radius: 50%; 
  display: inline-block;padding-top:2px;
   position: fixed; 
   top:auto;
  bottom: 55px;
  left: 50px;
  z-index:96; text-align:center;  color:#FFF; font-size:11px;
}	
.fotoff{margin-left:0px;}
 .logo{
 background: url(/HOME/Images/logo.png?v=897) no-repeat;
 width: 48px; /* Width of new image */
height: 48px; /* Height of new image */
  margin-left: 8px; /* Equal to width of new image */
	}
 }

 @media  (max-width: 800px) {

		

 .mensagem{ height:auto; 
  position: fixed; border-radius: 0px;
  top: 0px;
  left:0px;
     
    margin-top:0px;
    margin-left:0px;
  z-index:99;
  width:100%; text-align:center;color: #FFF; padding-bottom:2px;
    background-color: #063; display:none;
	 }	 
	.mensagemred{ height:auto; 
  position: fixed;border-radius: 0px; 
  top: 0px;
  left:0px;
  margin-top:0px;
    margin-left:0px;
  z-index:99;
  width:100%; text-align:center;padding-bottom:2px; 
    background-color:#F30; color:#FFF;
	display:none;
 }
.suporteausencia{margin-left:0px;}	 

.zztop{ width:100%;}

.borddxc,.Tborddxx,.bord,.debatessf,.debatess,.infox,.Tborddx12,.Tborddcaixa1,.respostxx,.Tborddx, .Tborddxh,.borddxf,.borddx,.borddxx,.bts,.favoritos,.borddxz,.topopesquisa,.fechobotaorespostas{width:95%;}	
.texodentrodecaixa{width:95%;}
.Tborddcaixa{width:95%;}
#gallery {width: 100%;}
#gallery img {
  max-height: 450px;
  max-width: 100%;
}
 
.utilizador{ 
  height:28px; width:100%;
  } 
}
 
@media  (max-width: 700px) {
.Tborddxr,.zztop{ width:100%;}
 	
.borddxfz{width:100%;margin:2px;padding-left:0px;}

.imagemmenuz{ margin-bottom:3px; margin-top:4px; height:46px; width:43px;}	 
.container{ width:100%;}
.Tborddxx,.red,.blue,.bord,.debatessf,.debatess,.infox,.Tborddx12,.Tborddcaixa1,.respostxx,.Tborddx,.Tborddxh,.borddxf,.borddx,.bts,.favoritos,.fechobotaorespostas,.borddx12{width:95%;}	
.texodentrodecaixa{width:95%;}
.Tborddcaixa{width:95%;}


.contentor1{
	 position: relative;
 top: 60px;
 width:100%;
}	



 .styled-select {
    background: url(../Images/down_arrow_select.jpg) no-repeat right #FF6600;
   
   } 

.bordda{
	 background: #FFF;
	 padding: 0px;
	  margin: 5px;
     width: 90%;
   	
 }
	
.bordd{
     border: 1px solid #E4E4E4; 
	 border-radius: 0px; 
	 background: #FFF;
	 padding: 10px;
	  margin: 10px;
     width: 90%;
     cursor: pointer;
	 background: rgb(102, 102, 102); 
background: rgba(102, 102, 102, .8);
 }

.bbrd{
    
	 background: #FFF;
	 margin: 10px;
     padding: 10px; 
	 width: 90%;
   }
 
.imagem {
     width: 100%;
    height: auto;
}


.tabelas {
      width: 100%;
  
}
.videopainel {
      width: 95%;
	   -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); 
  
}   

.tpp{
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 30px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #FFF;	
}
 }

@media  (max-width: 600px) {
.imagemmenuf{margin-bottom:3px; margin-top:15px;} 
.imagemmenuP{margin-bottom:3px; margin-top:15px;} 
.imagemmenm{margin-bottom:3px; margin-top:15px;}
.imagemmenr{margin-bottom:3px; margin-top:15px;}
.imagemmenb{margin-bottom:3px; margin-top:15px;}
 .imagemmenu{margin-bottom:3px; margin-top:15px;}
.square{ width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;   cursor:pointer;}
.squaref{ width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; cursor:pointer;}
.squarered{ width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;  cursor:pointer;}
.squareredx{ width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;  cursor:pointer;}
.squareblue{ width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareyellow{ width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaverm{width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmamenosverm{width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmalaranja{width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaamarelo{width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaverde{width:140px; height:120px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
}

@media  (max-width: 500px) { 
.imaggee{width:25px; height:24px;}	
.imagemmenuf{margin-bottom:5px; margin-top:10x; width:40px; height:40px;padding-top:5px;} 
.imagemmenuP{margin-bottom:3px; margin-top:10x; width:40px; height:40px;padding-top:5px;} 
.imagemmenm{margin-bottom:3px; margin-top:10px; width:40px; height:40px;padding-top:8px;}
.imagemmenr{margin-bottom:3px; margin-top:15px; width:40px; height:40px;padding-top:8px;}
.imagemmenb{margin-bottom:3px; margin-top:15px; width:40px; height:40px;padding-top:8px;}
 .imagemmenu{margin-bottom:3px; margin-top:15px; width:40px; height:40px;padding-top:8px;}
.square{ width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif; cursor:pointer;}
.squaref{width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top;cursor:pointer;}
.squarered{ width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif; cursor:pointer;}
.squareredx{ width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif; cursor:pointer;}
.squareblue{ width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareyellow{ width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaverm{width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmamenosverm{width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmalaranja{width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaamarelo{width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaverde{width:123px; height:100px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
}

@media  (max-width: 400px) {
.imagemmenuf{margin-bottom:5px; margin-top:10px;} 
.imagemmenuP{margin-bottom:2px; margin-top:15px;} 
.imagemmenm{margin-bottom:2px; margin-top:15px;}
.imagemmenr{margin-bottom:2px; margin-top:15px;}
.imagemmenb{margin-bottom:2px; margin-top:15px;}
.imagemmenu{margin-bottom:2px; margin-top:15px;}	 
.square{ width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif; cursor:pointer;}
.squaref{ width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; cursor:pointer;}
.squarered{ width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif; color:#fff; background-color: #0054A4; cursor:pointer;}
.squareredx{ width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif; color:#fff; background-color: #0054A4; cursor:pointer;}
.squareblue{ width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareyellow{ width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaverm{width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmamenosverm{width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmalaranja{width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaamarelo{width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
.squareipmaverde{width:106px; height:96px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:2px;font:13px/15px Lekton, sans-serif;}
}
 
 @media  (max-width: 450px) {
.borddxcc{ width:95%;}	 
	 .borddxlogin{width: 95%; margin:10px;}
#gallery { height: auto; width: 100%;}	

 }
 @media  (max-width: 350px) { 

.imagemmenuf{margin-bottom:2px; margin-top:10px;} 
.imagemmenuP{margin-bottom:2px; margin-top:10px;} 
.imagemmenm{margin-bottom:2px; margin-top:10px;}
.imagemmenr{margin-bottom:2px; margin-top:10px;}
.imagemmenb{margin-bottom:2px; margin-top:10px;}
.imagemmenu{margin-bottom:2px; margin-top:10px;}	
.square{ width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif; cursor:pointer;}
.squaref{ width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top;cursor:pointer;}
.squarered{ width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif; cursor:pointer;}
.squareredx{ width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif; cursor:pointer;}
.squareblue{ width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
.squareyellow{ width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
.squareipmaverm{width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
.squareipmamenosverm{width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
.squareipmalaranja{width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
.squareipmaamarelo{width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
.squareipmaverde{width:90px; height:80px;margin:5px;display:inline-block; vertical-align:top; padding-bottom:1px;font:11px Lekton, sans-serif;}
}

@media  (max-width: 570px) {
.bigtexto{ display:none;}

}
 
@media  (max-width: 800px) {
.Tborddxr,.zztop{ width:100%;}

}