﻿.st-footer{
	min-width: auto;
}
.st-footer .container{
	width:auto;
}
.main{
	width:100%;
}
.row{
	margin: 0;
}
.txt-box{
	width:100%;
	height: 100%;
	background: url(../images/cabecera-home-solo-fondo.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	padding: 40px 0;
}

.txt-box .txt-info h2{
	text-align: center;
	font-size: 30px;
	padding-bottom: 40px;
	position: relative;
	margin-bottom: 20px;
}
.txt-box .txt-info h2:after{
	content: "";
	position: absolute;
	bottom:-0px;
	left:50%;
	margin-left: -75px;
	width:151px;
	height: 60px;
	background: url(../images/adorno1.png) no-repeat;
}
.txt-box .txt-info p{
	font-size: 16px;
	line-height: 26px;
}
.txt-box .txt-info h3{
	padding-top: 40px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding: 0;
	margin: 0;
}



.pic-box{
	width:100%;
}
.pic-box img{
	width:100%;
}
.pic-box .sIntro{
	background-color: rgb(24,24,24); 
	text-align: center;
	color: #fff;
	/* padding: 20% 0; */
}
.pic-box .sIntro h3{
	padding-top:15%;
	font-size: 22px;
	line-height: 26px;
}
.pic-box .sIntro .text-line{
	width:100%;
	height: 50px;
	background: url(../images/adorno1.png) no-repeat bottom center;
}
.pic-box .sIntro p{
	padding: 20px 0;
	font-size: 16px;
}
.pic-box .sIntro a{
	margin-top: 20px;
	display: inline-block;
	width:190px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: #e93232;
	border-radius: 5px;
}
#bodyPage{
	position: relative;
}
#bodyPage .big-img{
	position: absolute;
	left:50%;
	top:50%;
	margin-top: -196px;
	z-index: 9;
	width:569px;
	height: 392px;
	margin-left:-285px;
	background: url(../images/mapamundi1.png) no-repeat;
}
.pic-box .sIntro .play{
	width:100%;
	height: 100%;
	background: url(../images/play.png) no-repeat center center;
	background-size:25%;
}
#bodyPage{
	position: relative;
}
.scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -25px;
    z-index: 9999;
}
.scroll-down .scrollto{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../images/down.png) no-repeat center;
    border: 2px solid #dadada;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

#bodyPage .pic li.bg1{
	background: url(../images/banner1.jpg) no-repeat center center;	
	background-size: cover;
}
#bodyPage .pic li.bg2{
	background: url(../images/banner2.jpg) no-repeat center center;	
	background-size: cover;
}
#bodyPage .pic li.bg3{
	background: url(../images/banner3.jpg) no-repeat center center;	
	background-size: cover;
}