@charset "utf-8";
@import "livro2.css";

body.estilo2 { 
	background-color: #ffdead;
	background-image: url(peroba_rosa.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
  	/* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */ 
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
   padding: 0;
	color: #006400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
	font-size: 12pt;
	font-weight: normal;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
 	}
	
	 td { 
 font-family: "Times New Roman", Times, serif; 
 }
	   td, th {
  background-color: transparent;
	color: #FFCC00;
	}

a:link {
text-decoration: underline;
background-color: transparent;
color: #006400;
}

a:visited { 
text-decoration: underline;
background-color: transparent;
 color: #2f4f4f;
}


P.normal {
	background-color: transparent;
	color: maroon;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal; 
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
}

H1 { 
	  background-color: transparent;
	  color: #8b0000; 
     font-family: "Bookman Old Style", Georgia, "Calisto MT", serif;
	  font-size: 150%;
	  font-weight: bolder;
	  font-style: normal;
	  LETTER-SPACING: 1px;
     margin: .3em 0 .3em 0;
}

H2 {
	  background-color: transparent;
	  color: green; 
     font-family: "Bookman Old Style", Georgia, "Calisto MT", serif;
	  font-size: 140%;
	  font-weight: bolder;
	  font-style: italic;
	  LETTER-SPACING: 1px;
     margin: .25em 0 .25em 0;
}

H2.branco {
	  background-color: transparent;
	  color: white; 
     font-family: "Bookman Old Style", Georgia, "Calisto MT", serif;
	  font-size: 140%;
	  font-weight: bolder;
	  font-style: italic;
	  LETTER-SPACING: 1px;
     margin: .25em 0 .25em 0;
}

H3 {
	  background-color: transparent;
	  color: #8b0000; 
     font-family: "Georgia, Bookman Old Style",  "Calisto MT", serif;
	  font-size: 120%;
	  font-weight: bolder;
	  font-style: italic;
     margin: .5em 0 .5em 0;
}

H4 {	  
	  background-color: transparent;
	  color: green;  
     font-family: "Georgia, Bookman Old Style",  "Calisto MT", serif;
	  font-size: 110%;
	  font-weight: bolder;
	  font-style: italic;
     margin: .6em 0 .6em 0;
}
	
.estilo2 #mycontainer1 {
    	/* esto creará un contenedor con el 780px del ancho del navegador */
		width: 780px;  
    	height: auto;
		background-color: transparent;
		color: #006400;
		/* los márgenes automáticos (conjuntamente con un ancho) centran la página */
		margin: 0 auto; 
		border: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		/* esto anula text-align: center en el elemento body. */	
    	text-align: left; 
    }
	
	.estilo2 #myrecheio1{
		width: 780px;
		height: 28px;
		margin: 0;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-color: transparent;
		color: #006400;
		text-align: center;
	 }
	 
	 .direto {
	font-family: "Times New Roman", Times, serif;
	font-size: 50%;
	font-style: normal;
	font-weight: 100;
	margin: 0;
	border: 0px;
	padding: 0;
	text-align: center;
		background: transparent;
		color: #deb887;
}

.direto a:link {
   text-decoration: none;
	text-transform: none;
		background: transparent;
		color: #deb887;
  }
  
  .direto a:visited {
	text-decoration: none;
	text-transform: none;
		background: transparent;
		color: #deb887;
  }
  
  .jump {
		background: transparent;
		color: #deb887;
	font-family: "Times New Roman", Times, serif;
	font-size: 75%;
	font-style: normal;
	font-weight: 100;
	margin: 0;
	border: 0px;
	padding: 0;
	text-align: center;
}
.jump a:link {
		background: transparent;
		color: #deb887;
   text-decoration: none;
	text-transform: none;
  }
  
  .jump a:visited {
		background: transparent;
		color: #deb887;
	text-decoration: none;
	text-transform: none;
  }
	 
	 
	 .estilo2 #mycaixa1 {
    	width: 780px;  
    	height: auto;
		margin: 0;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-image: url(pau_brasil.gif);
		background-repeat: no-repeat;
    	text-align: center; 
    }
	 
.estilo2 #mymenu2{
		width: 780px;
		height: auto;
		margin: 0 auto;
		border: 0px;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;		
		text-align: center;
		font-family: "Bookman Old Style", Georgia, "Calisto MT", Batang, serif;
      font-size: 11pt;
	   font-weight: normal;
	   font-style: normal;
		background-color: transparent;
	   color: #ffd700; 
	 }
	 
  div.menu2 a:link {
	  font-family: "Bookman Old Style", Georgia, "Calisto MT", Batang, serif;
	  font-size: 11pt;
	  font-weight: bold;
	  font-style: normal;
	  background-color: transparent;
	  text-decoration: none;
	  color: #f0e68c;
	  
  }
  
  div.menu2 a:visited {
	  font-family: "Bookman Old Style", Georgia, "Calisto MT", Batang, serif;
	  font-size: 11pt;
	  font-weight: bold;
	  font-style: normal;
	  background-color: transparent;
	  text-decoration: none;
	  color: #ffd700;
	  
  }
  
  /*padding: 0 10px 0 20px;  este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	 .estilo2 #myheader1 {
	   width: auto;
		height: 72px;
		margin: 0 auto;
		border: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		text-align: left;
    }
	
  .estilo2 #myheader1 H1 {
  background-color: transparent;
	  color: #ffdab9; 
     font-family: "Bookman Old Style", Georgia, "Calisto MT", serif;
	  font-size: 140%;
	  font-weight: bolder;
	  font-style: normal;
	  LETTER-SPACING: 1px;
     margin: .3em 0 .3em 0;
	 
  }
  	
  .estilo2 #myheader1 H2 {
  	  background-color: transparent;
	  color: #ffdab9; 
     font-family: "Bookman Old Style", Georgia, "Calisto MT", serif;
	  font-size: 120%;
	  font-weight: bolder;
	  font-style: italic;
	  LETTER-SPACING: 1px;
     margin: .25em 0 .25em 0;
	  
  }
  
  
  	 	div.recheio2 {
		width: 780px;
		height: 25px;
    	margin: 0;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;		
		text-align: center;
		}	
		
		
.estilo2 #mycaixa2 {
    	width: 780px;
		height: 420px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: left;
		background-image: url(livro2.gif);
		background-repeat: no-repeat;
		
	 }
	/*margin-bottom: 82px;*/
	/*height: 342px;*/
.estilo2 #mybox-1 {
    	float: left;
		CLEAR: both;
		width: 330px;
		height: auto;
		border: 0px;
	   margin-top: 30px;
		margin-right: 0px;
		margin-bottom: 6px;
		margin-left: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 36px;	
		text-align: right;
		background-color: transparent;
		color: #006400;
		}	
		
		.estilo2 #myfigura1 {
		width: 330px;
		height: 302px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: right;
		background-image: url(aarte_a.jpg);
		}
		
		/*height: 60px;*/
		.estilo2 #mytexto-1 {
		width: 330px;
		height: 56px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: left;
		background-color: transparent;
		color: #006400;
		}	
		
		
	.estilo2 #mycontent1 {
		/*width: 780px; */
		/*height: 420px;*/
	   /*width: 334px;*/
		/*height: 360px;*/
		/*width: 328px;*/
	   width: auto;
		height: auto;
		border: 0px;
	   margin-top: 0px;
		margin-right: 40px;
		margin-bottom: 0px;
		margin-left: 406px;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 30px;
		padding-right: 0px;
		padding-bottom: 6px;
		padding-left: 0px;	
		background-color: transparent;
		color: #006400;
		text-align: justify;
    }
	 
	 /*width: 328px; height: 32px; margin-right: 40px; margin-left: 406px; */
	  div.recheio3 {
		width: 780px;
		height: 16px;
	   border: 0px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;		
		text-align: center;
		}	
	 
	 
	 /*<br class="clearfloat" />*/
	 /* esta clase debe colocarse en un elemento div o break y debe ser 
	 el último elemento antes del cierre de un contenedor que incluya 
	 completamente a un elemento flotante */
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	 
	
	 /* width: 780px; */
	 div.recheio4 {
		width: 780px;
		height: 40px;
    	margin: 0;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;		
		text-align: center;
		}	
		
		
	    /*width: 780px; */
		/*height: 420px;*/
		.estilo2 #mycaixa3 {
    	width: 780px;
		height: 430px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: left;
		
		background-image: url(livro2.gif);
		background-repeat: no-repeat;
		
	 }
		/*width: 780px; metade 390px */
		/*height: 420px;*/
		/*left 36px 354px */
		/* Top 32 350 38 bottom*/
		
.estilo2 #mybox-2 {
    	float: left;
		CLEAR: both;
		width: 330px;
		height: auto;
		border: 0px;
	   margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 36px;	
		text-align: right;
		background-color: transparent;
		color: #006400;
		}	
		
		/* height: 350px;*/
		.estilo2 #myfigura2 {
		width: 330px;
		height: auto;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: justify;
		}
		/*width: 780px; metade 390px */
		/*height: 420px;*/
		/*left 36px 354px */
		/* Top 32 350 (-16=334PX) 38 bottom*/	
		
	.estilo2 #mycontent2 {
width: auto;
		height: auto;
		border: 0px;
	   margin-top: 0px;
		margin-right: 40px;
		margin-bottom: 0px;
		margin-left: 406px;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 6px;
		padding-left: 0px;	
		background-color: transparent;
		color: #006400;
		text-align: justify;
    }
	 
	  div.recheio5 {
		width: 780px;
		height: 16px;
	   border: 0px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;		
		text-align: center;
		}	
	 
	
	 div.recheio6 {
		width: 780px;
		height: 40px;
    	margin: 0 auto;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;		
		text-align: left;
		}	
		
		div.rodape {
		width: 780px;
		height: 47px;
    	margin: 0 auto;
		border: 0px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;		
		text-align: center;
		background-image: url(pau_brasi-2.gif);
		background-repeat: no-repeat;
		}	
		/*width: 780px; metade 390px */
		/*height: 420px;*/
		/*left 36px 354px */
		/* Top 32 350 (-16=334PX) 38 bottom*/	
	
		.estilo2 #mycaixa4 {
    	width: 400px;
		height: 326px;
	   margin-top: 0px;
		margin-right: 189px;
		margin-bottom: 0px;
		margin-left: 189px;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: left;
		background-image: url(creative.gif);
		background-repeat: repeat;
	 }
	
	
	.estilo2 #mycontent3 {
		/*width: 400px; */
		/*height: 326px;*/

	   width: 280px;
		height: 216px;
		border: 0px;
	   margin-top: 0px;
		margin-right: 60px;
		margin-bottom: 0px;
		margin-left: 60px;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 55px;
		padding-right: 0px;
		padding-bottom: 55px;
		padding-left: 0px;	
		background-color: transparent;
		color: #006400;
		text-align: left;
    }
		
	 
		/*width: 780px; metade 390px */
	
		.estilo2 #mycaixa5 {
    	width: auto;
		height: auto;
	   border: 0px;
	   margin-top: 0px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: left;
		background-color: transparent;
		color: #006400;
 	}
	
	.estilo2 #mycaixa5-top {
	   width: 780px;
		height: 61px;
		border: 0px;
	   margin-top: 0px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: center;
		background-image: url(top-fundo3a.gif);
		background-repeat: no-repeat;
		
    }
	.estilo2 #mycaixa5-medio {
	   width: 780px;
		height: auto;
		border: 0px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: left;
		background-image: url(medio-fundo3a.gif);
		background-repeat: repeat-y;
		
    }
	  /* body {word-wrap: break-word;}*/
	 .estilo2 #mycaixa5-texto {
	   width: auto;
		height: auto;
		border: 0px;
	   margin-top: -11px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 0px;
		padding-right: 75px;
		padding-bottom: 0px;
		padding-left: 65px;	
		text-align: left;
		background-color: transparent;
		color: #006400;
    }
	 
	 .estilo2 #mycaixa5-bottom {
	   width: 780px;
		height: 70px;
		border: 0px;
	   margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
    /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding-top: 12px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;	
		text-align: center;
		background-image: url(bottom-fundo3a.gif);
		background-repeat: no-repeat;
    }
	 
	 .estilo2 #footer { 
    	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background: #dddddd;
		color: #006400;
    } 
    .estilo2 #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }

	.titulo {
	background: transparent;
	color: #FF9900;
	font-family: "Comic Sans MS", "Andale Mono", "Lucida Console", monospace;
	font-size: 18pt;
	font-style: normal;
	font-weight: 900;
	margin: 0 0 0 10px;
}


.texto {
	background: transparent;
	color: #006400;
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 0 0px;	
}

.texto A:LINK {
		    background-color : transparent;
			 color: #006400;
 		    text-decoration: underline;
  }
  
.texto A:VISITED {
		    background-color : transparent;
			 color: green; 
 		    text-decoration: underline;       
}

.texto-p {
	background: transparent;
	color: #006400;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 0 0px;	
}

.texto-p A:LINK {
		    background-color : transparent;
			 color: #006400;
 		    text-decoration: underline;
  }
  
.texto-p A:VISITED {
		    background-color : transparent;
			 color: green; 
 		    text-decoration: underline;       
}


.red {
	background: transparent;
	color: red;
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: 800;
	margin: 0 0 0 0px;	
}


.box1 { 
       background-color: transparent;
	    color: Blue; 
		 font-family: "Times New Roman", Times, serif;
	    font-size: 13pt;
	    font-style: normal;
	    font-weight: 700;
		} 
.box2 { 
       background-color: transparent;
	    color: Maroon; 
		border-bottom: 2px solid #660000;
		border-right: 2px solid #660000;
} 



.medium {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	font-style: normal;
   background-color: transparent;
	color: maroon; 	
	text-align: justify;
}


p.medium a:link {
   background-color: transparent;
	color: maroon; 	
   text-decoration: underline;
	
  }
  
  p.medium a:visited {
	background-color: transparent;
	color: #a0522d; 
	text-decoration: underline; 
  }


.mediana {
  font-family: "Bookman Old Style", Georgia, "Calisto MT", Batang, serif;
  font-size: 100%;
  font-weight: 500;
  font-style: normal;
  background-color: transparent;
  color: green;
  }
  
  p.mediana a:link {
	background-color: transparent;
	color: green; 
   text-decoration: underline;
	
  }
  
  p.mediana a:visited {
	background-color: transparent;
	color: #32cd32; 
	text-decoration: underline; 
  }
  
.menor {

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 90%;
	font-weight: 600;
	font-style: italic;
   background-color: transparent;
	color: black; 	
}

.menor a:link {
	background-color: transparent;
	color: black; 
   text-decoration: underline;
	
  }
  
  .menor a:visited {
	background-color: transparent;
	color: #696969;
	text-decoration: underline; 
  }
  
.pequena {
  font-family: "Bookman Old Style", Georgia, "Calisto MT", Batang, serif;
  font-size: 90%;
  font-weight: 500;
  font-style: italic;
  background-color: transparent;
  color: black;
  text-align: right;
  }
 
 .spacer-red, .spacer-green, .spacer-white, .spacer-dark, .spacer-khaki
	 {
	   width: 1px;
		height: 1px;
    	margin: 0;
		border: 0px;
		padding: 0;
	   height: 0;
		font-family: "Times New Roman", Times, serif;
      font-size: 6%;
      line-height: 0;
		
	 	}
		.spacer-red {
		background: transparent;
		color: #b22222;}
		.spacer-dark {
		background: transparent;
		color: #291406;}
		
	   .spacer-green {
		background: transparent;
		color: #006400;}
	   .spacer-white {
		background: transparent;
		color: white;}

			.spacer-khaki {
		background: transparent;
		color: #deb887;}