/* Generalidades
==================================================*/	

/* Fonts a aplicar */
@font-face  {
    font-family:My_SourceSansPro_Regular;
    src: url('fonts/source-sans-pro/SourceSansPro-Regular.ttf');
}

@font-face  {
    font-family:My_SourceSansPro_Bold;
    src: url('fonts/source-sans-pro/SourceSansPro-Bold.ttf');
}

@font-face  {
    font-family:My_SourceSansPro_Semibold;
    src: url('fonts/source-sans-pro/SourceSansPro-Semibold.ttf');
}

@font-face  {
    font-family:My_SourceSansPro_Light;
    src: url('fonts/source-sans-pro/SourceSansPro-Light.ttf');
}

@font-face  {
    font-family:My_SourceSansPro_Black;
    src: url('fonts/source-sans-pro/SourceSansPro-Black.ttf');
}



/*

@font-face {
    font-family:SourceSansPro;
    src: url('fonts/source-sans-pro/SourceSansPro-Bold.otf');
    font-weight:bold;
}
@font-face {
    font-family:SourceSansPro;
    src: url('fonts/source-sans-pro/SourceSansPro-Italic.otf');
    font-style:italic;
}
@font-face {
    font-family:SourceSansPro;
    src: url('fonts/source-sans-pro/SourceSansPro-BoldItalic.otf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family:SourceSansPro;
    src: url('fonts/source-sans-pro/SourceSansPro-Light.otf');
    font-weight: 300;
}
@font-face {
    font-family:SourceSansPro;
    src: url('fonts/source-sans-pro/SourceSansPro-LightItalic.otf');
    font-style: italic;
    font-weight: 300;
}

*/


/* Especificações para os varios devices / dimensões */

@media screen and (max-width: 330px) {
    .dev_phone_OFF { display:none; }
	.dev_phone_ON { display:block; }
}

@media screen and (max-width: 768px) {
    .dev_tablet_OFF { display:none; }
	.dev_tablet_ON { display:block; }
}

/*@media screen and (min-width: 481px) {*/
@media screen and (min-width: 770px) {
    .dev_pc_OFF { display:none; }
	.dev_pc_ON { display:block;  }

}





/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1;
		}
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; 
		
		}
		
		
/* #Basic Styles
================================================== */

	html {

	}

	body { 
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-size: 16px;
		color:#333333;
		color:#6668FA;
		text-align:left;
		letter-spacing: 0px;
		line-height: 22px;
		/*
		quem faz é o bodyFullPage
		padding-top:120px;
		padding-top:60px;
		*/
		
		
		
	}

	::-moz-selection {
       background-color: #000;
       color: #fff;
	}

	::selection {
       background-color: #000;
       color: #fff;
	}


body {
    font-family:verdana;
    /*color: #5F3103;*/
	color: black;
}



/* #Typography
================================================== */



	h1, h2, h3, h4, h5, h6 { 
		color: #000000; 
		
		font-weight: normal; 
		font-variant: normal;
		/*text-transform: uppercase; */
}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
	/* h1 = Titulo01 */
	h1, .h1 { 

		
	color:black;
	font-size: 34px;
	line-height:34px;
	font-family:verdana;
	font-weight: bold;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:30px;
	/*text-align:center;		*/
		
	}
/*
	h2, .h2 { 
		font-size: 28px; 
		line-height: 28px; 
		margin: 0 auto 14px; 
		font-weight: 300; 
		text-align: left; 
		padding: 5px 0; 
		letter-spacing: 1px; 
		color:#00FFAA;
		border-left:16px solid #00FFAA;
	}
*/
	h3, .h3 { 
		font-size: 20px; 
		line-height: 20px; 
		margin: 0 auto 14px; 
		font-weight: 300; 
		text-align: left; 
		padding: 5px 0; 
		letter-spacing: 1px; 
		color:#FFAA55;
		border-left:16px solid #FFAA55;
	}		
	

	.subheader { color: #777; }

	
	p { margin: 0 0 20px; font-style: normal; text-align: left; }
	
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	
	em { font-style: italic; }
	strong { font-weight: bold;  }
	small { font-size: 80%; }
	
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }

	
	
	

/* #Links
================================================== */
	a, a:visited { 
		color: #6668FA; 
		text-decoration: underline; 
		outline: 0;
	}
	
	a:hover, a:focus { color: red; }
	p a, p a:visited { line-height: inherit; }
	
	

/* #Lists
================================================== */

	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
/*
	ul li{
	 list-style: circle inside; 
	}
*/	
ul.skillset {
    border-top: 1px dotted #d3d3d3;
    font-family: chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
}
ul.skillset li {
    border-bottom: 1px dotted #d3d3d3;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
}
ul.skillset li, ul.skillset li a {
    color: #1FB4DD;
}


/* #Images
================================================== */
/*
	The purpose of the below declaration is to make sure images don't 
	exceed the width of columns they are put into when resizing window. 
	Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
	so the best solution is to individually call these properties on images that 
	are children of the grid that you want to resize with grid. 

	img { 
		max-width: 100%;
		height: auto; }
 

/* #Buttons
================================================== */

	.button,
	button,
    input[type="checkbox"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
    		font-size: 16px !important;

    		-moz-box-orient: vertical;
    		background: #13a7d0;
    		background: -moz-linear-gradient(#1FB4DD, #13a7d0) repeat scroll 0 0 #13a7d0;
    		background: -webkit-linear-gradient(#1FB4DD, #13a7d0) repeat scroll 0 0 #13a7d0;
		background: -o-linear-gradient(#1FB4DD, #13a7d0) repeat scroll 0 0 #13a7d0;
		background: linear-gradient(#1FB4DD, #13a7d0) repeat scroll 0 0 #13a7d0;
    		border: 1px solid #0c9bc2;
    		border-radius: 4px 4px 4px 4px;
    		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    		color: #FFFFFF;
    		display: inline-block;
  		font-family: chaparral-pro-1,chaparral-pro-2, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    		font-weight: normal;
    		line-height: 1 !important;
    		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
		margin: -10px 0 10px;
    		vertical-align: middle;
    		white-space: nowrap; 
	}

    .call { margin: 10px 0; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
    		background: -moz-linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1;
    		background: -webkit-linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1;
		background: -o-linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1;
		background: linear-gradient(#38cbf3, #14a8d1) repeat scroll 0 0 #14a8d1; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
    		background: #14a8d1; }

	
/* Especiais
================================================== */

.TempBlock {
    border:1px dashed #9F9F9F; 
    border-left:3px solid #9F9F9F; 
    padding:8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
background:#E1E1E1;
}

.spacer {
    height:15px;

}



.spacer10 {
    height:10px;
    
}
			
/* #Forms
================================================== */

#contact {
  position: relative;
}

form * {
  outline: 0;
}

form .row {
  margin-bottom: 0;
}

form .row div {
  position: relative;
}

form .row .columns div {
margin-bottom: 20px;
}

form input {
  
  margin: 0;
  border: 1px solid #d3d4d5;
  border-top: 1px solid #a7aaad;
  background: #fffeff;
  border-right-color: #c2c7ca;
  border-left-color: #c2c7ca;
  color: #3a444f;
  font: 15px chaparral-pro-1,chaparral-pro-2, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

  position: relative;
  z-index: 0;
  -webkit-background-clip: padding-box;
  
  
  background:#eeeeee;
  border: 1px dotted #8CBBCF;
  padding:3px;
  font-size:14px;
  /*
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  */
  background:white;
	
  
  background:#ececec;
  
  
}

form select {
  background:#eeeeee;
   background:white;
  border: 1px dotted #AAAAAA;
  padding:3px;
  font-size:14px;
}
form select:hover {
background:#ececec;
}

form input:focus {


  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  
  background:white;
  
   border: 1px solid #AAAAAA;
/*  
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
*/
  
  
}

form textarea {
  width: 300px;
  height: 181px;
  border: 1px solid #d3d4d5;
  border-top: 1px solid #a7aaad;
  background: #fffeff;
  border-right-color: #c2c7ca;
  border-left-color: #c2c7ca;
  color: #3a444f;
  font: 15px chaparral-pro-1,chaparral-pro-2, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  z-index: 0;
  vertical-align: bottom;
  overflow: auto;
  resize: none;
  
  background:#eeeeee;
  border: 1px dotted #AAAAAA;
  padding:6px;
  font-size:16px;
    background:white;
  
  
}
 
form textarea:focus {
  -webkit-box-shadow: 0px 0px 2px #1FB4DD;
  -moz-box-shadow: 0px 0px 2px #1FB4DD;
  border: 1px solid #1FB4DD;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  
    background:white;
	background:#ececec;
  
  
}

form input, form textarea, form select {

}


form label {
  /*position: absolute;
  top: 6px;
  left: 20px;
  z-index: 1;
  cursor: text;
  font-size: 15px;*/
}

.error {
  color: #1FB4DD;
  position: relative;
  font-size: 15px;
}


		
/* #Misc
================================================== */
	.add-top { margin-top: 30px !important; }
	.add-bottom { margin-bottom: 30px !important; }
	.remove-top { margin-top: 0 !important; }
	.remove-bottom { margin-bottom: 0 !important; }
	.half-top { margin-top: 20px !important; }
	.half-bottom { margin-bottom: 10px !important; }

	
	.left { float: left !important; }
	.right { float: right !important; }
	.auto_width { width:auto; }
	.offset { margin-right: 10px; }
	.center { text-align: center; }

	.center p { text-align: center; }

/* #Site Styles
================================================== */





/* #Footer
================================================== */






/* GERAIS */
.clearThings{ clear:both; }
.clearAll{ clear:both; }
.ClearAll{ clear:both; }







/* Zonas principais */ 

div.ProjectHeaderBar {

	font-size:20px; 

	color:#A3A3A3;

		margin-bottom:10px;
		margin-top:10px;
		font-weight:bold;
	
}
 
 
 

/* após fixed menu, dependendo de estar login ou não */
.bodyFullPage {
	font-family:My_SourceSansPro_Light;
	font-size:16px;
}
.bodyFullPage_login_N {
	margin-top:70px;
} 
 
.bodyFullPage_login_S {
	margin-top: 135px;
} 


@media (max-width: 700px){
   .bodyFullPage_login_N {
	margin-top:30px;
    } 
}


 

header, div.header {
	margin-top:0px;
	/*
	background:#E9E9E9;
	background:black;
	background:yellow;
	*/
}


section, div.section {
	margin-bottom:0px;
	
	height:auto;
	/*overflow:grow;*/
}
 
footer {
    margin-top: 30px;
    padding: 30px;
	font-family:My_SourceSansPro_Light;
	font-size:12px;
	color:black;
	border-top: 1px solid #e7e7e7;
    /* color: red; */
    background: #F1F1F1;
    padding: 
}

footer a, div.footer a {
	color:black;
	text-transform:uppercase;
	text-decoration:none;
}

footer a:hover, div.footer a:hover {
	text-decoration:underline;
}


/* a área central de trabalho */
.WorkArea {
	min-height:600px;
	background:white;
	/*min-height:600px;*/
	
} 

/* 
onde é apresentado o título da opção corrente 
neste projeto não apresenta
*/
.OptionName {
	display:none;
}


 /* 
    conteiner...
	ajustes ao projeto
 */ 
 
 .container {
	 /*border-top:1px dotted #9A9CFC;*/
 }
 
 @media (min-width: 1200px) {
	.container {
		/*width: 1170px;
		width: 100%;*/
	}
}
 
 
 
 /* 
    Classes Especiais - Titulos
 */
 
.Titulo01, .Titulo01 h1 {
	color:black;
	font-size: 34px;
	line-height:34px;
	font-family:verdana;
	font-weight: bold;
	text-transform:uppercase;
	margin-top:40px;
	margin-bottom:30px;
	text-align:center;
}

.SubTitulo01 {
	color:black;
	font-size: 23px;
	font-family:verdana;
	font-weight: normal;	
	text-align:center;	
	line-height:23px;
	margin-bottom:30px;
}


 /*
.Titulo02 {
	font-size:20px;
	color:#4E9E3A;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:8px;
	border-bottom: 2px dashed red;
}
*/
.Titulo02 {
	color:#2E75B6;
	font-size: 22x;
	line-height:22px;
	font-family:verdana;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#F87E08;
	/*text-align:center;*/
}



.Titulo03, a.Titulo03 {
	font-size:18px;
	color:#4385A1;
	font-weight: bold;
	/*border-left:20px solid red;*/
	/*padding-left:10px;*/
	margin-top:10px;
	margin-bottom:8px;
	border-bottom: 1px dashed red;
}


 

/*
   Separadores
*/

.Separador01 {
	height:8px;
}

/* - - - - - - - Janela MessageDisplay - - - - - */
 
 .MessageDisplay {
	position:fixed;
	top:80px;
	right:20px;
	min-width:120px;
	min-height:50px;
	border:1px solid black;
	border-top:6px solid black;
	background:#E9F7EA;
	padding:10px;

	-webkit-box-shadow: 0 15px 15px rgba(0,0,0, .3);
	-moz-box-shadow: 0 15px 15px rgba(0,0,0, .3);
	box-shadow: 0 15px 15px rgba(0,0,0, .3);

	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
 }
 
 
 
 
 
 
 
 
/* User stuff */ 

.UserPhotoCircle {
	width:100px;
	height:100px;
	border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius:50%;

}
 
 

 
 
 
 







.OptionExplain {

	padding:8px;
	
	color:#333333;
	
	background:#DEDEDE;
	

	 
}




.cpidt_Alert {
	border:1px dashed red;
	border-left:8px solid red;
	padding:2px;
	padding-left:8px;
	font-size:9px;
	line-height:9px;
	color:red;
	margin:4px;

}

.cpidt_Comment {
	border-left:8px solid #DE6E23;
	padding-left:4px;
	color:#DE6E23;
	font-size:9px;
	line-height:9px;
}

.OnlyOnMobile {
	display:none;
}

@media only screen and (max-width: 500px) {
	.HideOnMobile {
		display:none;
	}
	.OnlyOnMobile {
		display:block;
	}
}