/* General */

html,
body {
  width: 100%;
  height: 100%;
}

/*
header {
	height:100%;
	background-color: rgba(19, 49, 92, .5);    
    padding-top: 10%;
}
*/
h1 {
  margin: 0px;
}

@media (min-width: 1080px) {

  #infoEquipo,
  #infoEmpresa {
    width: 80%;
  }

  #logoGabrielF {
    width: 450px;
    margin-top: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1079px) {

  #infoEquipo,
  #infoEmpresa {
    width: 100%;
  }

  #logoGabrielF {
    width: 450px;
    margin-top: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  #infoEquipo,
  #infoEmpresa {
    width: 100%;
  }

  #logoGabrielF {
    width: 400px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {

  #infoEquipo,
  #infoEmpresa {
    width: 100%;
  }

  #logoGabrielF {
    width: 70%;
    margin-top: 50px;
  }

  .navbar-header {
    /*background-color: rgba(19, 49, 92, .6);*/
  }
}

/* Portada */

#logoGabrielF {
  margin-bottom: 100px;
  width: 300px;
}

/*
@font-face {
	font-family: "Amatic SC";
	src: url("Fuentes/ZonaPro-Bold.ttf");
}
h3.title {
	font-family: "Amatic SC", cursive;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
}*/


#fraseIntro {
  /*font-family: "open sans", arial, sans-serif;
	font-family: Impact, Charcoal, sans-serif;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: Century Gothic, sans-serif;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-family: 'Arial Black', Gadget, sans-serif;
	font-family: 'Times New Roman', Times, serif;
	font-family: 'Arial Narrow', sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	font-family: Copperplate / Copperplate Gothic Light, sans-serif;
	font-family: 'Lucida Console', Monaco, monospace;
	font-family: Gill Sans / Gill Sans MT, sans-serif;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-family: 'Courier New', Courier, monospace;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Georgia, Serif;*/
  font-family: Century Gothic, sans-serif;
  color: white;
  font-size: 2.5em;
}

.contentFlecha {
  height: 100px;
  position: absolute;
  bottom: 0;
  margin-bottom: 20px;
  width: 100%;
}

.desplazar {
  color: white;
  font-size: 4em;
}

.desplazar:hover {
  cursor: pointer;
  font-size: 4.2em;
  color: #dbdbdb;
}

/* Informacion */
#infoEmpresa,
#infoEquipo {
  margin: 0px auto;
}

/* Inauguracion */
#div-flotante {
  display: scroll;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

/* Carousel */
#dvCarouselCli .carousel-inner {
  height: 220px;
}

@media (max-width: 767px) {
  #dvCarouselCli .carousel-inner {
    height: 200px;
  }
}

#dvCarouselCli .carousel-inner .item .carousel-caption {
  top: 0px;
  bottom: 0px;
  left: 50px;
  right: 50px;
}

#dvCarouselCli .imgCli {
  width: 80%;
  /*	transition: width 1s, height 1s;*/
}

/*
#dvCarouselCli .imgCli:hover {
	width:100%;
}
*/
#dvCarouselCli ol.carousel-indicators li {
  background-color: #0B2545;
  border: 1px solid #0B2545;
}

#dvCarouselCli .carousel-control {
  width: 10%;
}

#dvCarouselCli .carousel-control span {
  color: #0B2545;

}

#dvCarouselCli .toggleHeading {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -moz-transition: none !important;
}

#dvCarouselCli .toggleCaption {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -moz-transition: none !important;
}

#dvCarouselCli .carousel-control.left {
  /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	*/
  background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .0001) 100%);
}

#dvCarouselCli .carousel-control.right {
  /*background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .1) 100%);
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  top: 47%
}

.owl-item .item {
  margin-bottom: 10px;
}

#dvCarouselCliMob {
  display: none;
}

#dvCarouselCliMobCel {
  display: none;
}

@media screen and (min-width: 992px) {
  #dvCarouselCli ol.carousel-indicators {
    bottom: 0;
  }
}

@media screen and (max-width:992px) {
  #dvCarouselCli {
    display: none;
  }

  #dvCarouselCliMob {
    display: block;
  }

  #dvCarouselCliMob .carousel-inner {
    height: 200px;
  }

  #dvCarouselCliMob .carousel-inner .item .carousel-caption {
    top: 0;
    bottom: 0;
    left: 50px;
    right: 50px;
  }

  #dvCarouselCliMob .imgCli {
    width: 80%;
  }

  #dvCarouselCliMob ol.carousel-indicators li {
    background-color: #0B2545;
    border: 1px solid #0B2545;
  }

  #dvCarouselCliMob ol.carousel-indicators {
    bottom: -12px;
  }

  #dvCarouselCliMob .carousel-control {
    width: 10%;
  }

  #dvCarouselCliMob .carousel-control span {
    color: #0B2545;
  }

  #dvCarouselCliMob .toggleHeading {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    -moz-transition: none !important;
  }

  #dvCarouselCliMob .toggleCaption {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -moz-transition: none !important;
  }

  #dvCarouselCliMob .carousel-control.left {
    /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	*/
    background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .0001) 100%);
  }

  #dvCarouselCliMob .carousel-control.right {
    /*background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .1) 100%);
  }

  #dvCarouselCliMob .left {
    left: -10px;
  }

  #dvCarouselCliMob .right {
    right: -10px;
  }
}

@media screen and (max-width:600px) {
  #dvCarouselCliMob {
    display: none;
  }

  #dvCarouselCliMobCel {
    display: block;
  }

  #dvCarouselCliMobCel .carousel-inner {
    height: 160px;
  }

  #dvCarouselCliMobCel .carousel-inner .item .carousel-caption {
    top: 0;
    bottom: 0;
    left: 50px;
    right: 50px;
  }

  #dvCarouselCliMobCel .imgCli {
    width: 80%;
  }

  #dvCarouselCliMobCel ol.carousel-indicators li {
    background-color: #0B2545;
    border: 1px solid #0B2545;
  }

  #dvCarouselCliMobCel ol.carousel-indicators {
    bottom: -7px;
  }

  #dvCarouselCliMobCel .carousel-control {
    width: 10%;
  }

  #dvCarouselCliMobCel .carousel-control span {
    color: #0B2545;
  }

  #dvCarouselCliMobCel .toggleHeading {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    -moz-transition: none !important;
  }

  #dvCarouselCliMobCel .toggleCaption {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -moz-transition: none !important;
  }

  #dvCarouselCliMobCel .carousel-control.left {
    /*background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	*/
    background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .0001) 100%);
  }

  #dvCarouselCliMobCel .carousel-control.right {
    /*background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);*/
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .1) 100%);
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    top: 40%
  }

  #dvCarouselCliMobCel .left {
    left: -10px;
  }

  #dvCarouselCliMobCel .right {
    right: -10px;
  }
}

@media screen and (max-width:380px) {
  #dvCarouselCliMobCel .carousel-inner {
    height: 140px;
  }
}