@charset "utf-8";
/* CSS Document */
body, td, th {
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
 /*background: #E2E2E2;*/
 background-image: url("https://1.bp.blogspot.com/-1vbDm_sjNEc/YbD2ZxHRNlI/AAAAAAAABXs/v7oacagnfIY8QN_UpdzSSzOxLZRkH77MQCNcBGAsYHQ/s1890/fondo_papel.jpg");
}
/*=============== MENÚ SCHOOLS ========================*/
#barra {
 z-index: 10;
 width: 100%;
 text-align: center;
 /*background: #8B0336;*/
 background-image: url("../Imagenes/Cobre-Barra.jpg");
 box-shadow: 0px 4px 5px rgba(118, 105, 69, 1.0), 0px -2px 3px rgba(118, 105, 69, 1.0);
}
.dropdown {
 position: relative;
 display: inline-block;
}
.dropdown-content {
 width: 100%;
 display: none;
 position: absolute;
 /*background-color: #C12727;*/
 background-image: url("../Imagenes/Cobre-Submenu.jpg");
 background-position: center;
 z-index: 1;
 box-shadow: 2px 2px 2px 1px rgba(118, 105, 69, 0.7), -2px 2px 2px 1px rgba(118, 105, 69, 0.7);
}
.dropdown-content a {
 /*width: 100%;*/
 display: block;
 text-align: center;
 color: #FFFFFF;
 padding: 6px;
 font-size: 1em;
 text-decoration: none;
 transition: all ease 0.4s;
 -webkit-transition: all ease 0.4s;
}
.dropdown-content a:hover {
 color: black;
 transition: all ease 0.4s;
 -webkit-transition: all ease 0.4s;
 background-image: url("https://1.bp.blogspot.com/-1vbDm_sjNEc/YbD2ZxHRNlI/AAAAAAAABXs/v7oacagnfIY8QN_UpdzSSzOxLZRkH77MQCNcBGAsYHQ/s1890/fondo_papel.jpg");
}
.dropdown:hover .dropdown-content {
 display: block;
}
.dropdown:hover .dropbtn {
 transition: all ease 0.4s;
 -webkit-transition: all ease 0.4s;
 color: #000000;
 background-image: url("https://1.bp.blogspot.com/-1vbDm_sjNEc/YbD2ZxHRNlI/AAAAAAAABXs/v7oacagnfIY8QN_UpdzSSzOxLZRkH77MQCNcBGAsYHQ/s1890/fondo_papel.jpg");
}
button {
 width: 13em;
}
.dropbtn {
 background-image: url("../Imagenes/Cobre-Barra.jpg");
 color: white;
 padding: 6px;
 font-size: 0.90em;
 border: none;
}
.dropbtn a {
 /*== INSTRUCCIÓN display: block PARA QUE LA TIPOGRÁFÍA SE PONGA NEGRA AL PASAR EL CURSOR SOBRE LA CELDA =====*/
 display: block;
 color: #FFFFFF;
 text-decoration: none;
}
.dropbtn a:hover {
 color: black;
 text-decoration: none;
}
/*=============================  FÍN DE MENÚ SCHOOLS ===================*/
/*========== PARA MENÚ PEGAJOSO DE JAVASCRIPT ======*/
.fixed {
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 display: block;
 transition: all .3s;
}
.fixed2 {
 position: fixed;
 top: 0;
 left: 0;
 display: block;
 transition: all .3s;
}
/*============ PARA DISPOSITIVOS =============*/
/*======== TAMAÑO DEL TABLET 1280x800 ===================*/
/*======== TAMAÑO DEL MOVIL 1440x720 ===================*/
@media screen and (max-width: 1098px) {
 body {
  /*background: #E2E2E2;*/
  background-image: url("https://1.bp.blogspot.com/-1vbDm_sjNEc/YbD2ZxHRNlI/AAAAAAAABXs/v7oacagnfIY8QN_UpdzSSzOxLZRkH77MQCNcBGAsYHQ/s1890/fondo_papel.jpg");
  width: 100%;
 }
 #seccion h1, #apartado h1 {
  font-size: 1.7em;
 }
 #logo {
  width: 2.65em;
 }
}
@media screen and (max-width: 960px) {
 #wrapper {
  width: 100%;
  margin: 0 auto;
 }
}
@media screen and (max-width: 672px) {
 body {
  background-image: url("https://1.bp.blogspot.com/-1vbDm_sjNEc/YbD2ZxHRNlI/AAAAAAAABXs/v7oacagnfIY8QN_UpdzSSzOxLZRkH77MQCNcBGAsYHQ/s1890/fondo_papel.jpg");
  /*font-size: 0.95em;*/ /*font-size: 1em;*/
 }
 /*.dropbtn, .dropdown, .dropdown-content {
  font-size:0.95em;
 }
 .dropbtn a, .dropdown a, .dropdown-content a {
  font-size: 0.95em;
 }*/
 #column1 {
  width: 100%;
 }
 #column2 {
  width: 100%;
 }
 #column3 {
  width: 100%;
 }
}
@media screen and (max-width: 640px) {
 #wrapper {
  width: 100%;
  margin: 0 auto;
 }
 #seccion h1, #apartado h1 {
  font-size: 1.3em;
 }
 #logo {
  width: 2em;
 }
}
@media screen and (max-width: 480px) {
 #wrapper {
  width: 100%;
  margin: 0 auto;
 }
}