@import url('body.css');
@import url('content.css');
@import url('menu-responsive.css');

/**/
#container{ max-width: 100%;; width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{float:left; width:100%; height:auto; padding:20px 0px; background: linear-gradient(0deg, rgba(33,57,154,1) 0%, rgba(15,29,62,1) 90%);  }
#slide{float:left; width:100%; height:auto; position:relative; height: 550px;  padding:0px 0px; background-image: url(../img/FONDO.png); background-position:center left; background-repeat:no-repeat; background-size:cover;     background-position-y: top; }
#slide2{float: left; width: 100%; background-image: url(../img/09.png); background-repeat: no-repeat; background-position: bottom center; padding: 0px 0px 40px 0px; margin-bottom: 35px; }
#slide3{float: left; width: 100%; background-image: url(../img/10.png); background-repeat: no-repeat; background-position: bottom center; padding: 0px 0px 40px 0px; margin-bottom: 35px; color: rgba(33,57,154,1); text-align: center; }
#footer{float:left; width:100%; background-color: #0E1C3C; padding:30px 0px; }
#footer .col_50{ width:48% !important;}
.radio{ border-radius: 20px 20px 0 0; box-shadow: 1px -9px 24px -2px rgba(0,0,0,0.55);
-webkit-box-shadow: 1px -9px 24px -2px rgba(0,0,0,0.55);
-moz-box-shadow: 1px -9px 24px -2px rgba(0,0,0,0.55); }
.logo_footer{ width:200px; }
.slogan_footer { text-align: center; font-size:30px; line-height: 34px; color:#000000;}


.form_button {
    background-color: #d5ef4d;
    color: #000000;
    font-size: 1.2rem;
    text-decoration: none;
    border-radius: 10px;
    line-height: 40px;
    padding: 0px 30px;
    font-weight: 700;
    margin-top: 10px;
    width: 60%;
	margin-left: 20%;
}
.form_button2 {
    background-color: #d5ef4d;
    color: #000000;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 10px;
    line-height: 40px;
    padding: 10px 30px;
    font-weight: 700;
    margin-top: 10px;
    width: auto;
	border: none;
	cursor: pointer;
}
.form_button3 {
    background-color: #d5ef4d;
    color: #000000;
    font-size: 1.2rem;
    text-decoration: none;
    border-radius: 10px;
    line-height: 40px;
    padding: 0px 30px;
    font-weight: 700;
    margin-top: 0px;
    width: auto;
    margin-left: 1%;
	border: none;
}

/*VARIOS*/
.escribi{ 
    background-color: #D5EF4D;
    background-image: url(../img/06.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 5px 5px;
    padding: 5px;
    border-radius: 100px;
    display: block;
    width: 90%;
    line-height: 40px;
    text-decoration: none;
    color: #000;
    text-indent: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
	margin: auto;
	text-align: center;
 }
 .escribi2{ 
    background-color: #D5EF4D;
    background-image: url(../img/06.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 5px 5px;
    padding: 5px;
    border-radius: 100px;
    display: block;
    width: 220px;
    line-height: 40px;
    text-decoration: none;
    color: #000;
    text-indent: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
	margin: auto;
 }

@media screen and (max-width: 780px) {
	#slide{ height:auto;}
	#slide3{font-size: 20px; }
}

/**/
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 1000px; width:100%; margin-right: auto; margin-left: auto; }
.center3{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center4{ max-width: 600px; width:100%; margin-right: auto; margin-left: auto; }


@media only screen and (max-width: 1234px) {
	.center{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
	.center2{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
	.center3{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
	.center4{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
}

#owl-main .owl-carousel .owl-stage-outer {
	height: 550px;
}
#owl-main .owl-item{
	height: 550px;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 550px;
}
/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{float:left; width:100%; text-align: center;}
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left;  width:100%;}
.top_box2{float:right; width:50%;}

.logo img{ max-height: 70px;}

@media only screen and (max-width: 1234px) {
.logo img{ max-height: 40px;}	
}

@media only screen and (max-width: 780px) {
	.logo img{ max-height: 50px;}	
	.top_box1{float:left;  width:100%;}
	.top_box2{float:right; width:100%;}

	#owl-main .owl-carousel .owl-stage-outer {
		height: auto;
	}
	#owl-main .owl-item{
		height: auto;
	}
	.owl-carousel .owl-item img {
		height: auto;
	}

}

.ico_left{ padding-left: 25px; text-align:left; background-image:url(../img/07.png);  background-repeat:no-repeat; background-size:25px; background-position:left top; font-size: 0.8rem;}

/*CONTENT*/
.module_1{float:left;  width:100%; padding:40px 0px 40px; background: #FFF;}
.module_2{float:left; width:100%; padding:60px 0px;}
.module_3{float:left;  width:100%; padding:60px 0px; background: #0F1D3E;}
.module4{float:left; width:100%; padding:20px 30px; background-image:url(../img/foto_back_grey.jpg); background-repeat:no-repeat; background-size:cover; background-position:left bottom;      box-sizing: border-box;}
.module_5{float:left;  width:100%;  background: #FFF;}
.module_6{float:left;  width:100%; padding:30px 0px;}
.module_7{float:left;  width:100%; padding:10px 0px; text-align: center; background-color: #292348; text-transform: uppercase; color: #fff;}
.module_7 span {
    color: #D5EF4D;
    font-weight: 600;
}
.fondo_txt{ background-image:url(../img/fondo-txt.jpg);  background-repeat:no-repeat; background-size: cover; background-position:right;}

.blog_1{ margin-bottom:10px; color: #D5EF4D; font-size: 0.9rem;}
.blog_1 small{ color: #fff;}
.blog_2{ margin-bottom:10px; font-size: 1rem;}
.blog_3{ margin-bottom:0px;}

/*FOOTER*/
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left;  width:50%;}
.footer_box2{float:right;  width:50%; text-align:right;}

.footer_box .title{ font-size:14px; margin-bottom:15px;}

@media screen and (max-width: 780px) {
	.footer_box1{float:left;  width:100%; padding:10px 0;}
	.footer_box2{float:left;  width:100%;  padding:10px 0; }
	.module_3{padding:50px 0px; text-align:center;}
	.module_3 .center {padding:0px 0px;  width: 100%; text-align: center;}
	.module4{width:100%; padding:5% 4%; background-position: left top;}
	.form_button2 {
		font-size: 1.1rem;
		padding: 10px 20px;
		line-height: 1.5rem;
	}
}



/* /////////   GRALS  //////// */

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}
.tex_center{ text-align:center;}

/*CENTER DIVS*/
.center_divs {
	float:left;
	width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	    justify-content: space-evenly;
		
}



/*CONTACTO*/

input.form{
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
    display: block;
	float:left;
	border: none;
    font-weight: 600;	
}
	textarea.form{
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
	height:200px;
    box-sizing: border-box;
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
    display: block;
	float:left;
	    border: none;	
	 } 

/*LISTADO*/
.list { list-style-type: none; margin: 0; padding: 0;  }
.list li { margin: 0; padding: 0;  list-style-type: none; padding-bottom:5px; padding-left:30px;  width: 100%; float: left; }

.list li:nth-child(1) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(2) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(3) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(4) { background-image: url(../img/icos/04.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(5) { background-image: url(../img/icos/05.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}



/**/
.block_slide{float:left; width:100%;}
.slogan_slide{ float:left; width:45%; color: #fff; font-size:25px; line-height: 30px; text-align: left; position: absolute; right: 6%;   top: 10%; }

.slogan_slide .mt {
       margin-bottom: 20px;
}
.img_slide{ float: left;
    width: 60%;
    padding: 0px 0;} 
.contacto_slide{ float:left; width:100%; background-color: #fff; padding: 30px; box-sizing: border-box;border-radius: 0px;}

@media only screen and (max-width: 1024px) {
	.slogan_slide{font-size: 25px;	line-height: 30px;	width: 96%; text-align: center; position: initial; padding: 0% 2%;}
	.submit-button2 { margin: auto; }
	
}


@media screen and (max-width: 780px) {
.block_slide{float:left; width:100%;}
.contacto_slide{ float:right; width:100%;  }
 .img_slide{ margin-bottom:10px; box-sizing: border-box; width:100%; }    
}



/**/
.item_block{float:left; width:30%;}
.item_block_img{width:50%; margin:auto; display:block; }
.caption{float:left; width:100%; padding:20px 0;     text-align: center; }

@media screen and (max-width: 780px) {
.item_block {width:50%; margin-bottom:20px;}   
}



/**/
.item_block_plan{float:left; width:25%; text-align:left; padding: 30px; box-sizing: border-box;     min-height: 630px;}
.item_block_plan_1{float:left; width:100%; font-size:30px; margin-bottom:20px;  }
.item_block_plan_2{float:left; width:100%;     min-height: 430px; }

.destacado{ font-weight:800; padding-left:0px; }


.back_01{ background-color:#FF5A5F; color:#fff; }
.back_02{
	background-image: url(../img/ImgTopContenido.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
	padding: 60px 0px;
	}
.back_03{ background-color:#FFF;  }
.back_03 h1{ color:#fff; }
.color {color:#6E57FF;}
.pd50 { padding:50px; box-sizing:border-box; }
.pd60 { padding:70px 0; box-sizing:border-box; }
.slogan_big{ font-size:50px; display:block; width:100%; font-weight:800; line-height: 40px; }

/**/
.font_12{ font-size:12px;}
.font_15{ font-size:15px;}
.font_20{ font-size:20px;}
.font_25{ font-size:25px;}
.font_28{ font-size:28px;}


@media screen and (max-width: 780px) {
	.item_block_plan{width:100%; }
	.item_block_plan, .item_block_plan_2{min-height: auto; }
	.slogan_big{ font-size:40px; line-height: 40px; }
	.font_25{ font-size:16px;}
	.font_28{ font-size:22px;}
	.pd50 { padding:30px; }
	.pd60 { padding:20px; }
}

/**/
.item_block_logo{ float:left; width:25%; text-align:center; }
.item_block_logo img{  width:auto; text-align:center; margin:auto; }


@media screen and (max-width: 780px) {
.item_block_logo{ float:left; width:50%; margin-bottom:20px; }
}


/**/
.but_general{ display:block; width:280px; margin:20px auto; padding:15px; background-color:#6e57ff; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px; }
.but_general2{ display:block; width:200px; margin:20px auto; padding:15px; background-color:transparent; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px;}

.np{ padding:0; }
.white { color:#fff;}
.pt{ padding-top:50px;}
p { font-weight:300;}

.planes h1{ font-size:55px; color:#fff;     padding: 100px 0px;}

/**/
.listado { margin: 0; padding: 0; list-style-type: none; float:left; width:100%;}
.listado li{ margin: 5px 0; padding: 0;  list-style-type: none; float:left; width:100%; font-size:15px;}

.listado2 { margin: 0; padding: 0;    list-style-type: none; float:left; width:100%;}
.listado2 li{ margin: 15px 0; padding: 0;  list-style-type: none; float:left; width:100%; font-size:15px; padding-left:20px; position:relative; margin-bottom:15px; }

.listado2 li strong {color:#6E57FF; display:block; width:100%; }

.listado2 li:nth-child(1)::after { background-image: url(../img/ICO_001.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }
	
.listado2 li:nth-child(2)::after { background-image: url(../img/ICO_002.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }

 .listado2 li:nth-child(3)::after { background-image: url(../img/ICO_003.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }
 
 .listado2 li:nth-child(4)::after { background-image: url(../img/ICO_004.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }
 
 .listado2 li:nth-child(5)::after { background-image: url(../img/ICO_005.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }
 
 .listado2 li:nth-child(6)::after { background-image: url(../img/ICO_006.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }
 
 .listado2 li:nth-child(7)::after { background-image: url(../img/ICO_006.jpg); background-position:center left; background-repeat:no-repeat; background-size:contain; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
 box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); border-radius:10px; background-color:#fff; padding:4px; display:block; position:absolute; top:0px; left:-50px; content:"";  width: 40px;  height: 40px;   }
 
 @media screen and (max-width: 780px) {
	.pd_mobile{ padding:20px; box-sizing:border-box; }

	.listado2 li{  padding-left:80px;  box-sizing:border-box;  }
	.listado2 li:nth-child(1)::after { left:10px; content:"";   }
	.listado2 li:nth-child(2)::after { left:10px; content:"";   }
	.listado2 li:nth-child(3)::after { left:10px; content:"";   }
	.listado2 li:nth-child(4)::after { left:10px; content:"";   }
	.listado2 li:nth-child(5)::after { left:10px; content:"";   }
	.listado2 li:nth-child(6)::after { left:10px; content:"";   }
	.listado2 li:nth-child(7)::after { left:10px; content:"";   }	
	h1{font-size: 20px; line-height: 22px;}
	h2{font-size: 26px; font-weight: 600;}
	.planes h1{ font-size: 45px; padding: 30px 0px; text-align: center;}

 }
 
.item { background: #21399B; border-radius: 10px; color: #fff; text-align: center; padding: 20px;	min-height: 180px;}
.item span { color: #D5EF4D; font-weight: 600;}
.item hr {
	display: block;
    background-color: transparent;
    border: 0;
	margin: 20px 0px 10px 0px;
    float: left;
    width: 100%;
    background-image: url(../img/09.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 0px 20px 0px;
	}
.item a {
    background-color: #d5ef4d;
    color: #000000;
    font-size: 1.2rem;
    text-decoration: none;
    border-radius: 10px;
    line-height: 40px;
    padding: 10px 30px;
    font-weight: 700;
    margin-top: 10px;
    width: auto;
	border: none;
}
.card_4 {padding-top: 10px;}
/* The overlay effect - lays on top of the container and over the image */
.topper {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 98%;
  opacity:1;
  color: white;
  font-size: 20px;
  padding: 8% 2%;
  text-align: center;
}
.but1 {
	background-color: #2F72A9;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
	font-weight: 500;
}
.but2 {
	background-color: #F9DB4A;
    padding: 5px;
    font-size: 12px;
    color: #2F72A9;
    text-decoration: none;
    border-radius: 5px;
	font-weight: 500;
}

.style-map{
	width: 100%; 
	height: 450px;
	border:0;
}


h3 { 
    font-weight: 800;
}

#owl-main .item { padding: 0px !Important;     min-height: auto !Important; border-radius: 0px !IMPORTANT; }
#owl-main .center { padding:40px 0; }


	.owl-nav button.owl-prev, .owl-nav button.owl-next {
		border-radius: 100px !important;
		color: rgb(19 29 62 / .4) !important;
		font-size: 86px !important;
		line-height: 86px !important;
		font-weight: lighter !important;
	}
	.owl-nav button.owl-prev {
		position:absolute !important;
		left:-30px !important;
		top:35% !important;
	}
	.owl-nav button.owl-next {
		position:absolute !important;
		right:-30px !important;
		top:35% !important;
	}
	.owl-nav button.owl-prev span, .owl-nav button.owl-next span {
		margin-top: -15px;
		display: block;
	}

/**/
 @media screen and (max-width: 780px) {
	 
	.slogan_slide data.mt { margin-top: 5px;}
	.slogan_slide h2 {  line-height: 30px; }
	.item a {
		background-color: #d5ef4d;
		color: #000000;
		font-size: 1rem;
		text-decoration: none;
		border-radius: 10px;
		line-height: 40px;
		padding: 10px 30px;
		font-weight: 700;
		margin-top: 10px;
		width: auto;
		border: none;
	}
	.item hr {
		margin: 10px 0px 5px 0px;
		}

	.owl-nav button.owl-prev {
		left:8px !important;
	}
	.owl-nav button.owl-next {
		right:8px !important;
	}
}