@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,800");
* { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; list-style: none; }

/* ----------------------------- */
h1 { font-size: 3em; }

h2 { font-size: 2.2em; }

h3 { font-size: 1.85em; }

h4 { font-size: 1.45em; }

h5 { font-size: 1.15em; }

h6 { font-size: 0.8em; }

p { font-size: 1em; }

/* ---------------------------------*/
body { font-family: 'Open Sans', sans-serif; }

body .nav_header { width: 100%; display: flex; flex-flow: wrap row; justify-content: space-between; align-items: center; background: #0b88ee; padding: 0.5em 5%; }
body .nav_header .menu_header { display: flex; flex-flow: wrap row; justify-content: space-between; align-items: center; }
body .nav_header .menu_header li { margin: 0 0.8em; }
body .nav_header .menu_header li a { color: #e4e4e4; transition: all .3s ease-out; }
body .nav_header .menu_header li a:hover { color: white; }
body .cont { background: #0b88ee; width: 100%; height: 500px; display: block; padding: 3em 5% 0; }
body .cont .cont_tit { color: white; font-weight: 600; text-align: center; margin-bottom: 2em; }
body .cont .cont_tit span { font-weight: 700; }
body .cont .cont2 { background: white; width: 100%; border-radius: 3px; box-shadow: 2px 2px 20px #737373; padding: 3em 5%; display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
body .cont .cont2 h1 { color: #464646; font-weight: 700; margin-bottom: 0.5em; }
body .cont .cont2 h5 { text-align: center; font-size: 19px; font-weight: 400; color: #373737; margin-bottom: 1em; }
body .cont .cont2 a .opc { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
body .cont .cont2 .opciones { display: flex; flex-flow: wrap row; justify-content: space-between; align-items: center; width: 100%; margin-top: 2em; }
body .cont .cont2 .opciones a { background: #0581b5; padding: 0.7em; width: 225px; height: 290px; transition: all 0.3s ease-out; }
body .cont .cont2 .opciones a .opc { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; height: 100%; }
body .cont .cont2 .opciones a .opc h4, body .cont .cont2 .opciones a .opc p { text-align: center; }
body .cont .cont2 .opciones a .opc h4 { color: white; font-size: 19px; font-weight: 400; margin: 1em 0 0.4em; }
body .cont .cont2 .opciones a .opc p { color: #ebebeb; font-style: italic; font-size: 14px; }
body .cont .cont2 .opciones a .opc span { color: white; font-size: 7.5em; }
body .cont .cont2 .opciones a:hover { background: #0b88ee; }
body .ws { height: 28em; }
body footer { background: #3c3c3c; display: flex; flex-flow: wrap row; justify-content: space-between; align-items: center; padding: 0.15em 5%; }
body footer h6 { font-size: 13 px; color: #fafafa; text-align: center; font-weight: 400; }
body .tAbierto { display: flex; flex-flow: wrap row; justify-content: center; align-items: center; height: calc(100vh - 171.78px); }
body .tAbierto .sCele { width: 50%; background: #0b88ee; height: 100%; padding: 0 2em; display: flex; flex-flow: wrap column; justify-content: center; align-items: center; position: relative; }
body .tAbierto .sCele ul li { color: #ebebeb; }
body .tAbierto .sCele ul li .icon-location { color: #ebebeb; }
body .tAbierto .sCele h1 { color: white; font-size: 43px; margin-bottom: 0.5em; text-align: center; line-height: 1em; }
body .tAbierto .sCele p { color: white; text-align: center; font-style: italic; }
body .tAbierto .sCele p span { font-size: 1.3em; }
body .tAbierto .sCele h3 { color: white; margin-top: 0.5em; }
body .tAbierto .sCele .flecha { background: #0b88ee; position: absolute; right: -17px; width: 35px; height: 35px; transform: rotate(45deg); }
body .tAbierto .sBlanco { width: 50%; background: white; height: 100%; display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
body .tAbierto .sBlanco h1 { color: #3c3c3c; font-size: 43px; margin-bottom: 0.5em; text-align: center;}
body .tAbierto .sBlanco ul { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
body .tAbierto .sBlanco ul li { color: #3c3c3c; font-weight: 600; }
body .tAbierto .sBlanco ul li span { padding-right: 1.2em; }
body .requisitos { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; padding: 3em 15%; }
body .requisitos h1 { color: #373737; font-size: 48px; font-size: 600; }
body .requisitos p { color: #373737; font-size: 19px; font-size: 400; text-align: center; margin: 1em 0 3em; }
body .requisitos .listados { display: flex; flex-flow: wrap row; justify-content: space-between; align-items: center; width: 70%; margin-bottom: 5em; }
body .requisitos .listados ul li a { color: #0b88ee; font-size: 20px; }
body .requisitos .ofis { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
body .requisitos .ofis #deptos { width: 35em; padding: 1.25em 20%; border-radius: 3px; color: #464646; font-style: italic; font-weight: 400; font-size: 1em; margin-bottom: 4em; }
body .requisitos .ofis .btnOfis { background: #0b88ee; border: none; margin-bottom: 1em; color: whitesmoke; padding: 1.5em 3em; border-radius: 3px; font-weight: 600; cursor: pointer; transition: all 0.3s ease-out; }
body .requisitos .ofis .btnOfis:hover { background: #03A9F4; }
body .requisitos .contacto { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; padding: 2em 0; background: #f7f7f7; border-radius: 2px; width: 32em; border: 1px solid #e6e6e6; }
body .requisitos .contacto input[type='text'] { padding: 1em 1.5em; width: 90%; margin-bottom: 2em; border: 1px solid #646464; font-size: 1em; }
body .requisitos .contacto textarea { padding: 1em 1.5em; width: 90%; margin-bottom: 2em; border: 1px solid #646464; font-size: 1em; height: 150px; font-family: 'Open Sans', sans-serif !important; }
body .requisitos .contacto textarea:focus, body .requisitos .contacto input[type='text']:focus { border: 1px solid #0b88ee; outline: none; }
body .requisitos .contacto input[type='submit'] { padding: 15px; background: #1e88e5; color: #E1E9FA; font-size: 1em; border-radius: 2px; border: none; width: 50%; display: block; margin: 0 auto; cursor: pointer; transition: all 0.3s ease-out; }
body .requisitos .contacto input[type='submit']:hover { background: #03a9f4; }

/* MENU MODAL FULL PAGE */
#menu { color: #555555; display: none; flex-flow: wrap row; justify-content: center; align-items: center; font-size: 0.9em; font-weight: 700; float: right; margin: 0.5em; background: #fafafa; padding: 0.5em 0.75em; border-radius: 3px; transition: all 0.3s ease-out; }
#menu:hover { background: whitesmoke; }
#menu:hover > span { padding-left: 0.3em; }
#menu span { font-size: 1.5em; padding-left: 0.1em; transition: all 0.3s ease-out; }

.open_menu { position: fixed; height: 100vh; width: 100%; background: linear-gradient(60deg, rgba(11, 136, 238, 0.95) 5%, rgba(0, 160, 227, 0.95)); display: flex; flex-flow: wrap column; justify-content: center; align-items: center; z-index: 999; }
.open_menu #cerrarMenu { display: block; position: absolute; top: 5px; right: 5px; color: #f5f5f0; display: flex; flex-flow: wrap row; justify-content: center; align-items: center; font-size: 1em; font-weight: 400; float: right; margin: 0.5em; }
.open_menu #cerrarMenu span { font-size: 1em; padding-left: 0.5em; }
.open_menu nav { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
.open_menu nav img { width: 15em; margin-bottom: 2em; }
.open_menu nav .om { width: 12em; border: 2px solid #969696; border-bottom: none; margin: 1.5em; }
.open_menu nav ul { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
.open_menu nav ul li { text-align: center; transition: all 0.3s ease-out; }
.open_menu nav ul li a { color: #f5f5f0; font-weight: 700; font-size: 2.1em; text-transform: uppercase; transition: all 0.3s ease-out; }
.open_menu nav ul li:hover > a { color: #ef5350; letter-spacing: 0.05em; }
.open_menu nav .sub_mo { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
.open_menu nav .sub_mo h5 { font-size: 1.3em; color: #f5f5f0; font-weight: 300; }
.open_menu nav .sub_mo h3 { font-size: 1.35em; color: #f5f5f0; font-weight: 400; }
.open_menu nav .sub_mo h2 { font-size: 1.5em; color: #f5f5f0; }
.open_menu nav .sub_mo ul { display: flex; flex-flow: wrap row; justify-content: space-around; align-items: center; }
.open_menu nav .sub_mo ul li a { font-size: 1.2em; }

/* FIN DE MENU MODAL FULL PAGE */
@media screen and (max-width: 800px) { body .ws { display: none; }
  body .nav_header .menu_header { display: none; }
  body .cont { height: inherit; padding: 3em 5% 2em; }
  body .cont .cont_tit { font-size: 1.5em; }
  body .cont .cont_tit span { font-size: 1.5em; }
  body .cont .cont2 { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
  body .cont .cont2 h5 br { display: none; }
  body .cont .cont2 .opciones { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
  body .cont .cont2 .opciones a { margin-bottom: 2em; width: 265px; }
  body #menu { display: flex; }
  body .requisitos { padding: 3em 5%; }
  body .requisitos h1 { text-align: center; }
  body .requisitos .listados { width: 100%; }
  body .requisitos .listados ul li { margin: 0.5em 0; }
  body .requisitos .ofis { width: 100%; }
  body .requisitos .ofis #deptos { width: 95%; padding: 1.25em 0; }
  body .tAbierto { height: inherit; display: flex; flex-flow: wrap column; justify-content: center; align-items: center; }
  body .tAbierto .sCele { width: 100%; height: inherit; padding: 2em 1em; }
  body .tAbierto .sCele .flecha { bottom: -17px; right: inherit; }
  body .tAbierto .sBlanco { width: 100%; height: inherit; padding: 2em 0; }
  /*body .tAbierto .sBlanco h1 { text-align: center; }*/
  body footer { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; padding: 1.5em 0; }
  body footer h6 { margin: 2em 0; } }
@media screen and (max-width: 1180px) and (min-width: 827px) { body .ws { height: 50em; }
  body .cont .cont2 .opciones { justify-content: space-around; }
  body .cont .cont2 .opciones a { margin: 1em; } }

/*# sourceMappingURL=style.css.map */