header


/*bxslider*/
.s-next{
	position: absolute;
	right: -10px;
	top: 40px;
}
.s-prev{
	position: absolute;
	left: -10px;
	top: 40px;
}
.item-home-cd{
	background: #fff;
	border-radius: 10px;
	margin-right: 0px !important;
}


.bx-wrapper{
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	margin: auto !important;
}

.item-home-cd p{
	width: 100%;
	position: relative;
	float: left;
	color: #9b9b9b;
	font-size: 14px;
	font-weight: bold;
}
/*Animaciones*/
.animation:hover{

}


a:hover{
	text-decoration: none;
}



.section-g{
	width: 100%;
	position: relative;
	float: left;
}

/**/


header
,footer
,.body{
	width: 100% !important;
	position: relative;
	float: left !important;
	display: block;
}

header{
	position: fixed !important;
	transition: all 0.4s;
	z-index: 10;
	padding-bottom: 8px;
	padding-top: 8px;
}


.list-menu-1 li{
	list-style: none;
	float: left;
}

.list-menu-1 li a{
	font-size: 11px;
	color: #7d7d7d;
	letter-spacing: 1px;
	float: left;
	font-weight: 500;
	transition: all 0.5s;
}


.li-menu{
	width: 15%;
}

.li-idioma{
	width: 25% !important;
	border-left: 1px solid grey;
}


.icon-menu{
	width: 0%;
	height: 20px;
	background-image: url(../img/inicio/icono-menu.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 5px;
	opacity: 0;
	animation: iconMenu 2s infinite;
	transition: all 0.4s;
}
.icon-menu2{
	width: 0%;
	height: 20px;
	background-image: url(../img/inicio/menu.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 5px;
	opacity: 1;
	animation: iconMenu 2s infinite;
	transition: all 0.4s;
}
@keyframes iconMenu{
	0%{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}
	50%{
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100%{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}
}


.list-menu-1 li:hover .h-txt
,.list-menu-1 li.active .h-txt,
.list-menu-1 li:active .h-txt,
.list-menu-1 li:focus .h-txt{
	color: #6b5aa0;
	font-weight: 800;
	transition: all 0.5s;
	text-decoration: none !important;
}
.h-txt:hover,.h-txt:focus,.h-txt:active{
	text-decoration: none;
}
.list-menu-1 li:hover .f-a-color
,.list-menu-1 li.active .f-a-color,
.list-menu-1 li:active .f-a-color,
.list-menu-1 li:focus .f-a-color{
	color: #6b5aa0 !important;
	font-weight: 800;
	transition: all 0.5s;
	text-decoration: none !important;
}
.li-idioma{
	padding-left: 15px;
}

.li-idioma a{
	padding-left: 15px;
	padding-right: 15px;
}

.list-menu-1 li{
	padding-top: 27px;
    padding-bottom: 27px;
}
.h-lang-a:active,.h-lang-a:focus,.h-lang-a:hover,.h-lang-a.active{
	color: #6b5aa0;
	font-weight: 800;
	transition: all 0.5s;
	text-decoration: none;
}

.sec-logo{
	text-align: center;
}

.body{
	margin-top: 86px;
}


.logo-menu{
	animation: logoHead 1s;
	height: 70px;
	padding-top: 7px;
    padding-bottom: 7px;
}

@keyframes logoHead{
	0%{
		margin-left: -100%;
	}

	100%{
		margin-left: 0;
	}
}


.btn-menu{
	width: 100%;
	background: transparent;
	border:none;
	text-align: center;
}


.icon-menu-rp div{
	width: 50px;
	height: 3px;
	margin: auto;
	margin-top: 8px;
	background: #000;
	animation: iconMenu 2s infinite;
}


.rp-sec-btn-menu{
	padding-top: 14px;
	padding-bottom: 14px;
}

.rp-sec-idiomas{
	text-align: center;
}

.rp-sec-idiomas a{
	color: #000;
	font-weight: bold;
	padding: 5px;
	width: 100%;
	float: left;
	font-size: 9px;
	margin-top: 7px
}

.rp-sec-idiomas a.active{
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: #6b5ca1;
	color: #fff;
}


.menu-rp{
	width: 0%;
	height: 0%;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.90);
	position: fixed;
	top: 0;
	right: 0;
	transition: all 0.4s;
}


.li-menu-rp{
	font-weight: 900;
	color: #6b5ca1;
	font-size: 20px;
}

.list-menu-rp{
	width: 100%;
	float: left;
	padding-top: 50px;
	list-style: none;
}

.li-menu-rp {
	padding-top: 15px;
	padding-bottom: 15px;
	transition: all 0.5s;
}
.li-menu-rp:hover,.li-menu-rp:focus,.li-menu-rp:active,.li-menu-rp.active{
	background-color: #6b5aa0;
	color: white !important;
	transition: all 0.5s;
}
.li-a,.li-a:hover,.li-a:focus,.li-a:active{
	text-decoration: none;
}
.op-menu-rp{
	width: 100%;
	float: left;
}


.icon-menu-rp-close{
	font-size: 50px;
	text-align: right;
	padding-right: 15px;
	color: #6b5aa0;

	animation: closeMenu 2s infinite;
}
.f-a,.f-a:hover,.f-a:focus,.f-a:visited{
	text-decoration: none;
}
@keyframes closeMenu{
	0%{
		padding-right: 15px;
	}
	50%{
		padding-right: 20px;
	}
	100%{
		padding-right: 15px;
	}
}


/*Inicio*/
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.ini-s1-slider1{
	height: 560px;
    background-image: url(../img/slider/1/slider1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ini-s1-slider2{
	height: 560px;
    background-image: url(../img/slider/1/slider2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ini-s1-slider3{
	height: 560px;
    background-image: url(../img/slider/1/slider3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ini-s1-slider4{
	height: 560px;
    background-image: url(../img/slider/1/slider4.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}





/*Responsive hj*/

/* iphone 4 */
@media (min-width: 390px){
 
}/*Fin 320*/

/* especial */ 
@media (min-width: 560px) {

}/*Fin 560*/


@media (min-width: 768px) {
	.npr{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.body{
		margin-top: 150px;
	}
	.ini-s3-titulo {
	    font-weight: 700;
	    font-size: 46px;
	    margin-bottom: 30px;
	    text-align: left;
	}
	.ini-s4-ul>li {
	    width: 33%;
	    float: left;
	    margin-top: 35px;
	    margin-bottom: 35px;
	}
	.ini-s3-subtitulo{
		font-weight: 600;
		text-align: left;
	}
	.ini-s3-texto {
	    font-size: 12px;
	    text-align: justify;
	}
	.li-idioma {
	    padding-left: 0px;
	}
	.titulo-slider2 {
        padding-top: 80px;
    }
    .titulo-slider2 p {
        font-size: 38px;
    }
    .titulo-slider3 {
        padding-top: 20px;
    }
    .titulo-slider3 p {
        font-size: 38px;
    }

	/*Menu modal*/
	.mod-marg{
		margin-top: 175px !important;
	}
	.modal-dialog {
	    width: 100%;
	    margin: 30px auto;
	}
	.media-carousel .carousel-control.left {
	    left: -12px;
	    background-image: none;
	    background: none repeat scroll 0 0 #222222;
	    border: 4px solid #FFFFFF;
	    border-radius: 23px 23px 23px 23px;
	    height: 40px;
	    width: 40px;
	    margin-top: 5%;
	    margin-bottom: 3%;
	}
	.media-carousel .carousel-control.right{
	  right: -12px !important;
	  background-image: none;
	  background: none repeat scroll 0 0 #222222;
	  border: 4px solid #FFFFFF;
	  border-radius: 23px 23px 23px 23px;
	  height: 40px;
	  width : 40px;
	  margin-top: 5%;
	  margin-bottom: 3%;
	}

    .ini-s3-back {
        background-image: url(../img/inicio/img.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 110px;
        padding-bottom: 25px;
    }

    .titulo-slider p{
        font-size:38px;
    }

    .titulo-slider{
        padding-top: 285px;
    }
    .mod-marg{
        margin-left: 35px;
    }
 
}/*Fin 768*/

@media (min-width: 992px) {

	.sec-logo{
		text-align: left;
	}

	.li-idioma{
		padding-left: 5px;
	}

	.li-idioma a{
		padding-left: 5px;
		padding-right: 5px;
	}

	.body{
		margin-top: 86px;
	}
	.ini-s3-p{
		text-align: left;
	}
	.ini-s4-ul>li {
	    width: 25%;
	    float: left;
	    margin-top: 35px;
	    margin-bottom: 35px;
	}
	.ini-s3-flotante {
	    position: relative;
	    top: -115px;
	    left: -115px;
	    height: 480px;
	}
	.ini-s3-area2{
		height: 1px;
	}
	.li-idioma {
	    padding-left: 15px;
	}
	.nos-s3-letra {
	    position: relative;
	    z-index: 99999;
	    left: -160px;
	    top: 60px;
	    height: 260px;
	}
	.nos-s4-area{
		margin-top: 25px;
		margin-bottom: 0px;
	}
	.nos-s4-marg{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.titulo-slider2 p {
        font-size: 45px;
    }

	/*Menu modal*/
	.mod-marg{
		margin-top: 140px !important;
	}
	.media-carousel .carousel-control.left {
	    left: -12px;
	    background-image: none;
	    background: none repeat scroll 0 0 #222222;
	    border: 4px solid #FFFFFF;
	    border-radius: 23px 23px 23px 23px;
	    height: 40px;
	    width: 40px;
	    margin-top: 5%;
	    margin-bottom: 5%;
	}
	.media-carousel .carousel-control.right{
	  right: -12px !important;
	  background-image: none;
	  background: none repeat scroll 0 0 #222222;
	  border: 4px solid #FFFFFF;
	  border-radius: 23px 23px 23px 23px;
	  height: 40px;
	  width : 40px;
	  margin-top: 5%;
	  margin-bottom: 5%;
	}
	.ini-s3-back {
        background-image: url(../img/inicio/img.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 110px;
        background-attachment: fixed;
        padding-bottom: 25px;
    }

    .titulo-slider p{
        font-size:45px;
    }

    .titulo-slider{
        padding-top: 285px;
    }

    .ini-s1-slider1{
        background-position: right;
    }
    .ini-s1-slider2{
        background-position: right;
    }
    .ini-s1-slider3{
        background-position: right;
    }
    .ini-s1-slider4{
        background-position: right;
    }
    .npt{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}/*Fin 992*/

@media (min-width: 1200px) {

	.sec-logo{
		text-align: left;
	}

	.li-idioma{
		padding-left: 15px;
	}

	.li-idioma a{
		padding-left: 8px;
		padding-right: 8px;
	}

	.body{
		margin-top: 86px;
	}
	.ini-s4-ul>li {
	    width: 20%;
	    float: left;
	    margin-top: 35px;
	    margin-bottom: 35px;
	}
	.ini-s3-flotante{
		position: relative;
	    top: -115px;
	    left: -70px;
	    height: 480px;
	}
	.titulo-slider2 p {
        font-size: 52px;
    }
    .titulo-slider3 p {
        font-size: 52px;
    }

	.media-carousel .carousel-control.left {
	    left: -12px;
	    background-image: none;
	    background: none repeat scroll 0 0 #222222;
	    border: 4px solid #FFFFFF;
	    border-radius: 23px 23px 23px 23px;
	    height: 40px;
	    width: 40px;
	    margin-top: 7%;
	    margin-bottom: 5%;
	}
	.media-carousel .carousel-control.right{
	  right: -12px !important;
	  background-image: none;
	  background: none repeat scroll 0 0 #222222;
	  border: 4px solid #FFFFFF;
	  border-radius: 23px 23px 23px 23px;
	  height: 40px;
	  width : 40px;
	  margin-top: 7%;
	  margin-bottom: 5%;
	}

    .titulo-slider p{
        font-size:52px;
    }	

    .titulo-slider{
        padding-top: 285px;
    }

    .ini-s1-slider1{
        background-position: center;
    }
    .ini-s1-slider2{
        background-position: center;
    }
    .ini-s1-slider3{
        background-position: center;
    }
    .ini-s1-slider4{
        background-position: center;
    }

}/*Fin 1200*/


