@import url('body.css');
@import url('content.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:10px 0px;  background-color:#fff; }
#slide{float:left; width:100%; height:auto; background-color:#a4043b; position:relative;   padding:30px 0px;
 background-image: url(../img/headerDESK.jpg); background-position:center left; background-repeat:no-repeat; background-size:cover;     min-height: 450px;
 }
#nav{float:left; width:100%;  background-color:#4E4546;}
#footer{float:left; width:100%; background-color:#ffffff; color:#000000; padding:40px 0px; font-size:12px; }

@media screen and (max-width: 780px) {
	#slide{ height:auto;  }
    #footer{ text-align:center; }
	#slide{float:left; width:100%; height:auto; background-color:#FF0169; position:relative; background-image:url(../img/headerMOBILE.jpg); background-size: cover; padding: inherit; background-position: bottom;}
}

/**/
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 1200px; 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:100%; box-sizing:border-box;  }	
}

/*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:50%;}
.top_box2{float:right; width:50%;}
.cuadrito {
    background-color: #fff;
    padding: 3%;
    color: #FF0169;
    border-radius: 10px;
    text-align: center;
    font-size: 1.5rem;
    width: 96%;
}
/*CONTENT*/
.module_1{float:left;  width:100%; padding:50px 0px;}
.module_2{float:left; width:100%; padding:10px 0px 0px; margin-top: 40px; }
.module_3{float:left;  width:100%; padding:60px 0px;}
.module_4{float:left;  width:100%; padding:60px 0px;}
.module_5{float:left;  width:100%; padding:30px 0px;}
.module_6{float:left;  width:100%; padding:30px 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; text-align:center; }
	.module_2{padding:5px 0px 0px; margin-top: 10px;}
	.module_3{padding:40px 0px;}
	.module_4{padding:20px 0px;}
	.top_box1{float:left; width:50%;}
	.cuadrito {font-size: 1.2rem;}
}

/**/

.slide_col_1{float:left; width:50%;}
.slide_col_2{float: right;  width: 40%;}


@media only screen and (max-width: 980px) {
.slide_col_1{float:left; width:100%; margin-bottom:5px;}
.slide_col_2{float: right;  width:100%;}
}


.slide_col_2_1{ 
    float: left; width: 100%; margin-bottom:10px;
    border-radius: 10px;
    background-color: #e20172;
    padding: 20px;
    box-sizing: border-box;
    text-align:center;
	font-weight:600;
	color:#fff;
	font-size: 1.2rem;

	}
.slide_col_2_2{	
	float: left;
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
	text-align:center;

}

.slide_col_1_title {float:left; width:100%; font-size: 2.9rem; margin-bottom:30px; letter-spacing: -2px;  font-weight: 600; color: #ffffff;}
.slide_col_1_data{ float:left; width:100%;}

.nav { list-style-type: none; margin: 0 auto; padding: 0; color: #ffffff;}
.nav li { list-style-type: none; margin: 0 auto; padding: 0; font-size: 1.1rem; }
.nav2 { list-style-type: none; margin: 0 auto; padding: 0; }
.nav2 li { list-style-type: none; margin: 0 auto; padding: 0; font-size: 1rem; }

.title {float:left; width:100%; margin-bottom:50px; }
.main { font-size:3rem; text-align:center; }


/* /////////   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*/

#contact-area * { margin: 0; padding: 0; }
#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 100%; }
#contact-area input { padding: 5px; width: 100%;  border: 1px solid #626263; color: #000; float: left; margin: 5px 0px; box-sizing:border-box;  }

#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { display:block; width:100%; margin:20px auto; padding:20px; background-color:#a4043b; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px; float:right; }
#contact-area label { float: left; text-align: left; margin-top: 15px; width: 100px;   }

/*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:53%;}
.slogan_slide{ float:left; width:100%; color: #fff; font-size:3rem; line-height:3rem; }
.img_slide{ margin-bottom:16px; float: right; color: #fff; width: 100%; background-color: #fff; padding: 30px; box-sizing: border-box; border-radius: 16px; font-size: 22px; line-height: 38px;	} 
	
.img_slide {	font-size: 30px; color: #B21A61; font-weight: 600; line-height: 42px; }
.img_slide span{ font-size: 35px; color: #a4043b; line-height: 42px;}
	
.contacto_slide1{ float:right; width:40%;  }
.contacto_slide{ float:right; width:100%; padding: 30px; box-sizing: border-box; border-radius:16px; }


@media screen and (max-width: 780px) {
	.contacto_slide1{ float:right; width:100%;  }
	.block_slide{float:left; width:100%;}
	.contacto_slide{ float:right; width:100%; border-radius: 0; }
	.img_slide{ background-color: #a4043b;  padding: 30px; margin-bottom:20px; box-sizing: border-box; background-image: url(../img/fondo-promo2.jpg); }    
	.slogan_slide{ font-size:32px; line-height:35px; text-align: center;padding-bottom: 10px; padding: 2%; width: 96%;}
	.slide_col_1_title { width: 90%; font-size: 2.4rem; margin-left: 5%;}
	.slide_col_1_data { width: 90%; margin-left: 5%;}
}



/**/
.item_block{float:left; width:22%; color:#a4043b; padding: 20px 10px; box-sizing: border-box;  border-radius:16px; min-height:290px; }
.item_block_img{width:60%; display:block; margin:auto;  }
.caption{float:left; width:100%; padding:20px 0; text-align: center; font-size: 13px;}

@media screen and (max-width: 780px) {
.item_block {width:46%; margin:2%; min-height:270px; }   
}



/**/
.item_block_plan{float:left; width:50%; text-align:left; padding: 30px; box-sizing: border-box;  border-radius:1px; min-height:390px; }
.item_block_plan_1{float:left; width:100%; font-size:36px; color:#a4043b; }
.item_block_plan_2{float:left; width:100%; }

.destacado{ font-weight:800; color:#a4043b;  padding-left: 0px;   }
.destacado2{ font-weight:800; color:#FFF;  padding-left: 0px;   }
.white{ color:#FFF !important;}

.back_01{ background-color:#e9e9e9; color:#000; }
.back_02{ background-color:#a4043b; color:#000;}
.back_01_{ background-color:#e9e9e9; color:#000; }
.back_02_{ background-color:#a4043b; color:#000;}
.back_03{ background-color:#e4e7eb; color:#000; }
.back_03 h1{ color:#000; }


@media screen and (max-width: 780px) {
	.item_block_plan{width:100%; }
	.back_03 h1{ font-size: 20px; text-align: center; }
	.back_03 p{ font-size: 14px; }
	.back_01_ { background-color:#a4043b; color:#fff;}
	.back_01_ .item_block_plan_1{color:#fff; }
	.back_01_ .destacado{ color:#fff; }
	.back_02_ { background-color:#e9e9e9; color:#000;}
	.back_02_ .white{ color:#a4043b !important;}
	.back_02_ .destacado2{ color:#a4043b; }

}



/**/
.but_general{ display:block; width:100%; margin:20px auto; padding:15px; background-color:#a4043b; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px;     box-sizing: border-box; }
.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;}


/**/
h1,h2,h3{ margin:0; padding:0; display: block; float:left; width:100%;  }
h1{color:#a4043b;  font-size: 28px; line-height: 28px; margin-bottom:5px;}
h2{ font-size:17px; margin-bottom:20px !important; font-weight:400; color: #fff;}
h3{}
h4{}

strong { font-weight:600;}


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


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


/**/

.logo img { max-width:220px;  }
.img_mujer{ margin-bottom: -60px;
    float: right;
    width: 420px;
    margin-top: -88px; }

@media screen and (max-width: 780px) {
.img_mujer{   margin-bottom: -90px;  margin:auto;  width: 110%; margin-top: 0px;  display:block; float: initial; }
.logo img { max-width:220px; margin: auto; }
}



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

/**/
.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:14px;}

/**/


.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}



.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}



.input-group-prepend {
    margin-right: -1px;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}




.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}



.form-control {
    display: block;
    width: 100%;
	box-sizing: border-box;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.campoform {
    margin-bottom: 1vh;
    border-color: #921544;
	cursor: text;
}


#botonEnviar {
    text-decoration: none;
    background-color: #a4043b;
    border: none;
    width: 50%;
    padding: 7px 15px;
    text-align: center;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0px auto;
    font-size: 20px;
    border-radius: 15px;
	cursor: pointer;
	margin-top: 15px;
}
#botonEnviar:hover {
    background-color: #FF006A;
    transition-duration: 0.3s;
}
.ajoba {
	margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    width: 60%;
    float: left;
    font-size: 16px;	
}

@media screen and (max-width: 780px) {
	.ajoba {
		width: 80%;
		font-size: 12px;	
	}

}