@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding:0;
	font-family:'Open Sans', sans-serif;
}
image {border:none;}
h1 {
	font-family:'Oswald', sans-serif;
	font-weight: 400;
	font-size: 42px;
	font-style: normal;
}
h2 {
	font-family:'Oswald', sans-serif;
	font-weight: 400;
	font-size: 32px;
	font-style: normal;
}
h3 {
	font-family:'Oswald', sans-serif;
	font-weight: 400;
	font-size: 26px;
	font-style: normal;
}
/*a {color:#fff; text-decoration:none;}*/
.top {
	background-color:#fff;
	text-align:center;
	height:auto;
	width:100%;
}
.logo {
	background-image: url(../IMAGES/logo_oxford_edu.png);
	background-repeat:no-repeat;
	background-position:center;
	display: inline-block;
	height:120px;
	width:50%;
}
.direccion {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	height:auto;
	text-align:center;
	width:40%;
}

/*para menu responsive*/
header {
	background:#fdfdfd;
	height:48px;
	margin:auto;
	position: static;
	width:100%;
	z-index:99;
}
/*header { width:90%; height:120px; background:#fff; position: static; margin:auto; z-index:99;}*/
#btn-menu {display:none;}
header label {
	border-right:1px solid #fff;
	display:none;
	height:30px;
	padding:10px;
	width:30px;
}
header label:hover {
	background:#c0e600;
	cursor:pointer;
}
.menu ul {
	display:flex;
	flex-direction:row;
	justify-content: center;
	margin:0;
	list-style:none;
	padding:0;
}
/*.menu li {flex-grow:1; text-align:center;}*/
.menu li {margin-top: auto; }
.menu .active a{
	background-color:#aaa;
	color: #fff;
}
.menu li:hover > a{
	background:#ccf817;
	color: #000;
}
.menu li a {
	color: #000;
	display:block;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	padding: 15px 20px;
	text-decoration: none;
}

/*-----------------------menu papers-------------------------------*/
.menu_papers ul {
	display:flex;
	flex-direction:column;
	justify-content: center;
	margin:0;
	list-style:none;
	padding:0;
	width:100%;
}
/*.menu li {flex-grow:1; text-align:center;}*/
.menu_papers li {
	background:#f5f5f5;
	margin-top: auto;
}
.menu_papers .active a{
	background:#000;
	color: #fff;
}
.menu_papers li:hover > a{
	background:#ffcc00;
	color: #2e2e2e;
	text-decoration: none;
}
.menu_papers li a {
	color: #2e2e2e;
	display:block;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	padding: 15px 20px;
	text-decoration: none;
}
/*----------boton ir arriba ---------------------------------------*/
.ir-arribacircle {
	display:none;
	padding:20px;
	background-color:#d5ff00;
	font-size:20px;
	color:#010101;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.ir-arriba{
	display:none;
	padding:20px;
	background-color:#d5ff00;
	font-size:20px;
	color:#010101;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/*----------angrandar imagen over mouse ---------------------------------------*/
.zoomIt{
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.zoomIt:hover{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}

.zoomIt-mesa{
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.zoomIt-mesa:hover{
-moz-transform: scale(1.8);
-webkit-transform: scale(1.8);
-o-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8)
}
/*----------------CONTENIDO-------------------------*/
#content { /*estilo contenido index */
	width:90%; /*1220px;*/
	height:auto;	
	margin:auto;
	background-color: #fff;
}
#content-galeria { /*estilo contenido index */
	width:100%; /*1220px;*/
	height:auto;	
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;
	background-color: #fff; text-align:center;
}

#content_footer { /*seccion amarilla */
	width:100%; /*1220px;*/
	height:auto;	
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ccf817;
	text-align:center;
}

footer {
	background: #5a5a5a;
	background:-webkit-linear-gradient(top, #5a5a5a, #222222);
	background: -moz-linear-gradient(top, #5a5a5a, #222222);
	background: -ms-linear-gradient(top, #5a5a5a, #222222);
	background: -o-linear-gradient(top, #5a5a5a, #222222);
	background: linear-gradient(to bottom, #5a5a5a, #222222);
	color: #fff;
	font-family:'Quicksand', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	height:auto;
	margin:auto;
	text-decoration: none;
	text-align:center;
	padding-top:20px;
	width:100%;
}
#footer_copyright {
	background-color:#010101;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 10px;
	height:50px;
	margin:auto;
	text-align:center;
	width:auto;
}
.unacol_endoscols {
	border-color: #f0f0f0;
	border-radius: 8px;
	border-style: solid;
	border-width: 3px;
	display: inline-block;
	height: auto;
	margin-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	text-align: justify;
	vertical-align:top;
	width:90%;
}
.doscols_content {
	display: inline-block;
	width:44%;
	height: auto;
	padding-left:20px; padding-right:20px;
	text-align: justify;
	vertical-align:top;
}
.trescols_content {
	display: inline-block;
	width:29%;
	height: auto;
	padding-left:20px; padding-right:20px;
	text-align: justify;
	vertical-align:top;
}
.trescols_endoscols {
	display: inline-block;
	width:29%;
	height: auto;
	padding-left:5px; padding-right:5px;
	text-align: justify;
	vertical-align:top;
}
.trescols_footer {
	display: inline-block;
	width:29%;
	height: auto;
	padding-left:20px; padding-right:20px;
	text-align:left;
}
.trescols_footer a{color:#fff; text-decoration:none;}
.trescols_footer a:hover {color:#fff; text-decoration:underline;}
.cuatrocols_footer {
	display: inline-block;
	width:20%;
	height: auto;
	padding-left:5px; padding-right:5px;
	text-align:left;
}
.cuatrocols_footer a{color:#fff; text-decoration:none;}
.cuatrocols_footer a:hover {color:#ccf817; text-decoration:underline;}
.boxcontent {
	display: inline-block;
	width: 90%;
	height: auto;
	/*margin: 1em;16px*/
	padding: 20px;
	text-transform: none;
	text-align: justify;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;
}
.boxcontent_center {
	display: inline-block;
	width: 90%;
	height: auto;
	/*margin: 1em;16px*/
	padding: 20px;
	text-transform: none;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;
	background-color:#dffcfe;
}
.boxcolx4 {
	display: inline-block;
	width:20%;
	height: auto;
	padding: 0px;
	text-transform: none;
	text-align: justify;
	vertical-align:top;	
}
.boxcol-rsociales {
	display: inline-block;
	width: 98%;
	height: auto;
	padding-top:20px;
	text-align: center;
	vertical-align:top;	
}
.boxcol_texto-dosfotos {
	display: inline-block;
	width:40%;
	height: auto;
	background-color: #FFF;
	padding-left:20px; padding-right:20px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px;
	text-align: justify;
	text-transform: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;	
}
.boxfooter{
	display: inline-block;
	width:98%;
	height: auto; padding-left:20px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px;
	text-transform: none;
	text-align: left;
	vertical-align:top;	
}
.imgfooter {
	display: inline-block;
	width: 65px;
	height: 50px;
	margin: 16px;/*4em*/
	padding: 0px;
	text-align: center;
	vertical-align:top;
}
.video_responsive {
	max-width:560px;
	min-height:315px;
	height:100%;
	width:100%;
}
/*-----CONTACTENOS-----*/

#contact-form input, #contact-form textarea{
	background:rgba(255,255,255,0.7);
	border:0; font-size:16px;
	color:#141414;
	font-family:'Open Sans', sans-serif;
	padding:5px 8px;
	resize:none
}
#contact-form input{
	border-width:1px;
	border-color:#141414;
	border-style:solid;
	height:12px;
	width:260px;
}
#contact-form textarea{
	border-width:1px;
	border-color:#141414;
	border-style:solid;
	height:73px;
	width:260px;
}
#contact-form #btnSubmit{
	background-color: #00000d;
	border:0;
	color:#fff;
	cursor:default;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	height:31px;
	padding:0 20px 0 20px;
	text-transform:none;
	width:auto;
}
#contact-form #btnReset{
	background-color: #00000d;
	border:0;
	color:#fff;
	cursor:default;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	height:31px;
	padding:0 20px 0 20px;
	text-transform:none;
	width:auto;
}

/*-----IMAGENES RESPONSIVE-----*/

.img_borde {
	border: solid;
	border-color: #f0f0f0;
	border-width:3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  	box-shadow: 1px 1px 2px #666666;
	-webkit-box-shadow: 1px 1px 2px #666666;
	-moz-box-shadow: 1px 1px 2px #666666;
	margin:auto;
}
.img_content_borde {
	border: solid;
	border-color: #fff;
	border-width:3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
 	box-shadow: 1px 1px 2px #666666;
	-webkit-box-shadow: 1px 1px 2px #666666;
	-moz-box-shadow: 1px 1px 2px #666666;
	height:100%;
	width:100%;
}
.img_content {
	border: solid;
	border-color: #fff;
	border-width:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height:100%;
	width:100%;
}
.img_content_600 {
	border: solid;
	border-color: #fff;
	border-width:0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:100%;
	max-width:600px;
	width:100%;
}
.img_content_card {
	border: solid;
	border-color: #fff;
	border-width:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height:100%;
	max-height:320px;
	width:100%;
}
.img_content_sombra {
	border: solid;
	border-color: #fff;
	border-width:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 1px 1px 2px #666666;
	-webkit-box-shadow: 1px 1px 2px #666666;
	-moz-box-shadow: 1px 1px 2px #666666;
	width:100%;
	height:100%
}
.img_content_top {
	border: solid;
	border-color: #fff;
	border-width:0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height:98%;
	width:98%; }
.img_content_habit {
	border: solid;
	border-color: #fff;
	border-width:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 1px 1px 2px #666666;
	-webkit-box-shadow: 1px 1px 2px #666666;
	-moz-box-shadow: 1px 1px 2px #666666;
	height:90%;
	width:90%;
}

/* ---------------------- SOCIAL LINKS --------------------------*/
#facebook a {
  width: 40px;
  height: 40px;
  background-image:url(../IMAGES/sn-facebook.png);	
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;  
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
#facebook a:hover {
	background-image:url(../IMAGES/sn-facebook_active.png);
}

#twitter a {
  width: 40px;
  height: 40px;
  background-image: url(../IMAGES/sn-twitter.png);	
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;  
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

#twitter a:hover {
	background-image: url(../IMAGES/sn-twitter_active.png);
}

#linkedin a {
  width: 40px;
  height: 40px;
  background-image: url(../IMAGES/sn-linkedin.png);	
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;  
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
#linkedin a:hover {
	background-image: url(../IMAGES/sn-linkedin_active.png);
}

/*---------------RESPONSIVE EN CONTENEDORES/COLUMNAS -----------------*/
@media (max-width:768px) {
	#content { /*estilo contenido index */	width:100%; }
	#content-galeria { /*estilo contenido index */ width:100%; }
	#content_footer { /*seccion amarilla */	width:100%; }
	footer {width:100%;}
	.boxcolx4 { width:100%;}
	.boxcol {width: auto;}
	.boxcol_texto-dosfotos {width: 90%;}
	.doscols_content {width: 90%;}
	.trescols_content {width: 90%;}
	.trescols_endoscols {
		font-size: 12px;
		width:46%;
	}
	.trescols_footer {width: 90%;}
	.cuatrocols_footer {width: 90%;}

	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	.logo{
		display: none;
	}
	header {
		background: #fdfdfd;
		background-image:url(../IMAGES/logo_oxford_edu_lt.png);
		background-repeat:no-repeat;
		background-position:center;
		height:auto;
		width:100%;
		position: relative;
	}
	header label {display:block;}
	.menu {position:absolute;
		background:#fdfdfd;
		width:70%;
		margin-left:-70%;
		transition: all 0.5s;
	}
	.menu ul {flex-direction:column;}
	.menu li {
		border-top: 1px solid #f0f0f0;
		margin-top:1px;
	}
	#btn-menu:checked ~ .menu {margin:0;}
}