@import url('body.css');
@import url('content.css');

/**/
#container{ width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{float:left; width:100%; height:150px; background-color:#999;}
#nav{float:left; width:100%;  background-color:#4E4546;}
#slide{float:left; width:100%;}
#footer{float:left; width:100%;}
body { overflow-x:hidden; }

.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2 {
    max-width: 900px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

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

.col_50_2 {
    width: 48%;
}
/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

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

/*CONTENT*/
.module1{float:left;  width:100%;}
.module2{float:left; width:100%;}
.module3{float:left;  width:100%;}
.module4{float:left;  width:100%;}

/*FOOTER*/
#foooter{ display:table;}
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left;  width:100%;}
.footer_box2{float:left;  width:100%;}
.footer_box3{float:left;  width:100%;}
.footer_box4{float:left;  width:100%;}
.footer_box .title{ font-size:14px; margin-bottom:15px;}

@media screen and (max-width: 780px) {
	.footer_box{float:left;  width:100%; margin-bottom:25px;}
	.col_50_2 { width: 100%;	}
	.logo{width:100%;}
}



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

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;line-height: 25px;}

.flotante {
    position: relative;
    top: 170px;
}

/**/

.block_1{float:left; width:100%; min-height:500px; padding:50px 0px; height: 350px; background-image: url(../img/fondo-kinto-1.jpg); background-size: cover; background-repeat: no-repeat; }

.block_2{ float:left; width:100%;  padding:50px 0px 10px 0px;  }
.block_3{ float:left; width:100%;  padding:50px 0px;  text-align: center; }
.block_4{ float:left; width:100%;  padding:50px 0px;  text-align: center; }
.block_5{ float:left; width:100%;  padding:50px 0px; text-align:center;  background-image: url(../img/background.jpg); background-size: cover; background-repeat: no-repeat; padding:200px 0;  background-position: center center; color:#fff;  }
.block_6{ float:left; width:100%;  padding:50px 0px;  }
.block_7{ float:left; width:100%;  padding:50px 0px;  }


.slogan_1{float: left;
    width: 100%;
    color: #000;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 20px; }
.slogan_1 img{
    width: 90%; }

.slogan_2{float: left;
    width: 100%;
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;}
.slogan_3{float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;}
.botonete {
    font-size: 18px;
    width: fit-content;
    background-color: #00708d;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 0.7rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}
.botonete a {
    color: #fff;
    text-decoration: none;
}


.divisor{ border-bottom:solid 1px #000; padding-bottom:15px; margin-bottom:15px; float:left; width:100%;}
.form-control{ 
    display: block;
    width: 100%;
    border: solid 1px #717171;
    height: 34px;
    line-height: 34px;
	box-sizing: border-box;
}
label { margin-bottom: 10px;}
.btn {
    border: solid 1px #000;
    border-radius: 100px;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    height: 30px;
    padding: 0px 20px;
	}
	
.mb_1 { margin-bottom:20px;}
.mb_2 { margin-bottom:60px;}


.title_1{float:left; width:100%; }
.title_2 {
    float: left;
    width: 100%;
    color: #00718E;
    font-size: 18px;
    text-align: center;
}
.title_3{
	float: left; 
    width: 40%;
    color: #00718E;
    text-align: center;
    font-size: 43px;
    font-weight: 300;
    margin-bottom: 30px;
    padding: 0 30%;
	}
.title_3 b{ font-weight:700;}
.title_4{float:left; width:100%;  font-size:30px; color:#000; }
.title_5{float:left; width:100%; color:#00718E; }

.title_6{
	float: left; 
    width: 60%;
    color: #00718E;
    text-align: center;
    font-size: 43px;
    font-weight: 300;
    margin-bottom: 30px;
    padding: 0 20%;
	}
	
	
.text_r{ text-align:right}



.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.col3 {   width: 25%;  text-align: left;}
.col4 {   width: 21%;  }


.ico_middle { margin-bottom:20px; text-align:center; }
.title_inside{ width: 100%; text-align:center; font-weight:600;   }
.content_inside{ width: 80%; padding:0 10%; text-align:center; }



@media screen and (max-width: 780px) {
	
	.flex {  display: block;}	
	.col3 {   width: 100%;  text-align: left; margin-bottom:20px; }
    .col4 {   width: 100%; margin-bottom:20px;  }	
	.block_1{background-size: contain; background-position: bottom; background-repeat: no-repeat; text-align: center; min-height: 400px;}
	.flotante { top: 0px;}
	.botonete { width: 70%; margin-left: 12%; font-size: 14px; justify-content: center;}
	.title_3{
		width: 98%;
		font-size: 40px;
		padding: 0 1%;
		}
	.title_6 {
		width: 100%;
		padding: 0 0%;
		font-size: 33px;
	}
	.slogan_2{
		color: #000;
		}
	.slogan_3{
		color: #000;
		}
}



.item_desc{float:left; width:100%; margin-bottom:15px;  font-size:17px;  }
.item_img{float:left; width:100%; margin-bottom:15px;  }
.item_img img{  text-align:center; margin:auto;   }
.item_title{float:left; width:100%; font-weight:700; color:#000;margin-bottom:15px;  font-size:20px;   }
.item_precio{float:left; width:100%; margin-bottom:15px;  }
.item_enlace{float:left; width:100%;  margin-bottom:15px; }
.item_enlace a {
border: solid 1px #000;
    border-radius: 100px;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    height: 30px;
    padding: 6px 20px;
	text-decoration:none; 
}

.info_centrada {
	float: left;
    width: 50%;
    padding: 0% 25%;
}
.pad_text{ padding-top: 150px; padding-left:100px;     box-sizing: border-box; }
.pad_text2{ padding-top: 150px;  padding-right:100px;    box-sizing: border-box;}

.full1 {width:90%; }
.centrado { margin:auto;}


@media screen and (max-width: 780px) {
	.info_centrada{float:left; width:100%; padding:0%;}
	.pad_text{ padding-top: 0px; padding-left:0px;     box-sizing: border-box; }
.pad_text2{ padding-top: 0px;  padding-right:0px;    box-sizing: border-box;}
.text_r{ text-align:left;}
.block_6 img { width:100%;}
.mb_2 { margin-bottom:20px;}

}

.laimagen {
	text-align: center;
    margin-bottom: 30px;
	}
.titlec {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
}

.our-team {
    padding: 20px;
}


.title_car{ font-size:20px; margin-bottom:30px; }
.full {width: 100%;}
.separador{ margin:50px 0; }
.mb1{ margin-bottom:20px;}
.mb2{ margin-bottom:50px;}