@charset "utf-8";
body {
  background: #F8F8F8;
}

h3 {
  font-size: 1.99rem;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #333333;
}

a:hover {
  color: #050505;
  text-decoration: none;
}
a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* navegador*/

.navbar {
  font-family: 'Raleway', sans-serif;
  font-size: 1.6rem;
  position: relative;
  min-height: 5rem;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.navbar-inverse {
  background-color: #1e262c;
  border-color: #080808;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: #161D22;
}

.navbar-brand {
  height: 80px;
}

.nav>li>a {
  padding-top: 30px;
  padding-bottom: 30px;
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #707070;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
}

.navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #F7F7F7;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px;
  padding: 5px 0;
  margin: 2px 0 0;
  color: #F7F7F7;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(30, 38, 44, 0.75);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #F7F7F7;
  white-space: nowrap;
}

.dropdown-menu>li>a:hover {
  color: #333333;
  text-decoration: none;
  background-color: rgba(245, 245, 245, 0.75);
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.dropdown-menu.columns-3 {
  min-width: 600px;
}

.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 300;
  color: #F7F7F7;

}

.multi-column-dropdown {
  list-style: none;
}

.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #F7F7F7;
  white-space: normal;
}

.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: rgba(245, 245, 245, 0.75);
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  .content {
    width: 90%;
    margin: 50px auto;
    padding: 10px;
  }
}


/* fin- navegador*/

.sepacion {
  padding: 0.5em 0 0.5em 0;
  background: #04756F;
}


/* formulario*/

.nav-tabs {
  margin-bottom: 15px;
}

.sign-with {
  margin-top: 25px;
  padding: 20px;
}


/* fin-formulario*/

game-icon .img-container>img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
}


/* main*/


/* botones- categorias*/

.categorias {
  padding-top: 5rem;
}

/* fin -botones- categorias*/


/* cabecera*/

.titulo-cabecera {
  font-family: 'Raleway', sans-serif;
}

hr {
  height: 1px;
  background-color: #1E262C;
}


/* Juegos para tu web*/

.juego-casa {
  padding: 1rem 0 1rem 0;
}

.juego-web {
  padding: 0 0.5rem 0.5rem;
  text-align: center;
  width: 100%;
  min-height: 37rem;
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.boton-game-web {
  min-height: 2rem;
}

.text-description {
  min-height: 11rem;
}

.titulo-web {
  min-height: 4.5rem;
}

.button3 {
  background-color: #1F8A70;
  border: none;
  color: white;
  font-size: 1.4rem;
  width: 90%;
  padding: 10px 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out
}

.button3:hover {
	background-color: #18765F;
  border: none;
  color: white;
  font-size: 1.4rem;
  width: 90%;
  padding: 10px 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
}


/* footer */

footer {
  padding: 2%;
  background: #004358;
  color: #F7F7F7;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

.titulo-footer {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 400;
  text-align: justify;
}

.texto-footer {
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 300;
}

.redes {
  display: block;
  text-align: center;
}

.ico-red {
  padding: 100em 0 2em 0;
  color: #F7F7F7;
  margin: 0.5em;
}

.ico-red:hover {
  text-decoration: none;
  color: #FFC7AE;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.footer-links {
  display: block;
  text-align: center;
  color: #F7F7F7;
}

.titulo-enlace {
  color: #F7F7F7;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 400;
  border-bottom: 0.1em solid #F7F7F7;
  padding-bottom: 0.2em;
}

.footer-game {
  color: #F7F7F7;
  padding: 0.5em 0 2em;
}
.footer-game>li>a {
	color: #F7F7F7;
}
.footer-game>li>a:hover {
	color: #8C8C8C;
	transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
}
.current-game {
  border-top: 1px #FFE11A solid;
  margin: 30px auto 30px;
  text-align: center;
  width: 90%;
}
.fake-link{
	color: #F7F7F7;
}
.seccionToggle {}

.btn-toggle {}

.btn-toggle:hover {}

#oculto{
  display: none;
}
.centrado{
  margin:0 auto;

}
.button-ocultar {
	background-color: #E82C0C;
	border: none;
	color: white;
  padding: 2rem 6rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.5rem;
	margin: 2rem 0.5rem;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}
.button-ocultar:hover {
	background-color: #b3260e;
	border: none;
	color: white;
  padding: 2rem 6rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.5rem;
	margin: 2rem 0.5rem;
	cursor: pointer;
}

/* fin footer */


/* columna 5 */

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}


/* fin columna 5 */

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

@media screen and (max-width: 500px) {
  .seccionToggle h2 {
    margin-top: 0;
  }
}

@media screen and (max-height: 550px) {
  .seccionToggle h2 {
    font-size: 40px;
    margin-top: 0;
  }
}