div.studentHead
{
	padding: 5px 10px 0px 10px;
}
span.studentHead
{
	font-family: 'Calibri';
	font-size: 18px;
	padding-left: 15px;
	color: #6c757d;
}

span.searchGroup
{
	background: #f94b4c;
	color: white;
}

img.imgLogo
{
	width: 100%;
	height: auto;
	cursor: pointer;
}

div.header-bot
{
	border-bottom-width: 1.5px;
	border-bottom-style: solid;
	border-bottom-color: #3c3c3c;
}

li > a > i.font-size
{
	font-size: 24px;
}

ul > li.nav-item
{
	padding: 5px 10px 5px 10px;
	height: auto;
	font-family: 'Lato',Arial,sans-serif!important;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
}

#mainSearch
{
	height: 55px;
	border: solid rgb(132,20,28);
	color: #333;
	font-weight: 600;
}

a.btnGoLogin
{
	background: #f94b4c;
	color: white;
	border-radius: 2px;
}

.active
{
	color: white;
}

div.navTabs-active
{
	background: rgb(255, 245, 245);
	color: white;
	text-decoration: underline;
	text-decoration-style: solid;
}

#loading
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../user/images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: 0.8;
    display: none;
}

h1.baner-title
{
	font-size: 50px;
	font-family: 'Lato',Arial,sans-serif!important;
}

p.baner-description
{
	font-size: 20px;
	font-family: 'Lato',Arial,sans-serif!important;
	color: white;
}

span.errorData
{
	color: #f94b4c;
	display: none;
}

button.btn-primary
{
	background: rgb(132,20,28);
	border: solid rgb(132,20,28);
}

button.btn-primary:hover
{
	background: rgb(80, 1, 1 );
	border: solid rgb(80, 1, 1);
}

div.copy-right
{
	border-top: solid white
}

a.footer-redirect
{
	color: #000;
	font-size: 22px;
	font-family: 'Calibri'!important;
}

a.footer-redirect:hover
{
	text-decoration: underline;
}

p.p-footer
{
	color: #000;
	font-family: 'Calibri'!important;
	font-size: 22px;
}

p.text-center > a
{
	color: white;
	font-family: 'Lato',Arial,sans-serif!important;
}

p.description
{
	font-size: 18px; color: #333333;
	text-align: justify;
	font-family: 'Lato',Arial,sans-serif!important;
}

li.description
{
	font-size: 18px; color: #333333;
	text-align: justify;
	font-family: 'Lato',Arial,sans-serif!important;
}

h3.text-primary
{
	font-weight: bold;
	font-family: 'Lato',Arial,sans-serif!important;
	font-size: 38px;
}

ul.object
{
	padding-left: 16px; text-align: justify; font-size: 20px;
	font-family: 'Lato',Arial,sans-serif!important;
}

ul.object > li
{
	font-size: 17px; color: #333333;
	font-family: 'Lato',Arial,sans-serif!important;
}

label.description
{
	font-size: 18px; color: #000;
	font-weight: bold;
	text-align: justify;
	font-family: 'Lato',Arial,sans-serif!important;
}

/********** Catalogue Courses ***********/
h4.title-course
{
	padding: 5px; height: auto; font-size: 14px; font-weight: bold; font-family: 'Lato',Arial,sans-serif!important;
}
h4.title-course:hover
{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
img.img-course
{
	width: 100%;
}

img.img-benefits
{
	width: 60%;
}

/*******   chat facebook  y redes sociales***/
#chatLive
{
    position: fixed;
    right: 7%;
    bottom: 3%;
    z-index: 999;
    width: 360px;
    height: auto;
    word-wrap: break-word;
    border: 2px solid #2fc7f7;
    border-radius: 5px;
    padding: 12px;
    text-align: justify;
	background: white;
	transition: 2s;
}
#chatLive:hover
{
    border: 2px solid rgb(125,20,10);
	background: white;
}
#chatLive:hover ~ #iconComment
{
    border: 2px solid rgb(125,20,10);
	background: white;
}
#iconComment
{
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 999;
    width: auto;
    height: auto;
    word-wrap: break-word;
    border: 2px solid #2fc7f7;
    border-radius: 50%;
    padding: 12px;
    text-align: justify;
	background: white;
	transition: 2s;
}
#socials
{
    position: fixed;
    left: 1%;
    bottom: 42%;
    z-index: 999;
    width: auto;
    height: auto;
    background: transparent;
    text-align: right;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    width: 50px;
    cursor: pointer;
}

/********* Login  *****/
span#viewPassword
{
	cursor: pointer;
}

/***** INDEX *****/
h5
{
	font-family: 'Calibri',!important;
	letter-spacing: 1px;
}

h1.titlePages
{
	margin-top: 30px;
	font-family: 'Calibri',!important;
	color: #4a4949;
	font-weight: bold;
}
div.listProducts
{
	padding: 0.8em;
	/*border-top-width: 2.5px;
	border-top-style: solid;
	border-top-color: #ececec;

	border-left-width: 2.5px;
	border-left-style: solid;
	border-left-color: #ececec;

	border-bottom-width: 2.5px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;*/
}
hr.lineDivCourse
{
	height: 1.5px;
	background: #4a4949;
}
hr.triangleDivCourse
{
	width: 0; 
 	height: 0; 
 	border-left: 15px solid transparent;
 	border-top: 30px solid #4a4949;
 	border-right: 15px solid transparent; 
}

div.separationCourse
{
	cursor: pointer;
	padding: 20px 20px 10px 15px;
	border: 1px solid #dfdfdf;
}
div.viewProductPatern
{
	position: relative;
	width: 100%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ececec;

	border-top-width: 3.5px;
	border-top-style: solid;
	border-top-color: #ececec;
	
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #ececec;

	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #f94b4c;

	padding: 0px;
	margin-bottom: 10px;
	z-index: 1;
}
div.viewDiscount
{
	float: left;
	background: #f94b4c;
    display:inline-block;
    margin: 0px 0px 0 0px;
    padding: 2px 5px 2px 5px;
    color: white;
}
span.percentage
{
	font-family: 'Calibri',!important;
	font-size: 15px;
	font-weight: bold;
}
span.dscto
{
	font-family: 'Calibri',!important;
	font-size: 12px;
	font-weight: bold;
}
span.titleLevel
{
	font-family: 'Calibri',!important;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}
span.titleLevel:hover
{
	text-decoration: underline;
}
span.dayCourse
{
	font-family: 'Calibri',!important;
	font-size: 22px;
	font-weight: bold;
	color: red;
}
span.monthCourse
{
	font-family: 'Calibri',!important;
	font-size: 12px;
	font-weight: bold;
	color: #909090;
	text-transform: uppercase;
}
i.fa-heart
{
	color: red;
	font-size: 18px;
	margin-right: 100px;
	display: none;
}
div.viewLupa
{
	z-index: 1; position: absolute; width: 100%; height: 75%;
	color: white;
	padding-top: 18%;
	background: rgb(153,0,0, 0.5);
	display: none;
	cursor: pointer;
}
span.viewCourseLupa
{
	font-size: 24px;
	font-weight: bold;
}

span.benefits
{
	background: rgb(240,234,0);
	border: 3px solid #4a4949;
	font-family: 'Calibri' !important;
	padding: 5px;
}
div.viewBenefits
{
	border: 2px solid #ececec;
	padding: 10px 10px 10px 10px;
}
h4.titleBenefits
{
	font-family: 'Calibri' !important;
	font-size: 20px;
}
p.descriptionBenefits
{
	font-family: 'Calibri' !important;
	font-size: 16px;
	text-align: left;
}

div.viewInformation
{
	border: 2px solid #ececec;
}
div.footerInformation
{
	width: 100%;
	background: #4a4949;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 16px;
	text-align: justify;
}
b.informationLeft
{
	font-family: 'Lato',Arial,sans-serif!important;
	font-size: 20px;
	color: #f94b4c;
}
b.informationRight
{
	font-family: 'Lato',Arial,sans-serif!important;
	font-size: 20px;
	color: #4a4949;
}
div.imgInformation
{
	background: white;
	padding: 15px 15px 15px 15px;
}
p.textCertification
{
	color: white;
	font-size: 15px;
}
div.titleInformation
{
	background: rgb(240,234,0);
	border: 3px solid #4a4949;
	font-family: 'Calibri' !important;
	padding: 10px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
div.imgCertification
{
	padding: 10px
}
div.divCertification
{
	background: linear-gradient(rgb(150,150,150) ,rgb(181,181,181), rgb(213,213,213));
	padding-top: 15px
}

h3.textCapacitation
{
	color: #4a4949;
	font-size: 1.3em;
}
td.text-left
{
	width: 70%;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.text-right
{
	width: 70%;
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.img-td
{
	text-align: center;
	width: 30%;
	padding: 10px 0px 10px 0px;
}
table
{
	width: 100%;
}
#banerDetailCourse
{
	background: #f94b4c;
	width: 100%;
}
#titleBaner
{
	margin-top: 8px;
	margin-bottom: 8px;
	color: #8e8e8e;
	font-size: 16px;
}
#levelCourse
{
	font-size: 1.2em;
	color: #8e8e8e;
}
#youtubeVideo
{
	margin-top: 30px;
	margin-bottom: 30px;
}
#videoYoutubePlay
{
	width: 100%;
	height: 350px;
}

#viewPriceCourse
{
	font-size: 1.5em;
	border: 1px solid #eee;
	width: 100%;
	color: white;
	text-align: center;
	padding: 5px 15px 10px 15px;
	border-radius: 3px;
	background: #f94b4c;
}
div.viewDetailCourse
{
	font-size: 0.9em;
	border: 1px solid black;
	width: 100%;
	text-align: center;
	padding: 5px  5px ;
	margin-bottom: 2px;
	height: auto;
	border-radius: 3px;
}
div.spaceDetailCourse
{
	padding: 2px;
}

input.inputEnroll
{
	border-bottom: 3px solid #f94b4c;
}
div#divWarning
{
	font-family: 'Lato',Arial,sans-serif!important;
	background: #6f6f6f;
	padding: 2em 2em 2em 2em;
	margin-bottom: 20px;
}
h3#titleWarning
{
	color: rgb(240,234,0);
}
span.textYellow
{
	color: rgb(240,234,0);
	font-size: 1.1em;
}
p.textWarning
{
	color: white;
	font-size: 1.1em;
	text-align: center;
}
div#divDescription
{
	background: #ececec;
	font-size: 20px;
	padding: 10px;
	font-family: 'Calibri';
}
div#divStep
{
	font-family: 'Calibri';
}
span.circle
{
	background: #f94b4c;
   	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
	 border-radius: 50%;
  	color: #ffffff;
  	display: inline-block;
  	font-weight: bold;
  	line-height: 1.9em;
  	margin-right: 0px;
  	text-align: center;
  	width: 1.9em;
}
span.textStep
{
	font-size: 22px;

}
div.numberStep
{
	padding-right: 0px;
}
div.textStep
{
	padding-left: 0px;
	text-align: justify;
}
span.textNumberAccount
{
	color: #f94b4c;
}

div.descriptionCourse
{
	padding: 40px 0px 0px 0px;
	font-family: 'Calibri';
	width: 100%;
}
td.titleDescription
{
	font-size: 20px; font-weight: bold;
}
td.textDescription
{
	font-size: 20px;
	text-align: justify;
}
span.titleDescription
{
	font-size: 20px; font-weight: bold;
}
span.textDescription
{
	font-size: 18px;
}
#studyPlan,#benefits,#certification
{
	display: none;
}
button.btnActive
{
	background: rgb(240,234,0);
	color: #4a4949;
}
button.btn-secondary
{
	width: 100%;
	border-radius: 2px;
}
button.btn-secondary:hover
{
	background: rgb(240,234,0);
	color: #4a4949;
}
div#divPayForms
{
	padding: 0px 10px 0px 10px;
}
div#hearderPayForms
{
	background: #f94b4c;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: white;
}
i.fa
{
	font-size: 25px;
}