/* ----------- CSS padrão criado por Patrick ----------- */
* { margin:0; padding:0; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0; padding: 0; border: 0; font: inherit; list-style:none;	vertical-align:baseline; }

/* ------- HTML5 - reset para navegadores antigos ------- */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q demo blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} strong {font-weight: bold;} em {font-style: italic; }

/* ------- Default by Patrick ------- */
html { font-size: 62.5%; }
body { -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

img, img a { border:none; }
img.inv{  filter: alpha(opacity=100); /* internet explorer */	opacity: 1; /* fx, safari, opera, chrome */ }
img.inv:hover {  filter: alpha(opacity=70); /* internet explorer */  opacity: 0.7;  /* fx, safari, opera, chrome */ }
.clear { clear:both; }
a { text-decoration:none; border:none;  }
.transicao { transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; }
img, video, iframe, embed, object {
   max-width: 100%;
   height: auto;
}

/* ----------- Heights ------------ */
.height300 { height:300px; } .height200 { height:200px; } .height180 { height:180px; } .height160 { height:160px; } .height140 { height:140px; } .height120 { height:120px; } .height100 { height:100px; } .height90 { height:90px; } .height80 { height:80px; } .height70 { height:70px; } .height60 { height:60px; } .height50 { height:50px; } .height40 { height:40px; } .height30 { height:30px; } .height25 { height:25px; } .height20 { height:20px; } .height15 { height:15px; } .height10 { height:10px; } .height5 { height:5px; }

/* ------- placeholder estilizado ------- */
::-webkit-input-placeholder { color:#999; font-family:'Open Sans', Arial; }
::-moz-placeholder { color:#999; font-family:'Open Sans', Arial; line-height:30px; }
:-ms-input-placeholder { color:#999; font-family:'Open Sans', Arial; }
input:-moz-placeholder { color:#999; font-family:'Open Sans', Arial; }

/* ------- seleção de texto ------- */
::selection { background: #cccccc; color:#FFF; /* All */ }
::-moz-selection { background: #cccccc; color:#FFF; /* Firefox */ }

/* ------- barra de rolagem ------- */
::-webkit-scrollbar { width: 10px;  }/* for vertical scrollbars */
::-webkit-scrollbar-track { background: #353535; }
::-webkit-scrollbar-thumb:hover { background: #8cc63e; }
::-webkit-scrollbar-thumb { background: #79ac35; }

/* - tooltips - preto e vermelho - */
#tooltip{
	position:absolute;
	border:1px solid #1a1a1a;
	background:#0f0f0f;
	padding:4px 7px;
	color:#ccc;
	font: 400 13px 'Roboto Condensed', Arial;
	text-transform:;
	text-shadow:#000 0px 1px 0px;
	display:none;
	text-align:center;
	box-shadow:#000 1px 1px 5px;
	-moz-box-shadow:#000 1px 1px 5px;
	-webkit-box-shadow:#000 1px 1px 5px;
	margin-top:35px;
	margin-left:-10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	max-width:300px;
	z-index:100;
}

#tooltip2 {
	position:absolute;
	border:1px solid #e12525;
	background:#ac0303;
	padding:4px 7px;
	color:#ccc;
	font: 400 13px 'Roboto Condensed', Arial;
	text-transform:;
	text-shadow:#9b1515 0px 1px 0px;
	display:none;
	text-align:center;
	box-shadow:#000 1px 1px 5px;
	-moz-box-shadow:#000 1px 1px 5px;
	-webkit-box-shadow:#000 1px 1px 5px;
	margin-top:35px;
	margin-left:-10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	max-width:300px;
	z-index:100;
}

	/*
	Exemplo Modal:

	<a href="#" data-reveal-id="DIV" data-animation="fade">

	<div id="DIV" class="reveal-modal">
		<h2>Titulo.</h2>
		<p>Texto.</p>
		<a class="close-reveal-modal">&#215;</a>
	</div>

	*/

	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0;
		}

	.reveal-modal {
		visibility: hidden;
		top: 100px;
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background:#fff;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}

	.close-reveal-modal:hover { color:#325258; }