*, *:before, *:after {box-sizing: border-box;}
html {background: url("./img/formulas.gif");background-size: 50%;}
html,body{font-family: 'Noto Serif', serif, Calibri,Verdana,sans-serif;font-weight:400;font-size:1.2vw;line-height:1.2;margin:0px;padding:0px;}html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family: 'Architects Daughter', cursive;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
h1{font-size:4vw;}h2{font-size:3vw;}h3{font-size:2.8vw;}h4{font-size:2.5vw;}h5{font-size:2vw;}h6{font-size:1.8vw;}.w3-serif{font-family:serif}
p{font-size:1.44vw;}
ul.empty {list-style-type:none;margin:0px;padding:0px;}
ul li {padding:0 0.8vw 0 0.8vw;}
a{text-decoration: none;}
a:link {} /* unvisited link */
a:visited {color:;} /* visited link */
a:hover {}
a:active {color:;} /* selected link */
button {
    background-color: inherit;
	padding:0px;
    border: none;
    outline: none;
    cursor: pointer;
}
input[type=checkbox]:checked ~ div {}

:root {--colorcorp: rgba(17, 80, 159, .96)/*#11509f*/;}

.clearfix::after {content: "";clear: both;display: table;}

.container {}
.header {display: flex;display: -webkit-flex; /* Safari */  justify-content: space-between;}
.logo {max-width:57%; /*min-height:290px;*/ padding:1.5vw;margin-left:8vw;text-align:right;flex-grow:3;}
.logo img {width:100%;max-width:500px;}
.ficha_contacto{min-width:22.8vw;padding:0.5vw;padding-top:2vw;margin-right:10%;background-color: rgba(255, 255, 255, 0.9);border-radius: 0vw 0vw 1vw 1vw;align-self:flex-start;}
.ficha_contacto a:hover li {background-color:#11509f;color:white;border-radius: 0.2vw;} /* mouse over link */
.ficha_contacto a:hover svg {color:white;} /* mouse over link */
.ficha_contacto li svg {color:#11509f;}
.grado {padding-left:0px;font-size:1.1vw;}
.contact_text {font-size:1.48vw;line-height: 1.2;}
.bigtext {font-size:2vw;line-height:2;}
.smalltext {font-size:1vw;text-transform: capitalize;font-style:normal;}
.content {display: flex;display: -webkit-flex; /* Safari */ width:80%;margin-bottom:2vw;flex-direction: column;justify-content: space-between;}
.contenido {display: flex;display: -webkit-flex; /* Safari */ width:100%;padding:0.8vw;background-color: var (--colorcorp);border-radius: 0vw 0vw 1vw 1vw;justify-content: space-between;}
.bloque {text-align:center;background-color:rgba(255, 255, 255, .8);padding:1.8vw;border-radius:0.5vw;flex-wrap:nowrap;}
.title {display:block;background-color:rgba(255, 255, 255, .8);margin:0.2vw;border-radius:0.2vw;line-height: 1.4;}
#about {}
#about .bloque {}
#about .bloque:last-child {order:3;width:34%;margin-left:0.8vw;}
.bio {min-width:20%;}
.biopic {max-width:287px;width:90%;}
#offer {max-width:36vw;float:left;position:fixed;left:0px;top:0px;padding:2vw 2vw 1vw 2vw;margin:;background-color: rgba(17, 80, 159, .96);color:white;text-align:center;font-size:1em;
  border-radius: 0vw 0vw 1vw 0vw;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);}
#offer button {width:100%;color:white;background-color:transparent;}
#offerbutton {display:none;float:left;position:fixed;min-width:10vw;left:20px;top:0px;padding:2vw;background-color: rgba(17, 80, 159, .96);text-align:center;font-size:1em;
  border-radius: 0vw 0vw 1vw 1vw;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);}
#offerbutton button {color:white;background-color:transparent;}
button touch {background-color: var (--colorcorp);padding:1vw;border: none;outline: none;cursor: pointer;}

.flex {display: flex;display: -webkit-flex; /* Safari */ }

.wide50 {width:50%;}
.margin_l {margin-left:1vw;}
.center_text {text-align:center;}
.center{margin-left:auto;margin-right:auto;}
.right{margin-left:auto;}
.white_bg {background-color:rgba(255, 255, 255, .8);border-radius: 1vw 1vw 1vw 1vw;}

 /* Style the tab */
.tab {display:flex;	display: -webkit-flex; /* Safari */ width:100%;overflow: hidden;justify-content: space-around;}
/* Style the buttons that are used to open the tab content */
.tab button {width:100%;font-family: 'Architects Daughter', cursive;font-size:2vw;text-transform: uppercase;color:rgba(255, 255, 255, .75);background-color: rgba(17, 80, 159, .75);padding:10px;border: none;outline: none;cursor: pointer;}
.tab button:nth-child(1) {border-radius: 0.5vw 0vw 0vw 0vw;border-right: none; /* Prevent double borders */}
.tab button:last-child {border-radius: 0vw 0.5vw 0vw 0vw;border-right: none; /* Prevent double borders */}
/* Change background color of buttons on hover */
.tab button:hover {color:rgba(255, 255, 255, 1);background-color: rgba(17, 80, 159, .96);}
/* Create an active/current tablink class */
.tab button.active {color:rgba(255, 255, 255, 1);background-color: rgba(17, 80, 159, .96);}
/* Style the tab content */
.tabcontent {display: none;} 


/* ESL */
table {width:; background-color:rgba(255, 255, 255, .9); border-collapse: collapse; padding: 8px;}
table td, table th {border: 1px solid rgba(17, 80, 159, 1);padding: 8px;}
table th {padding-top: 12px;padding-bottom: 12px;background-color: rgba(17, 80, 159, .75);color: white;}
table tr:nth-child(even){background-color:;}
table tr:hover {background-color: rgba(17, 80, 159, .75);color: white;}
table i {font-weight:bold;}
.header_esl {flex-direction: row;justify-content: center;}
.cont_p {display:none;background-color:;}
.perf_p {display:none;background-color:;}
.perfcont_p {display:none;background-color:;}
.negative_p {display:none;background-color:rgba(205, 55, 55, .6);}
.interrogative_p {display:none;background-color:rgba(55, 205, 55, .6);}
.complete_p {display:none;background-color:;}
.translate_p {display:none;background-color:;}
.tobe_p {display:none;background-color:;}

/* [title~=translate] {display:none;} */
#transb {display:none;}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: rgba(17, 80, 159, 1);
}

input:focus + .slider {
  box-shadow: 0 0 1px rgba(17, 80, 159, 1);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

@media screen and (max-width: 1280px) {
	h1{font-size:6vw;}
	h3{font-size:4.2vw;}
	h4{font-size:3.6vw;}
	h5{font-size:2.3vw;}
	h6{font-size:2.7vw;}
	p{font-size:2vw;}
	.logo {margin-left:1vw;}
	.ficha_contacto{margin-right:2.5%;}
	.contact_text {font-size:2vw;}
	.grado {font-size:1.45vw;}
	.smalltext {font-size:1.4vw;}
	.content {width:95%;}
	.contenido {}
	.bloque {padding: 1.4vw;}
	.bloque:nth-child(1) {margin-right: .8vw;}
	#about .bloque {padding:1vw;}
	.biopic {padding-top:1vw;}
	.tab button {font-size:3vw;padding:6px;}
	#offer {max-width:36vw;float:left;position:fixed;left:0px;top:0px;padding:2vw 2vw 1vw 2vw;margin:;background-color: rgba(17, 80, 159, .96);color:white;text-align:center;font-size:2em;
	border-radius: 0vw 0vw 1vw 0vw;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);}
	#offerbutton {font-size:2em;}
	#offerbutton {font-size:2em;}
	}

@media screen and (max-width: 940px) {
	h1{font-size:6vw;}
	h3{font-size:4.2vw;}
	h4{font-size:3.6vw;}
	h5{font-size:2.3vw;}
	h6{font-size:2.7vw;}
	p{font-size:2.4vw;}
	.logo {margin-left:1vw;}
	.ficha_contacto{margin-right:2.5%;}
	.contact_text {font-size:2.7vw;}
	.grado {font-size:1.98vw;}
	.smalltext {font-size:1.9vw;}
	.content {width:95%;}
	.contenido {}
	.bloque {padding: 1.4vw;}
	.bloque:nth-child(1) {margin-right: .8vw;}
	#about .bloque {padding:1vw;}
	.bio {min-width:25%;}
	.biopic {padding-top:1vw;}
	.tab button {font-size:3vw;padding:6px;}
	#offer {max-width:36vw;float:left;position:fixed;left:0px;top:0px;padding:2vw 2vw 1vw 2vw;margin:;background-color: rgba(17, 80, 159, .96);color:white;text-align:center;font-size:2em;
	border-radius: 0vw 0vw 1vw 0vw;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);}
	#offerbutton {font-size:2em;}
	#offerbutton {font-size:2em;}
	}

@media screen and (max-width: 700px) {
	html,body{font-size:1.8vw;}
	h1{font-size:6vw;}
	h3{font-size:5vw;}
	h4{font-size:3.8vw;}
	h5{font-size:2.8vw;}
	h6{font-size:2.8vw;}
	.ficha_contacto{min-width:50vw;}
	.contact_text {font-size:3.4vw;line-height: 1.8;}
	.grado {font-size:2.5vw;}
	.bigtext {font-size:6vw;}
	.smalltext {font-size:2.4vw;}
	.bloque {padding: 0vw;}
	.bio {min-width:35%;}
	.tab button {padding:3px;}
	#offer {max-width:36vw;float:left;position:fixed;left:0px;top:0px;padding:2vw 2vw 1vw 2vw;margin:;background-color: rgba(17, 80, 159, .96);color:white;text-align:center;font-size:2em;
	border-radius: 0vw 0vw 1vw 0vw;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);}
	
@media screen and (max-width: 600px) {
	html,body{font-size:2vw;}
	h1{font-size:10vw;}
	h3{font-size:8vw;}
	h4{font-size:8vw;}
	h5{font-size:5.8vw;}
	h6{font-size:4.6vw;}
	p{font-size:3.8vw;}
	.contenido {flex-direction: column;}
	.bloque {margin:0.8vw;padding-bottom:2vw;}
	.bloque:nth-child(1) {margin-right:;}
	.tab button {font-size:4vw;}
	#about .bloque {width:98%;}
	#about .bloque:last-child {width:98%;order:1;margin:1vw;}
	.biopic {padding-top:2vw;}
	#offer {max-width:24vw;float:left;position:fixed;left:0px;top:0px;padding:2vw 2vw 1vw 2vw;margin:;background-color: rgba(17, 80, 159, .96);color:white;text-align:center;font-size:2em;
	border-radius: 0vw 0vw 1vw 0vw;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);}
}