
/* --------------------------------------------------------
CSS | RESET | PADRÃO
-------------------------------------------------------- */
*			{padding:0; margin:0;}
body 		{font-family:Arial, "Helvetica-Normal", Helvetica, "Trebuchet MS", Verdana; font-size:14px; color:#333333;}
a			{text-decoration:none; font-style:normal; outline:none; color:#000;}
li 			{list-style:none; border:none;}
img 		{border:none;}
a img 		{border:none;}
b, strong	{font-weight: bold;}
small 		{font-size:80%;}
button		{overflow:visible;}

/* --------------------------------------------------------
CSS | PADRÃO | HTML 5
-------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;}
audio, canvas, progress, video{display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}
abbr[title]{border-bottom: 1px dotted; /*A tag <abbr></abbr> e utilizada na abreviação e siglas: <p><abbr title="Jr Pense Possitivo">Jr Diesel</abbr></p> */}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
input:focus{outline-offset:0; outline:none; /* Tira a ação da borda colorida no focus e no celular*/}
pre{overflow: auto; /*A tag <pre> HTML é usado para indicar texto pré-formatado. A tag de código envolve o código que está sendo marcado.*/}
optgroup{margin:0; /* Sub Select */}
hgroup{display:none;}
mark{background:none;}

/* --------------------------------------------------------
Css Padrão para celulares
-------------------------------------------------------- */
input, textarea, select, option, fieldset, input[type="submit"]{border:0; outline:none; background:none;}
textarea{overflow: auto;}
a, a:active, a:hover{outline: 0;}
td,th{padding: 0;}

/* --------------------------------------------------------
Classes Gerais
-------------------------------------------------------- */

.block			{display:block;}
.table 			{display:table;}
.left 			{float:left;}
.right 			{float:right;}
.none 			{display:none;}
.relative 		{position:relative;}
.absolute 		{position:absolute;}
.hidden			{overflow:hidden;}
.indent 		{text-indent:-999999px;}
.both 			{clear:both;}
.cemporcento 	{width:100%;}

/* --------------------------------------------------------
Placeholder em geral Dica: 
Eu poderia ter agrupado os seletores pra facilitar a leitura, 
o problema é que se um dos browsers não reconhece um dos seletores, 
ele acabam invalidando o grupo inteiro, aí nada funcionaria. 
Nesse caso a solução é colocar separado mesmo.
-------------------------------------------------------- */
::-webkit-input-placeholder{
font-family:arial;
font-weight:bold;
font-size:13px;
color:#616161;    
}

::-moz-placeholder{
font-family:arial;
font-weight:bold;
font-size:13px;
color:#616161;    
} 

::-ms-input-placeholder{
font-family:arial;
font-weight:bold;
font-size:13px;
color:#616161;    
} 

::input:-moz-placeholder{
font-family:arial;
font-weight:bold;
font-size:13px;
color:#616161;    
}

.btn {
	display: inline-block;
	padding: 12px 30px;
	font-family: 'gotham_blackregular', Arial, sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* future proofing */
	-khtml-border-radius: 2px; /* for old Konqueror browsers */
	color: #d4e815;
}
.btn-default {
	background: #326db6;
	background: -moz-linear-gradient(top, rgba(66,121,188,1) 0%, rgba(50,109,182,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,121,188,1)), color-stop(100%, rgba(50,109,182,1)));
	background: -webkit-linear-gradient(top, rgba(66,121,188,1) 0%, rgba(50,109,182,1) 100%);
	background: -o-linear-gradient(top, rgba(66,121,188,1) 0%, rgba(50,109,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(66,121,188,1) 0%, rgba(50,109,182,1) 100%);
	background: linear-gradient(to bottom, rgba(66,121,188,1) 0%, rgba(50,109,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4279bc', endColorstr='#326db6', GradientType=0 );
	box-shadow: 0 0 1px rgba(0,0,0,0.7);
	transition: all 250ms linear;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	background: #1e386b;
	background: -moz-linear-gradient(top, rgba(50,109,182,1) 0%, rgba(30,56,107,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,109,182,1)), color-stop(100%, rgba(30,56,107,1)));
	background: -webkit-linear-gradient(top, rgba(50,109,182,1) 0%, rgba(30,56,107,1) 100%);
	background: -o-linear-gradient(top, rgba(50,109,182,1) 0%, rgba(30,56,107,1) 100%);
	background: -ms-linear-gradient(top, rgba(50,109,182,1) 0%, rgba(30,56,107,1) 100%);
	background: linear-gradient(to bottom, rgba(50,109,182,1) 0%, rgba(30,56,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326db6', endColorstr='#1e386b', GradientType=0 );
	box-shadow: 0 0 1px rgba(0,0,0,0);
	color: #fff;
	transition: all 250ms linear;
}

