HTML * { 
	margin: 0px;
	padding: 0px;
}
BODY {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

INPUT {
	border:1px solid ;
	border-color : silver; 
	width: 100%;
	padding: 10px;
	font-size: 15px;
	border-radius: 5px;
}

TEXTAREA {
	border:1px solid ;
	border-color : silver; 
	width: 100%;
	padding: 10px;
	font-size: 15px;
	border-radius: 5px;
}

SELECT {
	border:1px solid ;
	border-color : silver; 
	width: 100%;
	padding: 10px;
	font-size: 15px;
	border-radius: 5px;
}

INPUT:Focus {
	background-color: #FFFFE0;
	outline: none;
}

SELECT:Focus {
	background-color: #FFFFE0;
	outline: none;
}

TEXTAREA:Focus {
	background-color: #FFFFE0;
	outline: none;
}

TEXTAREA:Disabled {
	background-color: #DCDCDC;
	color : black;
}

SELECT:Disabled {
	background-color: white;
	color : black;
	border : 0px;
}

INPUT:Disabled {
	background-color: #DCDCDC;
	color : black;
}

.campoInvalido {
	border:1px solid red;
}

.campoInvalido:focus {
	background-image: none;
}


.divMTIMSG {
  	  z-index: 100;
}

.divMTIMSG:before {
  	  content: "";
	  display: block; /* reduce the damage in FF3.0 */
	  position: absolute;
	  top: -15px;
	  left: 50px;
	  width: 0;
	  border-width: 0px 15px 15px;
	  border-style: solid;
	  border-color: silver transparent;
}

.switch{
	background: #ccc;
	display: block;
	float: left;
	height: 14px;
	left: -1px; /* This is the starting point. When adding a border radius, a small bit of the background is shown if we use left: 0;, so -1px is best.*/
	position: relative;
	top: -4px; /* ...To keep it centered vertically */
	width: 14px;
	z-index: 1; /* Remember, it must be below the invisible inputs */
	border-radius: 30px;
	transition: left .2s ease;
	background: radial-gradient(ellipse at center, #ffffff 0%,#fefefe 50%,#fdfdfd 51%,#ffffff 100%);
	box-shadow: 0 1px 1px #65727b, 0 0 1px #b6bdc2;
	height: 30px;
	top: 0;
	width: 30px;
}

/* LINKS */
A {
    text-decoration: none;
    cursor: pointer;
}

a {
    text-decoration: none;
    cursor: pointer;
}




/* IMAGEM */
IMG {
    text-decoration: none;
    max-width: 100%;
}

.imagem30 {
	width: 30px;
	height: 30px;
}

.imagem40 {
	width: 40px;
	height: 40px;
}

.imagem45 {
	width: 45px;
	height: 45px;
}

.imagem50 {
	width: 50px;
	height: 50px;
}

.imagem60 {
	width: 60px;
	height: 60px;
}

.imagem70 {
	width: 70px;
	height: 70px;
}

.imagem80 {
	width: 80px;
	height: 80px;
}

.imagem90 {
	width: 90px;
	height: 90px;
}

.imagem110 {
	width: 110px;
	height: 110px;
}

.imagem130 {
	width: 130px;
	height: 130px;
}

.imagem150 {
	width: 150px;
	height: 150px;
}

.setaComentarioEsquerda {
    position:relative;
}

.setaComentarioEsquerda:after {
    content:"";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 30px 25px 0;;
	border-color: transparent #F3F4F8 transparent transparent;
	position : absolute;
	top:40px; 
	left:-29px;
}

.setaComentarioDireita {
    position:relative;
}
.setaComentarioDireita:after {
    content:"";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 30px;
	border-color: transparent transparent transparent #F3F4F8;
	position : absolute;
	top:40px; 
	right:-29px;
}

.setaComentarioEsquerdaAzulBellagio {
    position:relative;
}
.setaComentarioEsquerdaAzulBellagio:after {
    content:"";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 30px 25px 0;;
	border-color: transparent #202e5c transparent transparent;
	position : absolute;
	top:40px; 
	left:-29px;
}

.setaComentarioDireitaAzulBellagio {
    position:relative;
}
.setaComentarioDireitaAzulBellagio:after {
    content:"";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 30px;
	border-color: transparent transparent transparent #202e5c;
	position : absolute;
	top:40px; 
	right:-29px;
}


/* EFEITOS */
.animacaoAumentoProgressivo {
	animation-name: animacaoAumentoProgressivo;
	animation-duration: 7.8s;
	animation-timing-function: ease-out;
	-webkit-animation-name: animacaoAumentoProgressivo;
	-webkit-animation-duration: 7.8s;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-name: animacaoAumentoProgressivo;
	-moz-webkit-animation-duration: 7.8s;
	-moz-animation-timing-function: ease-out;
	-o-animation-name: animacaoAumentoProgressivo;
	-o-webkit-animation-duration: 7.8s;
	-o-animation-timing-function: ease-out;
}
@keyframes animacaoAumentoProgressivo {
	from {transform: scale(0.7);}
	20% {transform: scale(0.8);}
	to {transform: scale(1.0);}
}
@-webkit-keyframes animacaoAumentoProgressivo {
	from {-webkit-transform: scale(0.7);}
	20% {-webkit-transform: scale(0.8);}
	to {-webkit-transform: scale(1.0);}
}
@-moz-keyframes animacaoAumentoProgressivo {
	from {-moz-transform: scale(0.7);}
	20% {-moz-transform: scale(0.8);}
	to {-moz-transform: scale(1.0);}
}
@-o-keyframes animacaoAumentoProgressivo {
	from {-o-transform: scale(0.7);}
	20% {-o-transform: scale(0.8);}
	to {-o-transform: scale(1.0);}
}


.animacaoSairObjetoEsquerda {
	animation-name: animacaoSairObjetoEsquerda;
	animation-duration: 1.5s;
	-webkit-animation-name: animacaoSairObjetoEsquerda;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: animacaoSairObjetoEsquerda;
	-moz-animation-duration: 1.5s;
	-o-animation-name: animacaoSairObjetoEsquerda;
	-o-animation-duration: 1.5s;
}
@keyframes animacaoSairObjetoEsquerda {
  from {transform:translateX(0%)} 
  to {transform:translateX(-100%)}
}
@-webkit-keyframes animacaoSairObjetoEsquerda {
  from {-webkit-transform:translateX(0%)} 
  to {-webkit-transform:translateX(-100%)}
}
@-moz-keyframes animacaoSairObjetoEsquerda {
  from {-moz-transform:translateX(0%)} 
  to {-moz-transform:translateX(-100%)}
}
@-o-keyframes animacaoSairObjetoEsquerda {
  from {-o-transform:translateX(0%)} 
  to {-o-transform:translateX(-100%)}
}


.animacaoEntrarObjetoEsquerda {
	animation-name: animacaoEntrarObjetoEsquerda;
	animation-duration: 1.5s;
	-webkit-animation-name: animacaoEntrarObjetoEsquerda;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: animacaoEntrarObjetoEsquerda;
	-moz-animation-duration: 1.5s;
	-o-animation-name: animacaoEntrarObjetoEsquerda;
	-o-animation-duration: 1.5s;
}
@keyframes animacaoEntrarObjetoEsquerda {
  from {transform:translateX(100%)} 
  to {transform:translateX(0%)}
}
@-webkit-keyframes animacaoEntrarObjetoEsquerda {
  from {-webkit-transform:translateX(100%)} 
  to {-webkit-transform:translateX(0%)}
}
@-moz-keyframes animacaoEntrarObjetoEsquerda {
  from {-moz-transform:translateX(100%)} 
  to {-moz-transform:translateX(0%)}
}
@-o-keyframes animacaoEntrarObjetoEsquerda {
  from {-o-transform:translateX(100%)} 
  to {-o-transform:translateX(0%)}
}


.animacaoSairObjetoDireita {
	animation-name: animacaoSairObjetoDireita;
	animation-duration: 1.5s;
	-webkit-animation-name: animacaoSairObjetoDireita;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: animacaoSairObjetoDireita;
	-moz-animation-duration: 1.5s;
	-o-animation-name: animacaoSairObjetoDireita;
	-o-animation-duration: 1.5s;
	
}
@keyframes animacaoSairObjetoDireita {
	from {transform:translateX(0%)} 
	to {transform:translateX(100%)}
}
@-webkit-keyframes animacaoSairObjetoDireita {
	from {-webkit-transform:translateX(0%)} 
	to {-webkit-transform:translateX(100%)}
}
@-moz-keyframes animacaoSairObjetoDireita {
	from {-moz-transform:translateX(0%)} 
	to {-moz-transform:translateX(100%)}
}
@-o-keyframes animacaoSairObjetoDireita {
	from {-o-transform:translateX(0%)} 
	to {-o-transform:translateX(100%)}
}


.animacaoEntrarObjetoDireita {
	animation-name: animacaoEntrarObjetoDireita;
	animation-duration: 1.5s;
	-webkit-animation-name: animacaoEntrarObjetoDireita;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: animacaoEntrarObjetoDireita;
	-moz-animation-duration: 1.5s;
	-o-animation-name: animacaoEntrarObjetoDireita;
	-o-animation-duration: 1.5s;
	
}
@keyframes animacaoEntrarObjetoDireita {
	from {transform:translateX(-100%)} 
	to {transform:translateX(0%)}
}
@-webkit-keyframes animacaoEntrarObjetoDireita {
	from {-webkit-transform:translateX(-100%)} 
	to {-webkit-transform:translateX(0%)}
}
@-moz-keyframes animacaoEntrarObjetoDireita {
	from {-moz-transform:translateX(-100%)} 
	to {-moz-transform:translateX(0%)}
}
@-o-keyframes animacaoEntrarObjetoDireita {
	from {-o-transform:translateX(-100%)} 
	to {-o-transform:translateX(0%)}
}


.animacaoSetaAnimadaDireita {
	animation-name: animacaoSetaAnimadaDireita;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	
	-webkit-animation-name: animacaoSetaAnimadaDireita;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	
	-moz-animation-name: animacaoSetaAnimadaDireita;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	
	-o-animation-name: animacaoSetaAnimadaDireita;
	-o-animation-duration: 3s;
	-o-animation-timing-function: ease-in;
	-o-animation-iteration-count: infinite;
}
@keyframes animacaoSetaAnimadaDireita {
	from {transform:translateX(0px);}
	50% {transform:translateX(10px);}
	to {transform:translateX(0px);}
}
@-webkit-keyframes animacaoSetaAnimadaDireita {
	from {-webkit-transform:translateX(0px);}
	50% {-webkit-transform:translateX(10px);}
	to {-webkit-transform:translateX(0px);}
}
@-moz-keyframes animacaoSetaAnimadaDireita {
	from {-moz-transform:translateX(0px);}
	50% {-moz-transform:translateX(10px);}
	to {-moz-transform:translateX(0px);}
}
@-o-keyframes animacaoSetaAnimadaDireita {
	from {-o-transform:translateX(0px);}
	50% {-o-transform:translateX(10px);}
	to {-o-transform:translateX(0px);}
}


.animacaoEntrarObjetoPraCima {
	animation-name: animacaoEntrarObjetoPraCima;
  	animation-duration: 2s;
  	-webkit-animation-name: animacaoEntrarObjetoPraCima;
  	-webkit-animation-duration: 2s;
  	-moz-animation-name: animacaoEntrarObjetoPraCima;
  	-moz-animation-duration: 2s;
  	-o-animation-name: animacaoEntrarObjetoPraCima;
  	-o-animation-duration: 2s;
  
}
@keyframes animacaoEntrarObjetoPraCima {
	from {transform:translateY(+400%)} 
	to {transform:translateY(0%)}
}
@-webkit-keyframes animacaoEntrarObjetoPraCima {
	from {-webkit-transform:translateY(+400%)} 
	to {-webkit-transform:translateY(0%)}
}
@-moz-keyframes animacaoEntrarObjetoPraCima {
	from {-moz-transform:translateY(+400%)} 
	to {-moz-transform:translateY(0%)}
}
@-o-keyframes animacaoEntrarObjetoPraCima {
	from {-o-transform:translateY(+400%)} 
	to {-o-transform:translateY(0%)}
}


.animacaoEntrarObjetoPraBaixo {
	animation-name: animacaoEntrarObjetoPraBaixo;
  	animation-duration: 2s;
  	-webkit-animation-name: animacaoEntrarObjetoPraBaixo;
  	-webkit-animation-duration: 2s;
  	-moz-animation-name: animacaoEntrarObjetoPraBaixo;
  	-moz-animation-duration: 2s;
  	-o-animation-name: animacaoEntrarObjetoPraBaixo;
  	-o-animation-duration: 2s;
  
}
@keyframes animacaoEntrarObjetoPraBaixo {
	from {transform:translateY(-200%)} 
	to {transform:translateY(0%)}
}
@-webkit-keyframes animacaoEntrarObjetoPraBaixo {
	from {-webkit-transform:translateY(-200%)} 
	to {-webkit-transform:translateY(0%)}
}
@-moz-keyframes animacaoEntrarObjetoPraBaixo {
	from {-moz-transform:translateY(-200%)} 
	to {-moz-transform:translateY(0%)}
}
@-o-keyframes animacaoEntrarObjetoPraBaixo {
	from {-o-transform:translateY(-200%)} 
	to {-o-transform:translateY(0%)}
}



.animacaoAparecerObjeto {
	animation-name: animacaoAparecerObjeto;
  	animation-duration: 2s;
  	-webkit-animation-name: animacaoAparecerObjeto;
  	-webkit-animation-duration: 2s;
  	-moz-animation-name: animacaoAparecerObjeto;
  	-moz-animation-duration: 2s;
  	-o-animation-name: animacaoAparecerObjeto;
  	-o-animation-duration: 2s;
  
}
@keyframes animacaoAparecerObjeto {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes animacaoAparecerObjeto {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes animacaoAparecerObjeto {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes animacaoAparecerObjeto {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.efeitoAumentoSelecao:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.efeitoAumentoSelecao2:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.efeitoAumentoSelecao3:hover {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
}

.efeitoTransicaoSuave {
	-webkit-transition: all ease-in .5s;
	-moz-transition: all ease-in .5s;
	-o-transition: all ease-in .5s;
	transition: all ease-in .5s;
}

.efeitoRodarDiretaSelecao:hover {
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

.efeitoRodarEsquerdaSelecao:hover {
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}


@-webkit-keyframes animation {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:200px; top:0px;}
    50%  {background-color:blue; left:200px; top:100px;}
    75%  {background-color:green; left:0px; top:100px;}
    100% {background-color:red; left:0px; top:0px;}
}


@keyframes animation {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:200px; top:0px;}
    50%  {background-color:blue; left:200px; top:100px;}
    75%  {background-color:green; left:0px; top:100px;}
    100% {background-color:red; left:0px; top:0px;}
}

.transicaoSuave {
	-webkit-transition: all ease-in .5s;
	-moz-transition: all ease-in .5s;
	-o-transition: all ease-in .5s;
	transition: all ease-in .5s;
	
	/* linear - velocidade constante na animação; */
	
	/* ease - redução gradual na velocidade da animação; */
	
	/* ease-in - aumento gradual na velocidade da animação; */
	
	/* ease-in-out - aumento gradual, depois redução gradual na velocidade da animação; */
	
	/* cubic-bezier(x1,y1,x2,y2) - curva de velocidade para animação customizada (avançado); */
}

.sombra {
	/* box-shadow: 20px 20px black; */
	box-shadow: 5px 5px 5px silver;
	-webkit-box-shadow: 5px 5px 5px silver;
	-moz-box-shadow: 5px 5px 5px silver;
	-o-box-shadow: 5px 5px 5px silver;
	/* box-shadow: 20px 20px 20px 30px black; */
	/* box-shadow: inset 0 0 40px black; */
	
	-webkit-transition: all ease-in .5s;
	-moz-transition: all ease-in .5s;
	-o-transition: all ease-in .5s;
	transition: all ease-in .5s;
}

.sombraTotal {
	box-shadow: 0px 2.5px 10px 5px silver;
	-webkit-box-shadow: 0px 2.5px 10px 5px silver;
	-moz-box-shadow: 0px 2.5px 10px 5px silver;
	-o-box-shadow: 0px 2.5px 10px 5px silver;
}


.sombraTexto {
	/* text-shadow: 10px 10px red; */
	text-shadow: 10px 10px 5px red;
	/* text-shadow: 10px 10px 5px red, -5px -5px 4px red; */
}

.bordaRedonda {
	/* todas as bordas arredondadas com um raio de 15px */
  	border-radius: 15px;
  	/*borda superior esquerda e inferior direita com 5px borda superior direita e inferior esquerda com 20px*/
  	border-radius: 5px 20px;
  	/*borda superior esquerda com 5px borda superior direita e inferior esquerda com 20px borda inferior direita com 50px */
  	border-radius: 5px 20px 50px;
  	/*borda superior esquerda com 5px borda superior direita com 20px borda inferior direita com 50px bordar inferior esquerda com 100px */
  	border-radius: 5px 20px 50px 100px;
}

.bordaRedonda5px {
  	border-radius: 5px;
}

.bordaRedondaSuperior5px {
  	border-radius: 5px 5px 0px 0px;
}

.bordaRedondaInferior5px {
  	border-radius: 0px 0px 5px 5px;
}

.bordaRedonda100 {
  	border-radius: 100%;
}

.semDecoracao {
	text-decoration: none;
}

.bordaDegrade {
	box-shadow:0px 0px 9px #ccc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

.bordaArredondada5px {
	border-radius: 5px;
}

.bordaArredondada8px {
	border-radius: 8px;
}

.bordaArredondada10px {
	border-radius: 10px;
}

.bordaRedonda100{
	border-radius: 100%;
}

.Selecao:hover {
	box-shadow:0px 0px 9px #ccc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border : 1px solid silver;
}

.barraRolagemDesligada {
	overflow: hidden;
}

.barraRolagemHorizantalDesligada {
	overflow-x: hidden;
}

.barraRolagemAutomatica {
	overflow : auto;
}

.transparencia01 {
	opacity: 0.1;
}

.transparencia02 {
	opacity: 0.2;
}

.transparencia03 {
	opacity: 0.3;
}

.transparencia04 {
	opacity: 0.4;
}

.transparencia05 {
	opacity: 0.5;
}

.transparencia06 {
	opacity: 0.6;
}

.transparencia07 {
	opacity: 0.7;
}

.transparencia08 {
	opacity: 0.8;
}

.transparencia09 {
	opacity: 0.9;
}

.transparencia095 {
	opacity: 0.95;;
}

.esconder {
	display: none;
}

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}
 
.clearfix:after {
	clear: both;
   -webkit-clear: both;
   -moz-clear: both;
   -o-clear: both;
}
 
.clearfix {
   *zoom: 1;
}

*, *:before, *:after {
	box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   
}

img,
picture,
video,
embed {
   max-width: 100%;
}

.esconder {
	display: none;
}

.esconderResponsivo {
	display: inherit;
}

.aparecerResponsivo {
	display: none;
}

.esconderResponsivo800 {
	display: block;
}

.esconderResponsivo600 {
	display: block;
}

.esconderResponsivo400 {
	display: block;
}

@media screen and (max-width: 800px) {
	
	.esconderResponsivo800 {
		display: none;
	}
	
	.esconderResponsivo {
		display: none;
	}
	
	.aparecerResponsivo {
		display: inherit;
	}
}

@media screen and (max-width: 600px) {
	
	.esconderResponsivo600 {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	
	.esconderResponsivo400 {
		display: none;
	}
}