/********************
******* MSM *********
*********************/

body, html {
	height: 100%;
	margin: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	line-height: 24px;
	color: #49494F;
/*	background-color:#16171D ;*/
}

b{
	font-weight:bold ;
}
a.card-linkbtn,
a.card-linkbtn:hover{
	color:#49494F;
	text-decoration:none;
}

.sub-nav{
	background-color:#eee;
	padding:15px;
}
.dotted-box{
	padding:100px;
	border-radius:25px;
	border:1px dotted #ccc;
	color:#ccc;
	width:100%;
	text-align:center;
}
.sub-nav a{
	padding:10px !important;
}
.sub-nav a:hover{
	background-color:#0078A0;
	color:#fff !important;
	border-radius:3px;
}
.datepicker{
	z-index:9999;
}
.sistemas .card-img-top{
	max-width:200px;
	margin:auto;
}
.pointer{
	cursor:pointer;
}
.row.tutoriales div:nth-child(1),
.row.sistemas div:nth-child(1){
	margin-bottom:20px;
}

tr:hover{
	background-color:#F2F8FC;
}
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
table{
	width:100%;
}
hr.grueso{
	border:2px solid #4BB5CD;
}
.truncate{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.justify{
	text-align:justify;
}
.card.anuncio{
	font-size:80%;
}
.card.anuncio .list-group-item{
	padding:0px 20px;
}
.custom-control.custom-radio{
	padding:0px;
	margin-right: 0px;
}
.custom-control-button-indicator{
	width:100%;
	margin:auto;
}
.custom-control-input:checked ~ .custom-control-button-indicator a{
	background-color:#E6E6E6;
}

.text-justify{
	text-align:justify;
}

.detail-text{
	color:rgb(141,141,141);
	font-style:italic;
	font-size:90%;
}
.mini-detail-text{
	font-size:70%;
	color:rgb(141,141,141);
}
.medium-detail-text{
	font-size:90%;
	font-style:none;
}
.detail-text-big{
	color:rgb(141,141,141);
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
}
.row.cell{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding:5px 10px;
	cursor:pointer;
}

.row.cell-bottom{
	border-bottom:solid 1px #ccc;
}

.relative{
	position:relative;
}

nav.paginacion{
	margin-top:20px;
}
.text-black,
.text-primary,
.text-danger{
	font-family:arial;
	font-weight:bold;
	
}
.text-black{
	color:#000;
}
.text-primary{
	color:rgb(0,5,225);
}
.collapse{
	margin-bottom:20px;
}
.row.cell .span{
	font-size:100%;
}

.row.cell .link{
	padding:0px;
	text-decoration:none;
	color:#000;
}
.row.cell .link:hover{
	
	color:#000;
}
.row.cell .arrow{
	padding-left:0px;
}

.arrow .fa-chevron-right{
	color:rgb(129,129,129);
}

.row.cell.header{
	background-color:#000;
	color:#fff;
}


.row.cell:not(.header):hover{
	background-color:#F7F7F9;
}

.icon{
	max-width:30px;
	height:auto;
}

.tab-title.active a{
	color:#4BB5CD !important; 
	
}
.tabs-content > .content
{
  display: none;
  float: left;
  padding-top: 0.9375rem;
  padding-right: 0px;
  padding-bottom: 0.9375rem;
  padding-left: 5.9375rem;
  margin-left:  10.9375rem;
  width: 80%;
}
.gray-box{
	border:1px solid #f2f2f2 !important;
	padding:10px !important;
	background-color:#F8F8FA;
}
.gray-box-parent{
	width:80%;
}
.gray-box:hover{
	border:1px solid #ccc !important;
}
a.normal,a.normal:hover{
	color:#B0B0B0;
}

.comment-box{
	border-radius:5px;
	border:1px solid #ccc;
	padding:15px;
	font-size:95%;
}

.comment-box .erase{
	border-radius:100%;
	background-color:#CB2027;
	color:#fff;
	cursor:pointer;
	position:absolute;
	top:-5px;
	right:3px;
	line-height: 5px;
	padding:10px 12px;
}
.comment-box b{
	font-weight:bold;
}
.comment-box span,.comment-box b{
	padding:5px;
	line-height:25px !important;
	font-size:75%;
}

.pricing-table {
	margin-top:10px;
	margin-bottom:10px;
}

.list-group-item.price p{
	margin:auto;
}
.list-group-item.price{
	font-weight:bold;
	font-size:130%;
	text-align:center;
}
.list-group-item.price small{
	
	font-size:50%;
}
.list-group-item.description{
	
}
.list-group-item.bullet-item{
	font-size:80%;
}
.small-box{
	font-size:85%;
}

.border-left{
	border-left:1px solid #ddd;
}
.parallax-slider{
	margin-top:5%;
	margin-bottom:5%;
}
.parallax-slider,
.parallax-index,
.parallax-fussion,
.parallax-tutoriales,
.parallax-faqs,
.parallax-contacto,
.parallax-confirmacion,
.parallax-versiones{
	position: relative;
	padding-top:5%;
	padding-bottom:5%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.space{
	height:15%;
}

.parallax-slider{
	background-image: url("../img/cover.png");
    /* Set a specific height */
    height: 50%;
	
}
.parallax-index{
	background-image: url("../img/index.jpg");
    /* Set a specific height */
    height: 40%;
	
}
.parallax-fussion{
	background-image: url("../img/fussion.jpg");
    /* Set a specific height */
    height: 40%;
	
}
.parallax-faqs{
	background-image: url("../img/faqs.jpg");
    /* Set a specific height */
    height: 40%;
	
}
.parallax-tutoriales{
	background-image: url("../img/tutoriales.jpg");
    /* Set a specific height */
    height: 40%;
	
}
.parallax-contacto{
	background-image: url("../img/contacto.jpg");
    /* Set a specific height */
    height: 40%;
	
}
.parallax-confirmacion{
	background-image: url("../img/cover.png");
    /* Set a specific height */
    height: 40%;
	
}
.parallax-versiones{
	background-image: url("../img/versiones.jpg");
    /* Set a specific height */
    height: 40%;
}
.topbar ul {
	display:inline;
}
.topbar ul li{
	display:inline;
}
.precios{
	font-size:120%;
}

.topper{
	font-size:80%;
	color:#6E6A67 !important;
}
h1{
	font-family: "Open Sans",sans-serif;
	font-size:250%;
	line-height:48px;
	font-weight:300 !important;
	padding:20px 0px;
	text-transform:uppercase;
}
h3{
	font-family:montserrat;
	font-size:20px;
	
	font-weight:300 !important;
}
h4{
	font-family: "Open Sans",sans-serif;
	font-size: 140%;
	line-height: 24px;
	font-weight:300 !important;
}
h2{
	font-family:montserrat;
	text-transform:uppercase;
	font-weight:200;
	font-size:14px;
	letter-spacing:10px;
	color:#54514E;
}
h5{
	font-family:montserrat;
	text-transform:uppercase;
	font-weight:100;
	font-size:40px;
}

h6{
	font-family:montserrat;
	text-transform:uppercase;
	font-weight:300;
	font-size:35px;
	letter-spacing: 15px;
	margin-bottom:60px;
	color: #54514E !important;
}

.hide{
	display:none !important;
}
b{
	font-weight:300;
}


.grande{
	font-size:30px;
	color:#54514E !important;
	font-weight:200;
}

.corner{
	position:absolute;
	top:0px;
	right:0px;
	width:30px;
	height:30px;
	padding:5px;
	border-radius:50px;
	border:2px solid #999;
	z-index:9998;
	cursor:pointer;
}

.left-border{
	border-left: 1px solid #ccc;
}

a{
	color:#77c4d3;
}
a:hover{
	color:#e62439;
}

a .item{
	border-radius:5px;
	border: 1px solid #fff;
	
}
a:hover .item{
	
	border: 1px solid #eee;
	
}

.subtitulo{
	text-transform:uppercase;
	font-weight:800;
	letter-spacing:5px;
}

.titulo-parallax {
	font-size: 120% !important;
	text-align:center;
}

.white-section{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#fff;
}

.importante{
	font-weight:800;
	letter-spacing:1px;
}

.logo{
	min-width:200px;
	max-width:200px;
}

.logo-mobile img{
	
}

.info-header-mobile{
	padding-top:3px;
	width:100%;
}

#header{
	position:fixed;
	background-color:#fff;
	width:100%;	
	top:0px;
	z-index:9998 !important;
	height:15%;
	border-bottom: 1px solid #ddd;
}

.fa-bars{
	padding-top:5px;
	cursor:pointer;
}

.liked{
	color:#B3081B;
}


/* top menu */
nav.navbar.top-menu{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#16181E;
}
nav.navbar.top-menu .navbar-nav a{
	margin-top:25px;
} 
nav.navbar.top-menu .navbar-nav a.nav-item.nav-link{
	padding:10px;
	color:#5E6581;
	text-transform:uppercase;
	
	font-family: "Open Sans",sans-serif;
	font-size: 13px;
	line-height: 13px;
}
nav.navbar.top-menu .navbar-nav a.nav-item.nav-link.active,
nav.navbar.top-menu .navbar-nav a.nav-item.nav-link:hover{
	color:#77c4d3;	
}
/* submenu */
nav.navbar.submenu{
	background-color:#F7F7F9;
}
nav.navbar.submenu .navbar-nav a{
	margin-top:25px;
} 
nav.navbar.submenu .navbar-nav a.nav-item.nav-link{
	padding:10px;
	color:#5E6581;
	text-transform:uppercase;
	
	font-family: "Open Sans",sans-serif;
	font-size: 13px;
	line-height: 13px;
}
nav.navbar.submenu .navbar-nav a.nav-item.nav-link.active,
nav.navbar.submenu .navbar-nav a.nav-item.nav-link:hover{
	color:#77c4d3;
}

.modal-title{
	font-size:16px;
}
.modal.fade .modal-dialog{transform:none !important;}
.jumbotron{
	background-color:transparent;
	padding:0px;
	margin:0px;
}


.upper{
	text-transform:uppercase;
}

.italic{
	font-style:italic;
}

.title{
	font-weight:bold;
}
.grey{
	color:#999;
}


.phone{
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-right:5px !important;
	padding-left:5px !important;
}

.blocked{
	text-decoration:line-through;
}


.novedades{
	max-width:400px;
}

a{
	color:#77C4D3;
	-webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;
}
a:hover{
	color:#E92B45;
	-webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;
}

.fa-angle-right{
	font-weight:900;
	font-size:80%;
}
.switch-on {
  position: absolute;
  left: -45px;
  top: -5px;
  color: white;
  font-weight: bold;
  font-size: 9px; 
  }

.switch-off {
  position: absolute;
  left: -25px;
  top: -5px;
  color: white;
  font-weight: bold;
  font-size: 9px; 
  }
.switch-span{
	font-size:120%;
}
.comentario{
	height:70px;
	cursor:pointer;
	overflow-y: scroll;
}
.comment-box{
	margin-bottom:30px;
}
.totales-nombres p{
	color:#888;
	font-size:50%;
	text-transform:uppercase;
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.total-numeros p{
	color:#666;
	margin-top:10px !important;
	margin-bottom:10px !important;
}
button.comment.tiny{
	padding:5px;
}

ul{
	list-style-type: none;
}


.box{
	border:3px #fff solid;
	padding:30px;
	margin:20px;
	width:450px;
	position:absolute;
	bottom:0;
	right:0;
}
.box-mobile{
	border:3px #fff solid;
	padding:30px;
	bottom:5px;
	position:absolute;
}

.social-icons li{
	display:inline;
	padding-left:30px;
	padding-right:30px;
}

.opaque{
	background-color: #000;
	position:relative;
}

.opaque img{
	opacity: 0.5;
    filter: alpha(opacity=50);
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
}

.opaque:hover img{
	opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
}
.opaque:hover p{
	opacity: 0;
    filter: alpha(opacity=0);
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
}
.opaque p{
	position:absolute;
	margin-top:25%;
	color:#fff;
}

section{
	margin:auto 0px;
}

.white{
	color:#fff !important;
}
.note{
	font-size:10px;
	letter-spacing:2px;
	
}

.copyright{
	font-size:12px;
	padding:40px;
}

ul.footer-social li{
	display:inline;
	padding-left:20px;
	padding-right:20px;
	color: #999 !important;
}
/********CONTENT*****************/

.btn-b{
	border-color:#16B183 !important;
	border-width:2px;
	color:#16B183 !important;
	font-family: montserrat !important;
	font-weight:300 !important;
	background-color: transparent;
	-webkit-transition: background-color 0.3s; /* Safari */
    transition: background-color 0.3s;
}
.btn-b:hover{
	background-color:#16B183 !important;
	color:#FFF !important;
	-webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
} 



.hollow{
	background-color: transparent;
	border: 2px solid #969696;
	color: #969696;
	text-transform:uppercase;
}

.hollow:hover{
	background-color: #969696;
	color: #fff;
}

.hollow.green{
	background-color: transparent;
	border: 2px solid #16B183;
	color: #16B183;
}

.hollow.green:hover{
	background-color: #16B183;
	color: #fff;
}

.hollow.secondary{
	background-color: transparent;
	border: 2px solid #B9B9B9;
	color: #B9B9B9;
}

.hollow.secondary:hover{
	background-color: #B9B9B9;
	color: #fff;
}

.hollow.white{
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}

.hollow.white:hover{
	background-color: #fff;
	color: #000 !important;
}

i.verde{
	color: #008E77;
}
i.naranja{
	color: #F5B23C;
}
.rojo{
	color: #CB2027;
}
a.blue{
	color:#00759C;
}
a.green{
	color:#3C9A5F;
}
.mosaic-text.admin{
	padding:45px;
}
.mosaic-text.admin span.details{
	font-size:70% !important;
	line-height:5px;
}

#footer{
	color:#5E6581;
	background-color:#16171D;
	text-align:center;
	padding-top:20px;
}
#footer p{
	font-size:80%;
}
.gray-box img{
	width:215px;
	height:auto;
}
.gray-box-parent b{
	color:#49494F;
	font-size:140%;
	font-weight:normal;
}
.gratis{
	position:absolute;
	top:-10%;
	left:-6%;
	width:20%;
	height:5%;
	padding-top:8%;
	padding-bottom:12%;
	border-radius:100%;
	background-color:#7DC5BD;
	color:#fff;
	z-index:9999;
}

.note{
	color:#CC5459;
}
@media screen and (max-width: 480px) {
	
	body {
        font-size: 95% !important;
    }
	
	h1{
		font-size:200% !important;
		text-transform:uppercase;
	}h2{
		font-size:214%;
	}
	
	h5{
		font-size:200%;
	}

	h6{
		font-size:235%;
	}
	b{
		font-weight:bold;
	}

	.span-footer{
		font-size:60%;
	}
	
	.titulo-parallax{
		font-size:214%;
	}
	.corner i{
		font-size:155%;
	}
	#header{
		font-size:200% !important;
	}
	#footer{
		font-size:90%;	
	}
	#footer a{
		font-size:200%;
	}

	.row.cell .text-black,
	.row.cell .text-primary,
	.row.cell .text-danger{
		font-size:70%;
	}
	
	#srcImg{
		max-width:300px;
	}
	small,.small{
		font-size:100%;
	}
	button,.button {
		text-align:center;
	}
	small.mobile{
		font-size:50%;
	}

	.leyend .titulo-parallax{
		font-size:85%;
		
	}

	.fa-times{
		padding-top:25px;
	}

	.parallax-slider,
	.parallax-index,
	.parallax-fussion,
	.parallax-tutoriales,
	.parallax-faqs,
	.parallax-contacto,
	.parallax-confirmacion,
	.parallax-versiones{
		padding-top:5%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	}
.datepicker{
	z-index:9999;
}
	.comment-box .erase{
		border-radius:100%;
		background-color:#CB2027;
		color:#fff;
		cursor:pointer;
		position:absolute;
		top:-15px;
		right:3px;
		line-height: 100%;
		padding:10px 10px !important;
	}
	
	input,select,textarea{
		padding:10px 5px;
	}
}