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








#center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}









body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#000000;
	normal: 100%;
	margin: 0;
	width: 100%;




background-image:url(natural_paper.png);
background-repeat:repeat;
background-attachment: fixed;


}










#nav {
  width:100%;
  height:50px;
  background-color:#;
  color:#000000;
  position:fixed;

}


#content {
  width:80%;
  height:100%;
  background-color:#;
  margin:auto;
  color:#000000;
  }

#tx {
  width:80%;
  height:100%;
  background-color:#;
  margin:auto;
  }


#sectionone {
  width:100%;
  height:340px;
  background-color:#;
  margin:auto;
  background-image:url(Logo.png);
  background-repeat:no-repeat;
  background-position:center;

  color:#000000;


  }


	#book {
	  width:152px;
	  height:212px;
	  background-color:red;
	  margin:auto;
	  background-image:url(http://petergiacomini.com/PeterPic.jpg);
	  background-repeat:no-repeat;
	  background-position:center;
		position: relative;



	  }


  #sectiononebottom {
  width:100%;
  height:340px;
  background-color:#;
  margin:auto;
  background-image:url(Logo.png);
  background-repeat:no-repeat;
  background-position:center;

  color:#000000;
    margin-top:5%;

  }

  #section-bio {
  width:100%;
  height:100%;
  background-image:#;
  margin:auto;
color:#000000;
  background-repeat:repeat;
  background-position:center;

  }


  #section-speech {
  width:80%;
  height:100%;
  background-color:#;

  margin:auto;

  }

    #barra {
  width:100%;
  height:100%;
  background-color:red;

  margin:auto;

  }

    #section-links {
  width:45%;
  height:100%;
  background-color:#;

  margin:auto;


  }


p.ola a {
 text-decoration:none;



  }


.ola:hover {
cursor:pointer;
color:#D2D2D2;

  }




    #section-contacts {
  width:100%;
  height:100%;
  background-color:#;

  margin:auto;
  margin-top:10%;


  }





  #liner {
  width:100%;
  height:1px;
  background-color:#CCC;
  margin:auto;
  }
   #lineri {
  width:100%;
  height:1px;
  background-color:#EAEAEA;
  margin:auto;
  }

   #linertop {
  width:60%;
  height:1px;
  background-color:#CCC;
  margin:auto;
  }

   #liner2 {
  width:100%;
  height:1px;
  background-color:#CCC;
  margin:auto;

  }

     #linerb {
  width:100%;
  height:1px;
  background-color:#CCC;
  margin:auto;
  margin-top:2%;

  }

       #linerlast {
  width:100%;
  height:1px;
  background-color:#CCC;
  margin:auto;
  margin-top:2%;

  }



  #posts {
  width:100%;
  height:100%;
  background-color:#;
margin-top:2%;
  float:left;
  }




  #content img{

  margin:auto;
  }


#footer{
  width:100%;
  height:50px;
  background-color:#;
  margin-top:1%;


}

#content #sectionone-content h1 {
	height:100%;

}
#content #sectionone-content p {

}

#sectionone-content {
	height:100%;

}






#100{
	height:100px;
	width:100%;
	float:left;

}
#line1{
	background-color: black;
	color:white;
	float:left;
	width:100%;
	padding-top:3%;
	padding-bottom:4%;
	text-align:center;
	margin-top:5%;
	background-image:url(PeterGiacomini.png);
	Background-repeat:no-repeat;
	background-position:left;
	background-size:!important;
	background-size:auto;

}


#line1 img{
	 max-width: 100%;
	 height: auto;

}





#line1 h1{
	color:white;
	float:left;
	width:100%;
	font-size:90px;

	text-align:center;


}


#line1 h4{
	color:white;
	float:left;
	width:100%;
	font-size:25px;

	text-align:center;
}

#line1 h3{
	color:white;
	float:left;
	width:100%;
	font-size:25px;

	text-align:center;
}





#line2{
	background-color: white;
	color:black;
	float:left;
	width:100%;
	text-align:center;
		padding-top:10%;
	padding-bottom:10%;

}

#seminar1 {
	width:60%;
	background-color:#;
	float:left;

}

#seminar1:hover {

	color:#8F8F8F;

	cursor:pointer;

}


.tgl1{
	height:50px;
	overflow:hidden;

}


.algo{
	width:100%;
	float:left;
}
#seminar2{
	width:60%;
	background-color:#;
	float:right;


}
#seminar2:hover {
		cursor:pointer;
			color:#8F8F8F;


}



#seminar3 {
	width:60%;
	background-color:#;
	float:left;
	margin-top:30px;

}
#seminar3:hover {
		cursor:pointer;
			color:#8F8F8F;

}

#seminar4 {
	width:60%;
	background-color:#;
	float:right;
	margin-top:30px;
  text-align: justify;
  text-justify: inter-word;


}

#seminar4:hover {
		cursor:pointer;
			color:#8F8F8F;
width:60%;
text-align: justify;
  text-justify: inter-word;
}




#details {
	width:100%;
	background-color:#;
	height:100px;


}


#nam {
	width:60%;
	background-color:#;
	height:70px;
	margin-top:2%;
	float:left;
	font-size:16px;



}

#linercontact {
	width:60%;
	background-color:white;
	height:1px;




}

#nam img{
	background-color:white;
	vertical-align:center;
	float:left;



}


#mail {
	width:60%;
	background-color:#;
	height:50px;
	float:right;
	font-size:22px;




}


#phone {
	width:60%;
	background-color:#;
	height:50px;
	float:right;
	font-size:20px;


}




#variavel h4 {

		color:#D3D3D3;
	font-size:30px;
	letter-spacing:30px;


}


p.mid {

font-size:24px;




}

p.next {

font-size:90px;




}
p.midb {

font-size:50px;
letter-spacing:inherit;



}

p.midc {

font-size:24px;





}

#variavel h3 {

	color:#D3D3D3;
	font-size:30px;


}


fieldset{border:0;
}

#form{
	width:95%;}

input, textarea{padding:3px; margin-bottom:5px; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#FDFDFD;}

input:focus, textarea:focus{border-color:#999;}

label{display:block; font-size:1.2em; margin-top:5px;}

textarea{overflow:auto; font:1.2em Arial, Helvetica, sans-serif; color:#333; line-height:1.6em;}

.width230{width:100%;}

.loading, #resposta{width:100%; background:#f8f8f8; border:1px solid #ccc; padding:3px; text-align:center; margin:0 0 10px 200px; display:none;}

.loading img{vertical-align:middle;
}