body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.bg_topo{
	background-attachment: scroll;
	background-image: url(img/bg_topo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* FONTES */
@font-face {
    font-family: 'din_lightregular';
    src: url('fonts/dinlight/dinlight-webfont.eot');
    src: url('fonts/dinlight/dinlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinlight/dinlight-webfont.woff2') format('woff2'),
         url('fonts/dinlight/dinlight-webfont.woff') format('woff'),
         url('fonts/dinlight/dinlight-webfont.ttf') format('truetype'),
         url('fonts/dinlight/dinlight-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_mediumregular';
    src: url('fonts/dinmedium/dinmedium-webfont.eot');
    src: url('fonts/dinmedium/dinmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinmedium/dinmedium-webfont.woff2') format('woff2'),
         url('fonts/dinmedium/dinmedium-webfont.woff') format('woff'),
         url('fonts/dinmedium/dinmedium-webfont.ttf') format('truetype'),
         url('fonts/dinmedium/dinmedium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_blackregular';
    src: url('fonts/dinblack/dinblack-webfont.eot');
    src: url('fonts/dinblack/dinblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinblack/dinblack-webfont.woff2') format('woff2'),
         url('fonts/dinblack/dinblack-webfont.woff') format('woff'),
         url('fonts/dinblack/dinblack-webfont.ttf') format('truetype'),
         url('fonts/dinblack/dinblack-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.dinlight{font-family: 'din_lightregular', arial, sans-serif;}
.dinmedium{font-family: 'din_mediumregular', arial, sans-serif;}
.dinblack{font-family: 'din_blackregular', arial, sans-serif;}
.dosis{font-family: 'dosis', arial, sans-serif;}
.arial{font-family: Arial, sans-serif;}

/*TAMANHOS*/
.t10{font-size: 10px;}
.t12{font-size: 12px;}
.t14{font-size: 14px;}
.t16{font-size: 16px;}
.t18{font-size: 18px;}
.t20{font-size: 20px;}
.t22{font-size: 22px;}
.t24{font-size: 24px;}
.t26{font-size: 26px;}
.t28{font-size: 28px;}
.t30{font-size: 30px;}
.t32{font-size: 32px;}
.t34{font-size: 34px;}
.t36{font-size: 36px;}
.t38{font-size: 38px;}
.t40{font-size: 40px;}
.t42{font-size: 42px;}
.t44{font-size: 44px;}
.t46{font-size: 46px;}
.t48{font-size: 48px;}
.t50{font-size: 50px;}
.t52{font-size: 52px;}
.t54{font-size: 54px;}
.t56{font-size: 56px;}
.t58{font-size: 58px;}
.t60{font-size: 60px;}
.t62{font-size: 62px;}
.t64{font-size: 64px;}
.t66{font-size: 66px;}
.t68{font-size: 68px;}
.t70{font-size: 70px;}
.t100{font-size: 100px;}

/*CORES*/
.preto{color: #212121;}
.bordo{color: #6A0000;}
.vermelho{color: #FF4C4C;}
.amarelo{color: #FEE409;}
.cinza{color: #939393;}
.branco{color: #FFFFFF;}
.marrom{color: #8A8A7A;}
.laranja{color: #D78110;}
.verde{color: #019771;}
.aqua{color: #00ffbe;}
.azul{color: #00A3D9;}

/*ESPAÇAMENTO ENTRE AS LETRAS*/
.ls1{letter-spacing:-1px;}
.ls2{letter-spacing:-2px;}
.ls3{letter-spacing:-3px;}
.ls4{letter-spacing:-4px;}
.ls5{letter-spacing:-5px;}
.ls6{letter-spacing:-6px;}
.ls7{letter-spacing:-7px;}

/*ALTURA DAS LINHAS*/
.lh15{line-height:15px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh45{line-height:45px;}
.lh55{line-height:55px;}
.lh90{line-height:90px;}

/*ESPESSURA DA FONTE*/
.bold{font-weight:bold;}

img{
	border:0;
}

/*HOVER DE MENUS*/
.menu_tabela:hover{
	background: #79C16B;
	}
.menu_tabela2:hover{
	background: #00A3D9;
}
.menu_tabela3:hover{
	background: #FEE409;
}
.facebook:hover{
	color: #019771;
}
.face{
	background-image:url(img/sociais/f1.jpg);
}
.face:hover{
	background-image:url(img/sociais/f2.jpg);
}
.twitter{
	background-image:url(img/sociais/t1.jpg);
}
.twitter:hover{
	background-image:url(img/sociais/t2.jpg);
}
.efeito_gray {
 /*opacidade*/
 opacity:0.75;
 -moz-opacity: 0.75;
 filter: alpha(opacity=75);
 -webkit-filter: opacity(0.75);
 /*filtro P/B*/ 
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 /*qualidade*/
 image-rendering: auto;
}
.efeito_gray:hover {
 opacity:1;
 -moz-opacity: 1;
 filter: alpha(opacity=100);
 -webkit-filter: opacity(1);
 filter: none; /* Firefox 10+ */
 -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
 image-rendering: auto;
}

/*FORMULÁRIO*/
input:focus {
  outline: none;
}
textarea:focus{
 outline:none;
}
.styled-select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
    width: 110px;
    height: 40px;
    overflow: hidden;
    padding: 5px;
    background: url(img/bt_select.png) no-repeat right #0099CC;
    -webkit-appearance: none;
   }
.form_login {
	font-family: dinlight, sans-serif;
	font-size:14px;
	width: 100%;
	padding: 10px;
	background: none;
	border: none;
	color: #fff;
}
.btn_submit
{
	padding:10px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	width:100px;
	color:#FFF;
	font-size:14px;
	background-color:#FF2626;
}
.btn_submit:hover
{
     background-color:#79C16B;
}

/*LOGO FLUTUANTE*/
#menu{
	position:absolute;
	z-index: 500;
	left: 0px;
	top: 0px;
	width: 100%;
}

/* MOVIMENTO ICONES */
.carta-container{
		perspective:1100; /*Esta propriedade especifica quantos pixels serão usados para renderização do giro 3D*/
		-webkit-perspective: 1100; /* Chrome, Safari, Opera */
		float:left;
		
		}
	.carta{
		position:relative;
		width:206px;
		height:237px;
		line-height:200px;
		transition:all 0.6s ease;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
		
		}
	
	.carta:hover{
		transform:rotateY(180deg);
		-webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */ /*Esta propriedade serve para preservar a posição 3D do elemento descendente*/
		}
		
		
	.verso{
		transform:rotateY(180deg);
		-webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */
	}
	
	.frente, .verso{
	position: absolute;
	top: 0;
	left: -1px;
	width: 206px;
	height: 237px;
	backface-visibility: hidden; /*Essa propriedade faz com que a parte oposta da carta não seja mostrada, caso contrário veria as duas faces, uma justaposta a outra*/
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
		}
	h1{
		margin:0;
		}
	.carta-container2{
		perspective:1100; /*Esta propriedade especifica quantos pixels serão usados para renderização do giro 3D*/
		-webkit-perspective: 1100; /* Chrome, Safari, Opera */
		float:left;
		
		}
	.carta2{
		position:relative;
		width:23px;
		height:23px;
		color:#CF0;
		text-align:center;
		line-height:23px;
		margin:5px;
		transition:all 0.6s ease;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
		
		}
	
	.carta2:hover{
		transform:rotateY(180deg);
		-webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */ /*Esta propriedade serve para preservar a posição 3D do elemento descendente*/
		}
		
		
	.verso2{
		transform:rotateY(180deg);
		-webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */
	}
	
	.frente2, .verso2{
	position: absolute;
	top: 0;
	left: -1px;
	width: 23px;
	height: 23px;
	background-color: #00F;
	backface-visibility: hidden; /*Essa propriedade faz com que a parte oposta da carta não seja mostrada, caso contrário veria as duas faces, uma justaposta a outra*/
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
		}
	h1{
		margin:0;
		}