/* Estilos de la Plantilla de Diploma Gestion Inmobiliaria */

/* Fuentes Externas */ 

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/Montserrat-Bold.ttf");
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.ttf");
}

@import url('https://fonts.googleapis.com/css?family=Raleway');

/* Cuerpo del Documento */



body {
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    line-height: 30px;
    text-align: center;
}

strong { font-weight: 600; }

a, a:hover, a:focus {
	color: #823462;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
	font-weight: 300;
	color: #555;
	line-height: 50px;
	font-family: 'Montserrat-Regular';
}

h3 {
	font-size: 22px;
	font-weight: 300;
	color: #555;
	line-height: 30px;
	/* font-style: italic; */
}

img { max-width: 100%; }

.medium-paragraph {
	font-size: 17px;
	line-height: 32px;
}

.colored-text { color: #1d1d47; }

::-moz-selection { background: #1d1d47; color: #fff; text-shadow: none; }
::selection {background: #1d1d47;color: #fff;text-shadow: none;}


/***** Loader *****/

.loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden !important;
	z-index: 99999;
}

.loader-img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	background: url(../images/loading.gif) center center no-repeat;
}


/***** Estilos generales *****/

.section-container {
    margin: 0 auto;
    /* padding-bottom: 40px; */
}

.section-container-gray-bg {
	background: #f8f8f8;
}

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 {
	color: #823462;
}

.section-container-image-bg .divider-1 span {
	border-color: #fff;
	opacity: 0.8;
}

.section-description {
	margin-top: 60px;
    padding-bottom: 10px;
}

.section-description p {
    margin-top: 20px;
	padding: 0 120px;
}
.section-container-image-bg .section-description p {
	opacity: 0.8;
}

.section-bottom-button {
	padding-top: 60px;
}

.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 5px 5px 5px 0;
	padding: 16px 25px 0 25px;
	background: #fff;
	border: 0;
	font-size: 15px;
    font-weight: 300;
    line-height: 16px;
    color: #444;
    text-transform: uppercase;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active {
	background: #fff;	
	outline: 0;
	opacity: 0.6;
	color: #444;
}

.btn-link-1 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 5px 5px 5px 0;
	padding: 16px 25px 0 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.3);
	border: 0;
	font-size: 15px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }

.btn-link-2 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}


/***** Divider *****/

.divider-1 span {
	display: inline-block;
	width: 200px;
	border-bottom: 1px solid #ddd;
}


/***** Top menu *****/

.navbar {
	margin-bottom: 0;
	background: #03252b;
	border: 0;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}
.navbar.navbar-no-bg {background: #03252b;border-bottom: 1px solid #fff;/*opacity: 0.8;*/}

/*.navbar-right { margin-right: 50px; }*/

ul.navbar-nav {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
}

.navbar-inverse .navbar-nav>.active>a{
	background: none!important;
	border-bottom: 2px solid #fff;
}

.navbar-inverse ul.navbar-nav li a {padding-top: 32px;padding-bottom: 20px;color: #fff;opacity: 0.8;padding-right: 30px;padding-left: 30px;}
.navbar-inverse ul.navbar-nav li a:hover { color: #fff; opacity: 1; }
.navbar-inverse ul.navbar-nav li a:focus { color: #fff; outline: 0; opacity: 1; }

.navbar-text a {
	margin: 0 8px;
	font-size: 26px;
	color: #fff;
	line-height: 28px;
	opacity: 0.8;
}
.navbar-text a:hover { opacity: 1; }

.navbar-toggle {
	margin-top: 13px;
	margin-bottom: 13px;
}

.navbar-brand {
	width: 190px;
	height: 73px;
	background: url(../images/logo.png) left 5px no-repeat;
	text-indent: -99999px;
	margin: 8px 0px;
}
.navbar>.container .navbar-brand { margin-left: 0; }


/***** Top content *****/

.inner-bg {
    padding: 180px 0 120px 0;
}

.top-content .ebook img {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.top-content .text {
	padding-top: 50px;
	color: #fff;
	text-align: left;
}

.top-content .text h1 {
	margin-top: 25px;
	color: #fff;
	font-size: 25px;
	letter-spacing: 0.2em;
	font-family: "Montserrat-Regular";
	line-height: 32px;
}

.top-content .description {
	margin: 30px 0 10px 0;
}

.top-content .description p {opacity: 1;color: #1d1d47;text-align: center;font-size: 27px;line-height: 40px;}

.top-content .top-big-link {
	margin-top: 40px;
}

/* SLIDER TEMARIO */

.beneficios-slider .text {
	padding-top: 50px;
	color: #fff;
	text-align: left;
}

.beneficios-slider .text h1 {
	margin-top: 25px;
	color: #fff;
	font-size: 25px;
	letter-spacing: 0.2em;
	font-family: "Montserrat-Regular";
	line-height: 32px;
}

.beneficios-slider .description {
	margin: 30px 0 10px 0;
}

.beneficios-slider .description p { opacity: 0.8; }

.beneficios-slidert .top-big-link {
	margin-top: 40px;
}

/* slider contactenos */

.slider-contacto .ebook img {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.slider-contacto .text {
	padding-top: 50px;
	color: #fff;
	text-align: left;
}

.slider-contacto .text h1 {
	margin-top: 25px;
	color: #fff;
	font-size: 25px;
	letter-spacing: 0.2em;
	font-family: "Montserrat-Regular";
	line-height: 32px;
	text-align: center;
	background: #000;
	opacity: 0.7;
	padding: 20px 25px;
}

.slider-contacto .description {
	margin: 30px 0 10px 0;
}

.slider-contacto .description p { opacity: 0.8; }

.slider-contacto .top-big-link {
	margin-top: 40px;
}

/* Iconos Sociales */

#iconos-sociales{
	display: inline-block;
	vertical-align: center;
	margin-top: 18px;
}

#iconos-sociales a{
	display: inline-block;
}

#icono-google{
	background: url(../images/icon-google.png);
	width: 35px;
	height: 32px;
}

#icono-facebook{
	background: url(../images/icon-facebook.png);
	width: 35px;
	height: 32px;
}

#icono-youtube{
	background: url(../images/icon-youtube.png);
	width: 35px;
	height: 32px;
}

#icono-blog{
	background: url(../images/icon-blog.png);
	width: 35px;
	height: 32px;
}
/***** Highlighted chapter *****/

.h-chapter-box-text {
	/* margin-top: 30px; */
	text-align: left;
}

.h-chapter-box-text h3 {
	margin-top: 0;
}

.h-chapter-box-text .medium-paragraph {
	margin-top: 20px;
	margin-bottom: 20px;
}

.h-chapter-box-ebook img {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}


/***** Subscription form *****/

.subscribe-container {
	padding-bottom: 70px;
}

.subscribe form {
    padding-top: 30px;
    padding-bottom: 20px;
}

.subscribe form input.subscribe-email {
    width: 360px;
}

.success-message {
	margin: 20px 0 10px 0;
}

.error-message {
	margin: 10px 0;
	color: #325ea9;
}


/***** Video review *****/

.v-review-box-text {
	text-align: left;
}

.v-review-box-text h3 {
	margin-top: 0;
}

.v-review-box-text .medium-paragraph {
	margin-top: 20px;
	margin-bottom: 20px;
}


/***** Call to action *****/

.call-to-action-container {
	padding-bottom: 65px;
}

.call-to-action-container .section-bottom-button {
	padding-top: 15px;
}

.call-to-action-container .section-bottom-button a.btn {
	margin: 15px;
}


/***** About the author *****/

.about-box-text {
	margin-top: 20px;
	text-align: left;
}

.about-box-text h3 {
	margin-top: 0;
}

.about-box-text .medium-paragraph {
	margin-top: 20px;
	margin-bottom: 20px;
}

.about-box-img img {
	width: 100%;
	max-width: 500px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.about-social {
	margin-top: 30px;
	font-size: 32px;
    color: #ddd;
}

.about-social a { margin-right: 15px; color: #ddd; }
.about-social a:hover, .about-social a:focus { color: #325ea9; }


/***** Testimonials *****/

.testimonials-container {
	padding-bottom: 70px;
}

.testimonial-list {
    margin-top: 30px;
    text-align: center;
}

.testimonial-list .testimonial-image img {
	max-width: 160px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.testimonial-list .testimonial-text {
	margin-top: 30px;
}
.testimonial-list .testimonial-text p { opacity: 0.8; }

.testimonial-list .testimonial-text a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.testimonial-list .testimonial-text a:hover, 
.testimonial-list .testimonial-text a:focus { color: #fff; border: 0; }

.testimonial-list .nav-tabs {
	margin-top: 30px;
    border: 0;
}

.testimonial-list .nav-tabs li {
	float: none;
	display: inline-block;
	margin-left: 10px;
    margin-right: 10px;
}

.testimonial-list .nav-tabs li a {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    background: none;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.testimonial-list .nav-tabs li a:hover {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.8);
}

.testimonial-list .nav-tabs li.active a,
.testimonial-list .nav-tabs li.active a:focus {
	background: #325ea9;	
	border: 0;
}


/***** Footer *****/

footer {
	padding: 5px 0 15px 0;
	background-color: #fff;
	color: #333;
}

.footer-social {
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-social a {
	margin: 4px;
	font-size: 36px;
	color: #ddd;
}

.footer-social a:hover, .footer-social a:focus { color: #999; }

.footer-copyright {
	margin-top: 15px;
	color: #333;
}

.footer-copyright a { color: #888; border-bottom: 1px dotted #888; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #888; border: 0; }

/* Quienes Somos */

#quienes-somos .row{
	margin-right: 0px;
	margin-left: 0px;
}

#quienes-somos #primera-seccion{
	padding: 70px 60px 20px 80px;
	transition: 1s;
}

#quienes-somos #primera-seccion h3{
	color: #1d1d47;
	letter-spacing: 0.3em;
}

#quienes-somos #primera-seccion p{
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica;
	text-align: justify;
}

/* hover de la primera seccion */

/*#quienes-somos #primera-seccion:hover {
	background-color: #823462;
	transition: 1s;
	color: #fff;
}*/

#quienes-somos #segunda-seccion{
	padding: 50px 80px 80px 110px;
	background: #1d1d47;
	opacity: .8;
}

#quienes-somos #segunda-seccion .brochure{
	margin-top: 30px;
}

#quienes-somos #segunda-seccion h3{
	color: #fff;
	letter-spacing: 0.3em;
	text-align: left;
}

#quienes-somos #segunda-seccion h4{
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.2em;
	font-family: Arial, helvetica;
}

#quienes-somos #segunda-seccion a{
	background: #fff;
	font-size: 14px;
	color: #1d1d47;
	letter-spacing: 0.3em;
	padding: 5px 15px;
	border: 1px solid #fff;
}

#quienes-somos #segunda-seccion a:hover{
	background: #1d1d47;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.3em;
	padding: 5px 15px;
	border: 1px solid #fff;

}

/* hover de la segunda seccion */

/*#quienes-somos #segunda-seccion:hover {
	background-color: #fff;
	transition: 1s;
	color: #823462;
}*/


/* Seccion Plana Docente */

#plana-docente{

}

#plana-docente h3{
	color: #823462;
	letter-spacing: 0.2em;

}

#plana-docente .titulo-img{
	font-size: 25px;
	padding: 0px 350px;
}

#plana-docente .titulo-img-inferior{
	margin-top: 50px;
	padding: 0px 500px;
	margin-bottom: 50px;
}

#plana-docente #plana-docente-cont{
	border: 1px solid #666;
	padding: 50px 30px 0px 30px;
}

#plana-docente-cont #descripcion-izquierda{
	padding: 0px 200px 0px 0px;
}

#plana-docente-cont #descripcion-derecha{
	padding: 0px 0px 0px 200px;
}

#plana-docente #plana-docente-cont h3{
	font-family: "Montserrat-Bold", sans-serif;
	margin-top: 0;
}

#plana-docente #plana-docente-cont p{
	font-size: 14px;
	line-height: 22px;
}

#plana-docente #plana-docente-cont img{
	width:368px;
	height: 420px;
	position:absolute;
	left:50%;
	margin-left: -170px;
	z-index: 999;
	margin-top: -12%;
}

#plana-docente .section-container {
    padding-bottom: 0px;
}

/* Seccion Servicios */

#servicios h2{
	background: #fff;
	font-size: 25px;
	letter-spacing: 0.2em;
	width: 280px;
	margin: 0 auto;
	margin-top: -85px;
	margin-bottom: 120px;
	text-align: center;
}

#mision-desc {
	/*background-color: #fff;*/

}

#mision-desc h4{
	color: #21386f;
	letter-spacing: 6px;
}

#mision-desc p{
	color: #666;
}

#beneficios-desc {
	/*background-color: #fff;*/
}

#beneficios-desc h4{
	color: #21386f;
	letter-spacing: 6px;
}

#beneficios-desc p{
	color: #666;
}

#certificacion-desc {
	/*background-color: #fff;*/
}

#certificacion-desc h4{
	color: #21386f;
	letter-spacing: 6px;
}

#certificacion-desc p{
	color: #666;
	line-height: 20px;
}

.fondo-servicios{
	background-color: #fff;
	padding: 5px 15px;
	text-align: center;
}

/* Seccion Contactenos */

.contactenos {
	margin-top: 100px;
	margin-bottom: 50px;
}

.contactenos h2 {
	color: #823462;
	font-size: 25px;
	opacity: 0.8;
	letter-spacing: 5px;
}

.contactenos .form-inline{
	text-align: left;
}

.contactenos .form-group input,.contactenos .form-group textarea{
	border: 1px solid #1d1d47;
	border-radius: 0px;
	color: #823462;
	width: 290px;
	height: 50px;
	letter-spacing: 2px;
	margin: 0px 10px 0px 0px;
}

.contactenos .form-group textarea{
	margin-top: 5px;
	width: 90%;
	

}

.contactenos .form-group input::-webkit-input-placeholder {
  color: #823462!important;
}
.contactenos .form-group input:-moz-placeholder {
  color: #823462; 
}
.contactenos .form-group input:-ms-input-placeholder { 
  color: #823462; 
}

#contacto-derecha{
	background-color: #823462;
	text-align: left;
	padding: 10px 15px;
	color: #fff;
	opacity: 0.9;
	padding-left: 30px;
}

#hombre-2{
	position: absolute;
	top: -64%;
	right: 0;
	margin-right: -75px;
}

.descripcion-contacto p{
	font-size: 14px;
	line-height: 15px;
}

#consulta{
	padding-right: 0;
	padding-left: 0; 
}

#consulta textarea{
	height: 100px;
	width: 100%;
	margin-top: 15px;
	padding-left: 10px;
	letter-spacing: 2px;
	font-family: "Montserrat-Regular", sans-serif;
	letter-spacing: 3px;
	color: #1d1d47;
	font-size: 14px;
	border: 1px solid #1d1d47;
}

textarea::-webkit-input-placeholder {
color: #1d1d47 !important;
}

#boton-enviar{
	margin-top: 15px;
	padding-left: 0px;
	padding-right: 0px; 
}

#boton-enviar button{
	background: #1d1d47;
	font-family: "Montserrat-Regular", sans-serif;
	letter-spacing: 3px;
	border-radius: 15px;
	box-shadow: 0px 5px  #666;
	border: 2px solid #fff;
}

#boton-enviar button:hover{
	background: #fff;
	font-family: "Montserrat-Regular", sans-serif;
	letter-spacing: 3px;
	border-radius: 15px;
	box-shadow: 0px 5px  #1d1d47;
	color: #1d1d47;
	opacity: 1;
	border: 2px solid #1d1d47;
}

/* Pagina contactenos */

#pagina-contactenos h2 {
	color: #1d1d47;
	font-size: 25px;
	opacity: 0.8;
	letter-spacing: 5px;
	text-align: center;
	border-bottom: 1px solid #999;
	margin-bottom: 30px;
}

#pagina-contactenos .form-group input,.contactenos .form-group textarea, #pagina-contactenos .form-group select{
	border: 1px solid #1d1d47;
	border-radius: 0px;
	color: #1d1d47;
	height: 50px;
	letter-spacing: 2px;
	margin: 0px 10px 0px 0px;
	background: #fff;
	font-family: "Montserrat-Regular", sans-serif;
	padding-left: 15px;
}

#pagina-contactenos .form-group textarea{
	margin-top: 5px;
	border: 1px solid #1d1d47;
	background: #fff;
	padding-left: 15px;

}

#pagina-contactenos .form-group input::-webkit-input-placeholder {
  color: #1d1d47!important;
}
#pagina-contactenos .form-group input:-moz-placeholder {
  color: #1d1d47; 
}
#pagina-contactenos .form-group input:-ms-input-placeholder { 
  color: #1d1d47; 
}

#pagina-contactenos .form-group button{
	text-align: left;
	float: left;
	position: relative;
}

/* DIRIGIDO */

#dirigido{
	margin-bottom: 50px;
}

#dirigido h2{
	font-size: 25px;
	text-align: left;
	padding-left: 100px;
	color: #823462;
	/* insertar imagen */
}

#dirigido p{
	text-align: left;
	padding-left: 100px;
}

#dirigido #dirigido-izquierda ul li{
	text-align: left;
}

#dirigido #dirigido-derecha ul li{
	text-align: left;
}

#dirigido #dirigido-inferior {
	text-align: left;
	padding-left: 30px;
	color: #823462;
}

/* PAGINA TEMARIO */

.temario {
	margin-top: 15px;
	margin-bottom: 50px;
}

.temario h2{
	font-size: 25px;
	text-align: left;
	color: #1d1d47;
	letter-spacing: 4px;
	text-align: center;
	font-weight: bold;
}

.temario h3{
	font-size: 20px;
	text-align: left;
	color: #1d1d47;
	font-family: Arial, Helvetica;
	/*font-style: italic;
	font-weight: bold;*/
	letter-spacing: 2px;
}

.temario p{
	text-align: justify;
	/*font-size: 14px;*/
	line-height: 18px;
	/*padding-left: 30px;*/
	font-family: Arial, Helvetica;
	/*font-style: italic;*/
	letter-spacing: 1px;
}

.temario p strong{
	color: #823462;
}

.inscribete-beneficios {
	padding-bottom: 65px;
}

.inscribete-beneficios .section-bottom-button {
	padding-top: 15px;
}

.inscribete-beneficios .section-bottom-button a.btn {
	margin: 15px;
}

#inscribete-beneficios #inscribete-contenido{
	padding-bottom: 30px;
}

#inscribete-beneficios #inscribete-contenido h1{
	color: #fff;
	margin-top: 30px;
	font-size: 30px;
	margin-bottom: 33px;
	letter-spacing: 5px
}

#inscribete-beneficios #inscribete-contenido a{
	background: #1d1d47;
	padding: 25px 100px;
	border: 1px solid #1d1d47;
	font-size: 25px;
	color: #fff;
}

#inscribete-beneficios #inscribete-contenido a:hover{
	background: transparent;
	padding: 25px 100px;
	color: #fff;
	border: 1px solid #fff;
}

/* PAGINA MATRICULA ONLINE */

.matricula-online{
	margin-top: 50px;
	margin-bottom: 50px;
}

.matricula-online h2{
	font-size: 25px;
	text-align: left;
	color: #823462;
	background: #fff url(../images/linea-titulo.jpg) 0px 48px no-repeat;
	letter-spacing: 2px;
}

.matricula-online h4{
	font-size: 20px;
	text-align: left;
	color: #823462;
}

.matricula-online h5{
	font-size: 20px;
	text-align: left;
	margin-top: 80px;
	/* word-break: break-word; */
}

.matricula-online h5 #numero{
	font-size: 28px;
	text-align: left;
	color: #823462;
	font-weight: bold;
}

.matricula-online h5 #sombreado{
	color: #823462;
	font-weight: bold;
}

.matricula-online a{
	background: #823462;
	padding: 8px 15px;
	color: #fff;
	border: 1px solid #823462;
}

.matricula-online a:hover{
	background: #fff;
	padding: 8px 15px;
	color: #823462;
	border: 1px solid #823462;
}

.matricula-online #imagen-matricula{
	margin-top: 25px;
	margin-bottom: 25px;
}

#politica-descuento {
	background: #1d1d47;
	padding: 20px;
	color: #ffffff;
}
#politica-descuento h1,h3,th,td {
	color: #ffffff;
}

.condiciones {
	background: #1d1d47;
	padding: 20px;
	color: #ffffff;
}

.condiciones h1 {
	color: #ffffff;
}

#temario #contenido-temario {
	color:#1d1d47;
	font-family: Arial, Helvetica;
}

#temario #contenido-temario .titulo-temario {
	font-size: 20px;
	font-weight: bold;
}

#temario #contenido-temario .subtitulo-temario{
	font-size: 18px;
	text-align: justify;
}

#temario #contenido-temario ul li {
	font-size: 16px;
	text-align: justify;
}

#politica-descuento {
	font-family: Arial, Helvetica;
}

#politica-descuento p {
	font-size: 14px;
	text-align: center;
}

#politica-descuento h1 {
	font-size: 25px;
	font-family: Arial, Helvetica;
}

#politica-descuento h3 {
	font-size: 20px;
}

#condiciones {
	font-size: 14px;
	font-family: Arial, Helvetica;
}

#condiciones h1 {
	font-size: 22px;
}

#docente {
	margin: 0px;
	color: #1d1d47;
	font-family: Arial, Helvetica;
}

#docente .row {
	margin: 0px;
}

#docente h2 {
	font-size: 25px;
	font-family: Arial, Helvetica;
	color: #1d1d47;
	font-weight: bold;
}

#docente .profesor {
	font-size: 20px;
	font-weight: bold;
}

#docente .img-responsive {
	text-align: right;
}

#docente .description-docente {
	text-align: left;
}

.navbar-fixed-top #sociedad-logo {
	display: none;
}

.boton-inicio img {
	padding-bottom: 45px;
}

#pagina-contactenos .col-md-6 .form-group #genero {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 15px;
}

#myModal .modal-content{
    background: url('../images/respuesta-fondo.jpg')no-repeat;
    background-size: cover;
    padding: 30px;
}

#myModal .modal-header{
    border: 0;
}

#myModal .modal-header img{
    width: 25%;
}

#myModal .modal-body .titulo{
    color: #fff;
    text-align: left;
    font-size: 22px;
    margin-bottom: 20px;
}

#myModal .modal-body .desc{
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

#myModal .modal-body .col-md-12{
    padding: 10px 65px;
    margin-bottom: 25px;
}

#myModal .modal-body .boton{
    text-align: center;
}

#myModal .modal-body .boton a{
    text-decoration: none;
    color: #000;
    background: #88FEE1;
    padding: 10px 25px;
    border-radius: 35px;
    font-weight: 800;
    font-size: 16px;
}

#myModal .close{
    background: #88FEE1;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    right: 25px;
    top: 25px;
}

#myModal .modal-body .col-md-12 .col-md-3 img{
	max-width: 100%;
}

#myModalpopup .modal-content{
	background: url('../../../resources/images/pop-up.jpg')no-repeat;
	background-size: cover;
	height: 450px;
	/* width: auto; */
}

#myModalpopup .modal-header {
    border: 0;
}

#myModalpopup .close {
    background: #88FEE1;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    right: 25px;
    top: 25px;
}

/* RESPONSIVE */

@media (max-width: 463px){
	#inscribete-beneficios #inscribete-contenido a{
		padding: 15px 15px;
		font-size: 15px;
	}
	#inscribete-beneficios #inscribete-contenido a:hover{
		padding: 15px 15px;
	}
	.beneficios h2{
		font-size: 25px;
		background-image: none!important;
	}
	.matricula-online h2{
		background: none;
	}
	.matricula-online h5{
		word-break: break-word;
	}
	#hombre-2{
		position: relative;
		display: none
	}
	#contacto-derecha{
		margin-top: 20px!important;

	}
}

@media (max-width: 829px){
	#quienes-somos #primera-seccion{
		width: 100%;
	}
	#quienes-somos #primera-seccion{
		padding: 70px 50px 20px 50px;
		transition: 1s;
	}
	#quienes-somos #segunda-seccion{
		padding: 25px 50px 20px 50px;
		transition: 1s;
		width: 100%
	}
	#quienes-somos #segunda-seccion .brochure{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#plana-docente .titulo-img{
		font-size: 25px;
		padding: 0px 50px;
	}
	.contactenos {
		margin-top: 50px;
	}
	#contacto-derecha{
		background-color: #823462;
		text-align: left;
		padding: 10px 15px;
		color: #fff;
		opacity: 0.9;
		padding-left: 30px;
		margin-top: 180px

	}
	#hombre-2{
		position: absolute;
		top: -64%;
		right: 0;
		margin-right: -0px;
	}
	#plana-docente .titulo-img-inferior{
		margin-top: 50px;
		padding: 0px 50px;
	}
	#plana-docente #plana-docente-cont img{
		position:relative;
		left:0%;
		margin-left: 0px;
		z-index: 999;
		margin-top: 0%;
	}

	#plana-docente-cont #descripcion-izquierda h3, #plana-docente-cont #descripcion-derecha h3{
		text-align: center;
	}

	#plana-docente-cont #descripcion-izquierda{
		padding: 0px 0px 0px 0px;
		text-align: justify;
	}

	#plana-docente-cont #descripcion-derecha{
		padding: 0px 0px 0px 0px;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#consulta textarea{
		width: 100%;
	}
	.contactenos .form-group input,.contactenos .form-group textarea{
		width: 100%;
		margin-top: 10px;
	}
	.form-inline .form-group{
		width: 100%;
	}
}



@media (min-width: 768px) and (max-width: 991px){
	ul.navbar-nav {
		font-size: 12px;
	}
	.navbar-inverse ul.navbar-nav li a {
		padding-right: 15px!important;
		padding-left: 15px!important;
	}
	#hombre-2{
		position: absolute;
		top: -64%;
		right: 0;
		margin-right: -0px;
	}
	#plana-docente .titulo-img-inferior{
		margin-top: 50px;
		padding: 0px 50px;
	}
	#plana-docente #plana-docente-cont img{
		position:relative;
		left:0%;
		margin-left: 0px;
		z-index: 999;
		margin-top: 0%;
	}

	#plana-docente-cont #descripcion-izquierda h3, #plana-docente-cont #descripcion-derecha h3{
		text-align: center;
	}

	#plana-docente-cont #descripcion-izquierda{
		padding: 0px 0px 0px 0px;
		text-align: justify;
	}

	#plana-docente-cont #descripcion-derecha{
		padding: 0px 0px 0px 0px;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#servicios h2{
		margin-bottom: 12px;
	}
	.fondo-servicios{
		background-color: #fff;
		padding: 5px 15px;
		text-align: center;
		margin-top: 50px;
	}
	#contacto-derecha{
		margin-top: 150px;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	ul.navbar-nav {
		font-size: 14px;
	}
	.navbar-inverse ul.navbar-nav li a {
		padding-right: 15px!important;
		padding-left: 15px!important;
	}
	#hombre-2{
		position: absolute;
		top: -64%;
		right: 0;
		margin-right: -0px;
	}
	#plana-docente .titulo-img-inferior{
		margin-top: 50px;
		padding: 0px 50px;
	}
}

#mensaje{
	border: 4px solid #fff;
	margin-top: 30px;
}

#mensaje h5 {
	color: #fff;
	font-size: 30px;
	font-family: Arial, Helvetica;
	font-style: italic;
	text-align: left;
	padding: 15px 16px;
}

#segunda-seccion .dirigido{
	color: #fff;
	font-family: Arial, Helvetica;
	line-height: 15px;
	text-align: left;
	font-size: 14px;
}

#informes-derecha {
	background: #fff;
	margin-top: 60px
}

#informes-derecha #iconos-sociales{
	float: none;
}

#iconos-sociales-footer{
	display: inline-block;
	vertical-align: center;
	margin-top: 1px;
}

#iconos-sociales-footer a{
	display: inline-block;
}

#iconos-sociales-footer #icono-google{
	background: url(../images/icon-googlea.png);
	width: 35px;
	height: 35px;
}

#iconos-sociales-footer #icono-facebook{
	background: url(../images/icon-facebooka.png);
	width: 35px;
	height: 35px;
}

#iconos-sociales-footer #icono-youtube{
	background: url(../images/icon-youtubea.png);
	width: 35px;
	height: 35px;
}

#iconos-sociales-footer #icono-blog{
	background: url(../images/icon-bloga.png);
	width: 35px;
	height: 35px;
}


#informes-derecha p{
	color: #1d1d47;
	line-height: 15px;
}

/* CONTENIDO TEMARIO */

#contenido-beneficios h2, #contenido-beneficios h3, #contenido-beneficios p {
	font-family: Arial, sans-serif, Helvetica!important;
}

#pagina-contactenos{
	/* margin-top: 25px; */
}

#pagina-contactenos #informes-derecha{
	border: 2px solid #1d1d47;
}

#pagina-contactenos #informes-derecha p{
	line-height: 14px;
}

@media (max-width: 767px) {
	
	.navbar.navbar-no-bg {background: #333;opacity: 0.75;}
	.navbar>.container .navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-inverse ul.navbar-nav li a { padding-top: 10px; padding-bottom: 10px; }
	.navbar-inverse .navbar-toggle { border-color: #444; }
	
	.inner-bg { padding: 140px 0 100px 0; }
	.top-content .text { text-align: center; }
	.top-content .top-big-link { margin-top: 25px; }
	.top-content .top-big-link a.btn { margin-top: 10px; margin-left: 5px; margin-right: 5px; }
	
	.section-description p { padding: 0; }
	
	.chapters-box { text-align: center; }
	.chapters-box h3 { margin-top: 20px; padding-top: 10px; }
	
	.h-chapter-box-text { margin-top: 0; text-align: center; }
	.h-chapter-box-ebook { margin-top: 60px; }
	
	.subscribe form input.subscribe-email, .subscribe form button { width: 95%; }
	.subscribe form input.subscribe-email { margin-left: auto; margin-right: auto; }
	
	.v-review-box-text { margin-top: 60px; text-align: center; }
	.v-review-box-video { margin-top: 0; }
	
	.about-box-text { margin-top: 60px; text-align: center; }
	.about-box-img { margin-top: 0; }
	.about-social a { margin-left: 8px; margin-right: 8px; }
	#iconos-sociales{
		float: none!important;
	}
	.navbar-inverse .navbar-nav>.active>a{
		background: none!important;
		border-bottom: 0px solid #fff;
		color: #eda337;
	}

	.navbar-fixed-top #sociedad-logo {
		display: block;
		padding-left: 15px;
	}

	.navbar-fixed-top .logo-menu {
		display: none;
	}

	.navbar-inverse a {
		font-family: 'Raleway', sans-serif;
	}
}

.servicios p{
	color: #fff;
	line-height: 40px;
	font-size: 25px;
	margin-top: 100px;
	margin-bottom: 75px;
}

.servicios p span{
	color: #eda337;
}

/* SECCION  PIE PAGINA */

.pie-pagina {
	background-color: #1d1d47;
}

.pie-pagina .col-md-12{
	padding: 30px 0px 0px 0px!important;
}

.pie-pagina #iconos-sociales{
	list-style: none;
	display: inline-block;
	text-align: left;
}

.pie-pagina #iconos-sociales h2{
	display: inline-block;
	vertical-align: center;
	font-size: 30px;
	font-weight: bold;
	/* text-align: left; */
	color: #fff;
}

.pie-pagina #iconos-sociales ul{
	list-style: none;
	display: inline-block;
	text-align: center;
}

.pie-pagina #iconos-sociales ul li{
	display: inline-block;
	padding: 0px 10px;
}

.pie-pagina #iconos-sociales a{
	display: inline-block;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 37px;
	text-align: center;
	border-radius: 100%;
	border: 2px solid #fff;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}

.pie-pagina #iconos-sociales a:hover{
	color: #FDA81A;
	border: 2px solid #FDA81A;
	-o-transition: 0.5s;
}

.pie-pagina .descripcion div{
	padding: 15px 0px;
}

.pie-pagina .descripcion p{
	text-align: left;
	line-height: 12px;
	color: #fff;
}

/* Boton de inicio */

.boton-inicio{
	position: fixed;
	z-index: 9999;
	float: left;
	left: 0;
	bottom: 0;
}



.boton-inicio .boton-link:hover{
	box-shadow: 0px 35px 50px #fff;
	opacity: 1;
}

@media(max-width: 485px){
	.social-sharing {
      display: block!important;
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 0;
      z-index: 999999999999;
    }

    .social-sharing ul.menu-social {
      list-style: none;
      text-align: center;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrapwrap;
      flex-wrap: nowrap;
      z-index: 99999999999;
    }

    .social-sharing ul.menu-social li {
      flex: 0 1 100px;
      height: 45px;
      z-index: 9999999999;
    }

    .social-sharing .facebook{
      background: #365899;
    }

    .social-sharing .twitter{
      background: #43d2e4;
    }

    .social-sharing .linkedin{
      background: #0077B5;
    }

    .social-sharing .instagram{
      background: #efb338;
    }

    .social-sharing .google{
      background: #ef6f38;
    }

    .social-sharing .whatsapp{
      background: #a8d673;
    }

    .social-sharing ul.menu-social li.newsletter {
      flex: 1 1 auto;
      line-height: 40px;
      position: relative;
      background-color: #fafafa;
      background-image: repeating-linear-gradient(135deg, #ffe4e1 0px, #ffe4e1 5px, transparent 5px, transparent 10px, #e1f3ff 10px, #e1f3ff 15px, transparent 15px, transparent 20px);
    }
    .social-sharing ul.menu-social li.next {
      flex: 1 1 auto;
    }

    .social-sharing a{
      color: #fff;
      z-index: 999999999999999;
    }

    .social-sharing i{
      margin-top: 15px;
      font-size: 18px;
    }

    #myModal .modal-body .col-md-12{
    	display: flex;
    }

    #myModal .modal-body .col-md-12 .col-md-3{
    	width: 25%;
    }

    #myModal .modal-body .col-md-12{
	    padding: 10px 15px!important;
	    margin-bottom: 25px;
	}

	#myModal .modal-header img{
		width: 45%!important;
	}

	.temario #contenido-temario ul{
		padding-left: 0;
	}

	.temario #contenido-temario li{
		text-align: left!important;
	}

	#myModalpopup .modal-content{
		background-size: 100% auto;
		height: 290px;
	}
}

@media(max-width: 991px) {
	#docente .img-responsive {
		text-align: center;
	}

	#docente .description-docente {
		text-align: center;
	}

}

.boton-ruleta {
	position: fixed;
	z-index: 9999;
	float: right;
	right: 0;
	bottom: 0;
}

.boton-ruleta img {
	width: 350px;
}

.boton-ruleta {
	width: 350px;
}

.boton-ruleta button {
	float: right;
    border: 0;
    background: #03252b;
    margin-top: -25px;
    color: #fff;
    margin-bottom: 5px;
}

#google_translate_element img{
  display: none;
}

#google_translate_element{
  position: fixed;
  right: 5%;
  top: 2%;
}

#google_translate_element .goog-te-gadget-simple{
  padding: 5px 15px;
}

#google_translate_element .goog-te-menu-value span{
  padding: 5px;
  border-left: 0px!important
}

#google_translate_element . goog-te-menu2{
  width: 100%!important;
}

.goog-te-banner-frame{
  height: 0px!important
}


body{
	top: 0px!important;
}

@media (max-width: 580px) {
.boton-ruleta img{
	width: 180px;
}

.boton-ruleta {
	width: 180px;
	bottom: 0;
}

@media(max-width:767px){
	nav .container{
		padding:15px;
	}
	#google_translate_element{
		position: relative;
		right: 0;
		top:0;
		float: right;
		padding: 10px;
	}
	.inner-bg{
		padding-top: 100px!important;
	}
}