@charset "utf-8";
/* CSS Document */
 
/*--------------------------------------------------------------------*/
/*---- RESETEO -------------------------------------------------------*/
/*--------------------------------------------------------------------*/
h1, h2, h3, img, body, p, ul ,ol, li, a {margin:0;
border:0; padding:0;}

/*------------------------------------------------*/
/*---- BLOQUE ------------------------------------*/
/*------------------------------------------------*/
#cabecera{
width:420px;
height:240px;
margin:0 auto;
margin-top:20px;	
}
#bloque{
width:420px;
margin:0 auto;

}

/*------------------------------------------------*/
/*---- BODY --------------------------------------*/
/*------------------------------------------------*/
body{
background-color: #ededed;
}

/*------------------------------------------------*/
/*---- MENUBEBESITAX -----------------------------*/
/*------------------------------------------------*/


#inicio{
width:200px;
height:44px;
margin:0 auto;
background-image: url("imagenes/menu/inicio.png");
background-repeat: no-repeat;
float:left;
}

/*------------------------------------------------*/
/*---- LETRAS ------------------------------------*/
/*------------------------------------------------*/

p {
font-family: "Barlow Condensed", sans-serif;
color:#000000;
font-size: 12pt;
text-align:center;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
}

ul{
font-family: "Barlow Condensed", sans-serif;
color:#000000;
font-size: 12pt;
text-align:center;
list-style:none;
}

a {
  outline: none;
  text-decoration: none;

}

a:link {
  color: #ff00ff;
}

a:visited {
  color: #ff00ff;
}

a:focus {
  color: #ff00ff;
}

a:hover {
	color: #ff00ff;
}

a:active {
  color: #ff00ff;
}

.bolded{
 font-weight: bold;
}

.bolded_rosa{
 font-weight: bold;
  color:#ab7ac3;
}

.rosa{
 font-weight: bold;
 color:#ff00ff;
 
}

/*------------------------------------------------*/
/*---- SECCION MONSTER HUNTER FREEDOM 2 ----------*/
/*------------------------------------------------*/

#bloque_mh2{
width:600px;
margin:0 auto;
margin-top:20px;
background-image: url("imagenes/generales/fondo_01.png");
}

#menu_mh{
width:600px;
height:160px;
margin:0 auto;
}

#flechaatras{
width:144px;
height:80px;
margin:0 auto;
background-image: url("imagenes/generales/flecha_atras.png");
background-repeat: no-repeat;
float:left;
}


#inicio_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/inicio.png");
background-repeat: no-repeat;
float:left;
}

#bestiario_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/bestiario.png");
background-repeat: no-repeat;
float:left;
}

#recetas_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/recetas.png");
background-repeat: no-repeat;
float:left;
}

#armeria_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/armeria.png");
background-repeat: no-repeat;
float:left;
}

#videos_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/videos.png");
background-repeat: no-repeat;
float:left;
}

#mapas_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/mapas.png");
background-repeat: no-repeat;
float:left;
}

#enlaces_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/enlaces.png");
background-repeat: no-repeat;
float:left;
}

#gremio_mh2{
width:300px;
height:80px;
margin:0 auto;
background-image: url("imagenes/menu/gremio.png");
background-repeat: no-repeat;
float:left;
}

/*------------------------------------------------*/
/*---- TITULOS -----------------------------------*/
/*------------------------------------------------*/
#titulo_bestiario{
width:456px;
height:80px;
margin:0 auto;
background-image: url("bestiario/titulo_bestiario.png");
background-repeat: no-repeat;
float:left;
}

/*------------------------------------------------*/
/*---- FUENTES -----------------------------------*/
/*------------------------------------------------*/


.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}