/*--IMPORT--*/
/*--IMPORTS--*/
@import url("Normalize.css");
/*--VARIABLES--*/
/*--FONTS--*/
@font-face {
  src: url("../Resources/Fonts/SourceSansPro-Light.ttf");
  font-family: sourcesans; }
/*--ALL--*/
* {
  box-sizing: border-box;
  font-family: sourcesans, sans-serif, arial, helvetica; }

*::-moz-selection {
  background-color: #863CAA;
  color: #eee; }

*::selection {
  background-color: #863CAA;
  color: #eee; }

.title {
  text-align: center;
  width: 100%;
  padding: 3px 2px;
  background-color: #773597;
  color: #fff; }

a, input, textarea {
  outline: 0; }

.info {
  width: 50%;
  padding: 10px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #bba71f;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 3px rgba(0, 0, 0, 0.5) inset; }

.info.ok {
  background-color: #49cb1b; }

.info.error {
  background-color: #e64b30; }

/*--HEADER--*/
html, body {
  min-height: 100vh; }

html, body, .wrap {
  background-color: #D3D7DB; }

.wrap {
  width: 100%;
  display: block; }

header {
  width: 100%;
  background-color: #fff;
  display: table; }

header .top, header .bottom {
  display: block; }

/*--Top--*/
header .top, header .top .center .logo img {
  height: 125px; }

header .top .center {
  width: 85%;
  margin: auto; }

/*--Logo--*/
header .top .center .logo {
  float: left; }

/*--Search Formulary--*/
header .top .center .search {
  float: right;
  padding: 25px 0; }

header .top .center .search #busqueda, header .top .center .search #buscar {
  padding: 3px 4px; }

header .top .center .search #busqueda {
  background-color: #e3e3e3; }

header .top .center .search #busqueda:focus {
  border: solid 2px #9f56c3; }

header .top .center .search #buscar {
  background-color: #9543bd;
  border: 0;
  color: #fff; }

/*--Bottom--*/
header .bottom {
  clear: both;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset, -2px -2px 2px rgba(0, 0, 0, 0.05) inset; }

/*--Menu--*/
header .bottom nav {
  background-color: #6e318c;
  width: 100%; }

header .bottom .menu_open {
  width: 100%;
  height: 50px;
  padding: 5px 10px;
  background-color: #863CAA;
  display: none;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000; }

header .bottom nav > ul {
  width: 85%;
  margin: auto; }

header .bottom nav ul {
  list-style-type: none;
  display: table; }

header .bottom nav ul ul {
  background-color: #9b4ec1;
  padding: 0 5px;
  z-index: 6000;
  position: absolute;
  top: 42px;
  left: 0;
  overflow: hidden;
  display: none;
  width: 100%; }

header .bottom nav ul li:hover > ul {
  display: block; }

header .bottom nav ul li {
  position: relative; }

header .bottom nav > ul > li {
  float: left;
  width: 16.6%;
  text-align: center; }

header .bottom nav ul ul li {
  left: 25px;
  text-align: left; }

header .bottom nav ul ul li:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: -22px;
  top: 11px;
  background-color: #863CAA;
  border: solid 3px #fff;
  border-radius: 50%; }

header .bottom nav ul ul li a {
  padding-left: 3px; }

header .bottom nav ul li a {
  display: block;
  padding: 10px 2px;
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 17px; }

header .bottom nav ul li a:hover {
  background-color: rgba(255, 255, 255, 0.08); }

header .bottom nav ul li a:active {
  color: #eee; }

/*--MEADIA QUERYES--*/
@media screen and (max-width: 748px) {
  .wrap {
    position: relative;
    top: 50px; }

  header .bottom .menu_open {
    display: block; }

  header .bottom nav > ul {
    background-color: #592871;
    overflow-x: hidden;
    overflow-y: auto;
    display: table;
    width: 100%;
    max-height: 100%;
    max-height: calc(100% - 50px);
    position: fixed;
    top: 50px;
    left: 0; }

  header .bottom nav ul {
    display: none;
    width: 50%;
    z-index: 4000; }

  header .bottom nav ul ul {
    position: relative;
    top: 0;
    width: 100%; }

  header .bottom nav ul ul li {
    left: 25px; }

  header .bottom nav ul ul a {
    padding-left: 30px; }

  header .bottom nav ul li {
    display: block;
    width: 100%;
    left: 0; }

  header .bottom nav ul li:hover > ul {
    display: none; }

  header .bottom nav ul li a {
    text-align: left;
    padding-left: 15px; } }
/*--SLIDER--*/
.sliderparent, .slider {
  position: relative; }

.sliderparent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-image: linear-gradient(-25deg, rgba(149, 67, 189, 0.3), rgba(149, 67, 189, 0.3) 13%, transparent 13%, transparent 87%, rgba(149, 67, 189, 0.3) 87%, rgba(149, 67, 189, 0.3)); }

.slider {
  width: 80%;
  margin: auto;
  border-radius: 1px;
  height: 450px;
  overflow: hidden;
  box-sizing: content-box; }

.slider img {
  width: 100%;
  height: 100%;
  display: block;
  float: left; }

.slider .ovals {
  position: absolute;
  bottom: 70px;
  right: 30px;
  overflow: hidden;
  z-index: 1001; }

.slider .ovals .oval {
  width: 12.5px;
  height: 12.5px;
  float: left;
  margin-right: 10px;
  background-color: #c6ced0;
  border-radius: 50%;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); }

.slider .ovals .oval:hover, .slider .ovals .green {
  background-color: #4D3186; }

.slider .msg {
  width: 100%;
  height: 50px;
  padding: 5px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(134, 60, 170, 0.8); }

.slider .msg #text {
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
  font-size: 25px;
  line-height: 40px; }

/*--ARTICLES--*/
.articles {
  width: 85%;
  padding: 20px;
  margin: 5px auto; }

/*--SECTIONS--*/
.articles .section {
  display: block;
  width: 100%;
  height: 150px;
  margin: 15px 0;
  padding: 10px;
  overflow: hidden;
  background-color: #fff;
  border: 5px solid #863CAA; }

.articles .section.videos video, .articles .section.imagenes img, .articles .section.noticias .notice {
  width: 20%;
  height: 100%;
  float: left;
  padding: 0 10px; }

.articles .section.noticias .notice img {
  width: 100%;
  height: 90px; }

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