@charset "utf-8";
/* CSS Document */
/*inicio tipos requeridas ֎  Θ*/
@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_9_0.eot');
	src: local('☺'), url('../fuentes/30a801_9_0.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_4_0.eot');
	src: local('☺'), url('../fuentes/30a801_4_0.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_2_0.eot');
	src: local('☺'), url('../fuentes/30a801_2_0.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_6_0.eot');
	src: local('☺'), url('../fuentes/30a801_6_0.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face
{
	font-family: '__Museo Slab_5';
	src: url('../fuentes/30a801_7_0.eot');
	src: local('☺'), url('../fuentes/30a801_7_0.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

/*==========fin fuentes de sitio=============*/


header, article, footer,nav,figure {display:block;}
*{margin:0; padding:0;}

body {font-family: '__Museo Slab_5';
      font-weight:normal;
      /*background: url(../img/fondo_bg_01.png);
      background-size: cover;
      background-attachment: fixed;
      background-position: 0 0px;*/}

a {text-decoration: none;}

#particles-js {width: 100%;
               height: 100%;
               position: fixed;}

/*infoweb*/
.hilo {width: 100%;
       background-color:#e7b037;}

.hilo nav {margin:0;
           padding: 3% 0;}

nav {margin-top: 9%;}

.menu ul {list-style:none;
          width:auto;
	      display: flex;
	      justify-content:center;
}

.menu li {color:#9e9e9e;
	      padding: 2% 3% 2% 1%;
	      margin:0 8px;
	      text-align:center;
	      font-size:1.8em;
}

.menu li a {color:#fff;}

.menu li a:hover {color: #e7b037;
                  cursor:pointer;}

.hilo .menu li a:hover {color: #000;
                        cursor:pointer;}

.contenedor img {width: 30%;
                 height: auto;}

.contenedor_2 img {width: 30%;
                  height: auto;}


/*=============*/

.contenido {margin:auto;
            width:90%;
	        position: relative;
	        text-align: center;
	        /*el overflow es para q' el wn flote en el div y no se salga*/
	        overflow: hidden;
			height:auto;
	        z-index: 1;
}

.contenido_2 {margin:auto;
             width:100%;
	         position: relative;
	         text-align: center;
	        /*el overflow es para q' el wn flote en el div y no se salga*/
	         overflow: hidden;
			 height:auto;
	         z-index: 1;
}

.txt_img_3 {display: inline-table;
	        width: 43%;
	        /*float: left;*/
            margin: 4% 2%;}

.txt_img_3 h1 {font-size: 1.5em;
               font-weight: lighter;
	           text-align: right;
	           color: #e7b037;}

.txt_img_3 h2 {font-size: 1.5em;
               font-weight: lighter;
	           text-align: left;
	           color: #e7b037;}

.txt_img_3 h3 {font-size: 1em;
               font-weight: 100;
	           color: #fff;
               text-align: right;}

.txt_img_3 h4  {font-size: 1em;
               font-weight: 100;
	           color: #fff;
	           text-align: left;}

.txt_img_3 h5 {font-size: 1em;
               font-weight: 100;
               text-align: left;}

.txt_img_3 p {font-weight: 100;
              text-align: right;}

.txt_img_3 a {color: #e7b037;}

.contenido_2 .txt_img_3 h3 {font-size: 1em;
                            font-weight: 100;
	                        color: #676767;
                            text-align: right;}

.contenido_2 .txt_img_3 h4  {font-size: 1em;
                             font-weight: 100;
	                         color: #676767;
	                         text-align: left;}