@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');

/* {
  outline: 1px solid red; /* Para detectar qué elemento se sale 
}*/

html, body {
  overflow-x: hidden;
}

/***************************************/
/********  FUENTES *********************/
/***************************************/




.Raleway300{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

.Raleway400{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

.Raleway700{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.Raleway900{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}


.titulo30_A{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  line-height: 80px;
  color: #0F0F11;
}

.titulo30_B{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  color: #ffff;
  line-height: 80px;
  -webkit-text-stroke: 2px #c2c2c2;
}


.titulo30_C{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: #0F0F11;
  line-height: 30px;

}


.titulo30_D{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #0F0F11;
  line-height: 50px;
  letter-spacing: 5px;

}


.titulo30_Ax{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 50px;
  line-height: 50px;
  color: #0F0F11;
}

/*--*/



.tit_seccA{
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 44px;
}

.tit_seccB{
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 44px;
}




.parrafo_seccA{
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 25px;
}


.titulo_1{
	color:#0000;
	font-size: 40px;
	font-weight: 700;
}


.titulo_1{
	color:#1b3046;
	font-size: 40px;
	font-weight: 700;
}

.titulo_2{
	color:#1b3046;
	font-size: 50px;
	font-weight: 300;
}


.titulo_1a{
	color:#1b3046;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
}


.titulo_2a{
	color:#454545;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-align: center !important;
	line-height: 40px;
}


.parrafo_30{
	color:#7e7e7e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.5;
	padding-bottom: 30px;

}

.parrafo_standard_white{
	color:white;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.5;

}


.parrafo_standard_gray{
	color:#777;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.5;

}

.titulos_footer{
	color: #fff;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 20px;
}

@media only screen and (max-width: 900px) {


}

@media only screen and (max-width: 768px) {


}

@media only screen and (max-width: 576px) {

}

@media only screen and (max-width: 290px) {

	.titulo_1a{
		color:#be002e;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		text-align: center;
	}

}




/***************************************************************/
/************* NAV MOBILE BAR ORIGINAL && mediaquery ***********/
/***************************************************************/

.logo_fixed{
	visibility: hidden;
	height: 70px;
	width: 200px;
	background-image:url("../img/logo_nav1.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom;
	background-image: ;
	position: absolute;
	top: 30px;
	left: 0px;
	z-index: 99;
}

.mobile_nav{
	padding
	height: auto;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	bottom: 0px;
	z-index: 99;
	backdrop-filter: blur(10px);
	padding-bottom:15px;
	visibility: hidden;

}


/*(((((((((((((((( MENÚ START )))))))))))))*/
.mobile ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: fixed;
  bottom: 0;
  width: 100%;

}

.mobile li {
  float: left;
}

.mobile li a {
  display: block;
  color: white;
  text-align: center;
  padding: 30px 10px;
}

.mobile li a:hover:not(.active) {
  background-color: #111;
}

.imgs-mobile{
	background-color: none;
	height: 60px;
	width: 100%;
	display: block;
}

.mobile_imgs_contenedor{
	background-color: none;
	height: auto;
	width: auto;
	text-align: center;
	padding-top: 5px;

}

.mobile_imagenes{
	margin-top: 10px;
	height: 25px;
	/*padding: 0px 25px 0px 25px;*/
	padding: 0% 3% 0% 3%;
	

}


/*(((((((((((((((( MENÚ END )))))))))))))*/



@media only screen and (max-width: 767px) {


	.logo_fixed{
		visibility: visible;
			background-image:url("../img/logo_nav2.png");
	}


	.mobile_nav{
		visibility: visible;

	}

}


/****************************************/
/************ NAV NORMALx *********/
/****************************************/

.nav_big_bg{
	height:0;
	z-index: 99;
	position: fixed;
  top: 20px;
  backdrop-filter: blur(10px);

  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}



.nav_big_caja{
	background-color: none;
	height:80px;
}



.nav_logo_big{
	z-index: 99;
	background-color:none;
	background-image:url("../img/logo_nav1.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom;

}




.nav_big_menu{
	background-color: none;
	height:80px;
}




.nav_lista {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    background-color: none;
    font-size: 20px;
    float: right;
    

}

li {
    float: right;


}

li a {
    display: block;
    color:#a4a4a4;
    text-align: center;
    padding-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    height: 80px;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-weight: bold;




    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

}

li a:hover {
    /*background-color: #111;*/
    color:#ffff !important;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
	font-weight: 700;
    
}



.drop_01 {
	background-color: none;
    display: block;
    color:#8a8a8a;
    text-align: center;
    padding-top: 30px;
    margin-left: px;
    margin-right: px;
    height: 80px;
    width: 100%!important;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-weight: regular;




    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

}


.drop_01:hover {
    /*background-color: #111;*/
    color:#dba9c6 !important;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
	font-weight: 700;
	cursor: pointer;
    
}



/*&&&&&&&&&  MEDIA QUERY NAV &&&&&&&&&&&*/


@media only screen and (max-width: 1200px) {

	.nav_lista {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    /*overflow: hidden;*/
	    background-color: none;
		font-size: 15px;
    	float: right;
    	font-family: 'Questrial', sans-serif;
		font-weight: 700;
	}

	li a {
    display: block;
    color: #c1c1c1;
    text-align: right;
    padding-top: 30px;
    margin-left: 8px;
    margin-right: 8px;
    height: 70px;
    text-decoration:none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

	}




}


@media only screen and (max-width: 991px) {

	.nav_lista {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    /*overflow: hidden;*/
	    background-color: none;
	    font-size: 15px;
	    float: right;
	    font-family: 'Questrial', sans-serif;
		font-weight: 700;


	}


	li a {
    display: block;
    color: #c1c1c1;
    text-align: center;
    padding-top: 30px;
    margin-left: 8px;
    margin-right: 8px;
    height: 70px;
    text-decoration:none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

	}




}



@media only screen and (max-width: 767px) {

	.nav_big_bg{
		display: none;
	}
}



/*****************************/
/*********  HEADER SPICY  *********/
/****************************/

.header_container{
	height: 100%;
	background-color: black;
	position: relative;
	/*background-image:url("../img/bg_header.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
	/*background-position: center;*/
	/*position: center;*/
	overflow: hidden!important;
	

}


#contenedor_complementos_video{
	padding-left: 10%;
	padding-right: 10%;

	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0px;
    /*left: 50%;
    top: 75%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);*/
    z-index: 98;
    background-color: none;
    overflow: hidden!important;



}


.video_intro{

	height: 7hw;
	width: 100%;
	background-color:none;
	padding-top: 25%;



}

.video_intro_texto1{
    color: white;
	font-size: 3vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}

.video_intro_texto2{
    color: #e1e1e1;
	font-size: 2.1vw;
	line-height: 130%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;

}

.video_intro_texto3{
    color: #e1e1e1;
	font-size: 2.5vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;

}

.typed-cursor{
    color: white;
	font-size: 3.6vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;

}



.video_arte{
	padding: 0!important;
	height: 100%;
	width: 100%;
	background-color:none;/*
	background-image:url("../img/uiux.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom;*/
	overflow: hidden!important;

}




.img_artvideo{
  max-width: 100%;
  height: auto;
  vertical-align: bottom!important;
  background-color: none;


  





  
}


.btn{
	padding-top: 2% !important;
	padding-bottom: 2% !important;
	padding-left: 3% !important;
	padding-right: 3% !important;
	font-size: 1.2vw !important;
	font-weight: bolder !important;
	border-radius: 0px!important;
	background-color: skyblue;!important;
}

.btn:hover{
	background-color: #0d5bd1!important;
}



video{

	min-width: 100%; 
    min-height: 100%;
    filter: brightness(0.5);


    



}


@media only screen and (max-width: 990px) {

	.header_container{
	height: 1000px;
	background-color: black;
	position: relative;
	/*background-image:url("../img/bg_header.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
	/*background-position: center;*/
	/*position: center;*/
	overflow: hidden !important;
	

}


	#contenedor_complementos_video{
		padding-left: 100px;
		padding-right: 100px;

		height: 100%;
		width: 100%;
		position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    z-index: 98;

	}

	.img_artvideo{
	  max-width: 75%;
	  height: auto;
	}



	.video_intro_texto1{
    color: white;
	font-size: 6vw;
	line-height: 115%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	
	}

	.video_intro_texto2{
    color: white;
	font-size: 2.5vw;
	line-height: 220%!important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;

	
	}

	.btn{
		padding-top: 2% !important;
		padding-bottom: 2% !important;
		padding-left: 3% !important;
		padding-right: 3% !important;
		font-size: 2.5vw !important;
		font-weight: bolder !important;
	}


		video{
	width:; 
    height: 85%;
	}	




}


@media only screen and (max-width: 860px) {

	.img_artvideo{
	  max-width: 75%;
	  height: auto;
	}


	.video_intro{

	height: 7hw;
	width: 100%;
	background-color:none;
	padding-top: 30%;



}


		.video_intro_texto1{
    color: white;
	font-size: 6vw;
	line-height: 110%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	
	}

	.video_intro_texto2{
    color: white;
	font-size: 4vw;
	line-height: 115%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;

	
	}


	.video_intro_texto3{
    color: #e1e1e1;
	font-size: 4vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;

    }

	.btn{
		padding-top: 3% !important;
		padding-bottom: 3% !important;
		padding-left: 4% !important;
		padding-right: 3% !important;
		font-size: 3.5vw !important;
		font-weight: bolder !important;
	}


		video{
	width:; 
    height: 85%;
	}

}



@media only screen and (max-width: 767px) {

	
	#contenedor_complementos_video{
	padding-left: 10%;
	padding-right: 10%;
	
	}



	.video_intro_texto1{
    color: white;
	font-size: 5vw;
	line-height: 110%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	
	}

	.video_intro_texto2{
    color: white;
	font-size: 4vw;
	line-height: 115%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;

	
	}

    .video_intro_texto3{
    color: #e1e1e1;
	font-size: 4vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;

    }

	.btn{
		padding-top: 2% !important;
		padding-bottom: 2% !important;
		padding-left: 3% !important;
		padding-right: 3% !important;
		font-size: 2.5vw !important;
		font-weight: bolder !important;

	}

	.img_artvideo{
	  max-width: 100%;
	  height: auto;
	}

	video{
	width:; 
    height: 85%;
	}


}


@media only screen and (max-width: 500px) {

	
	#contenedor_complementos_video{
	padding-left: 10%;
	padding-right: 10%;
	
	}



	.video_intro_texto1{
    color: white;
	font-size: 6.5vw;
	line-height: 110%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	
	}

	.video_intro_texto2{
    color: white;
	font-size: 4.5vw;
	line-height: 115%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;

	
	}

	.video_intro_texto3{
    color: #e1e1e1;
	font-size: 5vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;

    }

	.btn{
		padding-top: 4% !important;
		padding-bottom: 4% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
		font-size: 4vw !important;
		font-weight: bolder !important;
	}

	.img_artvideo{
	  max-width: 100%;
	  height: auto;
	}

	video{
	width:; 
    height: 82%;
	}


}

/**************************************/
/************  QUIENES SOMOS *********/
/**************************************/

.quienes_container{
	margin: 0!important;
	padding: 0px!important;
	height: auto;
	background-color: #fff;

}

.quienes_box{
	height: auto;
	background-color: #fff;
}

.quienes_columna1{
	padding: 100px;
	background-color: none;
	height: auto;

}


.quienes_columna1_30{
	padding-left: 15%;
	background-color: none; 
	height: auto;

}


.quienes_ico01{
	/*background-color: green;*/
	height: 125px;

}

.quienes_ico01{
	height:106px;
	background-image:url("../img/secc_ico01.jpg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}

.quienes_parrafo01{/*NUMERO*/
	background-color: none;
	background-image:url("../img/01_30.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	padding-left: 6vw!important;
	padding-top: 6vw;
	width: auto;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}

.quienes_parrafo_full{
	color: none;
}


.btn2{
	padding-top: 3% !important;
	padding-bottom: 3% !important;
	padding-left: 4% !important;
	padding-right: 4% !important;
	font-size: 1.2vw !important;
	font-weight: bolder !important;
	border-radius: 0px!important;
	border-color: black!important;
	background-color: black!important;
	font-family: "Bebas Neue", sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 20px!important;
    letter-spacing: 4px!important;
    color: #ffff;
    text-decoration: none!important;

    			-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.btn2:hover{
	background-color: #FF006E!important;
	border-color: #FF006E!important;
}

.quienes_columna2{
	padding-top: 100px;
	background-color: none;
	height: auto;

	background-image:url("../img/quienes_img1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;





}


.quienes_titulo{
	z-index: 1;
}

.pleca_titulo{
	/*background-color: gray;*/
	height: 74px;

	background-image:url("../img/pleca_titulo_PNG.PNG");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

	font-family: 'Montserrat', sans-serif;

}




.quienes_infog1{
	padding-top: 20px;
	padding-left: 7%!important;
	padding-right: 7%!important;
	height: auto;
	line-height: 18px;
	background-color: none;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #0F0F11;
	text-align: left;
}

.quienes_infog2{
	padding-top: 20px;
	padding-left: 7%!important;
	padding-right: 7%!important;
	height: auto;
	line-height: 18px;
	background-color: none;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #0F0F11;
	text-align: left;
}


.quienes_infog3{
	padding-top: 20px;
	padding-left: 7%!important;
	padding-right: 7%!important;;
	height: auto;
	line-height: 18px;
	background-color: none;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #0F0F11;
	text-align: left;
}

.foto{
	height: 20%;
	width: 20%;
	opacity: 50%;
	padding-bottom: 20px;
}


@media only screen and (max-width: 991px) {


	.quienes_columna1_30{
	padding-left: 5%;
	padding-right: 5%;
	background-color: none; 
	height: auto;

	}


	.quienes_columna2{
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: none;
	height: 400px;
	width: 100%!important;
	padding: 0!important;

	background-image:url("../img/quienes_img1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;


	}


	.quienes_parrafo01{/*NUMERO*/
	background-size:20%;
	}


	.btn2{

    font-size: 20px!important;

	}


	.foto{
	height: 10%;
	width: 10%;
	opacity: 50%;
	padding-bottom: 20px;
	}

}




@media only screen and (max-width: 767px) {

	.quienes_box{
	height: auto;
	background-color: #fff;
	text-align: left;
	}

	.quienes_ico01{
		height: 0px;
	}



	.quienes_columna2{
	padding-top: 20px;
	/*background-color: yellow;*/
	height: 400px;

	background-image:url("../img/quienes_img1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	}



}


@media only screen and (max-width: 500px) {

	.quienes_columna2{
	    margin-bottom: 0px;

	}



	.foto{
		height: 20%;
		width: 20%;
	}

	.quienes_infog1, .quienes_infog2, .quienes_infog3, .quienes_infog4{
		padding-left: 50px!important;
		padding-right: 50px!important;
	}



}

/**************************************/
/**********  ABOUT  **********/
/**************************************/

.about_container{
	margin: 0!important;
	padding: 0px!important;
	height: auto;
	background-color: #fff;

}

.about_box{
	height: auto;
	background-color: #fff;
}

.about_columna2{
	padding: 0px;
	background-color: none;
	background-image:url("../img/cintillo01.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: right;


	height: auto;

}


.about_columna2_30{
	padding-left: 10%;
	padding-right: 15%;
	background-color: none; 
	width: 100%;
	height: auto;

}




.about_parrafo01{/*NUMERO*/
	background-color: none;
	background-image:url("../img/02_30.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	padding-left: 6vw!important;
	padding-right: 6vw!important;
	padding-top: 6vw;
	width: auto;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}





.about_columna1{
	padding-top: 100px;
	background-color: none;
	height: auto;

	background-image:url("../img/about_img1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;





}






@media only screen and (max-width: 991px) {


	.about_columna2_30{
	padding-left: 5%;
	padding-right: 5%;
	background-color: none; 
	height: auto;

	}


	.about_columna1{
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: none;
	height: 400px;
	width: 100%!important;
	padding: 0!important;

	background-image:url("../img/about_img1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;


	}


	.about_parrafo01{/*NUMERO*/
	background-size:20%;
	}


	.btn3{

    font-size: 20px!important;

	}




}




@media only screen and (max-width: 767px) {

	.about_box{
	height: auto;
	background-color: #fff;
	text-align: left;
	}

	.about_ico01{
		height: 0px;
	}



	.about_columna1{
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	/*background-color: yellow;*/
	height: 200px;

	background-image:url("../img/about_img1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	}



}


@media only screen and (max-width: 500px) {

	.about_columna2{
	    margin-bottom: 0px;

	}






}


/**************************************/
/************  BOOK *********/
/**************************************/

.book_container{
	margin: 0!important;
	padding: 0px!important;
	height: auto;
	background-color: #fff;

}

.book_box{
	height: auto;
	background-color: #fff;
}

.book_columna1{
	padding: 100px;
	background-color: none;
	height: auto;

}


.book_columna1_30{
	padding-left: 8%;
	background-color: none; 
	height: auto;

}



.book_parrafo01{/*NUMERO*/
	background-color: none;
	background-image:url("../img/03_30.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:24%;
	background-position: top-left;
	padding-left: 6vw!important;
	padding-top: 6vw;
	width: auto;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}

.book_parrafo_full{
	color: none;
}



.book_columna2{
	padding-top: 100px;
	background-color: none;
	height: auto;

	background-image:url("../img/x.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;





}


.book_titulo{
	z-index: 1;
}



.foto{
	height: 20%;
	width: 20%;
	opacity: 50%;
	padding-bottom: 20px;
}


@media only screen and (max-width: 991px) {




	.book_columna1_30{
	padding-left: 5%;
	padding-right: 5%;
	background-color: none; 
	height: auto;

	}


	.book_columna2{
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: none;
	height: 400px;
	width: 100%!important;
	padding: 0!important;

	background-image:url("../img/x.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;


	}


	.book_parrafo01{/*NUMERO*/
	background-size:20%;
	}


	.btn2{

    font-size: 20px!important;

	}


	.foto{
	height: 10%;
	width: 10%;
	opacity: 50%;
	padding-bottom: 20px;
	}

}




@media only screen and (max-width: 767px) {

	.book_box{
	height: auto;
	background-color: #fff;
	text-align: left;
	}

	.book_ico01{
		height: 0px;
	}



	.book_columna2{
	padding-top: 20px;
	/*background-color: yellow;*/
	height: 400px;

	background-image:url("../img/xjpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	}


	.book_columna1{
	padding-top: 50px;
	padding-bottom: 0px;
	background-color: none;
	height: auto;

	}

	.book_parrafo01{/*NUMERO*/
	background-size:20%;
	height: 150px;
	padding-top: 0px;
	padding-bottom: 0px;
	}



}


@media only screen and (max-width: 500px) {

	.book_columna2{
	    margin-bottom: 0px;

	}



	.foto{
		height: 20%;
		width: 20%;
	}




}





/************************************/
/*********** BOOK COLLAGE I **********/
/************************************/

.collage_container{
	height: auto;
	width: 100%;
	padding-left: 14%!important;
	padding-right: 14%!important;
	padding-top: 0px!important;
	padding-bottom: 00px!important;
	background-color: none;

}



.collage_box_padre{
	height: auto;
	width: 100%;
	background-color: none;
}

.hijo1_padre{
	height: 30vw;
	width: 10%;
	background-color: none;
	border: 15px solid white;

	background-image:url("../img/bookm/previo01.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;


	


  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;


}

.hijo2_padre{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;


	background-image:url("../img/bookm/previo01a.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;


}

.hijo3_padre{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;

	background-image:url("../img/bookm/previo01b.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.collage_box_madre{
	height: auto;
	width: 100%;
	background-color: none;
}


.hijo1_madre{
	height: 30vw;
	width: 10%;
	background-color: none;
	border: 15px solid white;

	background-image:url("../img/bookm/previo02.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.hijo2_madre{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;


	background-image:url("../img/bookm/previo02a.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.hijo3_madre{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;

	background-image:url("../img/bookm/previo02b.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}




/*anim rollover */
.hijo1_padre:hover, .hijo2_padre:hover, .hijo3_padre:hover,
.hijo1_madre:hover, .hijo2_madre:hover, .hijo3_madre:hover {

	 -webkit-filter: saturate(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	 cursor: pointer;


}

/*--------------*/


@media only screen and (max-width: 767px) {


.collage_container{
	height: auto;
	width: 100%;
	padding-left: 10%!important;
	padding-right: 10%!important;
	padding-top: 50px!important;
	padding-bottom: 50px!important;
	background-color: none;
}


.collage_box_padre, .collage_box_madre{
	height: auto;
	width: 50%!important;


}

.hijo1_padre, .hijo2_padre, .hijo3_padre{
	height: 40vw;
	width: 1%;
	border: 1px solid white;

	background-repeat: no-repeat;
	background-size:contain;
	background-size:200px;
	background-position: center;

}


.hijo1_madre, .hijo2_madre, .hijo3_madre{
	height: 40vw;
	width: 1%;
	border: 1px solid white;

	background-repeat: no-repeat;
	background-size:contain;
	background-size:200px;
	background-position: center;
}


.collage_container{
	height: auto;
	width: 100%;
	padding-left: 6%!important;
	padding-right: 6%!important;
	padding-top: 20px!important;
	padding-bottom: 00px!important;
	background-color: none;
	

}




}


@media only screen and (max-width: 500px) {




}



/************************************/
/*********** BOOK COLLAGE II **********/
/************************************/


.collage_box_azul{
	height: auto;
	width: 100%;
	background-color: none;
}

.hijo1_azul{
	height: 30vw;
	width: 10%;
	background-color: none;
	border: 15px solid white;

	background-image:url("../img/bookm/previo03.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;


}

.hijo2_azul{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;


	background-image:url("../img/bookm/previo03a.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;


}

.hijo3_azul{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;

	background-image:url("../img/bookm/previo03b.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.collage_box_rosa{
	height: auto;
	width: 100%;
	background-color: none;
}


.hijo1_rosa{
	height: 30vw;
	width: 10%;
	background-color: none;
	border: 15px solid white;

	background-image:url("../img/bookm/previo04.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.hijo2_rosa{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;


	background-image:url("../img/bookm/previo04a.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.hijo3_rosa{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;

	background-image:url("../img/bookm/previo04b.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

/*anim rollover */
.hijo1_azul:hover, .hijo2_azul:hover, .hijo3_azul:hover,
.hijo1_rosa:hover, .hijo2_rosa:hover, .hijo3_rosa:hover {

	 -webkit-filter: saturate(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	 cursor: pointer;

}

/*--------------*/


@media only screen and (max-width: 767px) {



.collage_box_azul, .collage_box_rosa{
	height: auto;
	width: 50%!important;

}

.hijo1_azul, .hijo2_azul, .hijo3_azul{
	height: 40vw;
	width: 1%;
	border: 1px solid white;

	background-repeat: no-repeat;
	background-size:contain;
	background-size:200px;
	background-position: center;
}


.hijo1_rosa, .hijo2_rosa, .hijo3_rosa{
	height: 40vw;
	width: 1%;
	border: 1px solid white;

	background-repeat: no-repeat;
	background-size:contain;
	background-size:200px;
	background-position: center;
}


}


@media only screen and (max-width: 500px) {




}



/************************************/
/*********** BOOK COLLAGE III **********/
/************************************/


.collage_box_rojo{
	height: auto;
	width: 100%;
	background-color: none;
}

.hijo1_rojo{
	height: 30vw;
	width: 10%;
	background-color: none;
	border: 15px solid white;

	background-image:url("../img/bookm/previo0A.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;


}

.hijo2_rojo{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;


	background-image:url("../img/bookm/previo0B.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;


}

.hijo3_rojo{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;

	background-image:url("../img/bookm/previo0C.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.collage_box_verde{
	height: auto;
	width: 100%;
	background-color: none;
}


.hijo1_verde{
	height: 30vw;
	width: 10%;
	background-color: none;
	border: 15px solid white;

	background-image:url("../img/bookm/previo0D.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.hijo2_verde{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;


	background-image:url("../img/bookm/previo0E.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

.hijo3_verde{
	height: 16vw;
	width: 10%;
	border: 15px solid white;
	background-color: none;

	background-image:url("../img/bookm/previo0F.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	

  -webkit-filter: saturate(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.3s ease-out!important;
}

/*anim rollover */
.hijo1_rojo:hover, .hijo2_rojo:hover, .hijo3_rojo:hover,
.hijo1_verde:hover, .hijo2_verde:hover, .hijo3_verde:hover {

	 -webkit-filter: saturate(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	 cursor: pointer;

}

/*--------------*/


@media only screen and (max-width: 767px) {



.collage_box_rojo, .collage_box_verde{
	height: auto;
	width: 50%!important;

}

.hijo1_rojo, .hijo2_rojo, .hijo3_rojo{
	height: 40vw;
	width: 1%;
	border: 1px solid white;

	background-repeat: no-repeat;
	background-size:contain;
	background-size:200px;
	background-position: center;
}


.hijo1_verde, .hijo2_verde, .hijo3_verde{
	height: 40vw;
	width: 1%;
	border: 1px solid white;

	background-repeat: no-repeat;
	background-size:contain;
	background-size:200px;
	background-position: center;
}


}


@media only screen and (max-width: 500px) {




}

/************************************/
/*********** PLECA NUMEROS **********/
/************************************/


.pleca_container{
	background-color: none;

	background-image:url("../img/BG_PLECA.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	background-attachment: fixed;

	height: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	}

.pleca_A,.pleca_B,.pleca_C,.pleca_D{
	background-color: NONE;
	height: 10vw;
	text-align: center;
	padding-top: 20px;
}


.numeral, .numeral2, .numeral3, .numeral4{
	color: #FFFFFF;
	font-size: 5vw;
	line-height: 130%;
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 900;
}





.titulo_pleca{
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2vw;
  color: #b3b3b3;
  line-height: 30px;

}



@media only screen and (max-width: 991px) {

	.pleca_A,.pleca_B,.pleca_C,.pleca_D{
	background-color: NONE;
	height: 10vw;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 120px;
	}

	.numeral, .numeral2, .numeral3, .numeral4{
	color: white;
	font-size: 8vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	}


	.titulo_pleca{
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.3vw;
  color: #b3b3b3;
  line-height: 30px;

	}

}

@media only screen and (max-width: 767px) {

	.pleca_A,.pleca_B,.pleca_C,.pleca_D{
	width: 50%!important;
	height: 20vw;
	}


	.numeral, .numeral2, .numeral3, .numeral4{
	color: white;
	font-size: 8vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	}


	.titulo_pleca{
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8vw;
  color: #b3b3b3;
  line-height: 30px;

	}


}


@media only screen and (max-width: 500px) {

	.pleca_A,.pleca_B,.pleca_C,.pleca_D{
	width: 50%!important;
	height: 20vw;
	}


	.numeral, .numeral2, .numeral3, .numeral4{
	color: white;
	font-size: 10vw;
	line-height: 130%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	}

	.titulo_pleca{
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3vw;
  color: #b3b3b3;
  line-height: 30px;

	}


}





/**************************************/
/************  SKILLS *********/
/**************************************/


.skills_container{
	margin: 0!important;
	padding: 0px!important;
	height: auto;
	background-color: #fff;

}

.skills_box{
	height: auto;
	background-color: #fff;
}

.skills_columna2{
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;

	background-color: none;
	background-image:url("../img/cintillo02.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: left;


	height: auto;

}


.skills_columna2_30{
	padding-left: 10%;
	padding-right: 10%;
	background-color: none; 
	width: 100%;
	height: auto;

}




.skills_parrafo01{/*NUMERO*/
	background-color: none;
	background-image:url("../img/04_30.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-size:50%;
	background-position: top-left;
	padding-left: 8vw!important;
	padding-right: 8vw!important;
	padding-top: 6vw;
	width: auto;
	height: auto;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}



.btn3{
	padding-top: 2% !important;
	padding-bottom: 2% !important;
	padding-left: 3% !important;
	padding-right: 3% !important;
	font-size: 1.2vw !important;
	font-weight: bolder !important;
	border-radius: 0px!important;
	border-color: black!important;
	background-color: black!important;
	font-family: "Bebas Neue", sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 20px!important;
    letter-spacing: 4px!important;
    color: #ffff;
    text-decoration: none!important;

    transition: all 0.3s ease-out allow-discrete;
		transition: 150ms linear 25ms;
}

.btn3:hover{
	background-color: #FFD200!important;
	border-color: #FFD200!important;
}

.skills_columna1{
	padding-top: 100px;
	background-color: none;
	height: auto;

	background-image:url("../img/cv_img1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;





}






@media only screen and (max-width: 991px) {


	.skills_columna2_30{
	padding-left: 5%;
	padding-right: 5%;
	background-color: none; 
	height: auto;

	}


	.skills_columna1{
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: none;
	height: 400px;
	width: 100%!important;
	padding: 0!important;

	background-image:url("../img/cv_img1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;


	}


	.skills_parrafo01{/*NUMERO*/
	background-size:20%;
	}


	.btn3{

    font-size: 20px!important;

	}




}




@media only screen and (max-width: 767px) {

	.skills_box{
	height: auto;
	background-color: #fff;
	text-align: left;
	}

	.skills_ico01{
		height: 0px;
	}



	.skills_columna1{
	padding-top: 20px;
	/*background-color: yellow;*/
	height: 400px;

	background-image:url("../img/cv_img1.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-size:100%;
	background-position: center;

	}


	.skills_columna2{
		margin-top: 0px;
	    margin-bottom: 0px;
	    padding-top: 0px;
	    padding-bottom: 0px;

	}

		.skills_columna1{
		margin-top: 0px;
	    margin-bottom: 0px;
	    height: 200px;


	}

		.skills_parrafo01{
		margin-top: 0px;
	    margin-bottom: 0px;
	    padding-top: 0px;
	    padding-bottom: 0px;

	}



}


@media only screen and (max-width: 500px) {

	.skills_columna2{
	    margin-bottom: 0px;

	}






}




/*************************************/
/************  SKILLS  **********/
/*************************************/
.pleca_titulox{
	/*background-color: gray;*/
	height: 74px;

	background-image:url("../img/pleca_titulox.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

	font-family: 'Montserrat', sans-serif;

}

.skills_parrafo01{
	/*background-color: violet;*/
	height:auto;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 30px;

}

.compa_container{
	padding-top: 0px;
	padding-bottom: 70px;
	height: auto;
	background-color: #fff;
	/*background-image:url("../img/comp_bg.jpg");*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}


.compa_box{
		padding-left: 0 !important;
	padding-right: 0 !important;
	height: auto;
	/*background-color: olive;*/
	padding-bottom: 20px;
}

.comp_titulo{
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 40px;
	padding-bottom: 0px !important;
	text-align: left;
	font-size: 60px;
	text-align: left;
	color: #1B3046;
	line-height: 0px;
	overflow: hidden;
}




.cv_col1{
	padding: 0 !important;
	height: auto;
	background-color: #fff;
	background-image:url("../img/ph01.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
}


.grid{
	height: 100%;
	width: 100%;
	background-color: none;
	background-image:url("../img/gridNBULL.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.cv_parrafo{
	padding: 20px;
	height: auto;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0px;
	position: absolute;
	line-height: 20px;

}


.cv_col2{
	padding-top: 0px;
	padding-bottom: 40px;
	height: auto;
	background-color: #fff;

}

.cv_col3{
	padding-top: 0px;
	padding-bottom: 40px;
	height: auto;
	background-color: #fff;
	line-height: 0px !important;

}

.cv_col4{
	padding-top: 0px;
	padding-bottom: 40px;
	height: auto;
	background-color: #fff;

}


.gauge_txt{
	margin-top: 10px;
	padding-bottom: 15px;
	height: 15px;
	width: 100%;
	font-weight: 700;
	line-height: 15px;
}


.gauge{
	margin-top: 30px;
	margin-bottom: 30px;
	height: 3px;
	width: 100%;
	background-color: lightgray;
}


.gauge_2{
		position: relative;
	height: 3px;
	background-color: #777;
	text-align: right;

}

.prociento{
	position: absolute;
	top: -15px;
	right: -1px;

}


.brands{
	background-color: #ededed;
	/*background-image:url("../img/bg_brands.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;*/
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40 !important;
	padding-right: 40 !important;
	margin: 0 !important;
	overflow: hidden;
}

.brands_col1{
	background-color: #ededed;
	width: 100% !important;
	/*height: 200px;
	background-image:url("../img/marcas01.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;*/
}

.brands_col2{
	background-color: #ededed;
	width: 100% !important;
	/*height: 200px;
	background-image:url("../img/marcas02.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;*/
}


@media only screen and (max-width: 1200px) {


.gauge_txt{
	margin-top: 10px;
	padding-bottom: 25px;
	height: 15px;
	width: 100%;
	font-weight: 700;
	line-height: 15px;
}


}


@media only screen and (max-width: 990px) {


.cv_col1{

	height: 300px;
	background-color: #fff;
	background-image:url("../img/ph01.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.gauge_txt{
	margin-top: 10px;
	padding-bottom: 25px;
	height: 15px;
	width: 100%;
	font-weight: 700;
	line-height: 15px;
}


}

@media only screen and (max-width: 768px) {


.gauge_txt{
	margin-top: 10px;
	padding-bottom: 15px;
	height: 15px;
	width: 100%;
	font-weight: 700;
	line-height: 15px;
}





/************************************/
/*++++++++++++++++SLIDER++++++++++++*/
/************************************/



.carousel {
    background-color:#26282b;
}

.espacio {
	visibility: hidden;
	/*position:absolute;*/
} 

.slider{
	/*position: absolute;*/
	margin: 0px;
	padding:0px;
	height: auto;
	background-color: green;
	z-index:98

}

.carousel-inner img {
      width: 100%;
      height: auto;
  }


 .caption00{
 	position: absolute;
    right: 50%;
    top: 50%;

    /*background-color:skyblue;*/

 }

.captionH3{
	font-family: 'Khand', sans-serif;
    font-weight: 700;
    font-size: 3vw; /*35px;*/
    color:#006391;
}

.captionParrafo{
	font-family: 'Questrial', sans-serif;
    font-weight: 300;
    font-size: 1.5vw;/*25px;*/
    color:#36a473;
}

.carousel-caption {
    position: absolute !important;
    right: -15%!important;
    left: 20% !important;
    bottom: 20px;
    top: 40%;
    z-index: 10 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: #fff;
    text-align: center;
}



.button_slider{
	background-color: #003e71 !important;
	padding:10px 15px 10px 15px;
	border: 1px white solid !important;
	font-family: 'Khand', sans-serif;
	cursor: pointer;

    -webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;

}


.button_slider:hover{
	background-color: #0062ab !important;


}

.carousel-indicators{
	visibility: hidden;
}

/*@@@@@@@ SLIDER - MEDIA Q @@@@@@*/


@media only screen and (max-width: 1200px) {


	.captionParrafo{
		font-family: 'Questrial', sans-serif;
	    font-weight: 300;
	    font-size: 3vw;/*25px;*/
	    color:#fff;
	    
		
	}

	.carousel-caption{
		position: absolute !important;
	    right: 0% !important;
	    left: 0% !important;
	    z-index: 10 !important;
	    padding-top: 0px !important;
	    padding-bottom: 20px !important;
	    color: #fff !important;
	    text-align: center !important;
	}


	.caption00{
 	position: absolute;
 	/*background-color: red;*/
    right: 46%;
    top: 55%;
    bottom: 0px;
    left: 12%;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
    text-align: left;
 	}

}





@media only screen and (max-width: 900px) {

	.button_slider{
		display: none;
	}

}

@media only screen and (max-width: 768px) {



	.carousel-indicators{
		visibility: hidden !important;
	}

	.btn2 {
		font-size: 1rem !important;
	}

}

@media only screen and (max-width: 576px) {

	


	.captionParrafo{
		font-family: 'Questrial', sans-serif;
	    font-weight: 300;
	    font-size: 3vw;/*25px;*/
	    color:#fff;
	    
		
	}

	.carousel-caption{
		position: absolute !important;
	    right: 15% !important;
	    left: 15% !important;
	    z-index: 10 !important;
	    padding-top: 0px !important;
	    padding-bottom: 20px !important;
	    color: #fff !important;
	    text-align: center !important;
	}


	.caption00{
 	position: absolute;
 	/*background-color: red;*/
    right: 46%;
    top: 55%;
    bottom: 153px;
    left: 12%;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
    text-align: left;
 	}

 		.btn2 {
		font-size: 1.5rem !important;
	}


}



/****************************/
/*********  FOOTER *********/
/**************************/

.footer_container{
	height: auto;
	background-color:rgba(12,30,44,1);
}

.footer_box{
	height: auto;
	background-color:none;
	overflow:hidden;
}

.footer_secc1{
	background-color: none;
	height: auto;
	padding-top: 62px;
	padding-bottom: 20px;
	color: #777;
}

.footer_secc2{
	background-color: none;
	height: auto;
	padding-top: 62px;
	padding-bottom: 20px;
	color: #777;
}

.footer_secc3{
	background-color: none;
	height: auto;
	padding-top: 62px;
	padding-bottom: 20px;
	color: #777;
}


.footer_parrafo{
	font-size: 13px;

	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.logo_pie{
	height: 30px;
	width: 100%;
	background-color: none;
	background-image: url("../img/logo_footer.png");
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
}


@media only screen and (max-width: 768px) {


.footer_secc1, .footer_secc2, .footer_secc3{
	padding-top: 62px;
}


}


/****************************/
/*********  RIGHTS *********/
/**************************/

.rights_container{
height: auto;
background-color: #07121a;
color: #777;
}

.rights_box{
height: 70px;
}


.rights_parrafo{
	position: relative;
	text-align: center;
    left: 40%;
    top: 20px;

}

@media only screen and (max-width: 490px) {
	
	.rights_parrafo{
	position: relative;
    left: 30%;
    top: 20px;

	}

}

/*****************************/
/*******  AVISO    ***********/
/*****************************/

.aviso_container{
	background-color: #c7c7c7;
	height: auto;
}

.aviso_box{
	background-color: white;
	height: auto;
	padding: 35px!important;
	color: #777;
	border-left: 1px #555 dashed;
	border-right: 1px #555 dashed;

}

.titulo_aviso1{
	height: 100px;
	background-image: url("../img/pleca_aviso.png");
	background-position: center;
	background-size: contain;
	background-repeat: repeat-x;
}

.titulo_aviso2{
	height: 100px;
    background-image: url("../img/logo_aviso.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.titulo_aviso3{
	height: 100px;
	background-image: url("../img/pleca_aviso.png");
	background-position: center;
	background-size: contain;
	background-repeat: repeat-x;
}


.back_btn{
	height: 60px;
	width: 60px;
	background-color: white;

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;

	position: fixed;
    left: 75%;
    top: 4%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    background-image: url("../img/back_btn.png");
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;

    z-index: 99;
}

.back_btn:hover{
	cursor: pointer;
}


@media only screen and (max-width: 490px) {
	
	.back_btn{
	position: fixed;
    left: 50%;
    top: 4%;

	}

}

/****************************/
/*******  PUBLICIDAD ********/
/****************************/

.publicidad_container{
	background-color: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;

	position: fixed;
	top: 0;
    z-index: 99;

    display: none;

}


.publicidad_box{
	/*background-color: red;*/
	height: 100%;
	width: 100%;
}

.publicidad_arte{
	/*background-color: olive;*/
	width: 90%;
	height: 90%;

	position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    background-image: url("../img/pub/arte01.png");
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
}


.close_btn{

	height: 50px;
	width: 50px;
	background-color: black;

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;

	position: relative;
    left: 100%;
    top: 5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    background-image: url("../img/close.png");
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;

    z-index: 99;
}

.close_btn:hover{
	cursor: pointer;
};




/********************************/
/********************************/
/******* parche 2025 espacios **/
/********************************/
/********************************/


.quienes_columna1{
padding-top: 24px;
padding-bottom: 0px;
}