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

@font-face {
  font-family: 'FuturaT';
  src: url('../fuentes/FuturaT.eot'); /* IE9 Compat Modes */
  src: url('../fuentes/FuturaT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fuentes/FuturaT.woff') format('woff'), /* Modern Browsers */
       url('../fuentes/FuturaT.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fuentes/FuturaT.svg#1aaf6ff8c0aa3941212fcc36d7a49e44') format('svg'); /* Legacy iOS */}
@font-face {
  font-family: 'Century Gothic';
  src: url('../fuentes/gothic.eot');/* IE9 Compat Modes */
  src: url('../fuentes/gothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fuentes/gothic.woff') format('woff'), /* Modern Browsers */
       url('../fuentes/gothic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fuentes/gothic.svg#13db03934b676bad49f0835d401d12db') format('svg'); /* Legacy iOS */
} 
html{font-family: 'FuturaT', 'Century Gothic';
background: #062d80;}
body {
	margin:0px;
}
h1 { font-size:32px;}	
h2 { font-size:22px; padding-top:0; margin-top:0; font-weight:normal;}	   
p {font-size: 1.5em;}	   
.logo {
	position:absolute;
	width:130px;
	height:120px;
	color: #FFF;
	top:0px;
	left: 20px;
	background:url(../img/oxford-educacion.png) no-repeat center #ffffff;
	z-index: 99;
	border: #333333 solid 1 px;
	-webkit-border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 0px 5px 5px;
-ms-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
}
.esenciales {
	cursor:pointer;
	width:30%;
	padding-top: 4em;
	margin:0 auto;
}
.white {	
	text-align:center;
	padding: 1em 3em 10px 3em;
	color: #FFF; 
}
#seccion {
	height: 420px;
	min-width: 975px;
	border-bottom: 5px  solid #ffffff;
	;
	border-left: 5px solid #ffffff;
}
.one {
	background:url(../img/bio.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}
.two {
	background:url(../img/historia.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.three {
	background:url(../img/fyq.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.four {
	background:url(../img/literatura.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.five {
	background:url(../img/mates.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.six {
	background:url(../img/tecno.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.seven {
	background:url(../img/contemporaneo.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.eight {
	background:url(../img/filosofia.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.nine {
	background:url(../img/literaturauniversal.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
}

.box2 {	
	background: url('../img/bg2.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 53%;
	float: right;
	margin: 0;
	padding: 0em 5% 1em 0;
	height: 96%;
	text-align:right;
}

.box3 {	
	background: url('../img/bg2.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 53%;
	float: left;
	margin: 0;
	padding: 0em 0 1em 5%;
	height: 96%;
	text-align:left;
}

.box { background: url('../../ESENCIALES/landing/../img/bg.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

width: 42%;
float: right;
margin: 0;
padding: 0em 4% 1em 4%;
height: 96%;}
.box h1, .box2 h1{
	color: #10182A;
padding-top:1em;
}
.clear {clear: both;}
.boton {
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #EA721F;
	cursor:pointer;
	float:right;
	text-align:center;
	color: #FFF;
	padding: 0.8em;
	margin: 0 5px;
}
.azul {
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #10182A;
	cursor:pointer;
	float:right;
	text-align:center;
	color: #FFF;
	padding: 0.8em;
	margin: 0 5px;
}

@media screen and (max-width: 300px) {
    body {
        
		margin:0px;

    }
}

.info {
	height: 50px;
	padding-top: 34px;
	font-size: 15px;
}
.muestras {
	padding-top: 20px;
	height:60px;
	font-size: 15px;
}
/* FOOTER*/

.footerpage {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #2B2B2B;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.footerpage .bottomlinks {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
  position: relative;
  height: auto;
  padding-top: 10px;
  padding-bottom: 40px;
  z-index: 0;
  background-color: #2B2B2B;
}
.footerpage .bottomlinks .cont {
  text-align: left;
}
.footerpage .bottomlinks .footerlinks {
  position: relative;
  float: left;
  width: 140px;
  height: auto;
  color: #9C9C9C;
  margin-left: 6px;
  z-index: 1;
  font-size: 0.938em;
}
.footerpage .bottomlinks .footerlinks:first-child {
  margin-left: 50px;
}
.footerpage .bottomlinks .listfooterlinks > li {
  list-style-type: none;
  text-align: left;
  margin-top: 8px;
}
.footerpage .bottomlinks .listfooterlinks > li h4 {
  /* Para ver en Maqueta */
  font-weight: bold;
  padding-bottom: 10px;
  color: white;
  text-transform: uppercase;
}
.footerpage .bottomlinks .listfooterlinks > li h4 a {
  font-weight: bold;
  padding-bottom: 10px;
  color: white;
  text-transform: uppercase;
}
.footerpage .bottomlinks .listfooterlinks > li a {
  text-decoration: none;
  color: #9C9C9C;
}
.footerpage .bottomlinks .listfooterlinks > li a:hover {
  text-decoration: none;
  color: #C3CDCD;
}
.footerpage .bottomcontact {
  position: relative;
 /*height: 94px;*/
  background-color: #1F1F20;
}
.footerpage .bottomcontact .bottomcontacttop {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  height: 58px;
  position: relative;
  background-color: #1F1F20;
}
.footerpage .bottomcontact .bottomcontacttop .cont {
  text-align: left;
}
.footerpage .bottomcontact .bottomcontacttop #ico-oxfordWhite {
  position: absolute;
  top: 25px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-soporte {
  position: absolute;
  left: 150px;
  top: -26px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-youtube {
	position: absolute;
	left: 490px;
	top: -22px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-fb {
  position: absolute;
  left: 475px;
  top: -22px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-compraOnline {
  position: absolute;
  right: 100px;
  top: -49px;
  display: block;
}
.footerpage .bottomcontact .bottomcontacttop #ico-compraOnline img {
  width: 60px;
  margin-top: 20px;
  margin-right: 40px;
}
.footerpage .bottomcontact .bottomcontactbottom {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
  height: 40px;
  padding-top: 10px;
  font-size: small;
  position: relative;
  background-color: #1F1F20;
}
.footerpage .bottomcontact .bottomcontactbottom .cont {
  text-align: left;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft {
  float: left;
  list-style-type: none;
  text-align: left;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft li {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft a {
  text-decoration: none;
  color: #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft a:hover {
  text-decoration: none;
  color: #C3CDCD;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft #contactfirst {
  padding-left: 0;
  border: 0;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright {
  float: right;
  list-style-type: none;
  text-align: right;
  position: relative;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright li {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright a {
  text-decoration: none;
  color: #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright a:hover {
  text-decoration: none;
  color: #C3CDCD;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright #contactfirsttwo {
  padding-left: 0;
  border: 0;
}
.footerpage .bottomlegal {

  position: relative;
  /*height: 53px;*/
  background-color: #000000;
  font-size: small;
  border-bottom: 1px solid #000000;
}
.footerpage .bottomlegal p {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
  position: relative;
  float: none;
  padding-top: 10px;
  color: #797979;
  text-align: center;
  background-color: #000000;
  padding-bottom: 17px;
  border-bottom: 1px solid #000000;
  font-size: 14px;
}
.footerpage .bottomlegal p .cont {
  text-align: left;
}
.footerpage .bottomlegal p a {
  float: none;
  text-decoration: none;
  color: #797979;
  border-left: 1px solid #797979;
  padding-left: 5px;
  padding-right: 5px;
}
.footerpage .bottomlegal p a:hover {
  color: #C3CDCD;
}
.footerpage .bottomlegal p #legalfirst {
  border: 0;
}

.pastilla{
-webkit-border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px;
-ms-border-radius:0px 5px 5px 0px;
-o-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;
background-color: #a8d437;
font-size: 30px;
color: #ffffff;
padding: 5px 10px 5px 30px;
float: left;
cursor:pointer;
margin: 30px 0;
-webkit-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
-moz-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
-ms-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
-o-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
box-shadow:0 5px 4px rgba(0, 0, 0, .5);}

.pastillader {
	-webkit-border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-ms-border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
	border-radius:5px 0px 0px 5px;
	font-size: 30px;
	color: #ffffff;
	padding: 5px 10px 5px 30px;
	float: right;
	margin: 30px 0;
	-webkit-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-ms-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-o-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	box-shadow:0 5px 4px rgba(0, 0, 0, .5);
}

.contenido {
	width:95%;
	float: right;
	background: #ffffff;
}
.banda {width: 100%; }

.cubierta {
	width: 150px;
	height: 187px;
	margin-left: 20px;
	float: right;
	-webkit-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-ms-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-o-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	box-shadow:0 5px 4px rgba(0, 0, 0, .5);
}

.pad {padding-top: 5%;}

.cubiertal {
	width: 150px;
	height: 187px;
	margin-right: 20px;
	float: left;
	-webkit-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-ms-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	-o-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
	box-shadow:0 5px 4px rgba(0, 0, 0, .5);
}

.clil {
	background-color: #EB1257;
	color: #FFF;
	padding: 10px 35px;
	text-align: center;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-ms-border-radius: 0px 5px 5px 0px;
	-o-border-radius: 0px 5px 5px 0px;
	border-radius: 5px 5px 0px 0px;
	float: right;
	cursor: pointer;
	margin-right: 10px;
}

.eso {background-color:#199ACF; color:#FFF; padding:10px 35px; text-align: center; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -ms-border-radius:0px 5px 5px 0px; -o-border-radius:0px 5px 5px 0px; border-radius:5px 5px 0px 0px; float: right; cursor: pointer; margin-right: 3px;}
.bach {background-color:#F96630; color:#FFF; padding:10px 35px; text-align: center; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -ms-border-radius:0px 5px 5px 0px; -o-border-radius:0px 5px 5px 0px; border-radius:5px 5px 0px 0px; float: right; cursor: pointer; margin-right: 3px;}
.decreto {-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-ms-border-radius:5px 5px 5px 5px;
-o-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
background-color: #ce0427;
font-size: 24px;
color: #ffffff;
padding: 5px 15px;
margin: 0 auto 30px auto;
cursor:pointer;
width: 15%;
-webkit-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
-moz-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
-ms-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
-o-box-shadow:0 5px 4px rgba(0, 0, 0, .5);
box-shadow:0 5px 4px rgba(0, 0, 0, .5);
text-align:center;}