?/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
 }


/* ==================== */
/* = Default Stylings = */
/* ==================== */
body {
	color: #222;
	margin: 0; /*3em auto;*/
	max-width: 100%;
	padding: 0;/*0 2em;*/
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: freight-sans-pro-1, freight-sans-pro-2, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.5em;
	font-weight: 400;
	font-variant: normal;
	/*background-color: #F5F5F5;*/
	background-image: url(../images/bg.png);
	background-repeat: repeat;	/*border: thin solid #F00;	*/
		
}



a:link {
  color: #33CCCC/*#3366CC*/;
  text-decoration: none;
  
}

a:visited {
  color: #33CCCC/*#224488*/;
  text-decoration: none;
}


a:hover {
  color:#239797;
  text-decoration: none;
		 }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1 {
  font-size: 225%;
  line-height: 1.3334em;
  margin: 0 0 .1666em;
}
h2 {
  font-size: 175%;
  line-height: 1.28571429em;
  margin: 0 0 .35714286em;
}
h3 {
  font-size: 137.5%;
  line-height: 1.3636em;
  margin: 0 0 .5em;
}


.uira{
  color:#000;

}

.uira a:link {
  color: #000;
  text-decoration: none;
  
}

.uira a:visited {
  color: #000;
  text-decoration: none;
}


.uira a:hover {
  color:#000;
  text-decoration: none;
}





#eu{
	position:absolute;
	top: -100px;
}

#titulo{
	width: 190px;
	height: 20px;
	float: left;
	margin-left: 70px;
	margin-top: -35px;
}


#redes_sociais{
	width: 32px;
	height: 37px;
	float: left;
	margin-left: -22px;
	margin-top: 0px;
	
	
}
/*#fio{
	width: 1px;
	height: 800px;
	float: left;
	margin-left: 1px;
	margin-top: -80px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;	
}*/

.facebook{
    margin-top: 20px;
}

.twitter{
    margin-top: -5px;
}

.linkedin{
    margin-top: -5px;
}

.contato{
    margin-top: -7px;
}


#intro{
	width: 100px;
	height: 20px;
	float: left;
	margin-left: 70px;
	margin-top: -55px;
	color: #3CC;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	
}

h4,
h5,
h6 {
  font-size: 112.5%;
  line-height: 1.3334em;
  margin: 0 0 .7778em;
}
ol,
ul {
  list-style-position: outside;
  padding: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0 0 0.75em 2em;
}
blockquote,
ol,
ul {
  display: block;
  margin: 0 0 1.5em;
}

p{
	font-size:15,5px;
}


blockquote {
  border-left: solid .1em #E4E4E4;
  color: #919191;
  padding: 0 1.5em 0 1.4em;
}
code {
  font: normal normal 87.5%/1.71428571em monospace, sans-serif;
  background: #eee;
}
img {
  display: block;
  margin: 0 /*1.5em*/ auto;
  border:none;
  
}
pre {
  display: block;
  font: normal normal 87.5%/1.71428571em monospace, sans-serif;
  padding: 0.857142855em 1.71428571em;
  background: #eee;
  display: block;
  overflow: auto;
}
table {
	border-collapse: collapse;
	margin: 1.5em 0;
	width: 100%;
}
td,
th {
	font-size: 87.5%;
	/*line-height: 1.71429em;*/
	text-align: left;
	padding: 1.5px;
	font-weight: normal;
	height:auto;
	
	
	
}
th {
	background: #eee;
	
  
}
th:last-child {
  border-right: 0px solid #eee;
}
td.green {
  background: #a7b559;
  color: #fff;
  min-width: 370px;
  
}
td.red {
  background: #9d4b37;
  color: #fff;
}

/*td.info {
	color: #000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

td.info2 {
	color: #000;
	background-repeat: repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	color:#33CCCC;
}

td.info3 {
	color: #000;
	background-repeat: repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	
}*/

figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: top;
  background: transparent;
}

figure img {
	width: 100%;
	margin-bottom: 0;
	position: relative;
	
}
picture img {
  width: 100%;
}
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-size: 12px;
  margin-bottom: 1.5em;
}
/* =================== */
/* = Custom Stylings = */
/* =================== */
header {
	padding-left: 0px;/*130px;*/
	margin-bottom: 5px;/*2em;*/
	position:fixed;
	top:0px;
	width:660px;
	height:118px;
	z-index:888;
	background-color: #F5F5F5;   /*background: url(../images/logo_criei.png) top left no-repeat;*/
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	margin-left:-5px;
}
header p {
	color: #3CC;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	margin-top: -50px;
	margin-left:8%;
}




#testeira {
	height: 118px;
	width: 100%;
	position: fixed;
	z-index:500;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	
}




#topo {
	height: 105px;
	max-width: 640px;
	margin-top: -28px;
	margin-left:-5px;
	padding-top: 40px;
	position: fixed;
	/*background-color: #F5F5F5;*/
	z-index:900;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
}


#marca {
	/*background: url(../images/logo_criei2.png) top left no-repeat;*/
	width: 72px;
	height: 63px;
	
}



#buttons {
	height:2.2em;
	max-width: 640px;
	min-width:280px;
	width:auto;
	position:fixed;
	top:60px;
	z-index:999;
	line-height: 2.2em;
	float:left;
	/*border: thin solid #000;	*/
	
	
}



#buttons a {
	/*dislay: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;*/
	text-align: center;
	line-height: 2.2em;
	width: 100%;
	max-width:640px;
	margin: 0;
	float: left;
	text-decoration: none;
	color: #fff;
	background-color:#3CC;
	/*border: thin solid #3CC;*/
	height:auto;
	/*position:fixed;*/
	/*border: thin solid #FFF;	*/
		
}

#buttons a:hover,
#buttons a:focus {
	color: #fff;
	background-color: #239797;
	/*border: thin solid #239797;*/
	
}

#corpo{
	/*width:640px;
	height:auto;
	margin: -10px;
	position: relative;
	top:100px;
	z-index:0;
	border: thin solid #0C0;*/
	color: #222;
	margin: 3em auto;
	max-width: 640px;
	padding: 0 2em;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: freight-sans-pro-1, freight-sans-pro-2, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.5em;
	font-weight: 400;
	font-variant: normal;
	/*background-color: #F5F5F5;*/
	background-image: url(../images/bg.png);
	background-repeat: repeat;	/*border: thin solid #F00;	*/
}

#foto {
	margin-bottom: 100px;
	position: relative;
	top:70px;
	max-width: 640px;
	height:auto;
	/*border: thin solid #000;	*/
	
}

.titulos_menus{
	color:#33CCCC;
	font-style: italic;
	text-decoration: underline;
	font-size: 18px;
	line-height: normal;
	font-weight: lighter;
}


.sub_titulos{
	color:#33CCCC;
	font-size: 12px;
}

#icones{
	width:80%;
	margin-left: 85px;
	margin-top: -70px;
}


.icones_titulos{
	font-size:13px;
	font-style: italic;
	text-decoration: underline;
	color: #999;
}


.textos{
	font-size:15.4px;
}

.titulo_portolio{
	color:#33CCCC;
}

.info_portfolio{
	font-size:14px;
}
	
.voltar_menus{
	color:#33CCCC;
	font-size: 12px;
	text-decoration: none;	
}	

.voltar_menus a {
	color:#33CCCC;
	text-decoration: none;	
}	

.voltar_menus a:hover {
	color:#239797;
	text-decoration: underline;		
}	


.veja_tambem{
	color:#33CCCC;
	font-size: 12px;
	text-decoration: none;	
}

.veja_tambem a{
	color:#33CCCC;
	font-size: 12px;
	text-decoration: none;	
}

.veja_tambem a:hover{
	color:#239797;
	font-size: 12px;
	text-decoration: underline;	
}

#resize {
  position: fixed;
  right: 0;
  bottom: 0;
  background: url(../images/bg.png) bottom right no-repeat;
  height: 77px;
  width: 77px;
}
footer {
  font-size: small;
  border-top: 1px solid #ddd;
  padding: 1.5em 0;
}
footer p {
	float: left;
	
}
footer div {
	float: right;
	
}
@media screen and (max-width: 600px) {
  #resize {
    display: none;
  }
  #buttons a {
    line-height: 2em;
  }
}
@media screen and (max-width: 440px) {
  header {
    background: transparent;
    padding-left: 0;
  }
  #resize {
    display: none;
  }
  footer div {
    clear: both;
    float: left;
  }