@charset "utf-8";
/* CSS Document */

/* ............................................. */
/* Fonte Personalizada
/* ............................................. */

/* explorer */
@font-face {
	font-family:comfortaaIe;
	font-style:normal;
	font-weight:normal;
	src:url(../../font/comfortaa.eot);
}

/* demais navegadores */
@font-face {
	font-family:comfortaa;
	font-style:normal;
	font-weight:normal;
	src:url(../../font/comfortaa.ttf);
}

/**
 * FORMATAÇÃO PARA OS ELEMENTOS
 */

* {
	font-family:comfortaa, comfortaaIe;
	line-height:22px;
}

html {
	overflow-x:hidden;
	visibility:visible;
	animation-duration:2s;
	animation-name:fadeIn;
}

body {
	margin:0;
	padding:0;
}

body, table, a, legend {
	font-size:16px;
	color:#333;
}

table { border-collapse:collapse; }

a { text-decoration:none; }
img { border:none; }

ol li, ul li { padding:5px 0px; }

h1 { font-size:40px; line-height:60px; }
h2 { font-size:30px; line-height:35px; }
h3 { font-size:20px; line-height:25px; }
h4 { font-size:16px; line-height:22px; }
h5 { font-size:12px; font-weight:normal; }

/**
 * CORES PARA TEXTOS
 */

 .brancoSombra, .brancoSombra * {
	 color: #fff;
	 text-shadow: 1px 1px 1px #000;
 }

.branco, .branco * 				{ color:#ffffff; }
.verdeClaro, .verdeClaro * 		{ color:#a0cad2; }
.verdeMedio, .verdeMedio * 		{ color:#5faaa7; }
.verdeEscuro, .verdeEscuro * 	{ color:#178786; }
.roxoClaro, .roxoClaro *		{ color:#d386ae; }
.roxoMedio, .roxoMedio *		{ color:#9d0058; }
.roxoEscuro, .roxoEscuro *		{ color:#692e4c; }
.cinza, .cinza *				{ color:#999999; }

/**
 * CORES PARA BACKGROUNDS
*/

.bgVerde	{ background-color:#5faaa7; }
.bgCinza	{ background-color:#f5f5f5; }
.bgLinha	{
	border: 1px solid #ddd;
	border-top: none;
	border-left: none;
	border-right: none;
}