@charset "utf-8";
/* CSS Document */





section .content{
	max-width: 1200px;
    margin: 0 auto;

}


section.seccionHeader {
	cursor:default
}

section.seccionHeader .contentHeader {
	max-width: 1200px;
    margin: 0 auto;
	width: 1300px; 
	height: 270px;
}
section.seccionHeader .contentHeader img {
	width: 100%;
	height: 100%;
}



section .content h2 {
	font-family: 'KievitOT-Bold', Expert-Sans-Regular, helvetica, arial, clean, sans-serif !important;
	font-size: 32px;
	margin: 30px auto;
	text-align: center;
}

section .content h3 {
	font-family: 'KievitOT-Regular', Expert-Sans-Regular, helvetica, arial, clean, sans-serif !important;
	font-size: 22px;
	margin: 10px auto;
	text-align: center;
	padding: 0;
}


section.seccionUno {
	padding: 50px 0;
    margin: 0 auto;
    overflow: hidden;
}

section.seccionUno .content{
    display: flex;
    margin: 0 auto;
    width: 828px;
    justify-content: space-around;
}


section.seccionUno .content p{
	font-size: 16px;
}

section.seccionUno .content p span{
    color: #005F86;
    font-weight: bold;
}

section.seccionUno .content a{
	background-color: rgb(242, 108, 41);
    color: white;
    border-radius: 20px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    font-weight: bolder;
    text-decoration: none;
}



section.seccionDos {

}


section.seccionTres {

}

.interna .InfoPastillas {
	width: 100%;
	padding: 45px 50px;
	background-color: #007196;
	text-align: center;
}

	.interna .InfoPastillas.gray {
		background-color: #f1efee;
	}

.mobile .interna .InfoPastillas.gray {
	padding: 30px 45px;
}

.interna .InfoPastillas.claro {
	background-color: #e2f5f8;
}

.mobile .interna .InfoPastillas.claro {
	padding: 30px 45px;
}


.interna .InfoPastillas h2 {
	text-align: center;
	margin: 0;
}

.mobile .interna .InfoPastillas h2 {
	font-size: 24px;
}

.interna .InfoPastillas h3 {
	text-align: center;
	margin: 0;
	font-family: 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif;
	font-size: 22px;
	font-weight: bold;
}

.interna .InfoPastillas.gray h3 {
	font-family: 'Expert-Sans-Bold', helvetica, arial, clean, sans-serif !important;
}

	.interna .InfoPastillas.gray h3 span {
		font-family: 'Expert-Sans-Light', helvetica, arial, clean, sans-serif;
	}

.interna .InfoPastillas .SeccionPromos {
	width: 30%;
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	margin: 30px 7px;
	min-height: 240px;
	vertical-align: top;
	text-align: left;
}

.mobile .InfoPastillas .SeccionPromos {
	width: 100%;
	margin: 20px 0px 0px;
	text-align: center;
}

.mobile .SeccionPromos span {
	display: block;
}


.interna .InfoPastillas .SeccionPromos.Beneficios {
	width: 23%;
	background-color: #fff;
	padding: 0;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	margin: 30px 7px;
	min-height: 220px;
	vertical-align: top;
	text-align: left;
}

.mobile .interna .InfoPastillas .SeccionPromos.Beneficios {
	width: 100%;
	margin: 10px 7px;
	min-height: 175px;
}


.SeccionPromos img {
	text-align: center;
	width: 200px;
}

.SeccionPromos.Beneficios img {
	text-align: center;
	width: 65px;
}


.SeccionPromos h4 {
	color: #266187;
	font-size: 23px;
	font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
	padding: 5px 0;
}

.SeccionPromos.Beneficios .top {
	background-color: #f8e2e2;
	margin: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center;
	padding: 10px 0;
}

	.SeccionPromos.Beneficios .top h4 {
		color: #266187;
		font-size: 21px;
		font-family: 'KievitOT-Medium', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
		padding: 5px 0;
		text-align: center;
	}

.SeccionPromos p {
	color: #266187;
	font-size: 17px;
	font-family: 'Expert-Sans-Bold', helvetica, arial, clean, sans-serif !important;
	padding: 5px 0;
}

.SeccionPromos.Beneficios .bottom p {
	color: #266187;
	font-size: 15px;
	font-family: 'Expert-Sans-regular', helvetica, arial, clean, sans-serif !important;
	padding: 1px 0;
	text-align: center;
	line-height: 19px;
	margin: 15px 5px;
}


.mobile.SeccionPromos.Beneficios .Bottom p {
	font-size: 15px;
	text-align: center;
	line-height: 19px;
}

.mobile .SeccionPromos p {
	font-size: 19px;
	line-height: 24px;
}

.SeccionPromos a.link {
	color: #266187;
	font-size: 14px;
	font-family: 'Expert-Sans-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
	padding: 10px 0;
}

.mobile .SeccionPromos a.link {
	font-size: 18px;
	margin-top: 15px;
	display: block;
	padding-bottom: 0;
}


a.btnCeleste {
	background-color: #059cc8;
	font-size: 15px;
	color: #fff;
	margin-top: 20px;
	border-radius: 20px;
	padding: 5px 20px;
	font-family: 'KievitOT-Medium', Expert-Sans-Regular, helvetica, arial, clean, sans-serif;
	display: inline-block;
	box-shadow: 3px 3px 10px 0px #bdbdbd;
	width: 30%;
	margin-left: 20px;
}

a.btnNaranja {
	width: 62%;
}









section.seccionCuatro {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;

}

section.seccionCuatro .content{
	max-width: 100%;
	margin: 0 auto;

}


	section.seccionCuatro .content .contentBox {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		justify-items: center;
		flex-wrap: wrap;
	}

section.seccionCuatro .content .box{
    box-shadow: #ccc 0px 0px 10px 0px;
    border-radius: 15px;
    width: 280px;
    padding: 25px;
	margin: 20px 10px;
}

section.seccionCuatro .content .box p{
    text-align: left;
    color: #111;
    font-size: 15px;
    line-height: 20px;
}



section.seccionCincoB .content {
	text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;}



section.seccionCinco {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 20px;

}

section.seccionCinco .content{
	max-width: 1200px;
    margin: 0 auto;
}





section.seccionSeis {
	padding-bottom: 30px;
}

section.seccionSeis .content{
	max-width: 1200px;
    margin: 0 auto;
}

	section.seccionSeis .content .InfoPrincipal .promoCentral {
		margin-left: 80px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

.mobile section.seccionSeis .content .InfoPrincipal .promoCentral {
	width: 100%;
	margin-left: 10px;
	margin-top: 0;
}

section.seccionSeis .content .InfoPrincipal .promoCentral .blockFloatLeft {
	float: left;
}

	section.seccionSeis .content .InfoPrincipal .promoCentral .blockFloatLeft p {
		font-size: 14px;
		font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
		color: #333;
		text-align: left;
	}

section.seccionSeis .content .InfoPrincipal .promoCentral .FraseImagen3 {
	margin-left: 18px;
	margin-top: 100px;
	margin-bottom: 20px;
}


section.seccionSeis .content .InfoPrincipal .promoCentral .cartelAzul {
	margin-top: 45px;
}

.mobile section.seccionSeis .content .InfoPrincipal .promoCentral .cartelAzul {
	margin-top: 25px;
	margin-left: 20px;
}

section.seccionSeis .content .InfoPrincipal .promoCentral .cartelAzul span {
	font-size: 1.65em;
	display: table;
	font-family: 'KievitOT-Bold', 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif !important;
	background: #009AC4;
	color: white;
	margin-bottom: 10px;
	padding: 8px 15px;
}

.mobile section.seccionSeis .content .InfoPrincipal .promoCentral .cartelAzul span {
	width: 100%;
}

section.seccionSeis .content .InfoPrincipal .promoCentral img.grande05 {
	height: 410px;
}


.mobile section.seccionSeis .content .InfoPrincipal .promoCentral img.grande05 {
	width: 60%;
	height: auto;
}

section.seccionSeis .content .InfoPrincipal .promoCentral .blockFloatLeft a {
	display: inline-block;
	float: left;
	margin-left: -6px;
}

	section.seccionSeis .content .InfoPrincipal .promoCentral .blockFloatLeft a img.btn {
		width: 150px;
		height: auto;
		margin: 0;
		padding: 0;
	}










section.seccionSiete {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 20px;

}

section.seccionSiete .content{
	
}


section.seccionSiete .content .contentBox{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    justify-items: center;
    margin-top: 50px;
}

section.seccionSiete .content .contentBox .box{
	box-shadow: #ccc 0px 0px 10px 0px;
    border-radius: 15px;
    width: 300px;
    padding-bottom: 25px;
	overflow: hidden;
}

section.seccionSiete .content .contentBox .box img{
	width: 100%;
}

section.seccionSiete .content .contentBox .box p{
	font-size: 15px;
	margin: 20px;
}

section.seccionSiete .content .contentBox .box p span{
	color: #005F86;
	font-weight: bold;
}



section.seccionOcho {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 20px;

}

section.seccionOcho .content{
	max-width: 1200px;
    margin: 0 auto;
}


section.contentBannerMaestro .contentHeader {
	max-width: 1200px;
	margin: 0 auto;
	width: 1300px; 
	height: 270px;
}
section.contentBannerMaestro .contentHeader img {
	width: 100%;
	height: 100%;
}

.contentBannerMaestro img.img_dsk{ 
	display: block;
	width: 100%;
}

.contentBannerMaestro img.img_mob {
	display: none;
}




/*FOOTER*/


footer {
	background-color: #e5e5e5;
	padding: 0;
	border-top: 1px solid #ccc;
	font-family: 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif;
}


	footer .row {
		max-width: 100% !important;
		margin: 0;
	}

	
	footer .col-md-9,
	footer .col-md-12 {
		padding: 0;
	}
	
	footer .containerContent {
		margin: 0px auto;
    	width: 1015px;
	}


footer.interna {
	padding: 15px 0;}

footer.interna .row .col-md-9 {
	min-height: 50px;
	padding: 0px;
	width:100%;}
	
footer.interna ul {
	padding: 0;
	margin-top: 17px;
	margin-bottom: 0px;
	width: 80%;
	font-size: 11px;
	text-align: center;
	margin: 10px auto;}

footer.interna ul li {
	list-style: none;
	width: 100%;
	display: inline;}

footer.interna ul li a{
	font-family: 'Expert-Sans-Regular', helvetica, arial, clean, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 16px;
	padding: 0 7px;
	white-space: nowrap;	
	}


footer .footerNew .cuadroLegales {
	background-image:none;
	padding: 17px 0 0px 0;
	text-align: center;
}

	footer dd a {
		color: #444;
		font-size: 12px;
		padding-left: 15px;
	}

		footer dd a:hover {
			color: #000;
		}

	footer dd p {
		line-height: 15px;
		font-size: 11px;
		margin-top: 8px;
		margin-bottom: 0;
		color: #999;
	}

footer .footerNew dd {
	width: inherit;
	display: inline-block;
    text-align: center;
}

footer .footerNew span {
	padding: 0 4px;
}
	
	footer dd a.legal {
		color: #333;
		font-size: 12px;
		line-height: 20px;
		padding-left: 0px;
	}
		/*17*/

		footer dd a.legal:hover {
			color: #000;
			font-weight: bold;
		}


/*----------------END FOOTER----------------*/









/*----------------ACORDEON----------------*/

.panel-default > .panel-heading {
	background-color: #fff !important;
    color: #00586D;
    filter: none;
    padding: 30px;
    background-image: none !important;
	border-bottom: none !important;

}

.panel {
	border:0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}	

.panel-group {
	margin-bottom: 58px;}

	.panel-group .panel {
		border-color: #fff;
		border-radius: 10px;
		box-shadow: 0px 0px 15px 0px #0000001A;
		margin-bottom: 20px !important;
		border-radius: 10px;
		overflow: hidden;
		padding-bottom: 0px!important;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
	border:none!important;
    text-align: left;
    font-size: 16px;
    color: #333;
    margin: 10px 0;
    padding: 0 60px 20px;}

.internas .panel-body li strong { color:#444;}

.panel-title a{
	width: 100%;
	display: block;}

	.panel-title a h2 {
		font-size: 18px !important;
		font-family: 'KievitOT-Bold', Expert-Sans-Regular, helvetica, arial, clean, sans-serif !important;
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 90%;
		color: #005F86;
	}

.panel-title a.collapsed h2{
	font-size: 23px;
	width: 90%;
	text-align: left;
}

.panel-title a .mas {
	margin: 0;
	float: right;
	font-size: 19px;
	line-height: 26px;
	width: 25px;
	height: 25px;
	text-align: center;
	display: block;}
	
.panel-title a .menos {
	margin: 0;
	float: right;
	font-size: 28px;
	line-height: 24px;
	width: 25px;
	height: 25px;
	text-align: center;
	display: block;}

	.panel-title a:hover .mas, .panel-title a:hover .menos {
		background-color: #00586D;
		color: #fff;
	}

.panel-title a .menos{
	display: inline-block;}
	
.panel-title a.collapsed .menos{
	display:none;}
	
.panel-title a .mas{
	display:none;}
	
.panel-title a.collapsed .mas{
	display: inline-block;}


.panel-default.legales .panel-title a.collapsed h2 {
	font-size:14px;
	color:#666; 
}

.panel-default.legales .panel-title a h2 {
	font-size:16px;
	color:#666; 
}

.panel-default.legales .panel-title a .mas, .panel-default.legales .panel-title a .menos {
	color: #666;
}

.panel-default.legales .panel-title a:hover .mas, .panel-default.legales .panel-title a:hover .menos {
	background-color: #ccc;
	color: #fff;
}

.panel-default.legales>.panel-heading {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.form-horizontal.formu .checkbox-inline input.checkLegales {
    height: 20px!important;
    width: 20px!important;
    min-width: inherit!important;}

.interna .panel-title h2 {
	color: #00586D !important;
	text-align: left;
}








	
/****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************/




		@media only screen and (max-width: 1930px) and (hover: hover) {
		}
		/* end max-width: 1400px */






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

			body {
				min-width: 1400px;
			}
		}



		@media only screen and (max-width: 1300px) and (hover: hover) {
		}
		/* end max-width: 1300px */




		@media only screen and (max-width: 1024px) and (hover: hover) {
		}
		/* end max-width: 1024px */




		@media only screen and (max-height: 600px) and (hover: hover) {
		}
		/* end max-width: 600px */


		@media only screen and (max-height: 500px) and (hover: hover) {
		}
		/* end max-width: 500px */
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/
		/******************************* SOLO MOBILE *********************************/



		@media only screen and (hover: none) and (pointer: coarse) {


			.seccionHeader img.img_dsk {
				display: none;
			}

			.seccionHeader img.img_mob {
				display: block;
			}


			section.seccionHeader .contentHeader {
				margin: 0 auto;
				width: 100%;
				height: auto;
			}


			section.seccionUno {
				padding: 20px 0;
			}


				section.seccionUno .content {
					display: flex;
					width: 100%;
					flex-direction: column;
				}

					section.seccionUno .content a {
						text-align: center;
						display: block;
						width: 80%;
						margin: 30px auto 0;
					}

					section.seccionUno .content .cajaInfo {
						display: block;
						margin: 0 auto;
						margin-bottom: 50px;
						width: 90%;
					}

					section.seccionUno .content .box_box__tlsvk {
						display: block;
						margin: 0 auto;
						width: 90%;
					}

						section.seccionUno .content .box_box__tlsvk img {
							width: 100%;
						}


					section.seccionUno .content h2 br, section.seccionUno .content p br {
						display: none;
					}

			section .content {
				width: 90%;
				padding: 0;
			}

			section.seccionCuatro .content h2, section.seccionCinco .content h2.title,
			section.seccionSiete .content h2, section.seccionOcho .content h2.title {
				max-width: 90%;
				font-size: 25px;
			}



			section.seccionCuatro .content .contentBox {
				display: flex;
				flex-wrap: nowrap;
				flex-direction: column;
				align-items: stretch;
				justify-items: center;
				padding: 0 20px;
			}

			section.seccionCuatro .content .box {
				margin: 10px auto;
			}

			section.seccionCincoB .content {
				text-align: center;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				flex-wrap: nowrap;
				align-items: center;
				padding: 0 20px;
				margin: 0;
				width: 94%;
			}

				section.seccionCincoB .content img {
					width: 100%;
				}

			section.seccionSiete .content .contentBox {
				display: flex;
				flex-direction: column;
				justify-items: center;
				margin-top: 50px;
			}

			section.seccionSiete .content .box {
				margin: 10px auto;
			}


			.contentBannerMaestro img.img_dsk {
				display: none;
			}

			.contentBannerMaestro img.img_mob {
				display: block;
				width: 100%;
			}


			a.btnCeleste, a.btnNaranja {
				width: 100%;
				margin-left: 0px;
			}



			footer .containerContent {
				margin: 0px auto;
				width: 100%;
			}

			footer .footerNew dd {
				text-align: center;
				clear: both;
				display: block;
				margin: 5px 0;
			}

			footer .footerNew span {
				/* padding: 0 4px; */
				display: none;
			}