html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	height:100%;
	color:#2c2c2c;
}

.Separacion_top{margin-top: 100px;}
.Separacion_top_2{margin-top: 70px;}
.Separacion_bottom{margin-bottom: 100px;}
.Separacion_bottom_2{margin-bottom: 70px;}

@media only screen and ( max-width: 768px ){
.Separacion_top{margin-top: 50px;}
.Separacion_top_2{margin-top: 40px;}
.Separacion_bottom{margin-bottom: 50px;}
.Separacion_bottom_2{margin-bottom: 40px;}
}

.container-fluid{float: left;}

h1{font-weight: 700;}


/*=====================*/


#Pleca_top{width: 100%; height: 100px; background-color: #87211f; position: fixed; z-index: 9000;}
#Logo img{margin-top: 8px; width: 100%; max-width: 111px;}
#Distintivo img{margin-top: 30px; width: 100%; max-width: 100px;}
#Oficina img{margin-top: 7px; width: 100%; max-width: 170px;}
#Pleca_top_2{width: 100%; height: 100px; background-color: #87211f; position: absolute; z-index: 9000;}

@media only screen and ( max-width: 576px ){
#Logo img{margin-top: 13px; width: 100%; max-width: 100px;}
#Distintivo img{margin-top: 38px; width: 100%; max-width: 100px;}
#Oficina img{margin-top: 38px; width: 100%; max-width: 150px;}
}


#Menu{min-height: 35px; background-color: rgba(0,0,0,1.00); position: fixed; margin-top: 100px; z-index: 9000}
#Menu a{display: inline-block; color: white; font-size:1em; margin-left: 10px; margin-right: 10px; margin-top: 5px;}

@media only screen and ( max-width: 576px ){
#Menu a{font-size: 0.9em; margin-left: 5px; margin-right: 5px; margin-top: 8px;}
}

#Imagen_top{width:100%; min-height: 600px; background-image: url("../img/bk/01.jpg"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 230px; margin-top: 135px;}
#Imagen_top p{color: white; float: left; width: 100%; text-align: center; font-weight: 500; font-size: 2em; line-height: 1.1em;}
#Imagen_top p strong{color: white; font-size: 2em; font-weight: 900; line-height: 1.1em;}

@media only screen and ( max-width: 992px ){
#Imagen_top{ padding-top: 280px;}
#Imagen_top p strong{font-size: 1.5em; line-height: 1.1em;}
}

@media only screen and ( max-width: 768px ){
#Imagen_top{ padding-top: 280px;}
#Imagen_top p strong{font-size: 1.3em;}
#Imagen_top p{line-height: 1em;}
}

@media only screen and ( max-width: 576px ){
#Imagen_top{min-height: 400px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 200px;}
#Imagen_top p strong{font-size: 1.3em;}
#Imagen_top p{line-height: 1em; text-align: left; font-size: 1.5em;}
}


#Rojo{background-color: #87211f; min-height: 310px; box-sizing: border-box; text-align: right; color: white;  font-size: 2em; padding: 100px 50px 50px 150px;}
#Gris{background-color: #d6d4d4; min-height: 310px; box-sizing: border-box; text-align: left; font-size: 1.2em; padding: 110px 50px 50px 50px;}

@media only screen and ( max-width: 992px ){
#Rojo{font-size: 2em; padding: 100px 50px 50px 100px;}
#Gris{padding: 90px 50px 50px 50px;}
}

@media only screen and ( max-width: 768px ){
#Rojo{font-size: 2em; padding: 30px 50px 30px 50px; text-align: center; min-height: 100px;}
#Gris{padding: 30px 50px 30px 50px; text-align: center; min-height: 100px;}
}


#Beneficios img{width: 100%;}
#Beneficios span{width: 100%; border-bottom: 2px solid #87211f; float: left; font-weight: 700; font-size: 2em; color:#87211f; text-align: right; margin-bottom: 20px; font-style: italic;}

@media only screen and ( max-width: 992px ){
#Beneficios_ocultar{display: none;}
}


#Proceso_rojo{background-color: #87211f; width: 350px; min-height: 230px; border: 2px solid #ffffff; border-radius: 15px; margin: 0 auto; text-align: center; font-weight: 500; color: white; box-sizing: border-box; padding: 15px; padding-top: 20px;
-webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);
box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);}
#Proceso_rojo strong{font-size: 1.3em; font-style: italic;}
#Proceso_rojo img{margin-bottom: 10px;}

#Proceso_gris{background-color: #d6d4d4; width: 350px; min-height: 230px; border: 2px solid #ffffff; border-radius: 15px; margin: 0 auto; text-align: center; font-weight: 500; box-sizing: border-box; padding: 15px; padding-top: 20px;
-webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);
box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);}
#Proceso_gris strong{font-size: 1.3em; font-style: italic;}
#Proceso_gris img{margin-bottom: 10px;}

#Proceso_flecha_01{position: absolute; margin-top: -180px; margin-left: -30px; z-index: -1;}
#Proceso_flecha_02{margin-top: 80px;}
#Proceso_flecha_03{position: absolute; margin-top: 100px; margin-left: -220px; z-index: -1;}
#Proceso_flecha_04{visibility: hidden;}

@media only screen and ( max-width: 1200px ){
#Proceso_flecha_02{margin-left: 55px;}
}

@media only screen and ( max-width: 992px ){
#Proceso_flecha_01{visibility: hidden; display: none;}
#Proceso_flecha_02{visibility: hidden; display: none;}
#Proceso_flecha_03{visibility: hidden; display: none;}
#Proceso_flecha_04{visibility: visible;}
#Proceso_rojo{width: 100%; min-height: 100px !important;}
#Proceso_gris{width: 100%; min-height: 100px !important;}
}

.Btn{width: 250px; height: 50px; display: block; text-align: center; color: white; background-color: #87211f; font-weight: 900; border-radius: 100px; margin: 0 auto; box-sizing: border-box; padding-top: 12px;}
.Btn:hover{background-color: #d6d4d4; color:#2c2c2c; text-decoration: none;}

.Btn-2{width: 250px; height: 50px; display: block; text-align: center; color: white; background-color: #b9b75d; color: #000000; font-weight: 900; border-radius: 100px; margin: 0 auto; box-sizing: border-box; padding-top: 12px;}
.Btn-2:hover{background-color: #000000; color:#b9b75d; text-decoration: none;}


#Formulario{background-image: url("../img/bk/02.jpg"); min-height: 700px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.Contacto_0{float:left; width:100%; box-sizing:border-box; padding-right:30px;}

.Contacto_0 input[type="text"] { border:0px; background-color:#f5f8fe; color:#000000 !important;
border-bottom:3px solid #87211f; width:100%; height:40px; box-sizing:border-box; padding-left:10px; font-size:17px;
}
.Contacto_0 input[type="text"]:focus, .Contacto input[type="text"].focus {
border-bottom:0px solid #002060;	
box-shadow: 0px 0px 18px rgba(86, 158, 239, .70);
-moz-box-shadow: 0px 0px 18px rgba(86, 158, 239, .70);
-webkit-box-shadow: 0px 0px 18px rgba(86, 158, 239, .70);
}

.Contacto_0 select{
border: 0px; background-color: #f5f8fe; color: #000000 !important; border-bottom: 3px solid #87211f; width: 20%; height: 40px; box-sizing: border-box; padding-left: 10px; font-size: 17px;
}

.Contacto_0 textarea{
    border: 0px;
    background-color: #f5f8fe;
    border-bottom: 3px solid #87211f;
    width: 100%;
    min-height: 120px;
	max-height: 120px;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 17px;
    color: #000000 !important;
}

.Comentarios{ border:0px; background-color:#f5f8fe; border-bottom:3px solid #87211f; width:100%; height:80px; box-sizing:border-box; padding-left:10px; font-size:17px; color:#000000 !important; }
.Comentarios:focus { 
border:0px solid #002060;	
box-shadow: 0px 0px 18px rgba(86, 158, 239, .70);
-moz-box-shadow: 0px 0px 18px rgba(86, 158, 239, .70);
-webkit-box-shadow: 0px 0px 18px rgba(86, 158, 239, .70);
}
.Contacto_0 a{width:100%; height:50px; text-align:center; color:white; background-color:#87211f; display:block; text-decoration:none; font-size:24px; box-sizing:border-box; padding-top:8px; border-radius: 100px;}

/*==*/

 input[type=radio].css-checkbox{
	display: none;
}
input[type=radio].css-checkbox + label.css-label{
	padding-left: 27px;
	height: 18px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
}
input[type=radio].css-checkbox:checked + label.css-label{
	background-position: 0 -18px;
}
label.css-label{
	background-image: url(../img/bk/cssradiobutton.png);
}

#Datos{width: 100%; float: left; box-sizing: border-box; padding: 20px; background-color: rgba(255,255,255,0.30); font-size:1.2em;}
#Datos strong{font-size: 1.8em;}
#Datos a{color: #87211f;}

@media only screen and ( max-width: 576px ){
#Datos{padding: 20px;}
}

#Pie{background-color: #d6d4d4; min-height: 80px; font-size: 0.8em; padding-top: 35px;}

/*=====================*/

#Imagen_top_2{width:100%; min-height: 600px; background-image: url("../img/bk/03.jpg"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 230px; margin-top: 135px;}
#Imagen_top_2 p{color: white; float: left; width: 100%; text-align: center; font-weight: 500; font-size: 2em; line-height: 1.1em;}
#Imagen_top_2 p strong{color: white; font-size: 1.8em; font-weight: 900; line-height: 1.1em;}

@media only screen and ( max-width: 992px ){
#Imagen_top_2{ padding-top: 280px;}
#Imagen_top_2 p strong{font-size: 1.5em; line-height: 1.1em;}
}

@media only screen and ( max-width: 768px ){
#Imagen_top_2{ padding-top: 280px;}
#Imagen_top_2 p strong{font-size: 1.3em;}
#Imagen_top_2 p{line-height: 1em;}
}

@media only screen and ( max-width: 576px ){
#Imagen_top_2{min-height: 400px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 200px;}
#Imagen_top_2 p strong{font-size: 1.3em;}
#Imagen_top_2 p{line-height: 1em; text-align: left; font-size: 1.5em;}
}


#Beneficios_agentes{background-image: url("../img/bk/04.png"); background-position: center bottom; background-size: cover; min-height: 700px;}

#Beneficios_agentes_bk_blanco{background-color: rgba(255,255,255,.70); min-height: 300px; box-sizing: border-box; padding-top: 70px; margin-top: 30px;}
#Beneficios_agentes_bk_blanco span{color: #b9b75d; font-weight: 900; font-size: 10em; position: absolute; margin-top: -70px; opacity: .2; z-index: 0;}
#Beneficios_agentes_bk_blanco p{ width: 100%; margin-top: 30px;}

#Beneficios_agentes_bk_gris{background:#d6d4d4; min-height: 250px; box-sizing: border-box; padding-top: 70px; margin-top: 30px;}
#Beneficios_agentes_bk_gris span{color: #b9b75d; font-weight: 900; font-size: 10em; position: absolute; margin-top: -70px; opacity: .2; z-index: 0;}
#Beneficios_agentes_bk_gris p{ width: 100%; margin-top: 30px;}

#Bk_rojo{background-color: #87211f; color: white;}

@media only screen and ( max-width: 992px ){
#Beneficios_agentes_bk_blanco span{margin-top: -100px;}
#Beneficios_agentes_bk_gris span{margin-top: -90px;}
}

@media only screen and ( max-width: 576px ){
#Beneficios_agentes_bk_blanco span{font-size: 5em; margin-top: -40px;}
#Beneficios_agentes_bk_gris span{font-size: 8em; margin-top: -60px;}
}

#Bk_flecha{background-image: url("../img/bk/flecha.png"); background-position:bottom left 22.5%; background-repeat: no-repeat;}

#Proceso_agentes {font-weight:500; box-sizing: border-box; margin-bottom: 30px;}
#Proceso_agentes p{float: left; margin-top: 50px;}
#Proceso_agentes strong{color: #87211f; font-size: 1.7em; padding-top: 50px;}

@media only screen and ( max-width: 768px ){
#Bk_flecha{background-position:bottom left 4%;}
#Proceso_agentes img{width: 100%;}
#Proceso_agentes p{margin-top: 0px;}
}

@media only screen and ( max-width: 576px ){
#Bk_flecha{background-position:bottom left 0%;}
}

/*=====================*/

#Imagen_top_3{width:100%; min-height: 400px; background-image: url("../img/bk/05.jpg"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 170px; margin-top: 100px;}
#Imagen_top_3 p{color: white; float: left; width: 100%; text-align: center; font-weight: 500; font-size: 2em; line-height: 1.1em;}
#Imagen_top_3 p strong{color: white; font-size: 2em; font-weight: 900; line-height: 1.1em;}

@media only screen and ( max-width: 992px ){
#Imagen_top_3{ padding-top: 280px;}
#Imagen_top_3 p strong{font-size: 1.5em; line-height: 1.1em;}
}

@media only screen and ( max-width: 768px ){
#Imagen_top_3{ padding-top: 280px;}
#Imagen_top_3 p strong{font-size: 1.3em;}
#Imagen_top_3 p{line-height: 1em;}
}

@media only screen and ( max-width: 576px ){
#Imagen_top_3{min-height: 300px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 200px;}
#Imagen_top_3 p strong{font-size: 1.3em;}
#Imagen_top_3 p{line-height: 1em; text-align: left; font-size: 1.5em;}
}

#Preguntas{min-height: 630px;}
#Preguntas a{width: 100%; float: left; min-height: 40px; text-align: center; background:#d6d4d4; font-weight: 900; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; text-decoration: none; color:#2c2c2c; border: 2px solid #ffffff;}
#Preguntas p{width: 100%; float: left; margin-top: 20px; box-sizing: border-box; padding: 20px; text-align: center;}
#Preguntas img{width: 40%;
-webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);
box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.51);}

@media only screen and ( max-width: 768px ){
#Preguntas img{width: 90%;}
#Preguntas{min-height: 830px;}
}

.acordion_00{position: relative}
.acordion_01{position: absolute; margin-top: 0px; background-color: white;}
.acordion_01_02{visibility: hidden;}


/*=====================*/

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:25px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}


/*=====================*/


.Contacto_fijo{
	position:fixed;
	width:100px;
	height: 50px;
	left:60px;
	bottom:25px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:16px;
  z-index:100;
}

/*=====================*/

#Imagen_top_4{width:100%; min-height: 200px; background-image: url("../img/bk/06.jpg"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 70px; margin-top: 100px;}
#Imagen_top_4 p{color: white; float: left; width: 100%; text-align: center; font-weight: 500; font-size: 2em; line-height: 1.1em;}
#Imagen_top_4 p strong{color: white; font-size: 2em; font-weight: 900; line-height: 1.1em;}

@media only screen and ( max-width: 992px ){
#Imagen_top_4 p strong{font-size: 1.5em; line-height: 1.1em;}
}

@media only screen and ( max-width: 768px ){
#Imagen_top_4 p strong{font-size: 1.3em;}
#Imagen_top_4 p{line-height: 1em;}
}

@media only screen and ( max-width: 576px ){
#Imagen_top_5{min-height: 300px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 200px;}
#Imagen_top_5 p strong{font-size: 1.3em;}
#Imagen_top_5 p{line-height: 1em; text-align: left; font-size: 1.5em;}
}

#Imagen_top_5{width:100%; min-height: 400px; background-image: url("../img/bk/06.jpg"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 170px; margin-top: 100px;}
#Imagen_top_5 p{color: white; float: left; width: 100%; text-align: center; font-weight: 500; font-size: 2em; line-height: 1.1em;}
#Imagen_top_5 p strong{color: white; font-size: 2em; font-weight: 900; line-height: 1.1em;}

@media only screen and ( max-width: 992px ){
#Imagen_top_5{ padding-top: 280px;}
#Imagen_top_5 p strong{font-size: 1.5em; line-height: 1.1em;}
}

@media only screen and ( max-width: 768px ){
#Imagen_top_5{ padding-top: 280px;}
#Imagen_top_5 p strong{font-size: 1.3em;}
#Imagen_top_5 p{line-height: 1em;}
}

@media only screen and ( max-width: 576px ){
#Imagen_top_5{min-height: 300px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-top: 200px;}
#Imagen_top_5 p strong{font-size: 1.3em;}
#Imagen_top_5 p{line-height: 1em; text-align: left; font-size: 1.5em;}
}