html,
body {
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	background: #fff;
}

body a {
	text-decoration: none;
	transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
	transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	letter-spacing:1px;
}

p {
	margin: 0;
	font-size: 14px;
	color: #777;
	line-height: 32px;
	letter-spacing: 1px;
	font-weight: 300;
}

ul {
	margin: 0;
	padding: 0;
}


/*********************************************************************************************/
/***** MENU DE NAVEGACION ********************************************************/
/********************************************************************************************/
.navbar {
	position: fixed;
	width: 100%;
	top: 0;
	padding: 10px 64px 10px 64px;
	border-bottom: 2px solid #000;
	z-index: 110;
}

.bg-light {
	background-color: #5e666e !important;
}

.navbar-brand {
	color: #f1f2f3 !important;
	font-size: 32px;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	text-transform: uppercase;
}

.logo i {
	color: #f1f2f3 !important;
	font-size: 50px;
	text-shadow: none;
}

li.nav-item {
	margin: 0 1px;
}

.nav-item {
	background: #2f3337;
	color: #f1f2f3 !important;
}

.navbar-light .navbar-nav .nav-link {
	background: transparent;
	padding: 10px 22px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	background: #2f3337;
	color: #f1f2f3 !important;
}

.dropdown-item {
	padding: 3px 24px;
	font-size: 14px;
}


/*********************************************************************************************/
/***** BUSCAR ***************************************************************************/
/********************************************************************************************/
form.header-search {
	width: 25%;
}

.header-search form {
	background: #e3e6e8;
	padding: 5px;
	border-radius: 50px;
}

.header-search input[type="search"] {
	background: #e3e6e8;
	float: left;
	outline: none;
	border: none;
	width: 80%;
	color: #2f3337;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 11px 14px;
	border-radius: 0;
}

.header-search button.btn1 {
	background: #2f3337;
	float: right;
	cursor: pointer;
	width: 16%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 9px 9px 10px 10px;
	border: none;
	border-radius: 0;
	transition: 0.5s all;
}


/*********************************************************************************************/
/***** MENU DE ENCABEZADO *******************************************************/
/********************************************************************************************/
.contenedorGeneral {
	background-color: #f2f2f2 !important;
	position: relative;
	margin-top: 3.5%;
	padding: 10px 0 10px 25px;
}

.contenedorGeneral h6 {
	float: left;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
}

.log {
	float: right;
	margin-top: 5px;
}

.contenedorGeneral h6 a {
	background: #2f3337;
	display: inline-block;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 8px 16px;
	border: 2px solid transparent;
}

.log h5 {
	display: inline-block;
	color: #a0a1a5;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
}

.log .fa-user.fa-w-16 {
	color: #fff;
	margin: 0 4px;
}

a.sign {
	color: #a0a1a5;
	font-size: 16px;
	letter-spacing: 1px;
}

.top-forms span {
	color: #2f3337;
	font-size: 14px;
	letter-spacing: 1px;
}

.top-forms span a {
	color: #2f3337;
}

.top-forms a i {
	color: #707173;
}

.social_list1 li {
	display: inline-block;
}

ul.social_list1 li a {
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 29px;
	border-radius: 50%;
	transition: 0.5s all;
}

ul.social_list1 li a:hover {
	opacity: 0.8;
	transform: rotateX(360deg);
    transition: transform 2s;
}

.facebook1 {
	background: #3b5998;
}

.twitter2 {
	background: #55acee;
}

.instagram3 {
	background: #125688;
}

.youtube4 {
	background: #bb0000;
}

.linkedin5 {
	background: #007bb5;
}


/*********************************************************************************************/
/***** OWL CARRUSEL *****************************************************************/
/********************************************************************************************/
.carousel-item {
	background-color: #777;
	height: 840px;
	margin-top: 0;
}

.carousel-item>img {
	position: absolute;
	min-width: 100%;
	height: 500px;
	top: 0;
	left: 0;
}

.carousel-caption {
	width: 100%;
	bottom: 200px;
	text-align: left;
	margin: 0 auto;
	z-index: 10;
}

.marketing .col-lg-4 {
	margin-bottom: 24px;
	text-align: center;
}

.bt-grid.ser {
	margin-top: 24px;
	margin-bottom: 0;
}

.marketing h2 {
	font-weight: 400;
}

.marketing .col-lg-4 p {
	margin-right: 12px;
	margin-left: 12px;
}

/* Featurettes
------------------------- */

/*.featurette-divider {
	margin: 80px 0;
}*/

/*.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}*/


/*********************************************************************************************/
/***** SLIDER / CARRUSEL ************************************************************/
/********************************************************************************************/
.carousel-item {
	background: url(../images/banner/imgPqtWeb-1.jpg);
}

.carousel-item.item2 {
	background: url(../images/banner/imgPortafolio-1.jpg);
}

.carousel-item.item3 {
	background: url(../images/banner/imgEvenSoc-1.jpg);
}

.carousel-item.item4 {
	background: url(../images/banner/imgDisPub-1.jpg);
}

.carousel-item.item5 {
	background: url(../images/banner/imgOffice-1.jpg);
}

.carousel-item,
.carousel-item.item2, 
.carousel-item.item3, 
.carousel-item.item4, 
.carousel-item.item5 {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.carousel-caption h2,
.carousel-caption h3 {
	letter-spacing: 2px;
	line-height: 1.4em;
	font-size: 80px;
	font-weight: 700;
	text-transform: uppercase;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #2f3337;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.carousel-caption h5 {
	font-size: 16px;
	letter-spacing: 1px;
}

.carousel-caption span {
	display: block;
}

.carousel-indicators {
	bottom: 17%;
	left: 0%;
	cursor: pointer;
	display: none;
}

.bnr-button {
	margin-top: 32px;
}

.carousel-control {
	line-height: 670px;
}

.carousel-indicators li {
	display: inline-block;
	max-width: 20px;
	height: 19px;
	border-radius: 50%;
	margin: 0 8px;
}

.carousel-indicators .active {
	background: #2f3337;
}

a.btn.btn-info.read-m {
	background: #2f3337;
	padding: 9px 32px;
    letter-spacing: 1px;
	border: none;
	border-radius: 6px;
	box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.75);
}

a.btn.btn-info.read-m:hover,
.btn.btn-info.read-m:focus {
   background: #f2f2f2;
   color: #222;
}

.read {
	margin-top: 16px;
}


/*********************************************************************************************/
/***** SECCION CONTENT *************************************************************/
/********************************************************************************************/
h3.tittle {
	color: #2c363e;
	font-size: 40px;
	text-align: center;
	font-weight: 600;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}

h3.tittle.cen {
	color: #fff;
}

.lead {
	font-size: 18px;
	font-weight: 300;
}

/*.featurette-heading {
	font-size: 46px;
	line-height: 22px;
}*/

.banner-bottom {
	padding: 95px 0;
	position: relative;
}

.featured-items.banner-bottom {
	background: #e7e9ea;
}

.seccInterna {
	margin-top: 48px;
}


/*********************************************************************************************/
/***** SECCION MUESTRA DE VIDEOS **********************************************/
/********************************************************************************************/

/***  ASPECTO RATIO 21BY9 ***/
.embed-container-21by9 {
    position: relative;
    padding-bottom: 50%;
	height: 0;
    overflow: hidden;
}

/***  ASPECTO RATIO 16BY9 ***/
.embed-container-16by9 {
    position: relative;
    padding-bottom: 56.25%;
	height: 0;
    overflow: hidden;
}

/***  ASPECTO RATIO 4BY3 ***/
.embed-container-4by3 {
    position: relative;
    padding-bottom: 75%;
	height: 0;
    overflow: hidden;
}

/***  ASPECTO RATIO 1BY1 ***/
.embed-container-1by1 {
    position: relative;
    padding-bottom: 100%;
	height: 0;
    overflow: hidden;
}

.embed-container-21by9 iframe,
.embed-container-16by9 iframe,
.embed-container-4by3 iframe,
.embed-container-1by1 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

h5#exampleModalLabel {
	font-size: 19px;
}

h4.sub-tittle {
	color: #131212;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 500;
	margin: 16px 0;
}

.bt-grids-main.ab {
	margin-top: 32px;
}

/************************* CONTENEDOR DE VIDEOS *************************/
section.bottom-slider {
	background: transparent;
	height: auto;
	padding: 200px 0 200px 0;
}

/*** TITULO DE SECCIONES ***/
.tit_videos h1 {
	display: inline-block;
	position: relative;
	margin-bottom: 80px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_videos h1::after,
.tit_videos h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	margin-top: 6%;
}

.tit_videos h1::after {
	right: -140px;
}

.tit_videos h1::before {
	left: -140px;
}

.musicPublic p {
	background: transparent;
	position: relative;
	width: 60%;
	left: 7%;
	margin-top: 0.3%;
	color: #2f3337;
	font-size: 12px;
	font-weight: 400;
}

.course_demo1 {
    margin: 0 auto;
    width: 90%;
	background: #a6a6a6;
	padding: 12px;
	border-radius: 12px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
}

.left-img img {
	width: 100%;
}

/***** FLEXISEL *****/
.flex-slider {	
	background: #222227;
	padding: 70px 0 165px 0;
}

/*.opportunity {
	background: #28282e;
	position: relative;
	margin: 0px 20px;
	padding: 80px 0;
}*/

#flexiselDemo {
	display: none;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}

.nbs-flexisel-ul {
	position: relative;
	width: 1000%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.nbs-flexisel-inner {
	background: #f8f8f8;
	overflow: hidden;
	margin: 0px auto;
	border: none;
	border-right: none;
}

.nbs-flexisel-item {
	position: relative;
	float: left;
	margin: 0;
	padding: 0em;
	line-height: 0px;
}

.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}


/*********************************************************************************************/
/***** CONTROLADORES DE NAVEGACION DE VIDEOS *************************/
/********************************************************************************************/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	position: absolute;
	width: 30px;
	height: 80px;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
	background: url(../images/maskVideos/iconLeft-3.png) ;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0%;
	top: 33% !important;
}

.nbs-flexisel-nav-right {
	background: url(../images/maskVideos/iconRight-3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	right: 0%;
	top: 33% !important;
}
/*** // flexisel ***/


/***** TEXTOS DE PRESENTACIONES *****/
.blog-item {
	position: relative;
}

.texto_informativo {
	background: rgba(24, 25, 27, 0.8);
	position: absolute;
	width: 80%;
	left: 0%;
	bottom: 0%;
	padding: 12px;
	border-radius: 0 10px 10px 0;
	box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.5);
}

.texto_informativo h3 {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.texto_informativo h3 span {
	display: block;
	color: #e3e6e8;
	font-size: 13px;
	margin: 8px 0 16px;
}

.texto_informativo h3 label {
	color: #e3e6e8;
	padding: 0 16px;
}

.texto_informativo h3 i {
	font-style: normal;
	color: #e3e6e8;
}

/*** BOTON DE LINKS DE APOYO ***/
.blog-item a i {
	color: #67757e;
}

.blog-item a i:hover {
	color: #fff;
}

button.btn.btn-primary.play {
	background-color: #2f3337;
	position: absolute;
	outline: none;
	left: 46%;
	bottom: 50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid #fff;
}
/*** // content ***/


/*********************************************************************************************/
/***** SECCION NOTICIAS *************************************************************/
/********************************************************************************************/
.contenedorSecciones {
	background: #e6e6e6;
	width: 100%;
	height: auto;
	padding: 200px 0 200px 0;
	/*margin-left: 0;
	border-radius: 16px;
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);*/
}

/*** TITULO DE SECCIONES ***/
.tit_noticias h1 {
	display: inline-block;
	position: relative;
	margin-top: 1%;
	margin-bottom: 80px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_noticias h1::after,
.tit_noticias h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	margin-top: 8%;
}

.tit_noticias h1::after {
	right: -140px;
}

.tit_noticias h1::before {
	left: -140px;
}

/************************* SECCION IZQUIERDA *************************/

/******************** SUPERIOR ********************/
.seccPromo {
	border-bottom: 3px solid #2f3337;
	padding-bottom: 50px;
}

.seccPromo .musicPromo p {
	background: transparent;
	position: relative;
	width: 60%;
	left: 7%;
	margin-top: 0.1%;
	color: #2f3337;
	font-size: 12px;
	font-weight: 400;
}

.promoPosicion {
	position: relative;
}

/*.bottom-b-con {
	padding: 40px 0;
}*/

.contenedorVideo_promo {
	position: relative;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
	box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.contenedorVideo_promo video {
	background: rgba(14, 15, 16, 0.3);/*#0e0f10*/
	padding: 6px;
	transition: all 1s;
}

.infoBlogPromo {
	background: rgba(14, 15, 16, 0.7);/*#0e0f10*/
	width: 100%;
	margin-top: 0;
	padding: 10px 10px 10px 35px;
	bottom: 0;
	border-radius: 0 0 12px 12px;
}

.infoBlogPromo ul li {
	display: inline-block;
}

.infoBlogPromo ul li {
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
}

.seccAviso1 {
	text-align: center;
}

.seccPromo h3,
h5.card-title {
	color: #2f3337;
	font-size: 25px;
	font-weight: 700;
	margin: 19px 0 16px 0;
}

.seccPromo p {
	color: #2f3337;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 32px;
}


/******************** CENTRAL ********************/
.infoSeccMedia {
	background: #d9d9d9;
	padding: 20px;
	margin: 25px 0;
	border-radius: 12px;
	box-shadow: 8px 8px 4px 0 rgba(0, 0, 0, 0.75);
}

.content_Links {
	box-shadow: 8px 8px 4px 0 rgba(0, 0, 0, 0.75);
}

/*** TITULO ***/
h4.subTit {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #2f3337;
	font-size: 25px;
}

h4.subTit::after,
h4.subTit::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 80px;
	height: 3px;
	margin-top: 10%;
}

h4.subTit::after {
	right: -100px;
}

h4.subTit::before {
	left: -100px;
}

/******************** INFERIOR ********************/
.infoSeccInf {
	background: #d9d9d9;
	padding: 20px;
	margin: 25px 0;
	border-radius: 12px;
	box-shadow: 8px 8px 4px 0 rgba(0, 0, 0, 0.75);
}

.seccInfBlog {
	padding-bottom: 20px;
}

.seccInf_blogIzq img {
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.contSecInfoIzq { 
	padding: 10px;
}

.contSecInfoIzq h3,
.contSecInfoIzq h3 a {
	color: #2f3337;
	font-size: 16px;
}

.contSecInfoIzq h3 a:hover {
	color: #fff;
	transition: transform 2s;
}

.contSecInfoIzq p {
	color: #67757e;
	font-size: 14px;
	line-height: 18px;
}

.contSecInfoIzq h3 a i {
	color: #67757e;
	font-size: 16px;
}

.blog-icons {
	border-bottom: 2px solid #2f3337;
}

ul.blog-icons li {
	display: inline-block;
	list-style: none;
	margin-right: 20px;
}

ul.blog-icons p {
	color: #2f3337;
	font-size: 12px;
	padding: 15px 0 0 20px;
}

ul.blog-icons i {
	color: #67757e;
}

.contSecInfoIzq h3 a,
.contSecInfoIzq p,
ul.blog-icons p,
ul.blog-icons i {
	font-weight: 500;
}

.contSecInfoIzq h2 button {
	color: #2f3337;
	font-weight: 600;
	text-decoration: none;
	text-transform: none;
}

.contSecInfoIzq a i {
	color: #9da8af;
	font-size: 20px;
}

.contSecInfoIzq a i:hover {
	color: #2f3337;
}
/*** // seccion izquierda ***/


/************************* SECCION DERECHA *************************/

/*** CATALOGO ***/
.tech-btn img {
	background: #d9d9d9;
	padding: 10px;
	margin-bottom: 25px;
	border-radius: 12px;
	box-shadow: 8px 8px 4px 0 rgba(0, 0, 0, 0.75);
}

.avisoCatalogo {
	text-align: center;
	border-bottom: 3px solid #003366;
}

.avisoCatalogo h3 {
	color: #2f3337;
	font-size: 20px;
}

.avisoCatalogo p,
.widget_social p {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 12px;
}

/***** SUSCRIPCION ***/
.tech-btn_suscripcion,
.tech-btn_social,
.tech-btn_linkLenguajes {
	position: relative;
	margin-top: 8%;
	border-bottom: 3px solid #003366;
}

.tech-btn_suscripcion h4,
.tech-btn_social h4,
.tech-btn_linkLenguajes h4 {
	color: #2f3337;
	font-size: 20px;
	font-weight: 600;
}

.tech-btn_suscripcion input[type="email"] {
	outline: none;
	width: 100%;
	color: #d9d9d9;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 16px 0;
	padding: 10px 16px;
	border: 2px solid #8a9ca8;
	border-radius: 6px;
	-webkit-appearance: none;
}

/********** OJO OJO OJO SUSTITUIR OJO OJO OJO **********/
/*.tech-btn_suscripcion input[type="submit"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.tech-btn_suscripcion input[type="submit"]:hover {
	background: #05b166;
}*/

.tech-btn_suscripcion input[type="button"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.tech-btn_suscripcion input[type="button"]:hover {
	background: #f2f2f2;
	color: #222;
}

/*** REDES SOCIALES ***/
.widget_social {
	position: relative;
	margin-top: 8%;
}

.widget_social li {
	display: block;
}

.widget_social li a {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-weight:400;
	letter-spacing: 0.2px;
	line-height: 30px;
	text-transform: capitalize;
	margin-bottom: 25px;
	padding: 10px 20px;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.widget_social li a:hover {
	color: #fff;
	opacity: 0.7;
}

.widget_social li a.facebook {
	background: #3b5998;
}

.widget_social li a.twitter {
	background: #55acee;
}

.widget_social li a.instagram {
	background: #125688;
}

.widget_social li a.youtube {
	background: #bb0000;
}

.widget_social li a.linkedin {
	background: #007bb5;
}

.widget_social li a i {
	position: relative;
	width: 35px;
	font-size: 18px;
	text-align: left;
}

.widget_social li a .count {
	padding-left: 20px;
}

/*** LINKS DE LENGUAJES Y FRAMEWORKS ***/
.tech-btn_linkLenguajes .blog-grids_linkLenguajes img {
	width: 300px;
	height: auto;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.tech-btn_linkLenguajes h5 {
	color: #2f3337;
	font-size: 16px;
}

.tech-btn_linkLenguajes h5 a {
	color: #67757e;
	font-size: 16px;
}

.tech-btn_linkLenguajes h5 a:hover {
	color: #2f3337;
	transition: transform 2s;
}

.sub-meta span {
	color: #2f3337;
	font-size: 14px;
	line-height: 40px;
}

.sub-meta span i {
	color: #67757e;
	font-size: 15px;
}

.contenedorVerMas {
	background: #e6e6e6;
	margin-bottom: 25px;
}
/*** // seccion derecha ***/

/***** // noticias *****/



/*********************************************************************************************/
/***** SECCION PROMOCION PAQUETES WEB ***********************************/
/********************************************************************************************/
.contenedorPqtes_promo {
	background: #f2f2f2;
	width: 100%;
	height: auto;
	padding: 100px 0 100px 0;
}

/*** TITULO DE SECCIONES ***/
.tit_pqtWeb h1 {
	display: inline-block;
	position: relative;
	margin-top: 1%;
	margin-bottom: 50px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_pqtWeb h1::after,
.tit_pqtWeb h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	margin-top: 10%;
}

.tit_pqtWeb h1::after {
	right: -140px;
}

.tit_pqtWeb h1::before {
	left: -140px;
}

.list-inline> li {
	display: block;
	margin: 20px 0;
	padding: 0;
}

.list-inline> li a { 
	display: block; 
}

.textInfoPqts h4 {
	position: relative;
	margin-top: 8%;
	color: #2f3337;
	font-size: 18px; 
}

.textInfoPqts p {
	color: #fff;
	margin-top: 5px;
	letter-spacing: 2px;
}

.list-inline> li a img {
	background: #cbcbb3;
	width: 37%;
	padding: 6px;
	border-radius: 8px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

/*** MARCO IMAGEN ***/
.desoSlide-wrapper img {
	background: #cbcbb3;
	width: 100%;
	padding: 10px;
	border-radius: 8px;
}

/***** TITULO MOVIL DE IMAGEN *****/
.desoSlide-wrapper {
	overflow: hidden;
	position: relative;
	text-align: center;
	opacity: 0.7;
	border-radius: 8px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.desoSlide-wrapper:hover {
	opacity: 1.0;
}

.desoSlide-overlay {
	background: #000;
	position: absolute;
	width: 50% !important;
	top: 18% !important;
	left: -50% !important;
	color: #f2f2f2;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	line-height: 32px;
	padding: 40px;
	border-radius: 0 8px 8px 0;
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: 0.5s all;
	z-index: 10;
}

.textInfoPqts {
	float: right;
	width: 55%;
}

.desoSlide-overlay .btn.btn-primary.play {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.desoSlide-wrapper:hover .desoSlide-overlay {
	left: 0% !important;
}

.desoSlide-overlay ul li {
	display: block;
}

.desoSlide-overlay ul li a {
	display: block;
	padding: 16px;
	opacity: 0.7;
}

.desoSlide-overlay ul li a:hover {
	opacity: 1.0;
}

.desoSlide-overlay ul li a h6 {
	color: #fff;
	font-size: 14px;
	margin-top: 8px;
}

.masInfoPqts a {
	position: relative;
	top: 50px;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	font-size: 16px;
}

.termYCond_pqtWeb p {
	background: transparent;
	position: relative;
	width: 60%;
	left: 37%;
	color: #2f3337;
	font-size: 12px;
	font-weight: 400;
}
/*** // promo pqt web ***/



/*********************************************************************************************/
/***** SECCION COMENTARIOS ******************************************************/
/********************************************************************************************/
.contenedorSecciones {
	background: #e6e6e6;
	width: 100%;
	height: auto;
	padding: 200px 0 200px 0;
}

.wrap {
	width: 40%;
	margin: 0 auto;
}

/*** TITULO DE SECCIONES ***/
.tit_coment h1 {
	display: inline-block;
	position: relative;
	margin-top: 1%;
	margin-bottom: 60px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_coment h1::after,
.tit_coment h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	margin-top: 11%;
}

.tit_coment h1::after {
	right: -140px;
}

.tit_coment h1::before {
	left: -140px;
}

.comentSecc {
	margin-top: 20px;
}

.comentSecc h3 {
	color: #2f3337;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0px 0px 7px 0px;
	margin-bottom: 15px;
	border-bottom: 2px solid #2f3337;
}

.comentSecc label {
	display: block;
	font-size: 14px;
	padding-bottom: 1px;
}

.comentSecc input[type="text"],
.comentSecc textarea {
	background: #f2f2f2;
	outline: none;
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #000;
	font-size: 16px;
	border: none;
	box-shadow: 6px 8px 3px 0 #535353;
	-webkit-appearance: none;
}

/*.comentSecc input[type="submit"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.comentSecc [type="submit"]:hover {
	background: #f2f2f2;
	color: #222;
}*/

.comentSecc input[type="button"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.comentSecc [type="button"]:hover {
	background: #f2f2f2;
	color: #222;
}

.comentSecc textarea {
	width: 100%;
	height: 100px;
}

/***** SECCION DE COMENTARIOS *****/
.contenedorComentarios {
	position: relative;
	margin: 100px 0;
}

.contenedorComentarios h3 {
	color: #2f3337;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0px 0px 7px 0px;
	margin-bottom: 15px;
	border-bottom: 2px solid #2f3337;
}

.contenedorComentarios h3 span {
	color: #67757e;
}

.contenedorComentarios .preview {
	width: 100%;
	padding: 0 10px;
}

.contenedorComentarios img {
	background: #f2f2f2;
	display: block;
	padding: 8px;
	width: 60px;
	height: 60px;
	border-right: 3px solid #2f3337;
}

.contenedorComentarios .preview span {
	color: #2f3337;
	font-size: 12px;
	text-align: left;
}

.contenedorComentarios p {
	color: #67757e;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

/***** SECCION DE RESPUESTAS *****/
.seccRespuestas {
	position: relative;
	top: 25px;
}

.seccRespuestas h3 {
	color: #2f3337;
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
	padding: 0px 0px 7px 0px;
	margin-bottom: 15px;
	border-bottom: 2px solid #2f3337;
}

.seccRespuestas h3 span {
	color: #67757e;
}

.notasDeComentarios {
	color: #67787e;
	text-align: center;
}

.formularioDeComentarios p {
	position: relative;
	padding: 8px 0;
	font-size: 14px;
}

.formularioDeComentarios label {
	display: block;
	padding-bottom: 5px;
}

.formularioDeComentarios input[type="text"],
.formularioDeComentarios textarea {
	background: #f2f2f2;
	outline: none;
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #000;
	font-size: 16px;
	border: none;
	box-shadow: 6px 8px 3px 0 #535353;
	-webkit-appearance: none;
}

/*.formularioDeComentarios input[type="submit"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.formularioDeComentarios [type="submit"]:hover {
	background: #f2f2f2;
	color: #222;
}*/

.formularioDeComentarios input[type="button"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.formularioDeComentarios [type="button"]:hover {
	background: #f2f2f2;
	color: #222;
}
/*** // comenrtarios ***/


/*********************************************************************************************/
/***** SECCION CONTACTO ***********************************************************/
/********************************************************************************************/
.mainContact {
	background: #e6e6e6;
	width: 100%;
	height: auto;
	padding: 50px 0 100px 0;
}

/*** TITULO DE SECCIONES ***/
.tit_contact h1 {
	display: inline-block;
	position: relative;
	margin-top: 1%;
	margin-bottom: 25px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_contact h1::after,
.tit_contact h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	margin-top: 11%;
}

.tit_contact h1::after {
	right: -140px;
}

.tit_contact h1::before {
	left: -140px;
}

p.subTit {
	color: #2f3337;
	font-size: 25px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 50px;
}

.contact-map {
	width: 100%;
}

.contact-map iframe {
	width: 100%;
	height: 525px;
}

/***** INFORMACION DE CONTACTO *****/
.contenedorInfo {
	background: rgba(14, 15, 16, 0.7);/*#0e0f10*/
	padding: 120px 0;
	border-bottom: 3px solid #2f3337;
}

.subTit_Info {
	color: #f2f2f2;
	font-size: 25px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 25px;
}

.ubicacion {
	background: transparent;
	position: relative;
}

.ubicacion h6 {
	color: #000;
}

.ubicacionCont i {
	color: #bfbfbf;
	font-size: 25px;
}

.ubicacionDer p {
	color: #f2f2f2;
}

.imgContact {
	background-image: url(../images/contacto/contacto-4.gif);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	widht: 100%;
	height: 500px;
	position: relative;
	margin-top: 5%;
	border-radius: 16px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

/***** FORMULARIO DE CONTACTO *****/
.formContact_blog {
	padding: 150px 0;
	border-bottom: 3px solid #2f3337;
}

.areaContactDer {
	width: 100%;
	padding-top: 50px;
}

.subTit_Form {
	color: #2f3337;
	font-size: 25px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 5%;
	margin-bottom: 25px;
}

.areaContactIzq label {
	color: #2f3337;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.areaContactIzq input[type="radio"] {
	text-transform: none;
}

.areaContactIzq button,
.areaContactDer input[type="text"],
.areaContactDer input[type="email"],
.areaContactDer textarea {
	background: #f2f2f2;
	outline: none;
	width: 100%;
	padding: 15px 15px;
	color: #2f3337;
	font-size: 14px;
	letter-spacing: 1px;
	border: 1px solid #b8c3c6;
	border-radius: 8px;
	box-shadow: 8px 8px 3px 0 rgba(0, 0, 0, 0.75);
}

.areaContactDer textarea {
	min-height: 150px;
	margin: 16px 0;
	resize: none;
}

/*.areaContactDer input[type="submit"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.areaContactDer [type="submit"]:hover {
	background: #f2f2f2;
	color: #222;
}*/

.areaContactDer input[type="button"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: 0.5s all;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.areaContactDer [type="button"]:hover {
	background: #f2f2f2;
	color: #222;
}
/***** // contacto *****/


/*********************************************************************************************/
/***** SECCION DE REGISTRO *******************************************************/
/********************************************************************************************/
.mainRegistro {
	background: #e6e6e6;
	width: 100%;
	height: auto;
	padding: 100px 0 150px 0;
}

/*** TITULO DE SECCIONES ***/
.tit_registro h1 {
	display: inline-block;
	position: relative;
	margin-top: 1%;
	margin-bottom: 25px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_registro h1::after,
.tit_registro h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	/*margin-top: 11%;*/
	margin-top: 8%;
}

.tit_registro h1::after {
	right: -140px;
}

.tit_registro h1::before {
	left: -140px;
}

.secReg {
	background: #f2f2f2;
	position: relative;
	width: 60%;
	height: auto;
	margin-left: 20%;
	margin-top: 60px;
	border-radius: 12px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.secReg button[type="submit"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 100%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	cursor: pointer;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.secReg [type="submit"]:hover {
	background: #f2f2f2;
	color: #222;
}

/*.secReg button[type="button"] {
	background: #2f3337;
	display: block;
	outline: none;
	border: none;
	width: 20%;
	padding: 12px 16px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: 0.5s all;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.secReg [type="button"]:hover {
	background: #f2f2f2;
	color: #222;
}*/

.map-wrapper {
	position: relative;
	height: auto;
}

.msgContact-form {
	background-color: #fff;
	position: relative;
	margin: 2.5em auto;
	padding: 20px;
	border-radius: 0.8em;
	box-shadow: 10px 10px 18px -6px rgba(0, 0, 0, 0.75);
}

.msgContact-form {
	width: 90%;
}

.msgContact-form h1 {
	color: #2f3337;
	text-align: center;
	padding-bottom: 25px;
	
}

.btn_msgNuevo,
.btn_salirIndex {
	position: relative;
	width: 20%;
	height: auto;
	left: 40%;
	padding: 10px;
}

.msgContact-form .msgNuevo,
.msgContact-form .salirIndex {
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

.msgContact-form .msgNuevo:hover,
.msgContact-form .salirIndex:hover {
	color: #fff;
}
/***** // contacto *****/


/*********************************************************************************************/
/***** SECCION TERMINOS Y CONDICIONES **************************************/
/********************************************************************************************/
.contenedorSecciones-1 {
	background: #e6e6e6;
	width: 100%;
	height: auto;
	padding: 50px 0 200px 0;
}

.contenedorArticulo {
	margin-top: 60px;
}

/*** TITULO DE SECCIONES ***/
.tit_termPromo h1 {
	display: inline-block;
	position: relative;
	margin-top: 1%;
	margin-bottom: 25px;
	
	/* DAR SOMBRA A LA FUENTE, SE CANCELA LA CAJA */
	background: transparent;
	color: #001a33;
	font-size: 64px;
	text-shadow: 2px 2px 0 #bcbcbc,
						4px 4px 0 #9c9c9c;
}

.tit_termPromo h1::after,
.tit_termPromo h1::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 5px;
	margin-top: 8%;
}

.tit_termPromo h1::after {
	right: -160px;
}

.tit_termPromo h1::before {
	left: -160px;
}

.contenidoPromo {
	background: #f2f2f2;
	position: relative;
	width: 100%;
	height: auto;
	padding: 25px;
	border-radius: 6px;
	box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
}

.contenidoPromo h3 {
	background: transparent;
	width: 100%;
	color: #2f3337;
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	margin: 20px 0 25px 0;
	margin-bottom: 50px;
	border-bottom: 3px solid #67757e;
}

.contenidoPromo p {
	color: #2f3337;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 32px;
}

.textImportant {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}


/*********************************************************************************************/
/***** SECCION FOOTER / COPYRIGHT *********************************************/
/********************************************************************************************/
footer {
	padding: 5em 0;
	background-color: #0e0f10;
}

.copyright_Sup {
	margin: 32px 0;
}

.copyright_Sup li {
	list-style: none;
	display: inline-block;
}

.copyright_Sup ul li a span {
	text-transform: uppercase;
	color: #999;
	font-weight: 500;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 1px;
}

.copyright_Sup ul li a span:hover {
	color: #fff;
}

a.redSoc {
	color: #999;
	font-size: 16px;
}

a.redSoc:hover {
	color: #fff;
}

.footerCopyright p {
	color: #999;
	letter-spacing: 1px;
	line-height: 28px;
}

.footerCopyright p a {
	color: #bfbfbf;
	font-weight: 400;
}

.footerCopyright p a:hover {
	color: #fff;
}

/********** SCROLLUP **********/
.scrollup {
	background: #2f3337;
	display: none;
	position: fixed;
	overflow: hidden;
	width: 56px;
	height: 56px;
	text-decoration: none;
	bottom: 15px;
	right: 25px;
	border-radius: 50%;
	text-align: center;
	transition: all 0.3s ease-out; 
	z-index: 1000;
}

.scrollup .fa-arrow-up {
	position: relative;
	color: #fff;
	font-size: 30px;
	margin-top: 25%;
}

.scrollup span {
	display: none;
}

.scrollup:hover {
	color: #fff;
	background-color: #999966;
	border-color: #f2f2f2;
}

.scrollup:focus {
	outline: none;
}
/***** // footer - copyright *****/



/********** FIN DE CODIGO **********/