@charset "utf-8";
/* CSS Document */
@import url("../webfonts/Lato_Black/stylesheet.css");
@import url("../webfonts/Lato_BlackItalic/stylesheet.css");
@import url("../webfonts/Lato_BoldItalic/stylesheet.css");
@import url("../webfonts/Lato_Bold/stylesheet.css");
@import url("../webfonts/Raleway300/stylesheet.css");
@import url("../webfonts/OpenSans700/stylesheet.css");
@import url("../webfonts/MyriadWebPro/stylesheet.css");
@import url("../webfonts/MyriadWebProBold/stylesheet.css");
@import url("../webfonts/MyriadWebProBold/stylesheet.css");
@import url("../css/head.css");
@import url("../css/main.css");
@import url("../css/footer.css");
@import url("../css/profile.css");
/*-------Principal--------*/
.imgca {
	width: 100%;
}
 @media (max-width: 567px) {
 .hidden-xs1 {
 display: none !important;
}
}
 @media (min-width: 568px) {
 .visible-xs1 {
 display: none !important;
}
}
body {
	font-family: 'Myriad Web Pro';
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-weight: normal;
	background: #efefef;
	margin: 0;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}
.aling-center-flexblox {
	display: flex;
	align-items: center;
	justify-content: center;
}
.aling-start-flexblox {
	display: flex;
	align-items: start;
	justify-content: start;
}
.aling-end-flexblox {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.pd-5 {
	padding: 5px;
}

 @media (min-width: 100px) and (max-width: 991px) {

	/*----------Navbar--------*/
	.navbarft {
 position: fixed;
 right: 0;
 left: 0;
 z-index: 1030;
 top: 0;
 border-width: 0 0 1px;
}
 .container {
 width: 100%;
}
 .container-login {
 padding-top: 50px;
}
.container_informe {
 padding: 0;
 width: 100%;
}
}
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}
a:focus, a:hover {
	color: inherit;
}
a:focus, a:hover {
	color: inherit;
}
small {
	font-size: 90%;
}
.nav-tabs {
	border-bottom: 2px solid gray;
}
/*------------------------------------------------------------other -------------------------------------------------------------------*/

.rowxd {
	border: 1px solid black;
}
.jumbotron .h1, .jumbotron h1 {
	color: white;
}
.jumbotron .h1, .jumbotron p {
	color: white;
}



/*-----------------------------------------------------------------Pagina principal Padding y Clases--------------------------------------------------------------*/


@media (min-width: 476px) and (max-width: 480px) {
}

/*----------------------------------------------------Conocenos-----------------------------------------------------------------------*/

@media (min-width: 100px) and (max-width: 480px) {

	/*------------PWC1-------------------*/

	.cont_pwc1 {
 position: relative;
 display: inline-block;
 text-align: center;
}
 .textimg_wc01 {
 position: absolute;
 top: 40%;
 left: 70%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 4.1vw;
 line-height: 18px;
}
 .p_wc01 {
 text-align: center;
 font-size: 4.6vw;
 padding: 5px 15px 5px 15px;
 line-height: 23px;
}
 .bg_wc01 {
 background-image: linear-gradient(to top, #80deea, #92e0ea, #a3e2eb, #b2e4eb, #c1e6eb, #cbe8ef, #d5ebf1, #dfedf3, #e9f1f7, #f2f5fa, #f9fafd, #ffffff);
}



	/*------------PWC2-------------------*/

	.p_pwc02 {
 font-size: 24px;
 text-align: center;
}
 .ps1 {
 text-align: center;
 font-weight: normal;
 padding: 10px;
 font-size: 4.6vw;
}
 .ps2 {
 text-align: center;
 font-weight: normal;
 font-size: 4.7vw;
}

	/*------------PWC3-------------------*/

	.p_pwc03 {
 font-size: 7vw;
 text-align: center;
}
 .hr_pwc03 {
 border-top: 30px solid #b2ebf2;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 -moz-border-radius-topleft: 8px;
 -moz-border-radius-topright: 8px;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 margin-top: 0px;
}
 .textimg_wc03 {
 position: absolute;
 top: 25%;
 left: 75%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 4.3vw;
 text-align: right;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 481px) and (max-width: 767px) {
	/*------------PWC1-------------------*/

	.cont_pwc1 {
 position: relative;
 display: inline-block;
 text-align: center;
}
 .textimg_wc01 {
 position: absolute;
 top: 40%;
 left: 70%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 3.8vw;
 line-height: 23px;
}
 .p_wc01 {
 text-align: center;
 font-size: 3.2vw;
 padding: 5px 20px 5px 20px;
 line-height: 22px;
}
 .bg_wc01 {
 background-image: linear-gradient(to top, #80deea, #92e0ea, #a3e2eb, #b2e4eb, #c1e6eb, #cbe8ef, #d5ebf1, #dfedf3, #e9f1f7, #f2f5fa, #f9fafd, #ffffff);
}
 .contp_pwc1 {
 padding: 0px 10px 0px 10px;
}

	/*------------PWC2-------------------*/

	.p_pwc02 {
 font-size: 29px;
 text-align: center;
 padding: 5px;
}
 .ps1 {
 text-align: center;
 font-weight: normal;
 font-size: 18px;
 padding: 10px;
}
 .ps2 {
 text-align: center;
 font-weight: normal;
 font-size: 19px;
}

	/*------------PWC3-------------------*/

	.p_pwc03 {
 font-size: 7vw;
 text-align: center;
}
 .hr_pwc03 {
 border-top: 50px solid #b2ebf2;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 -moz-border-radius-topleft: 8px;
 -moz-border-radius-topright: 8px;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 margin-top: 0px;
}
 .textimg_wc03 {
 position: absolute;
 top: 15%;
 left: 75%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 4.6vw;
 text-align: right;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width: 991px) {
 .ptp3 {
 padding: 10px 0px 0px 10px;
}


	/*------------PWC1-------------------*/

	.cont_pwc1 {
 position: relative;
 display: inline-block;
 text-align: center;
}
 .textimg_wc01 {
 position: absolute;
 top: 40%;
 left: 70%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 3.2vw;
 line-height: 28px;
}
 .p_wc01 {
 text-align: center;
 font-size: 2.6vw;
 padding: 10px;
 -ms-word-break: break-all;
 word-break: break-all;
 word-break: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 line-height: 22px;
}
 .bg_wc01 {
 background-image: linear-gradient(to top, #80deea, #92e0ea, #a3e2eb, #b2e4eb, #c1e6eb, #cbe8ef, #d5ebf1, #dfedf3, #e9f1f7, #f2f5fa, #f9fafd, #ffffff);
}
 .contp_pwc1 {
 padding: 0px 20px 0px 20px;
}

	/*------------PWC2-------------------*/

	.p_pwc02 {
 font-size: 35px;
 text-align: center;
}
 .ps1 {
 text-align: justify;
 font-weight: normal;
 font-size: 19px;
 padding: 0px;
}
 .ps2 {
 text-align: justify;
 font-weight: normal;
 font-size: 20px;
}

	/*------------PWC3-------------------*/

	.p_pwc03 {
 font-size: 6vw;
 text-align: center;
}
 .hr_pwc03 {
 border-top: 50px solid #b2ebf2;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 -moz-border-radius-topleft: 8px;
 -moz-border-radius-topright: 8px;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 margin-top: 0px;
}
 .textimg_wc03 {
 position: absolute;
 top: 15%;
 left: 75%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 4vw;
 text-align: right;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1200px) {

	/*------------PWC1-------------------*/

	.cont_pwc1 {
 position: relative;
 display: inline-block;
 text-align: center;
}
 .textimg_wc01 {
 position: absolute;
 top: 40%;
 left: 70%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 23px;
 line-height: 25px;
}
 .p_wc01 {
 text-align: center;
 font-size: 21px;
 padding: 10px;
 -ms-word-break: break-all;
 word-break: break-all;
 word-break: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 line-height: 23px;
}
 .bg_wc01 {
 background-image: linear-gradient(to top, #80deea, #92e0ea, #a3e2eb, #b2e4eb, #c1e6eb, #cbe8ef, #d5ebf1, #dfedf3, #e9f1f7, #f2f5fa, #f9fafd, #ffffff);
 padding: 0px;
}
 .contp_pwc1 {
 padding: 0px 15px 0px 15px;
}

	/*------------PWC2-------------------*/

	.p_pwc02 {
 font-size: 25px;
 text-align: center;
}
 .ps1 {
 text-align: justify;
 font-weight: normal;
 font-size: 17px;
}
 .ps2 {
 text-align: justify;
 font-weight: normal;
 font-size: 20px;
}

	/*------------PWC3-------------------*/

	.p_pwc03 {
 font-size: 45px;
 text-align: center;
}
 .hr_pwc03 {
 border-top: 60px solid #b2ebf2;
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 15px;
 -moz-border-radius-topleft: 15px;
 -moz-border-radius-topright: 15px;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 margin-top: 0px;
}
 .textimg_wc03 {
 position: absolute;
 top: 15%;
 left: 75%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 30px;
 text-align: right;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 1200px) {
	/*------------PWC1-------------------*/

	.cont_pwc1 {
 position: relative;
 display: inline-block;
 text-align: center;
}
 .textimg_wc01 {
 position: absolute;
 top: 40%;
 left: 70%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 30px;
 line-height: 35px;
}
 .p_wc01 {
 text-align: center;
 font-size: 24px;
 padding: 10px;
 -ms-word-break: break-all;
 word-break: break-all;
 word-break: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 line-height: 28px;
}
 .bg_wc01 {
 background-image: linear-gradient(to top, #80deea, #92e0ea, #a3e2eb, #b2e4eb, #c1e6eb, #cbe8ef, #d5ebf1, #dfedf3, #e9f1f7, #f2f5fa, #f9fafd, #ffffff);
 padding: 0px;
}
 .contp_pwc1 {
 padding: 0px 30px 0px 30px;
}

	/*------------PWC2-------------------*/
	.p_pwc02 {
 font-size: 30px;
 text-align: center;
}
 .ps1 {
 text-align: justify;
 font-weight: normal;
 font-style: inherit;
 font-size: 18px;
}
 .ps2 {
 text-align: justify;
 font-weight: normal;
 font-size: 20px;
}

	/*------------PWC3-------------------*/


	.p_pwc03 {
 font-size: 50px;
 text-align: center;
}
 .hr_pwc03 {
 border-top: 70px solid #b2ebf2;
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 15px;
 -moz-border-radius-topleft: 15px;
 -moz-border-radius-topright: 15px;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 margin-top: 0px;
}
 .textimg_wc03 {
 position: absolute;
 top: 25%;
 left: 75%;
 transform: translate(-50%, -50%);
 white-space: nowrap;
 font-size: 35px;
 text-align: right;
}
}
/*------------------------------------------------------------------Diseño de pag------------------------------------------------------------------------------*/

/*----------------------Card-------------------*/
.card {
	width: 100%;
	border-radius: 5px;
	background: white;
}

/*
Media card
*/
@media (min-width: 992px) {
 .card {
 width: 100%;
 background: white;
 border-radius: 5px;
 margin-top: 18px;
 margin-bottom: 10px;
}
 .rowhd {
 margin-top: 30px;
}
}


/*
Media card
*/
@media(min-width: 100px) and (max-width: 481px) {
 .card {
 padding: 5px 15px 20px 15px;
}
}



/*
Media card
*/
@media(min-width: 482px) {
 .card {
 padding: 5px 40px 20px 40px;
}
}
/*-----------------Botones al lado del main------------------*/

.pd2 {
	padding: 10px;
}
.pd2 {
	padding: 20px 5px 10px 5px;
}
/*-----------------Boton------------------*/
.btnclas2 {
	float: right;
	margin-bottom: 5px;
}
.btnUdC {
	color: white;
	background-color: #ff7900;
	border-color: #ff7900;
	font-size: 16px;
	white-space: normal;
}
.btnUdC:hover {
	color: #ff7900;
	background-color: inherit;
	border-color: inherit;
}
.btnUN {
	color: white;
	background-color: #A7B5AA;
	border-color: #A7B5AA;
	font-size: 16px;
	white-space: normal;
}
.btnUN:hover {
	color: #A7B5AA;
	background-color: inherit;
	border-color: inherit;
}
.btnUdA {
	color: white;
	background-color: #00AA83;
	border-color: #00AA83;
	font-size: 16px;
	white-space: normal;
}
.btnUdA:hover {
	color: #00AA83;
	background-color: inherit;
	border-color: inherit;
}
.nosebroxd {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*------------------------------------------------------------Diseño de pag -------------------------------------------------------------------*/

/*-----------------Fuentes------------------*/
/*
Fuentes
*/
.fontted1 {
	font-family: 'Myriad Web Pro';
}
.fontted1v2 {
	font-family: 'Myriad Web Pro Bold';
}
.fontte2 {
	font-family: 'Raleway Bold';
}
.fontted2v2 {
	font-family: 'Raleway SemiBold';
}
/*-----------------Align-------------------*/
/*
Aligniar item flexblox
*/
.alignitems {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*----------ParrafoAling----------*/

.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}
.ta-left {
	text-align: left;
}
/*------------ParrafoStyle----------*/

.pstyle1 {
	font-weight: lighter;
}
.pstyle2 {
	font-weight: bold;
}
.color-white {
	color: white;
}
.color-black {
	color: black;
}
.color-orange {
	color: #F5874F;
}
/*------------Paddings----------*/


.pd-0 {
	padding: 0px;
}
.pd-6 {
	padding: 6px
}
.pd-7 {
	padding: 7px
}
.pd-10 {
	padding: 10px
}
.pds-15 {
	padding: 15px;
	cursor: pointer;
}
.pt-10 {
	padding-top: 10px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pt-bt-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pt-pb-10-pl-pr-20 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.pt-pb-10-pl-pr-35 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 35px;
}
.pl-pr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.pl-br-20 {
	padding: 0px 20px 0px 20px;
}
/*-----------Margin----------*/
.mt-10 {
	margin-top: 10px
}
.mt-5 {
	margin-top: 5px
}
.mb-10 {
	margin-bottom: 10px;
}
.mt-20- {
	margin-top: -20px
}
.mt-200- {
	margin-top: -200px;
}
.mt-mb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mt-mb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.m-0 {
	margin: 0px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-18 {
	margin-left: 20px;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-30 {
	margin-bottom: 10px;
}
.mt-mb-10 .pb-20 {
	padding-bottom: 20px;
}
.mt-20 {
	margin-top: 20px;
}
/*------------Border radius----------*/

.br-7 {
	border-radius: 7px;
}
.br-10 {
	border-radius: 10px;
}
/*------------bg----------*/

.bg-blue {
	background-color: #0d74b7;
}
.bg-bluev2 {
	background-color: #DDEAF3;
}
.bg-bluev3 {
	background-color: #69CCE6;
}
.bg-bluev4 {
	background-color: #4f7599;
}
.bg-bluev5 {
	background-color: #A9DDE5;
}
.bg-bluev6 {
	background-color: #66AFD8;
}
.bg-tierra {
	background-color: #D2A36D;
}
.bg-red {
	background-color: #f48884;
}
.bg-greenv4 {
	background-color: #96c049;
}
.bg-yellow {
	background-color: #FFCC29;
}
.bg-grey {
	background-color: #D9D9D1;
}
.bg-greyv2 {
	background-color: #D2D2D3;
}
.bg-greyv3 {
	background-color: #C9D1CB;
}
.bg-greenl {
	background-color: #8bc34a;
}
.bg-greenv2 {
	background-color: #94d7AF;
}
.bg-greenv3 {
	background-color: #96C049;
}
.bg-orange {
	background-color: #f7b289;
}
.bg-orangev2 {
	background-color: #f39e27;
}
.bg-white {
	background-color: white;
}
.bg-purple {
	background-color: #7A75B5;
}
.bg-bluev6 {
	background-color: #859ED0;
}
.bg-purplev2 {
	background-color: #825f70;
}
/*-----------cardstyle----------*/

.cardstyle1 {
	width: 95%;
	float: inherit;
}
/*-----------withd----------*/
.width1 {
	width: 90vw;
}
.width2 {
	width: 35vw;
}
/*-----------Float----------*/
.float-l {
	float: left;
}
/*---------Center items----------*/
.ci-flex {
	display: flex;
	justify-content: center;
}
.pr-pd-25 {
	padding-right: 20px;
	padding-left: 20px;
}
.float-right {
	float: right;
}
/*-----------------------------------------------------------C O L E G I O S--------------------------------------------------------------------------*/

/*-----------------------------
S I M U L A C R O S
--------------------------*/

/*
Pruebas Saber
*/

.img-head {
	width: 100%;
}
.padding-bottoms {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6;
}
.page-header {
	padding-bottom: 1px;
	margin: 0px 0 20px;
	border-bottom: 1px solid #eee;
}

/*-----------------------------------------------------------C O L E G I O S--------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 100px) and (max-width: 991px) {
}
 @media (min-width: 100px) and (max-width: 700px) {
 .mt-70 {
 margin-top: 70px;
}
}
 @media (min-width: 100px) and (max-width: 480px) {
 .mt-70 {
 margin-top: 70px;
}
 .h1-head {
 font-size: 5vw;
}
 .h1-headv2 {
 font-size: 4.6vw;
}
 .mt-thead {
 margin-top: 6px;
}
 .btn-resultado-p {
 font-size: 4.3vw;
}
 .btn-mejoramiento-p {
 font-size: 4.3vw;
}
 .card-head2 {
 font-size: 19px;
}
 .card-subhead2 {
 font-size: 4.2vw;
}
 .p-head {
 font-size: 4.4vw;
}
 .btn-Uni {
 width: 100%;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
}
 @media (min-width: 481px) and (max-width:767px) {
 .h1-head {
 font-size: 4.2vw;
}
 .h1-headv2 {
 font-size: 4vw;
}
 .mt-70 {
 margin-top: 70px;
}
 .mt-thead {
 margin-top: 3px;
}
 .btn-resultado-p {
 font-size: 4vw;
}
 .btn-mejoramiento-p {
 font-size: 4vw;
}
 .card-head2 {
 font-size: 27px;
}
 .card-subhead2 {
 font-size: 19px;
}
 .p-head {
 font-size: 3.5vw;
}
 .btn-Uni {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 15px;
 margin-bottom: 10px;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
 text-align: justify;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/


@media (min-width: 100px) and (max-width: 767px) {
 .padding-card {
 margin-top: 58px;
 padding-left: 0px;
 padding-right: 0px;
}
 .paddin-bt-g {
 padding: 0px;
}
 .p-universidad {
 font-size: 17px;
 padding: 2px;
}
 .btnUdA {
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
 .btnUN {
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
 .btnUdC {
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
.cei-input {
	  
  width: auto;
  vertical-align: middle;
	margin: auto;
	margin-bottom: 15px;
	
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width: 991px) {
 .paddin-bt-g {
 padding-right: 20px;
 padding-left: 20px;
}
 .padding-card {
 padding-top: 58px;
 padding-left: 25px;
 padding-right: 25px;
}
 .mt-70 {
 margin-top: 70px;
}
 .h1-head {
 font-size: 4.3vw;
}
 .h1-headv2 {
 font-size: 3.9vw;
}
 .btn-resultado-p {
 font-size: 3.5vw;
}
 .btn-mejoramiento-p {
 font-size: 3.5vw;
}
 .card-head2 {
 font-size: 30px;
}
 .card-subhead2 {
 font-size: 19px;
}
 .p-head {
 font-size: 3vw;
}
 .Aligner {
 display: flex;
 float: right;
}
 .Aligner-item {
 max-width: 50%;
}
 .Aligner-item--top {
 align-self: flex-start;
}
 .Aligner-item--bottom {
 align-self: flex-end;
}
 .card-un {
 display: flex;
}
 .p-universidad {
 font-size: 1.9vw;
 padding: 2px;
}
 .btnUdA {
 margin-top: 25%;
 margin-bottom: 15px;
 width: 230px;
 display: flex;
}
 .btnUN {
 margin-top: 15%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUdC {
 margin-top: 20%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
}



/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
 .paddin-bt-g {
 padding-top: 10px;
 right: 1%;
}
 .padding-card {
 padding-left: 25px;
 padding-right: 25px;
}
 .h1-head {
 font-size: 30px;
}
 .h1-headv2 {
 font-size: 29px;
}
 .img-head {
 width: 80%;
}
 .mt-thead {
 margin-top: 7px;
}
 .btn-resultado-p {
 font-size: 28px;
}
 .btn-mejoramiento-p {
 font-size: 28px;
}
 .card-head2 {
 font-size: 30px;
}
 .card-subhead2 {
 font-size: 19px;
}
 .p-head {
 font-size: 22px;
}
 .card-un {
 display: flex;
}
 .p-universidad {
 font-size: 16px;
 padding: 2px;
}
 .btnUdA {
 margin-top: 10%;
 margin-bottom: 5%;
 width: 230px;
 display: flex;
}
 .btnUdA {
 margin-top: 9%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUN {
 margin-top: 5%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUdC {
 margin-top: 12%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 1200px) {
 .paddin-bt-g {
 padding-top: 13px;
 right: 1%;
}
 .padding-card {
 padding-left: 25px;
 padding-right: 25px;
}
 .h1-head {
 font-size: 38px;
}
 .h1-headv2 {
 font-size: 36px;
}
 .img-head {
 width: 80%;
}
 .mt-thead {
 margin-top: 7px;
}
 .btn-resultado-p {
 font-size: 32px;
}
 .btn-mejoramiento-p {
 font-size: 32px;
}
 .card-head2 {
 font-size: 32px;
}
 .card-subhead2 {
 font-size: 24px;
}
 .p-head {
 font-size: 28px;
}
 .card-un {
 display: flex;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
 .btnUdA {
 margin-top: 9%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUN {
 margin-top: 5%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUdC {
 margin-top: 12%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
}
/*------------------------------------------------------------------Diseño de pag------------------------------------------------------------------------------*/

/*----------------------Card-------------------*/
.card {
	width: 100%;
	border-radius: 5px;
	background: white;
}

/*
Media card
*/
@media (min-width: 992px) {
 .card {
 width: 100%;
 background: white;
 border-radius: 5px;
 margin-top: 18px;
 margin-bottom: 10px;
}
 .rowhd {
 margin-top: 30px;
}
}


/*
Media card
*/
@media(min-width: 100px) and (max-width: 481px) {
 .card {
 padding: 5px 15px 20px 15px;
}
}



/*
Media card
*/
@media(min-width: 482px) {
 .card {
 padding: 5px 40px 20px 40px;
}
}
/*-----------------Botones al lado del main------------------*/

.pd2 {
	padding: 10px;
}
.pd2 {
	padding: 20px 5px 10px 5px;
}
/*-----------------Boton------------------*/
.btnclas2 {
	float: right;
	margin-bottom: 5px;
}
.btnUdC {
	color: white;
	background-color: #ff7900;
	border-color: #ff7900;
	font-size: 16px;
	white-space: normal;
}
.btnUdC:hover {
	color: #ff7900;
	background-color: inherit;
	border-color: inherit;
}
.btnUN {
	color: white;
	background-color: #A7B5AA;
	border-color: #A7B5AA;
	font-size: 16px;
	white-space: normal;
}
.btnUN:hover {
	color: #A7B5AA;
	background-color: inherit;
	border-color: inherit;
}
.btnUdA {
	color: white;
	background-color: #00AA83;
	border-color: #00AA83;
	font-size: 16px;
	white-space: normal;
}
.btnUdA:hover {
	color: #00AA83;
	background-color: inherit;
	border-color: inherit;
}
.nosebroxd {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*------------------------------------------------------------Diseño de pag -------------------------------------------------------------------*/

/*-----------------Fuentes------------------*/
/*
Fuentes
*/
.fontted1 {
	font-family: 'Myriad Web Pro';
}
.fontted1v2 {
	font-family: 'Myriad Web Pro Bold';
}
.fontte2 {
	font-family: 'Raleway Bold';
}
.fontted2v2 {
	font-family: 'Raleway SemiBold';
}
/*-----------------Align-------------------*/
/*
Aligniar item flexblox
*/
.alignitems {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*----------ParrafoAling----------*/

.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}
.ta-left {
	text-align: left;
}
/*------------ParrafoStyle----------*/

.pstyle1 {
	font-weight: lighter;
}
.pstyle2 {
	font-weight: bold;
}
.color-white {
	color: white;
}
.color-black {
	color: black;
}
.color-orange {
	color: #F5874F;
}
/*------------Paddings----------*/


.pd-0 {
	padding: 0px;
}
.pd-6 {
	padding: 6px
}
.pd-7 {
	padding: 7px
}
.pd-10 {
	padding: 10px
}
.pds-15 {
	padding: 15px;
	cursor: pointer;
}
.pt-10 {
	padding-top: 10px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pt-bt-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pt-pb-10-pl-pr-20 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.pt-pb-10-pl-pr-35 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 35px;
}
.pl-pr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.pl-br-20 {
	padding: 0px 20px 0px 20px;
}
/*-----------Margin----------*/
.mt-10 {
	margin-top: 10px
}
.mt-5 {
	margin-top: 5px
}
.mb-10 {
	margin-bottom: 10px;
}
.mt-20- {
	margin-top: -20px
}
.mt-200- {
	margin-top: -200px;
}
.mt-mb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mt-mb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.m-0 {
	margin: 0px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-18 {
	margin-left: 20px;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-30 {
	margin-bottom: 10px;
}
.mt-mb-10 .pb-20 {
	padding-bottom: 20px;
}
.mt-20 {
	margin-top: 20px;
}
/*------------Border radius----------*/

.br-7 {
	border-radius: 7px;
}
.br-10 {
	border-radius: 10px;
}
/*------------bg----------*/

.bg-blue {
	background-color: #0d74b7;
}
.bg-bluev2 {
	background-color: #DDEAF3;
}
.bg-bluev3 {
	background-color: #69CCE6;
}
.bg-bluev4 {
	background-color: #4f7599;
}
.bg-bluev5 {
	background-color: #A9DDE5;
}
.bg-bluev6 {
	background-color: #66AFD8;
}
.bg-tierra {
	background-color: #D2A36D;
}
.bg-red {
	background-color: #f48884;
}
.bg-greenv4 {
	background-color: #96c049;
}
.bg-yellow {
	background-color: #FFCC29;
}
.bg-grey {
	background-color: #D9D9D1;
}
.bg-greyv2 {
	background-color: #D2D2D3;
}
.bg-greyv3 {
	background-color: #C9D1CB;
}
.bg-greenl {
	background-color: #8bc34a;
}
.bg-greenv2 {
	background-color: #94d7AF;
}
.bg-greenv3 {
	background-color: #96C049;
}
.bg-orange {
	background-color: #f7b289;
}
.bg-orangev2 {
	background-color: #f39e27;
}
.bg-white {
	background-color: white;
}
.bg-purple {
	background-color: #7A75B5;
}
.bg-bluev6 {
	background-color: #859ED0;
}
.bg-purplev2 {
	background-color: #825f70;
}
/*-----------cardstyle----------*/

.cardstyle1 {
	width: 95%;
	float: inherit;
}
/*-----------withd----------*/
.width1 {
	width: 90vw;
}
.width2 {
	width: 35vw;
}
/*-----------Float----------*/
.float-l {
	float: left;
}
/*---------Center items----------*/
.ci-flex {
	display: flex;
	justify-content: center;
}
.pr-pd-25 {
	padding-right: 20px;
	padding-left: 20px;
}
.float-right {
	float: right;
}
/*-----------------------------------------------------------C O L E G I O S--------------------------------------------------------------------------*/

/*-----------------------------
S I M U L A C R O S
--------------------------*/

/*
Pruebas Saber
*/

.img-head {
	width: 100%;
}
.padding-bottoms {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6;
}
.page-header {
	padding-bottom: 1px;
	margin: 0px 0 20px;
	border-bottom: 1px solid #eee;
}

/*-----------------------------------------------------------C O L E G I O S--------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 100px) and (max-width: 991px) {
}
 @media (min-width: 100px) and (max-width: 700px) {
 .mt-70 {
 margin-top: 70px;
}
}
 @media (min-width: 100px) and (max-width: 480px) {
 .mt-70 {
 margin-top: 70px;
}
 .h1-head {
 font-size: 5vw;
}
 .h1-headv2 {
 font-size: 4.6vw;
}
 .mt-thead {
 margin-top: 6px;
}
 .btn-resultado-p {
 font-size: 4.3vw;
}
 .btn-mejoramiento-p {
 font-size: 4.3vw;
}
 .card-head2 {
 font-size: 19px;
}
 .card-subhead2 {
 font-size: 4.2vw;
}
 .p-head {
 font-size: 4.4vw;
}
 .btn-Uni {
 width: 100%;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
}
 @media (min-width: 481px) and (max-width:767px) {
 .h1-head {
 font-size: 4.2vw;
}
 .h1-headv2 {
 font-size: 4vw;
}
 .mt-70 {
 margin-top: 70px;
}
 .mt-thead {
 margin-top: 3px;
}
 .btn-resultado-p {
 font-size: 4vw;
}
 .btn-mejoramiento-p {
 font-size: 4vw;
}
 .card-head2 {
 font-size: 27px;
}
 .card-subhead2 {
 font-size: 19px;
}
 .p-head {
 font-size: 3.5vw;
}
 .btn-Uni {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 15px;
 margin-bottom: 10px;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
 text-align: justify;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/


@media (min-width: 100px) and (max-width: 767px) {
 .padding-card {
 margin-top: 58px;
 padding-left: 0px;
 padding-right: 0px;
}
 .paddin-bt-g {
 padding: 0px;
}
 .p-universidad {
 font-size: 17px;
 padding: 2px;
}
 .btnUdA {
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
 .btnUN {
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
 .btnUdC {
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width: 991px) {
 .paddin-bt-g {
 padding-right: 20px;
 padding-left: 20px;
}
 .padding-card {
 padding-top: 58px;
 padding-left: 25px;
 padding-right: 25px;
}
 .mt-70 {
 margin-top: 70px;
}
 .h1-head {
 font-size: 4.3vw;
}
 .h1-headv2 {
 font-size: 3.9vw;
}
 .btn-resultado-p {
 font-size: 3.5vw;
}
 .btn-mejoramiento-p {
 font-size: 3.5vw;
}
 .card-head2 {
 font-size: 30px;
}
 .card-subhead2 {
 font-size: 19px;
}
 .p-head {
 font-size: 3vw;
}
 .Aligner {
 display: flex;
 float: right;
}
 .Aligner-item {
 max-width: 50%;
}
 .Aligner-item--top {
 align-self: flex-start;
}
 .Aligner-item--bottom {
 align-self: flex-end;
}
 .card-un {
 display: flex;
}
 .p-universidad {
 font-size: 1.9vw;
 padding: 2px;
}
 .btnUdA {
 margin-top: 25%;
 margin-bottom: 15px;
 width: 230px;
 display: flex;
}
 .btnUN {
 margin-top: 15%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUdC {
 margin-top: 20%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
}



/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
 .paddin-bt-g {
 padding-top: 10px;
 right: 1%;
}
 .padding-card {
 padding-left: 25px;
 padding-right: 25px;
}
 .h1-head {
 font-size: 30px;
}
 .h1-headv2 {
 font-size: 29px;
}
 .img-head {
 width: 80%;
}
 .mt-thead {
 margin-top: 7px;
}
 .btn-resultado-p {
 font-size: 28px;
}
 .btn-mejoramiento-p {
 font-size: 28px;
}
 .card-head2 {
 font-size: 30px;
}
 .card-subhead2 {
 font-size: 19px;
}
 .p-head {
 font-size: 22px;
}
 .card-un {
 display: flex;
}
 .p-universidad {
 font-size: 16px;
 padding: 2px;
}
 .btnUdA {
 margin-top: 10%;
 margin-bottom: 5%;
 width: 230px;
 display: flex;
}
 .btnUdA {
 margin-top: 9%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUN {
 margin-top: 5%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUdC {
 margin-top: 12%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 1200px) {
 .paddin-bt-g {
 padding-top: 13px;
 right: 1%;
}
 .padding-card {
 padding-left: 25px;
 padding-right: 25px;
}
 .h1-head {
 font-size: 38px;
}
 .h1-headv2 {
 font-size: 36px;
}
 .img-head {
 width: 80%;
}
 .mt-thead {
 margin-top: 7px;
}
 .btn-resultado-p {
 font-size: 32px;
}
 .btn-mejoramiento-p {
 font-size: 32px;
}
 .card-head2 {
 font-size: 32px;
}
 .card-subhead2 {
 font-size: 24px;
}
 .p-head {
 font-size: 28px;
}
 .card-un {
 display: flex;
}
 .p-universidad {
 font-size: 18px;
 padding: 5px;
 line-height: 20px;
}
 .btnUdA {
 margin-top: 9%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUN {
 margin-top: 5%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
 .btnUdC {
 margin-top: 12%;
 margin-bottom: 3%;
 width: 230px;
 display: flex;
}
}
/*-----------------------------------------------Tienda Nando--------------------------------------------------------------------------------------*/
/*------------------
     I n d e x
---------------------*/
/*-------------------------------------
        Na b v a r
---------------------------------------*/
.d-flex {
	display: flex;
}
.navbar-nav-pc>.nav-item4 {
	margin-left: auto;
	background-color: transparent;
}
.navbar-nav-pc>.nav-item1 {
	margin-left: 37px;
}
.navbar-nav-pc>.nav-item5 {
	margin-right: 37px;
}
.fa-user a {
	color: #000;
}
.navbar-toggle2 {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 6px;
	margin-right: 5px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	list-style: none;
}
.hr-cart-index {
	border-top: 2px solid #039be5;
}
.button-matt-1 {
	font-size: 1em !important;
	font-weight: normal;
	letter-spacing: 0.6px !important;
	background-color: #039be5 !important;
	height: 45px !important;
	color: #ffffff;
	padding: 6px 12px;
	border: solid #039be5 1px;
	border-bottom-color: #039be5;
	text-decoration: none;
	border-radius: 0px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}
.button-exp-ma {
	font-size: 1em !important;
	font-weight: normal;
	letter-spacing: 0.6px !important;
	background-color: #D7A977 !important;
	height: 45px !important;
	color: #ffffff;
	padding: 6px 12px;
	border: solid #D7A977 1px;
	border-bottom-color: #D7A977;
	text-decoration: none;
	border-radius: 0px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}
.button-exp-sc {
	font-size: 1em !important;
	font-weight: normal;
	letter-spacing: 0.6px !important;
	background-color: #81D883 !important;
	height: 45px !important;
	color: #ffffff;
	padding: 6px 12px;
	border: solid #81D883 1px;
	border-bottom-color: #81D883;
	text-decoration: none;
	border-radius: 0px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}
.button-exp-na {
	font-size: 1em !important;
	font-weight: normal;
	letter-spacing: 0.6px !important;
	background-color: #ACA8D0 !important;
	height: 45px !important;
	color: #ffffff;
	padding: 6px 12px;
	border: solid #ACA8D0 1px;
	border-bottom-color: #ACA8D0;
	text-decoration: none;
	border-radius: 0px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}
.button-exp-lc {
	font-size: 1em !important;
	font-weight: normal;
	letter-spacing: 0.6px !important;
	background-color: #FF8C8C !important;
	height: 45px !important;
	color: #ffffff;
	padding: 6px 12px;
	border: solid #FF8C8C 1px;
	border-bottom-color: #FF8C8C;
	text-decoration: none;
	border-radius: 0px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}
.button-exp-in {
	font-size: 1em !important;
	font-weight: normal;
	letter-spacing: 0.6px !important;
	background-color: #FFD93E !important;
	height: 45px !important;
	color: #ffffff;
	padding: 6px 12px;
	border: solid #FFD93E 1px;
	border-bottom-color: #FFD93E;
	text-decoration: none;
	border-radius: 0px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}


/*-------------------
Modal Sider Bar Rigth
--------------------*/
/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-dialog {
 -webkit-transform: translate3d(-25%, 0, 0);
 transform: translate3d(-25%, 0, 0);
}
 .modal.fade:not(.in).right .modal-dialog {
 -webkit-transform: translate3d(25%, 0, 0);
 transform: translate3d(25%, 0, 0);
}
 .modal.fade:not(.in).bottom .modal-dialog {
 -webkit-transform: translate3d(0, 25%, 0);
 transform: translate3d(0, 25%, 0);
}
.modal.right .modal-dialog {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.modal.left .modal-dialog {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.modal.left .modal-dialog.modal-sm {
	max-width: 300px;
}
.modal.left .modal-content, .modal.right .modal-content {
	min-height: 100vh;
	border: 0;
}
/*--------Jumbotron--------------*/

.jumb-tn {
	background-color: #d0d9ff;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);

	background-image: url("../imgweb/Tnando/Jumbotron/jumbotron.png");
	background-size: cover;
	margin-bottom: 25px;

}
.banner_interactivo 
{

	margin-bottom: 0px;
	background-size: cover;



}
/*--------ICONOS--------------*/

.icon-cart {
	color: white;
	font-size: 17px;
}
.icon-cart:hover {
	color: white;
}
.number {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	background: #26a69a;
	font-weight: bolder;
	text-align: center;
}
.icon-ingresar {
	color: #0d74b7;
	/* background-color: #014c5e; */
	padding: 10px;
	/* border-radius: 0%; */
	/* font-size: 15px; */
	margin: 0.5em;
	display: inline-block;
	font-size: 16px;
}
 @media (min-width: 768px) {
 .number {
 top: 10%;
 right: -2%;
}
 .modal.left .modal-content,  .modal.right .modal-content {
 min-height: 100vh;
 border: 0;
 width: 100%;
}
 .gallery-title {
 font-size: 35px;
}
 .mt-mb-footer-tn {
 margin-top: 10px;
 margin-bottom: 10px;
}
 .mt-mb-row-tn {
 margin-top: 40px;
 margin-bottom: 40px;
}
 .mt-mb-row-rc {
 margin-top: 70px;
 margin-bottom: 70px;
}
 .col_cc {
 border-left: 2px solid #CFD8DC;
 padding-left: 20px;
}
}
 @media (min-width: 1200px) {
 .jumb-tn {
 width: 96.4%;
	margin-left: 21px;
 
}
.banner_interactivo {
 width: 96.4%;
 margin: auto;
text-align:center
}
 .row_g-p {
 padding-left: 30px;
 padding-right: 30px;
}
 .product_name h6 {
 font-size: 18px;
}
 .price h6 {
 font-size: 18px;
}
 .btn-shp {
 width: 165px;
 font-size: 15px;
}
 .modal-btn-cart {
 font-size: 14px;
 padding: 0px 10px;
 margin-top: 20%;
}
 .modal-btn-cart2 {
 font-size: 14px;
 padding: 0px 10px;
 margin-top: 20%;
}
 .product_name h6 {
 font-size: 20px;
}
 .price h6 {
 font-size: 20px;
 padding-bottom: 10px;
}
 .s_product_text h3 {
 margin-top: 8px;
 font-size: 30px;
 font-weight: bolder;
}
 .s_product_text h2 {
 font-size: 25px;
}
 .product_count label {
 font-size: 16px;
}
 .s_product_text p {
 font-size: 16px;
}
 .label-product {
 font-size: 16px;
}
 .list a {
 font-size: 16px;
}
 .pdv1 {
 padding-left: 30px;
 padding-right: 5px;
}
 .pdv2 {
 padding-left: 5px;
 padding-right: 30px;
}
 .margin-selec {
 margin-top: 20px;
 margin-bottom: 20px;
}
 .form-group-order h6 {
 font-size: 13px;
}
 .form-group-price h4 {
 font-weight: bolder;
}
 .icon-body p {
 font-size: 17px;
 font-weight: lighter;
}
}
 @media (min-width: 992px) and (max-width: 1199px) {
 .jumb-tn {
 width: 96.3%;
 margin-left: 21px;
}
.banner_interactivo {
 width: 96.3%;
 margin-left: 21px;
}
 .modal-btn-cart {
 font-size: 14px;
 padding: 0px 10px;
 margin-top: 20%;
}
 .modal-btn-cart2 {
 font-size: 14px;
 padding: 0px 10px;
 margin-top: 20%;
}
 .product_name h6 {
 font-size: 18px;
}
 .price h6 {
 font-size: 18px;
}
 .btn-shp {
 width: 130px;
 font-size: 14px;
}
 .s_product_text h3 {
 margin-top: 8px;
 font-size: 30px;
 font-weight: bolder;
}
 .s_product_text h2 {
 font-size: 25px;
}
 .product_count label {
 font-size: 16px;
}
 .s_product_text p {
 font-size: 16px;
}
 .label-product {
 font-size: 16px;
}
 .list a {
 font-size: 16px;
}
 .row_g-p {
 padding-left: 30px;
 padding-right: 30px;
}
 .pdv1 {
 padding-left: 30px;
 padding-right: 5px;
}
 .pdv2 {
 padding-left: 5px;
 padding-right: 30px;
}
 .margin-selec {
 margin-top: 20px;
 margin-bottom: 20px;
}
 .form-group-order h6 {
 font-size: 13px;
}
 .form-group-price h4 {
 font-weight: bolder;
}
 .icon-body p {
 font-size: 17px;
 font-weight: lighter;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
 .product_name h6 {
 font-size: 2vw;
}
 .price h6 {
 font-size: 2vw;
}
 .btn-shp {
 width: 15.6vw;
 font-size: 1.4vw;
}
 .jumb-tn {
 width: 100%;
 margin-top: 61px;
}
.banner_interactivo{
 width: 100%;
 margin-top: 61px;
}
 .s_product_text h3 {
 font-size: 35px;
 font-weight: bolder;
}
 .s_product_text h2 {
 font-size: 28px;
}
 .product_count label {
 font-size: 20px;
}
 .s_product_text p {
 font-size: 18px;
}
 .label-product {
 font-size: 20px;
}
 .list a {
 font-size: 16px;
}
 .modal-btn-cart {
 font-size: 19px;
 padding: 0px 10px;
 margin-top: 19%;
}
 .modal-btn-cart2 {
 font-size: 19px;
 padding: 0px 10px;
 margin-top: 19%;
}
 .row-pd-m {
 padding: 0px;
}
 .pdv1 {
 padding: 5px;
}
 .pdv2 {
 padding: 5px;
}
 .margin-selec {
 margin-top: 10px;
 margin-bottom: 10px;
}
 .icon-body p {
 font-size: 16px;
 font-weight: lighter;
}
}
 @media (max-width: 767px) {
 .number {
 top: -15%;
 right: -10%;
}
 .modal.left .modal-content,  .modal.right .modal-content {
 min-height: 100vh;
 border: 0;
 width: 300px;
}
 .jumb-tn {
 width: 100%;
 margin-top: 50px;
}
.banner_interactivo{
 width: 100%;
 margin-top: 50px;
}
 .gallery-title {
 font-size: 30px;
}
 .row_g-p {
 padding: 0px;
}
 .product_name h6 {
 font-size: 3.6vw;
}
 .price h6 {
 font-size: 4.5vw;
}
 .btn-shp {
 width: 22vw;
 font-size: 2.6vw;
}
 .modal-btn-cart {
 font-size: 2.8vw;
 padding: 0px 30px;
 margin-top: 15%;
}
 .modal-btn-cart2 {
 font-size: 2.8vw;
 padding: 0px 30px;
 margin-top: 15%;
}
 .s_product_text h3 {
 font-size: 6vw;
 font-weight: bolder;
}
 .s_product_text h2 {
 font-size: 5vw;
}
 .product_count label {
 font-size: 3vw;
}
 .s_product_text p {
 font-size: 3vw;
}
 .label-product {
 font-size: 3vw;
}
 .list a {
 font-size: 2.8vw;
}
 .row-pd-m {
 padding: 0px;
}
 .mt-mb-row-rc {
 margin-top: 70px;
 margin-bottom: 50px;
}
 .mt-mb-footer-tn {
 margin-top: 10px;
 margin-bottom: 10px;
}
 .mt-mb-row-tn {
 margin-top: 50px;
 margin-bottom: 50px;
}
 .col_cc {
 border-top: 2px solid #CFD8DC;
 padding-top: 20px;
}
 .pdv1 {
 padding: 5px;
}
 .pdv2 {
 padding: 5px;
}
 .margin-selec {
 margin-top: 8px;
 margin-bottom: 5px;
}
}
 @media (max-width: 500px) {
 .filter-button {
 width: 170px;
 margin: 5px 5px;
 height: 75px;
 font-size: 20px;
}
 .modal-btn-cart {
 font-size: 2.8vw;
 padding: 0px 10px;
 margin-top: 23%;
}
 .modal-btn-cart2 {
 font-size: 2.8vw;
 padding: 0px 10px;
 margin-top: 23%;
}
 .product_name h6 {
 font-size: 3.6vw;
}
 .price h6 {
 font-size: 4.5vw;
}
 .btn-shp {
 width: 23.3vw;
 font-size: 2.6vw;
}
 .s_product_text h3 {
 font-size: 6vw;
 font-weight: bolder;
}
 .s_product_text h2 {
 font-size: 5vw;
}
 .product_count label {
 font-size: 4vw;
}
 .s_product_text p {
 font-size: 4.2vw;
}
 .label-product {
 font-size: 4vw;
}
 .list a {
 font-size: 3vw;
}
 .row-pd-m {
 padding: 0px;
}
 .pdv1 {
 padding: 5px;
}
 .pdv2 {
 padding: 5px;
}
 .margin-selec {
 margin-top: 8px;
 margin-bottom: 5px;
}
 .icon-body p {
 font-size: 16px;
 font-weight: lighter;
}
}
/*-----------------------------------------------GALERY PRODUCTOS--------------------------------------------------------------------------------------*/

/*--------
  CARDS
--------*/

.gallery-title {
	color: black;
	text-align: center;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 10px;
}
.product_name h6 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: 'Myriad Web Pro Bold';
	text-align: center;
}
.price h6 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #46a6af;
}
.btn-shp {
	color: white;
	font-weight: bolder;
	border-radius: 0.15em;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #46a6af;
	box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
	text-align: center;
}
.btn-shp:hover {
	background-color: #46a6af;
	box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
	color: white;
}
.btn-shp:active {
	background-color: #46a6af;
	box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
	color: white;
}
.btn-shp:focus {
	background-color: #46a6af;
	box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
	color: white;
}
.btn-shp.active.focus, .btn-shp.active:focus, .btn-shp.active:hover, .btn-shp:active.focus, .btn-shp:active:focus, .btn-shp:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	color: white;
	background-color: #46a6af;
	border-color: #46a6af;
}
.box20 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.filter-button {
	border-radius: 10px;
	border: 0.16em solid rgba(255, 255, 255, 0);
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 300;
	color: #00897B;
	text-align: center;
	transition: all 0.2s;
	background-color: #B2EBF2;
	border: 2px solid #26A69A;
	font-family: 'Myriad Web Pro Bold';
	line-height: 20px;
	box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
}
.filter-button:hover {
	color: #00897B;
	background-color: #B2EBF2;
	border: 2px solid #26A69A;
}
.filter-button:active {
	color: #00897B;
	background-color: #B2EBF2;
	border: 2px solid #26A69A;
}
.filter-button:focus {
	color: #00897B;
	background-color: #B2EBF2;
	border: 2px solid #26A69A;
}
.filter-button.active.focus, .filter-button.active:focus, .filter-button.active:hover, .filter-button:active.focus, .filter-button:active:focus, .filter-button:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	color: #00897B;
	background-color: #B2EBF2;
	border: 2px solid #26A69A;
}
.btn-default:active .filter-button:active {
	background-color: #42B32F;
	color: transparent;
}
/*--------CARD-MODAL-VISTA RAPIDA----------------*/


.s_product_text h3 {
	font-weight: bolder;
}
.s_product_text h2 {
	font-weight: bolder;
	color: #4285F4;
}
.list {
	list-style: none;
}
.product_count label {
	color: #333;
	font-weight: normal;
	padding-right: 0px;
	font-weight: 700;
}
.caja {
	margin-top: 3px;
	margin-bottom: 5px;
	border: 1px solid #4285F4;
	height: 45px;
	overflow: hidden;
	width: 50px;
	position: relative;
	margin-left: 7px;
}
.input-cantida {
	background: transparent;
	border: none;
	font-size: 15px;
	height: 45px;
	padding: 5px;
	width: 50px;
	margin-right: 20px;
	color: #4285F4;
	text-align: center;
	font-weight: bolder;
}
.input-producto {
	background: transparent;
	border: none;
	font-size: 15px;
	height: 40px;
	width: 350px;
	color: #4285F4;
	padding: 5px;
	text-align: center;
	font-weight: bolder;
}
.input-servicio {
	background: transparent;
	border: none;
	font-size: 15px;
	height: 40px;
	width: 100%;
	color: #4285F4;
	padding: 5px;
	text-align: center;
	font-weight: bolder;
}
.caja-producto {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #4285F4;
	height: 40px;
	overflow: hidden;
	width: 350px;
	position: relative;
}
.caja-servicio {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #4285F4;
	height: 40px;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.modal-btn-cart {
	display: inline-block;
	background: #4285F4;
	letter-spacing: 0.25px;
	color: #fff;
	font-weight: 500;
	line-height: 44px;
	outline: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #4285F4;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 300ms linear 0s;
	border-radius: 5px;
	font-weight: bold;
}
.modal-btn-cart2 {
	display: inline-block;
	background: #46a6af;
	letter-spacing: 0.25px;
	color: #fff;
	font-weight: 500;
	line-height: 44px;
	outline: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #46a6af;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 300ms linear 0s;
	border-radius: 5px;
	font-weight: bold;
}
.mt-mb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mt-mb-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mt-mb-70 {
	margin-top: 70px;
	margin-bottom: 70px;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
.pb-20 {
	padding-bottom: 20px;
}
/*----------------------------------------------LOGIN--------------------------------------------------------------------------------------*/
/*--------------------
C R E A R C U E N T A
----------------------*/

.form-group-cc>.form-control {
	display: block;
	width: 100%;
	height: 45px;
	padding: 6px 12px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border-radius: 0;
	text-align: left;
	margin-top: -4px;
	border: 1px solid #4285F4;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group-cc>label {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_cc>h2 {
	color: #4285F4;
	text-align: center;
}
.btn_cc {
	width: 100%;
	font-family: 'Myriad Web Pro Bold';
	font-size: 19px;
}
.title_lg h6 {
	text-align: center;
	font-size: 28px;
	font-family: 'Myriad Web Pro Bold';
	color: #4285F4;
}
.btn_log {
	width: 150px;
	height: 50px;
	font-family: 'Myriad Web Pro Bold';
	font-size: 19px;
}
.mens_lg p {
	font-size: 19px;
}
.btn_log_cc {
	width: 200px;
	height: 50px;
	font-family: 'Myriad Web Pro Bold';
	font-size: 19px;
	background-color: #46a6af;
	display: inline-block;
	height: 50px;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 14px 30px;
	border-radius: 2px;
	border: 2px solid #46a6af;
	text-decoration: none;
	text-align: center;
	color: white;
	line-height: 1.25;
 -webkit-transition: background .1s ease, color .1s ease, border-color .1s ease;
 transition: background .1s ease, color .1s ease, border-color .1s ease;
}
.m-tyc p {
	text-align: center;
}
.title_rc p {
	font-size: 25px;
	color: #4285F4;
}
.text_rc p {
	font-size: 16px;
}
.KT_field_hint {
	color:#06F;
}
.KT_field_error {
	color:#F00;
	font-weight:bold;
}
.form_validation_field_error_error_message {
	color:#F00;
	font-weight:bold;
}
#scrollUp {
	bottom: 110px;
	right: 50px;
	width: 38px;
	height: 38px;
	background-image: url(../imgweb/Up.png);
}
/*----------------------------------------------SPEC FULL PRODUCT--------------------------------------------------------------------------------------*/
.btn-spec-full {
	display: inline-block;
	background: #4285F4;
	letter-spacing: 0.25px;
	color: #fff;
	font-weight: 500;
	line-height: 44px;
	outline: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #4285F4;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 300ms linear 0s;
	border-radius: 5px;
	font-weight: bold;
}
.title-descripcion {
	margin-top: 50px;
	margin-bottom: 5px;
}
.hrdescripcion {
	margin-top: 0px;
	margin-bottom: 20px;
	border: 0;
	border-top: 2px solid #4285F4;
}
.btn-spec-full {
	display: inline-block;
	background: #4285F4;
	letter-spacing: 0.25px;
	color: #fff;
	font-weight: 500;
	line-height: 44px;
	outline: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #4285F4;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 300ms linear 0s;
	border-radius: 5px;
	font-weight: bold;
}
.product_descripcion_ds h3 {
	font-size: 30px;
}
.product_descripcion_ds h2 {
	color: #4285F4;
	font-size: 25px;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.list_ds li {
	font-size: 20px;
	list-style: none;
}
.product_descripcion_ds p {
	font-size: 14px;
	white-space: normal;
}
.product_descripcion_ds label {
	font-size: 17px;
}
.btn-spec-full {
	margin-top: 16%;
	width: 200px;
}
.panel-enn {
	border-color: #4285F4;
}
.panel-enn h5 {
	color: #4285F4;
	;
	font-size: 16px;
}
 @media (min-width: 992px) {
 .control-page {
 margin-top: 40px;
 margin-bottom: 40px;
}
 .marg-tp-cp {
 margin-top: 10px;
}
}
 @media (max-width: 991px) {
 .control-page {
 margin-top: 60px;
 margin-bottom: 60px;
}
 .marg-tp-cp {
 margin-top: 40px;
}
}
 @media (max-width: 767px) {
 .pd-carts {
 padding-left: 5px;
 padding-right: 5px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
 .filter-button {
 width: 150px;
 margin: 5px 5px;
 height: 60px;
 font-size: 16px;
}
 .main-img-slider {
 height: 370px;
}
 .margin-full-spec {
 margin-top: 50px;
}
}
 @media (min-width: 768px) and (max-width: 1119px) {
.table_form_cei_interactivo {
	padding-top:50px;
	height: 150px;
}
}
 @media (min-width: 100px) and (max-width: 479px) {
 .button-reserve {
 visibility: hidden;
}
}
 @media (min-width: 100px) and (max-width: 767px) {
 .button-reserve {
 visibility: hidden;
}
 .filter-button {
 width: 150px;
 margin: 5px 5px;
 height: 60px;
 font-size: 16px;
}
 .margin-full-spec {
 margin-top: 40px;
}
}
 @media (min-width: 480px) and (max-width: 767px) {
 .button-reserve {
 display: none;
}
}
 @media (min-width: 992px) and (max-width: 1199px) {
 .filter-button {
 width: 150px;
 margin: 5px 5px;
 height: 60px;
 font-size: 16px;
}
 .main-img-slider {
 height: 350px;
}
.table_form_cei_interactivo {
	padding-top:50px;
  height: 150px;
	margin-left: 21px;
	margin-right: 14px;
}
.table_head_interactivo {
	margin-left: 21px;
	margin-right: 14px;
	
}
}
 @media (min-width: 1200px) {
 .pd-carts {
 padding-left: 20px;
 padding-right: 20px;
}
 .filter-button {
 width: 180px;
 margin: 5px 5px;
 height: 75px;
 font-size: 20px;
}
 .margin-full-spec {
 margin-top: 15px;
}
.table_form_cei_interactivo {
	padding-top:50px;
  height: 150px;
	margin-left: 21px;
	width: 96.3%;
}
.table_head_interactivo {
margin-left: 21px;
	width: 96.3%;
	
}
}
/*----------------------------------------------CARRITO DE COMPRA--------------------------------------------------------------------------------------*/

.xd223 {
	background-color: #CFD8DC;
}
.table {
	background-color: transparent;
}
.table>tbody>tr>td {
	background-color: #efefef;
	vertical-align: middle;
	border-top: 2px solid #ddd;
	font-size: 16px;
}
.table>thead>tr>th {
	font-weight: lighter;
	font-size: 17px;
	font-family: 'Myriad Web Pro Bold';
}
.envio_or p {
	font-size: 16px;
	margin-bottom: 5px;
	font-family: 'Myriad Web Pro Bold';
}
.envio_or select {
	margin-bottom: 20px;
}
.nice-number input {
	text-align: center;
	width: 30px;
	min-width: 30px;
	height: 11px;
	margin-left: 2px;
	margin-right: 2px;
}
.nice-number button {
	background-color: #80CBC4;
	border: 1px solid #80CBC4;
	color: white;
	width: 30px;
	height: 23px;
	margin: 1px 4px;
}
.display-price>.g-span {
	font-size: 16px;
}
.display-price>.g-span2 {
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.display-price {
	display: flex;
	justify-content: space-between;
}
.hr-cart {
	margin-top: 10px;
	margin-bottom: 15px;
	border: 0;
	border-top: 3px solid #80CBC4;
}
.button-cart-2 {
	padding: 8px;
	border: 3px solid #78909C;
	background-color: #78909C;
	color: white;
	margin-top: 5px;
	font-size: 1.3em !important;
	cursor: pointer;
	margin-bottom: 5px;
	width: 100%;
}
.m-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
 @media (max-width: 767px) {
 .m-col-c {
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0px;
}
 .pd-rp {
 padding: 0px;
}
.table_form_cei_interactivo {
	padding-top:25px;
  height: 180px;
}

}
 @media (max-width: 500px) {
 .m-col-c {
 margin-top: 10px;
 margin-bottom: 20px;
}
}
/*----------------------------------------------REVISAR PEDIDO--------------------------------------------------------------------------------------*/


.number_rp {
	width: 50px;
	height: 50px;
	background: #4285F4;
	color: #FFF;
	font-size: 36px;
	text-align: center;
	border-radius: 50%;
	float: left;
	padding-top: 2px;
}
.title {
	float: left;
	width: 70%;
	margin-left: 3%;
	font-size: 1em;
	font-weight: 300;
	margin-top: -11px;
	color: #4285F4;
}
.title-revisar {
	margin-top: 20px;
	margin-bottom: 5px;
}
.hr_rp-hd {
	margin-top: 0px;
	margin-bottom: 20px;
	border: 0;
	border-top: 3px solid #4285F4;
}
.btn_rp {
	display: block;
	float: none;
	background: #4285F4;
	width: 200px;
	border: 0;
	padding: 5px 15px;
	font-size: 1.6em;
	color: #FFF;
	border-bottom: 3px solid #4285F4;
	border-radius: 2px;
	clear: both;
	text-align: center;
	text-decoration: none;
	margin: 15px auto;
}
.form-group-rp h6 {
	font-size: 15px;
}
.form-group-rp span {
	font-size: 14px;
}
.xd930 h6 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 16px;
}
.pl-pr-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.pd-price {
	padding-right: 20px;
	padding-left: 20px;
}
.title_cart {
	font-size: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.title_or {
	font-size: 25px;
}
.hr_cart {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #ccc;
}
 button, [type="button"], [type="reset"], [type="submit"] {
 -webkit-appearance: none;
}
.demopadding {
	margin: 5px auto;
	/* width: 100px; */
	text-align: center;
}
.user-header-box {
	margin:auto;
	width: 140px;
	text-align: center;
	padding-top:20px;
}
.icon {
	position: relative;
	text-align: center;
	width: 0px;
	height: 0px;
	padding: 20px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-khtml-border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
}
.icon i {
	font-size: 21px;
	position: absolute;
	left: 9px;
	top: 10px;
}
.icon.social {
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
	background: #46a6af;
	color: white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.icon.social:hover {
	background: #46a6af;
	color: white;
}
.icon.social.fb i {
	left: 13px;
	top: 10px;
}
.icon.social.tw i {
	left: 11px;
}
.icon.social.in i {
	left: 11px;
}
.nav-flex-tn {
	display: flex;
	justify-content: center;
}
.nav-flex-tn2 {
	display: flex;
	align-items: center;
}
.nav>li {
	position: relative;
	display: inherit;
}
.nav>li>a {
	position: relative;
	display: inherit;
	padding: 10px 15px;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
	z-index: 100;
	font-size: 2.5em;
	height: 48px;
	width: 40px;
	margin-top: -20px;
	color: #B7B7B7;
	position: absolute;
	top: 50%;
	text-align: center;
	color: #000;
	opacity: .3;
 transition: opacity .25s;
	cursor: pointer;
}
.slick-prevm {
	z-index: 100;
	font-size: 2.5em;
	height: 48px;
	width: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-align: center;
	cursor: pointer;
}
.slick-nextm {
	z-index: 100;
	font-size: 2.5em;
	height: 48px;
	width: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-align: center;
	cursor: pointer;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
	opacity: .65;
}
.slick-slider .slick-prev {
	left: 0;
	background-image: url("../imgweb/prev.png");
}
.slick-prevm {
	left: 0;
	background-image: url("../imgweb/Tnando/arrowleft.png");
}
.slick-nextm {
	right: 0;
	background-image: url("../imgweb/Tnando/arrowrigth.png");
}
.slick-slider .slick-next {
	right: 0;
	background-image: url("../imgweb/next.png");
}
#detail .product-images {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #eee;
}
#detail .product-images li, #detail .product-images figure, #detail .product-images a, #detail .product-images img {
	display: block;
	outline: none;
	border: none;
}
#detail .product-images .main-img-slider figure {
	margin: 0 auto;
	padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
#detail .product-images .main-img-slider figure a img {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
#detail .product-images .thumb-nav {
	margin: 0 auto;
	padding: 20px 10px;
	max-width: 100%;
}
#detail .product-images .thumb-nav.slick-slider .slick-prevm, #detail .product-images .thumb-nav.slick-slider .slick-nextm {
	font-size: 1.2em;
	height: 20px;
	width: 20px;
	margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prevm {
	margin-left: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-nextm {
	margin-right: -10px;
}
#detail .product-images .thumb-nav li {
	display: block;
	margin: 0 auto;
	cursor: pointer;
}
#detail .product-images .thumb-nav li img {
	display: block;
	width: 100%;
	max-width: 75px;
	margin: 0 auto;
	border: 2px solid transparent;
 -webkit-transition: border-color .25s;
 -ms-transition: border-color .25s;
 -moz-transition: border-color .25s;
 transition: border-color .25s;
}
#detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
	border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
	border-color: #d12f81;
}
.main_img {
	width: 100%;
	margin: 0 auto
}
.table_form_cei_interactivo {
	background-color:#E7CAD6;
	text-align: center;
	font-size:18px;

}
.table_head_interactivo {
	background-color:#025379;
	height:40px;
  text-align: center;
	color:#FFF;
	font-weight:bold;
	font-size:24px;
	padding-top:5px;
	
}

.social_btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
	  background-color: #337ab7;
    color: white;
		vertical-align:middle;
    align-items: center;
   justify-content: center;

		
}
.social_btn:hover {
    opacity: 1;

		
}
.social_btn a {
    color: white;
		text-align:center;
		align-items: center;
}

.social_btn .fa {
	margin-right:5px;
	margin-left:5px;
		text-align:center;
}

.estudiante_btn {
    width: 75%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 24px;
    line-height: 20px;
    text-decoration: none;
	  background-color: #5CC6D0 ;
    color: white;
		vertical-align:middle;
    align-items: center;
   justify-content: center;

		
}
.estudiante_btn:hover {
    opacity: 1;

		
}
.estudiante_btn a {
    color: white;
		text-align:center;
		align-items: center;
}

.estudiante_btn .fa {
	margin-right:5px;
	margin-left:5px;
		text-align:center;
}

.institucion_btn {
    width: 75%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 24px;
    line-height: 20px;
    text-decoration: none;
	  background-color: #CC93AD;
    color: white;
		vertical-align:middle;
    align-items: center;
   justify-content: center;

		
}
.institucion_btn:hover {
    opacity: 1;

		
}
.institucion_btn a {
    color: white;
		text-align:center;
		align-items: center;
}

.institucion_btn .fa {
	margin-right:5px;
	margin-left:5px;
		text-align:center;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1f2937;
  color: #fff;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 14px;
  z-index: 9999;
}

.cookie-banner a {
  color: #60a5fa;
  text-decoration: underline;
}

.cookie-banner button {
  background: #10b981;
  border: none;
  color: white;
  padding: 8px 15px;
  cursor: pointer;
  border-radius: 4px;
}

.cookie-banner button:hover {
  background: #059669;
}

@media (max-width: 768px) {
  .cookie-banner {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}
