@charset "utf-8";
/* CSS Document */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{
	background-color: #bee8ff;
	margin-left: auto;
	margin-right: auto;
	padding: 0;

}
.wrapper{
	margin:.5rem auto 0;
	background-color: #FDF5D0;
	width:900px;
	height:auto;
	overflow:hidden;
	border:1px solid #6E61FF;
	border-radius:5px;
	
}
.mainHeader{
	background-color:#bee8ff;
	height:auto;
	box-shadow: 1px 1px 1px #6E61FF, -1px -1px 1px #6E61FF;
	z-index: 10;

}

.mainNav li{
	display:inline;
	text-decoration:none;
	padding-bottom:1em;
	
}
.mainNav li form {

display:inline;
	padding-left:5px;

}
.mainNav li form input{
padding-bottom:4px;
}

.mainNav a{
		text-decoration:none;
		margin-right:1.8em;
		font-size:87.5%;
}


.mainNav img{
margin-bottom:4px;

}

.mainNav  #homelink img{
border:solid 1px  #000;
margin-top:.5em;
}




#more_about:before{
	content: url("../Images/button_book1.png");
	position:relative;
	top:10px;
	right: 6px;
}
#awards:before{
	content: url("../Images/button_chapters1.png");
	position:relative;
	top:10px;
	right: 6px;
}
#sample:before{
	content: url("../Images/../Images/button_awards1.png");
	position:relative;
	top:10px;
	right: 6px;
}
#schools:before{
	content: url("../Images/button_international1.png");
	position:relative;
	top:10px;
	right: 6px;
}
#international:before{
	content: url("../Images/button_schools1.png");
	position:relative;
	top:10px;
	right: 6px;
	
}
#nota:before{
	content: url("../Images/notas-tab1.png");
	position:relative;
	top:10px;
	right: 6px;
}

.content__header{
	
}
.content__header h1{
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	font-weight: 600;
	width:600px;
	text-align: center;
	margin-left: 4rem;
	margin-top: 2rem;
}


.main-flex-wrap{
	display: flex;
	
	
}
.main-book{
	flex:2;
}

.main-book img{
	margin-top:1.4rem;
	margin-left:2.4rem;
	margin-bottom: 1.4rem;
	border-radius: 5px;
	box-shadow: 0 0 2px #000;
	max-width:40%;
}


.content{
	grid-column:1/3;
	margin-left: 1rem;
	

}
.content p{
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	font-weight: 400;
	margin-top: 0;
	line-height: 1.8rem;
	
	
}
.content h1{
	
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	font-weight: 500;
	width:600px;
	text-align: left;
	margin: 0;
	padding: 0;
	
}
#myDIV{
	
	display: none;
}
.contest-buttons{
	margin-bottom: 1.4rem;
	line-height: 2rem;
	
}
.child{
	display:block;
	text-decoration: none;
	cursor: pointer;
	color:purple;
	
}
.child-two{
	text-decoration: none;
}
.bookNav{
	list-style: none;
	padding:0;
	margin:0;
	animation:left 2s;
	animation-delay: 3s;
	animation-fill-mode: both;
	position: relative;
	}
	@keyframes left{
		0%{left:11rem;}
		100%{left:0;}
	}
.bookNav a{
	line-height: 1.7rem;
	font-size:1.0rem;
	display:inline;
	width: 100px;
	margin-top: 2.4rem;
	margin-right: .2rem;
	text-decoration: none;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color:black;
	font-weight: 400;
	text-align: left;
	
}
.bookNav a:hover{
	color:red;
	
}

section{
	max-width: 80%;
	margin-left: 2.5rem;
}

.caption img{
	max-width:100%;
}

.footer .logo::before{
	content: url("../Images/cholita__logo.gif");
	position: relative;
	top:1em;
}


.footer{
		float:left;
		clear:both;
		width:100%;
		height:auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:2%;
		padding: 0;
		text-align:center;
		background-color:#bee8ff;
		box-shadow: 1px 1px 1px #6E61FF, -1px -1px 1px #6E61FF;
	
}