html { 
	height:100%; 
	margin-bottom:1px;
	overflow-y:scroll;
}

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#DBEAFD;
	background-image:url(https://s1.bea.rs/_img/fundo_body.png);
	background-position:center;
	background-repeat:repeat-y;
	text-align:center;
	text-size-adjust:none;
}

.bodyAdmin {
	background-image:url(https://s1.bea.rs/_img/fundo_body_admin.png);
}

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

li {
margin-top:10px;
margin-bottom:10px;	
}


#centroSite {
	width:1212px;
	margin:0 auto;
	background-color:#FFFFFF;
	}
	
#centroSiteAdmin {
	width:1500px;
	margin:auto;
	background-color:#FFFFFF;
	margin-bottom: 100px;
	}

#rodape {
	width:1212px;
	margin:auto;	
	text-align:right;
	background-color:#FFFFFF;	
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
	background:rgb(0,0,0);
    background:rgba(0,0,0,.7);
    text-align:center;
	display:none;
}


.tabelaArredondada {
	background-color:#00acec;
	border-radius:4px;
}

.tabelaMenu{
	color:#000000;
	height:40px;
	vertical-align:middle;
	background-color:#DEDEDE;
	border-radius:4px;
}

.tabelaTitulo {
	background-color:#D1A083;
	border-radius:4px;
}

.botaoForm {
 -webkit-appearance: none;
 -webkit-border-radius:0px;
 font-family:"Lucida Grande", "Segoe UI", "Lucida Sans Unicode", "Lucida Sans", Verdana;
 font-weight:normal;
 line-height:150%;
 font-size:13px;
 color:#0290C6;
 border-radius:5px;
 background-color:#dfeffc;
 border-color:#DBEAFD;
 border-width:1px;
 border-style:solid;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 cursor:pointer;
 width:120px;
 height:40px;
 }


a.svg {
	position:relative;
	display:inline-block;
}

a.svg:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

a:link {
	color:darkblue;
	text-decoration:none;
}

a:visited {
	color:darkblue;
	text-decoration:none;
}

a:hover {
	color:#0290C6;
	text-decoration:none;
}

a:active {
	color:#0290C6;
	text-decoration:none;
}


a.botao {
 border-radius:5px;
 background-color:#dfeffc;
 border-color:#A3D1F6;
 border-width:1px;
 border-style:solid;
 color:#2e6e9e;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 }  

a.botao:link {
 border-radius:5px;
 background-color:#dfeffc;
 border-color:#A3D1F6;
 border-width:1px;
 border-style:solid;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 }  

a.botao:visited {	
 border-radius:5px;
 background-color:#dfeffc;
 border-color:#A3D1F6;
 border-width:1px;
 border-style:solid;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 }

a.botao:hover {	
 border-radius:5px;
 background-color:#ffffff; 
 border-color:#A3D1F6;
 border-width:1px;
 border-style:solid;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 } 
 
a.botao:active {
 border-radius:5px;
 background-color:#f5f8f9;
 border-color:#A3D1F6;
 border-width:1px;
 border-style:solid;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 }  
 
a.statusOnline {
 border-radius:5px;
 background-color:#CFFCC7;
 border-color:#c5dbec;
 border-width:1px;
 border-style:solid;
 color:#060;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 } 

a.statusAusente {
 border-radius:5px;
 background-color:#CFFCC7;
 border-color:#c5dbec;
 border-width:1px;
 border-style:solid;
 color:#F4DA00;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 } 


.inputPlaceholder {
	color:#047199;
	font-weight:normal;
	border-radius:5px;
	border-color:#DBEAFD;
	border-style:solid;
	border-width:1px;
	padding-left:5px;
	height:24px;
}

.inputPlaceholderError {
	border-color:#F00;
	border-width:1px;
}

.inputPlaceholderOk {
	border-color:#0F0;
	border-width:1px;
}

.tdPadrao{
	 height:28px;
	 vertical-align:top;
	 text-align:center;
	 margin-left: auto;
     margin-right: auto;
}

.setaDireita{
	width:0;
	height:0;
	border-bottom:8px solid transparent;
	border-top:8px solid transparent;
	border-left:8px solid #FBECEC;
	position:absolute;
	top:4px;
	left:13px;
}

.setaEsquerda{
	width:0;
	height:0;
	border-bottom:8px solid transparent;
	border-top:8px solid transparent;
	border-right:8px solid #FBECEC;
	position:absolute;
	top:4px;
	left:337px;
}

.dicaDireita{
	text-align:center;
	vertical-align:middle;
	background-color:#FBECEC;
	width:260px;
	height:32px;
	position:absolute;
	top:-7px;
	left:344px;
	padding:3px;
	border-radius:5px;
}

.dicaEsquerda{
	text-align:center;
	vertical-align:middle;
	background-color:#FBECEC;
	width:260px;
	height:32px;
	position:absolute;
	top:-7px;
	left:-253px;
	padding:3px;
	border-radius:5px;
}


.fonte {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Droid Sans", "Lucida Sans", sans-serif;
	font-weight:normal;
	line-height:150%;
}

.circulo {
	border-radius:9px;
	min-width:16px;
	height:14px;
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:3px;
	text-align:center;	
}

.bordaCinza {
	border-style:solid;
	border-width:1px;
	border-color:#DEDEDE;
}


.blocoDadosCinza {
text-align:left;
padding-top:2px;
padding-left:3px;
margin:0 auto;
margin-right:2px;
background-color:#EEEEEE;
display:inline-block;
vertical-align:top;
line-height:13px;	
height:145px;
}

.blocoDadosCinzaNotas {
text-align:left;
padding:3px;
margin:0 auto;
margin-right:2px;
background-color:#EEEEEE;
display:inline-block;
vertical-align:top;
line-height:13px;	
}

.blocoDadosAzul {
text-align:left;
padding-top:2px;
padding-left:3px;
margin:0 auto;
margin-right:2px;
background-color:#EDF4FE;
display:inline-block;
vertical-align:top;
line-height:13px;
height:132px;	
}

.grid {
height:26px;
text-align:center;
padding-top:7px;
margin:0 auto;
display:inline-block;
vertical-align:top;
}

.gridComBotao {
height:42px;
text-align:center;
padding-top:2px;
margin:0 auto;
display:inline-block;
vertical-align:top;
}

.gridSemBotao {
height:34px;
text-align:center;
padding-top:10px;
margin:0 auto;
display:inline-block;
vertical-align:top;
}

.foto {
	margin:5px 5px 5px 5px;
	padding:1px;
	float:left;
	width:210px;
	height:212px;
	text-align:center;
}

.fotoCircular70 {
	border:0;
	width:70px;
	height:70px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
}

.fotoCircular40 {
	border:0;
	width:40px;
	height:40px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.fotoCircular30 {
	border:0;
	width:30px;
	height:30px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.foto70h {
	border:0;
	height:70px;
	width:93px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}


.bannerLateral
{
	width:375px;
	height:455px;
	background-color:#d9d9d9;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.bannerInicial
{
	width:668px;
	height:210px;
	background-color:#d9d9d9;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.bannerEvento {
	margin:5px;
	width:668px;
	height:210px;
	background-color:#FFFFFF;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}


.fotoThumb40 {
	border:0;
	width:40px;
	height:30px;
	background-color:#ffffff;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.fotoThumb50 {
	width:50px;
	height:50px;
	background-color:#000000;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.fotoThumb70 {
	border:0;
	width:70px;
	height:53px;
	background-color:#ffffff;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.fotoThumb50Redondo {
	border:0;
	width:50px;
	height:50px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

.fotoThumb60Redondo {
	border:0;
	width:60px;
	height:60px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.fotoThumb100Redondo {
	border:0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.fotoThumb150Redondo {
	border:0;
	width:150px;
	height:150px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}


.fotoThumb160 {
	border:solid 1px black;
	margin:5px;
	width:160px;
	height:120px;
	background-color:#000000;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}


.fotoThumb180Redondo {
	border:0;
	width:180px;
	height:180px;
	background-color:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
}

.fotoThumb200 {
	border:solid 1px black;
	margin:5px;
	width:200px;
	height:150px;
	background-color:#000000;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.fotoThumb270 {
	margin:5px;
	width:270px;
	height:202px;
	background-color:#FFFFFF;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
}

.fotoThumb360 {
	margin:5px;
	width:360px;
	height:269px;
	background-color:#FFFFFF;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
}

.fotoWall {
	margin:5px;
	width:700px;
	background-color:#FFFFFF;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.divTabela {
	height:26px;
	text-align:center;
	margin:0 auto;
	display:inline-table;
	vertical-align:top;
	margin-bottom:3px;
	}
	
.divCell {
	display:table-cell;
	vertical-align:middle;
	}
	
.direita {
	text-align:right;
}

.esquerda {
	text-align:left;
}

.centro {
	text-align:center;
}

.justificado {
	text-align:justify;
}

.zeroAuto {
	margin:0 auto;
}

.topo {
	vertical-align:top;
}

.meio {
	vertical-align:middle;
}

.pointer {
	cursor:pointer;
}

.help {
	cursor:help;
}

.inlineBlock {
	display:inline-block;
}

.inline {
	display:inline;
}

.none {
	display:none;
}

.girar {
	transform:rotate(-180deg);
}

.borda {
	border:solid 1px black;
}

.bordaArredondada {
	border-radius:3px;
}

.transparente50 {
	opacity:0.5;
	filter:grayscale(50%);
	-webkit-filter:grayscale(50%);
}

.grayscale100 {
	filter:grayscale(100%);
}

.inputPadraoSemAltura {
	color:#047199;
	font-size:13px;
	font-weight:normal;
	border-radius:5px;
	border-color:#AED0FA;
	border-style:solid;
	border-width:1px;
	padding-left:5px;
	margin-bottom:5px;
}

.inputPadrao {
	color:#047199;
	font-size:13px;
	font-weight:normal;
	border-radius:5px;
	border-color:#AED0FA;
	border-style:solid;
	border-width:1px;
	padding-left:5px;
	margin-bottom:5px;
	height:24px;
	min-width:340px;
}


.divInputPadraoLinha br{
	display:none;
}

.interruptor {
	min-width:17px;
	height:16px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	color:#0290C6;
	background-color:#dfeffc;
	border-color:#DBEAFD;
	border-width:1px;
	border-style:solid;
	padding-right:3px;
	padding-left:3px;
	padding-top:1px;
	text-decoration:none;
	cursor:pointer;
}

.interruptorCentro {
	min-width:17px;
	height:16px;
	display:inline-block;
	text-align:center;
	color:#0290C6;
	background-color:#dfeffc;
	border-color:#DBEAFD;
	border-width:1px;
	border-style:solid;
	padding-right:3px;
	padding-left:3px;
	padding-top:1px;
	text-decoration:none;
	cursor:pointer;
}

.interruptorDireito {
	min-width:17px;
	height:16px;
	border-radius:5px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	display:inline-block;
	text-align:center;
	color:#0290C6;
	background-color:#dfeffc;
	border-color:#DBEAFD;
	border-width:1px;
	border-style:solid;
	padding-right:3px;
	padding-left:3px;
	padding-top:1px;
	text-decoration:none;
	cursor:pointer;
}

.interruptorEsquerdo {
	min-width:17px;
	height:16px;
	border-radius:5px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	display:inline-block;
	text-align:center;
	color:#0290C6;
	background-color:#dfeffc;
	border-color:#DBEAFD;
	border-width:1px;
	border-style:solid;
	padding-right:3px;
	padding-left:3px;
	padding-top:1px;
	text-decoration:none;
	cursor:pointer;
}


.appPainelControle{
	font-family: "Lucida Grande", "Segoe UI", "Lucida Sans Unicode", "Lucida Sans", Verdana;
	line-height:150%;
	font-size:13px;
	color:#0290C6;
	font-weight:bold;
	cursor:pointer;
	width:150px;
	height:100px;
	background-color:#FFFFFF;
	display:inline-block;
	margin:5px;
	text-align:center;
}

.appPainelControleDivulgador{
	font-family: "Lucida Grande", "Segoe UI", "Lucida Sans Unicode", "Lucida Sans", Verdana;
	line-height:150%;
	font-size:13px;
	color:#0290C6;
	font-weight:bold;
	cursor:pointer;
	width:150px;
	height:100px;
	display:inline-block;
	margin:5px;
	text-align:center;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.italico {
	font-style:italic; 
}

.\38 {font-size:8px;}
.\39 {font-size:9px;}
.\31 0 {font-size:10px;}
.\31 1 {font-size:11px;}
.\31 2 {font-size:12px;}		
.\31 3 {font-size:13px;}
.\31 4 {font-size:14px;}
.\31 5 {font-size:15px;}
.\31 6 {font-size:16px;}
.\31 8 {font-size:18px;}
.\32 0 {font-size:20px;}
.\32 4 {font-size:24px;}
.\32 8 {font-size:28px;}
.\33 0 {font-size:30px;}
.\33 2 {font-size:32px;}
.\33 4 {font-size:34px;}
.\33 6 {font-size:36px;}
.\34 8 {font-size:48px;}
.\36 0 {font-size:60px;}

.sombraBranca {
	text-shadow:
	0 0 0.4em #FFFFFF,
	0 0 0.4em #FFFFFF;
}

.amarela {color:#D3AC05;}
.azulClaro {color:#14B7F9;}
.azul {color:#0290C6;}
.azulEscuro {color:#035979;}
.branca {color:#FFFFFF;}
.cinza {color:#94949C;}
.cinzaClaro {color:whiteSmoke;}
.dourada {color:#E0DA24;}
.laranja {color:#FC6B00;}
.preta {color:#000;}
.verde {color:#45A650;}
.vermelha {color:#F30;}
.tijolo {color:#B22222;}


.fundoAmarelo {
 background-color:gold;
}

.fundoAmareloClaro {
	background-color:LemonChiffon;
}

.fundoAzul {
	background-color:#DBEAFD;
}

.fundoAzulClaro {
	background-color:#EDF4FE;
}

.fundoAzulEscuro {
	background-color:#C7DEFC;
}

.fundoAzulMedio {
	background-color:mediumblue;
}

.fundoAzulNoite {
	background-color:midnightblue;
}

.fundoAzure {
	background-color:#336699;
}

.fundoAzulSite {
	background-color:#00acec;
}


.fundoBege {
	background-color:beige;
}

.fundoBranco {
	background-color:white;
}

.fundoCinza {
	background-color:#EEEEEE;
}

.fundoCinzaClaro {
	background-color:whiteSmoke	
}

.fundoCinzaEscuro {
	background-color:#CCCCCC;
}

.fundoDarkOrange {
	background-color:darkOrange;
}

.fundoMistyRose {
	background-color:mistyRose;
}

.fundoRoxo {
	background-color:darkOrchid;
}

.fundoPlum {
	background-color:plum;
}

.fundoVerde {
	background-color:#65A844;
}

.fundoVerdeClaro {
	background-color:#CBFFCA;
}

.fundoVermelho {
	background-color:#F65757;
}

.fundoVermelhoClaro {
	background-color:#F1B5B5;
}

.fundoTan {
	background-color:tan;
}

.fundoPreto {
	background-color:black;
}

.fundoMarcado {
background-color:#CBFFCA;	
}




.bordaAmarela {
	border:solid 1px #E9B743;
}

.bordaAzul {
	border:solid 1px #85B4FA;
}

.bordaCinza {
	border:solid 1px #999999;
}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-grow2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow2:hover, .hvr-grow2:focus, .hvr-grow2:active {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}