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



/*  ===================================  história    ==================================    */

#historia{
font-size: 16px;	
}

#wangting{
	font-weight: 800;
	font-size: 20px;
	color: #745757;
}


#contemVideos{
/*	border:  2px solid red; 
	background-color:#DDD9D9; */
}

#js-grid-mosaic-flat{
/*	border:  3px solid blue; */
	
}

#video_01, #video_02, #video_03, #video_04, #video_05 {
/*	border:  1px solid red; */
	width: 560px;
	height: 315px;
	margin: 3px; }


  /*  ===================================   referencias    ==================================    */

#livros{
	border-bottom: 2px solid double #396058; 
	
	width: 100%;
	height: auto;
	float: left; }

#livroUm{
/*	border: 2px solid #000; */
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;  }

#imgLivro_01, #imgLivro_02, #imgLivro_03, #imgLivro_04{
	width: auto;
	height: auto;
	float: left;
	margin-top: 20px; }


#texto_01, #texto_02, #texto_03, #texto_04 {
	text-align:left;	
	margin-left: 160px; }

#texto_01 a, #texto_02, #texto_03, #texto_04{
	font-style: italic;
}

#livroDois{
/*	border: 2px solid #0000; */
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
} 

#livroTres{
/*	border: 2px solid #0000; */
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
}

#livroQuatro{
	border: 2px solid #0000; 
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
}

#sites{
/*	border:2px solid green;  */
	width: 100%;
	height: auto;
	margin-top:40px;
 /*   background-color: antiquewhite;  */
	padding-top: 40px;
}
  
#site_01, #site_02, #site_03, #site_04, #site_05{
/* border:  2px solid red; */
float: left;
width: 100%;
margin-bottom: 30px;
	
}

#ima_01, #ima_02, #ima_03, #ima_04, #ima_05{
float:left;	
}

#rodape_01{
	
	margin-left: 25%/
}


#rodape_03{
	
	margin-right: 25%/
}
/* ========      mestres  formas armas  =================    */
#armas{
border:  2px solid red;	
}

#containerArmas{
	border:  2px solid blue;
}

/* FORMAS  */

#aFormas{
cursor: pointer;
	
border:  2px solid #000;
	
}
#aFormas.hover{
color: blue;
}

#trezeFormas{
	font-weight: 500;
	text-align: justify;
}

#tuishou{
	font-size: 20px;
	
}

#esquerdaZhanzhuang{
	text-align: left;
}

/* === MESTRES  ===  */


#mestres{
/*	
border:  2px solid red;	
background-color:red;  /*#EDE8E9*/
}

#li_xiaowang{
	color:brown;
}

/* === PRINCIPIOS  ===  */


#containerPrincipios{
	/* border:  2px solid #000;	 */
}

#secArmas{
/* border:  2px solid red;	*/	
}

.sob{
	color:#1013B3;
	font-weight: bold;
	font-style: italic;
}

/*  FORMULÁRIO DE CONTATO  ============================================================    */



.containerFormulario {
  width: 80%;
  margin: 0 auto;
}

.form-contact {
  width: 100%;
  font-family: "Arial", Times, serif;
}

.form-contact-input {
  width: 100%;
  color: #292929;
  font-size: 18px;
  background-color: #E9E9E9;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 20px;
}

.form-contact-textarea {
  width: 100%;
  color: #292929;
  font-size: 18px;
  background-color: #E9E9E9;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 200px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 20px;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  font-family: "Arial", Times, serif;
}

.form-contact-button {
  width: 100%;
  font-size: 18px;
  border-radius: 4px;
  color: #fff;
  height: 40px;
  opacity: .8;
  margin-bottom: 20px;
  cursor: pointer;
  background: #B22222;
  display: block;
  border: none;
  border-bottom: 1px solid #500707;
  border-right: 1px solid #500707;
  transition: 1s;
}

.form-contact-button:hover {
  opacity: 1;
}