@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: OpenSans;
    src: url(fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: CircularBold;
    src: url(fonts/CircularStd-Bold.otf);
}
@font-face {
    font-family: CircularBook;
    src: url(fonts/CircularStd-Book.otf);
}
@font-face {
    font-family: Futura;
    src: url(fonts/Futura-Std-Light_19054.ttf);
}


body {
	
	margin:0;
	
	
}
h1{
	
}
h2{
	font-family:CircularBold;
	font-size:3em;
	font-weight:bold;

}
p{
	font-family:Futura;
	font-size:1em;
}

button {o
	
	outline:0;
	border:none;
	background:none;
}
/*GRID SECTION*/
* {
    box-sizing: border-box;
}
/* For mobile phones: */
#menuComplete {
		font-family: CircularBook;
		display:none;
		
}
.flexItem{
	
		width:140px;
		height:140px;
}
#menuCondensed {
	font-family: CircularBook;
	display:block;

}
[class*="col-"] {
		
    width: 100%;
	float: left;
    padding: 5px;
	padding-left:0;
	padding-right:0;
    /*border: 1px solid;
	/border-color:blue;*/
}
#logo img {
	
	padding-top: 5%;
	width:40%;
	position:relative;
	
}
#facebookLogo{
	display:none;
}
#facebookLogo img{
	
	width:70%;
	
}
@media only screen and (min-width: 600px) {
	
	/* For tablets: */
	
	
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
	#menuComplete{
		
		display:block;
		
	}
	#menuCondensed {
		
		display:none;
		
	}
	#logo img {
		width: auto;
	}
	#facebookLogo{
		display:none;
	}
    #facebookLogo img{
	    width: auto;
    }
	.flexItem{
	
		width:200px;
		height:200px;
	}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
@media only screen and (orientation: landscape) {
    body {
        background-color: lightblue;
    }
	#menuComplete{
		
		display:block;
		
	}
	#menuCondensed{
		
		display:none;
		
	}
	
}

.row:after {
    content: "";
    clear: both;
    display: block;
}


/*END OF GRID SECTION*/
nav {
	position:fixed;
	width:100%;
	padding:0;
	background-color: #3F3F3F;
	z-index: 1;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	
}
ul li{
	
	float:right;
	
	
}

li a{
	
	color:#FCF7EC;
	display:block;
	padding: 14px 16px;
	text-decoration:none;
	text-align:center;

}
ul li:hover{
	
	background-color:#666;
	
}
#menuCondensed ul{
	
	position:fixed;
	display:none;
	float: right;
	right:0;
	top:0;
	height:100%;
	z-index:2;
	background-color: #3F3F3F;
	
}
#menuCondensed ul li{
	
	float:none;
	
	
}
#condensedIcon {
	
	position:relative;
	display:block;
	float:right;	
}
#condensedIcon:active ul, #condensedIcon:hover ul{
	
	display:block;
	
	
}
#condensedIcon:hover{
	background-color:#666;
}
header {
	
	position:relative;
	font-family: OpenSans;
	
	/*position:relative;*/
	text-align:center;
	/*height:1000px;*/
	
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	
}
#inicio{
	
	padding-top:5%;
	background-color:#EC1E24;
	
}
#logo img {
	
	position:relative;
    max-height:500px;
	
    height: auto;
	margin-bottom:2%;
	margin-top:4%;
}
#facebookLogo{
	display:none;
}
#facebookLogo img{
	
	max-width:350px;
    height: auto;
	
}
#servicios {
	color:#3F3F3F;
	background-color:#FCF7EC;
	text-align:center;
	height:100%;
}
.amazonAnuncio {
	padding-left: 10%;
	padding-right: 10%;
	font-family: CircularBold;
	font-size: 1em;
}
.flexContainer{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: center;
    justify-content: center;
	padding-top:5%;
	padding-bottom:20%;
	padding-left:5%;
	padding-right:5%;
}
.flexItem{
	
	box-shadow: 10px 10px 5px hsla(0,0%,0%,0.37);
	margin:15px 1px 0% 0%;
	/*padding:5%;
	background-color:#;*/
}
.flexContainer2{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: center;
    justify-content: center;
	/*background-color:#F9ECD1;*/
	
}
.flexItem2 {
	

	width:100%;
	height:100%;
	margin-top: 10%;
	
	
	
}
.flexItem2 img{
	

	width:90%;
	height:90%;
	margin: 5% 5% 5% 5%;
	
	
	
}

.descripcion{
	-ms-transform: scale(0.8,0.8); /* IE 9 */
    -webkit-transform: scale(0.8,0.8); /* Safari */
    transform: scale(0.8,0.8);
	opacity:1;
	margin:15%;
	padding:5%;
	color:#3F3F3F;
	
}
#libros{
	position:relative;
	display:block;
	
}
#libros .row{
	background-color:#F9ECD1;
}
.flexContainer3{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: center;
    justify-content: center;
	
}
.flexItem3{
	
	width:300px;
	padding:20px;
	
}
#bookshelfImage{
	background-color:transparent;
	position:relative;
	height:100px;
	
}
#funBackground{
	
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:0;
}
footer {
	position:relative;
	height:20%;
	background-color:#3F3F3F;
	color:#FCF7EC;
}
.column {
	
	text-align: left;
	width: 100%;
	float: left;
    padding: 15px;
    font-family: CircularBold;
	font-size:1.5em;
	padding-top:50px;
	padding-bottom:50px;
	
}
#copyright{
	
	/*padding-top:200px;
	/padding-bottom:100px;*/
	font-size:0.8em;
	text-align:center;
	font-family: Futura;
}

/*-------------------------------ANIMATION----------------------------------*/

.descripcion {
   
   /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    /*-webkit-transition-delay: 1s;*/
    /* Standard syntax */
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    /*transition-delay: 1s;*/
}