body{
 margin: 0 auto;
	background-color: #aa9ccb;
	font-family: 'Roboto', sans-serif;
}

/* Header
********************************************************************* */

p{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.titulo1{
  width: 30%;
  padding-bottom: 10px;
}

/* Buscador
********************************************************************* */

.buscador{
  height: auto;
  background-color: white;
  box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  text-align: center;
  padding: 20px;

}

.botonbuscar{
  background-color: #eb008b;
  color:white;
}

.botonbuscar:hover{
  background-color: #b50074;
  color:white;
  }


/* Wikitemas
********************************************************************* */

.wikitema-e{
   background-color: white;
  box-shadow: 7px 10px 17px 0px rgba(121,97,169,0.5);
  border-radius: 20px;
  height: 300px;
  width: 400px;
  margin-bottom: 50px;
  z-index: 9;
}
.wikitema{
  background-color: white;
  box-shadow: 7px 10px 17px 0px rgba(121,97,169,0.5);
  border-radius: 20px;
  height: auto;
  width: 400px;
  margin-bottom: 50px;
  z-index: 9;
}

.centrados{
  text-align: center;
}

.titulo_wiki{
  background-color: #eb008b;
  width: 100%;
  border-radius:20px 20px 0px 0px;
  padding-top: 17px;
}

.textcon{
 color: white;
  font-size: 2em;
  font-weight: 900;
}

.texto_wiki{
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.noserif{
  font-family: "Constantia", serif;
}



/* Botones
********************************************************************* */

.button:after {
  background: white;
}

/*GRADIENTS*/
  /*RED*/
  .b-red, .b-red:before {
    background: #ff75ab;
    background: -moz-linear-gradient(270deg, #ff75ab 42%, #ed3d83 100%);
    background: -webkit-linear-gradient(270deg, #ff75ab 42%, #ed3d83 100%);
    background: -o-linear-gradient(270deg, #ff75ab 42%, #ed3d83 100%);
    background: -ms-linear-gradient(270deg, #ff75ab 42%, #ed3d83 100%);
    background: linear-gradient(270deg, #ff75ab 42%, #ed3d83 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF75AB', endColorstr='#ED3D83', GradientType=1 );
  }
/*END GRADIENTS*/
/*BASE BUTTON*/
.button {
  width: 90%;
  display: inline-block;
  position: relative;
  border-radius: 3px;
  text-decoration: none;
  padding: .5em;
  margin: .5em;
  font-size: 1em;
  font-weight: bold;
  transition: all .5s;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 40px;
}
.button:hover {
  text-shadow: 0px 0px 0px rgba(255, 255, 255, .75);
}
.button:hover:after {
  left: 100%;
  top: 100%;
  bottom: 100%;
  right: 100%;
}
.button:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 5px;
  transition: all .5s;
}
.button:after {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  z-index: -1;
  border-radius: 5px;
  transition: all .5s;
}

/* 
  ##Dispositivo = Desktops
  ##Resolucion = 1281pxo mayorresolusion desktops
*/

@media (min-width: 1401px) {
  
 .titulo{
 width: 110%;
    transform: translateX(70px);
    padding-top: 49px;
}
.textohead{
  background-image: url("../img/wiki/back2.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
  box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 20px;
  padding:60px;
  padding-left: 100px;
}
.imghead{
  height: auto;
}
}

/* 
  ##Dispositivo = Laptops, Desktops
  ##Resolucion = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1400px) {
  
   .titulo{
 width: 128%;
    transform: translateX(29px);
    padding-top: 70px;
}
.textohead{
  background-image: url("../img/wiki/back.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
   box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 20px;
  padding:60px;
  padding-left: 100px;
}
  .imghead{
  height: auto;
}
}

/* 
  ##Dispositivo = Tablets, Ipads (vertical)
  ##Resolucion = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
     .titulo{
width: 138%;
    transform: translateX(29px);
    padding-top: 70px;
}
.textohead{
  background-image: url("../img/wiki/back.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
   box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding:60px;
  padding-left: 100px;
}
  .imghead{
  height: auto;
}
}

/* 
  ##Dispositivo = Tablets, Ipads (horizontal)
  ##Resolucion = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: horizontal) {
  
   .titulo{
 width: 129%;
    transform: translateX(44px);
    padding-top: 60px;
}
.textohead{
  background-image: url("../img/wiki/back1.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
   box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  margin-top: 50px;
  padding:60px;
  padding-left: 100px;
}
.imghead{
  height: auto;
}
}
/* 
  ##Dispositivo = Tablets de baja resolucion y telefnos Mobiles (horizontal)
  ##Resolucion = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .titulo{
   width: 64%;
    transform: translateY(25px);
    margin-left: 24%;
   } 
   .textohead{
  background-image: url("../img/wiki/back1.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.head{
  background-color: #ffffff;
   box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  margin-top: 50px;
  padding:60px;
}
.imghead{
  height: 227px;
}

}

/* 
  ##Dispositivo = Mayoria de telefonos moviles (vertical)
  ##Resolucion = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.titulo{
     width: 64%;
    transform: translateY(25px);
    margin-left: 24%;
   } 
.textohead{
  background-image: url("../img/wiki/back1.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.head{
  background-color: #ffffff;
   box-shadow: 7px 10px 17px 0px rgba(77,99,64,0.3);
  border-radius: 20px;
  margin-top: 50px;
  padding:60px;
}
.imghead{
  height: 227px;
}
}

/* Footer Section
********************************************************************* */
.footer-basic-centered{
	background-color: #000;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	height: 11%;
	text-align: center;
	font: normal 18px sans-serif;
	padding: 5px;
	margin-top: 80px;
    z-index: 999;
}
.footer-basic-centered .footer-santillana{
	color: #b0b2b6;
	font-size: 0.7em;
	margin: 0;
	padding: 5px;
}
.footer-basic-centered img{
	max-width:80%;
}
/* footer responsive*/
@media (max-width: 600px) {

	.footer-basic-centered{
		padding: 5px;
	}
	.footer-basic-centered .footer-santillana{
		font-size: 12px;
	}

}
footer{
	position: fixed;
	bottom: 0;
}