@charset "utf-8";
/* CSS Document */


body{
  font-family: 'Muli', sans-serif !important;

}
ol li {
    text-align: left;
}

.tab-content ul li {
    margin: 10px 0;
}

.table-gen {
    display: flex;
    flex-direction: row;
}

ul.point {
    list-style: disc;
}
ul.number {
    list-style: decimal;
}
ul.romano {
    list-style: upper-roman;
}
ul.letter {
    list-style: lower-alpha;
}
ul.letter-upper {
    list-style: upper-latin;
}




h2 {
    font-size: 31px;
    font-weight: 700;
    color: #483252;
    font-family: 'Varela Round', sans-serif;
}

h3 {
    text-align: left;
    font-size: 20px;
    color: #3c2036;
    font-weight: 600;
    margin-top: 30px;
}


/* FLEX */

.flex-container {
  /* We first create a flex layout context */
  display: flex;

  /* Then we define the flow direction
     and if we allow the items to wrap
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;

  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
}

@import "compass/css3";

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
}

.flex-item {
    border: 1px solid #ccc;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    min-width: 25%;
    padding: 8px;
}

.flex-item.title_table.ult {
    max-width: 118px;
}

.flex-item.title_table strong {
  color: #3c2036;
  font-size: 13px;
}



/* FLEX */


.titulo-terminos{
	text-align:center;
	margin-top: 60px;
    margin-bottom: 50px;
	}
.subtitulo-comercios{
    margin-bottom:20px;
	margin-top:0px !important;
	}
.subtitulo-personas{
	margin-top: 0px;
    margin-bottom:20px;
	}
.btn-acordion, .btn-acordion-azul{
	 background-color: #f5f5f5;
	 color:#333;
	}
.btn-acordion:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d32d71+0,ec3f27+100 */
background: #d32d71; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d32d71 0%, #ec3f27 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #d32d71 0%,#ec3f27 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #d32d71 0%,#ec3f27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32d71', endColorstr='#ec3f27',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	 color:#fff;
	}
.btn-acordion-azul:hover{
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ba0f5+0,965ac8+100 */
background: #4ba0f5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4ba0f5 0%, #965ac8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4ba0f5 0%,#965ac8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4ba0f5 0%,#965ac8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba0f5', endColorstr='#965ac8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	 color:#fff;
	}
.contenedor-pestanas{
	background-color:#fcfcfc;
	padding:20px;
	margin:20px 0;
	border:solid 1px #f5f5f5;

	}
.contenido p{
	text-align:left !important;

	}
.header-azul{
	background:linear-gradient(to right, #4ba0f5, #965ac8);
	}
.btn-volver-trans{
	background: none;}
.footer-terminos {
	background:none;}
.contenido{
	background-color:#fff;
	padding:20px;
	margin:15px 0;
	border:solid 1px #f5f5f5;
	border-radius:0px 15px 15px 15px;
	overflow-y:scroll;
	height:722px;
	}
.pestanas{
	padding-right:0px;
	padding-left:0px;
	}


li.active.azul{
	background: #4ba0f5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4ba0f5 0%, #965ac8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4ba0f5 0%,#965ac8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4ba0f5 0%,#965ac8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba0f5', endColorstr='#965ac8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:50px 0px 0px 50px;
/*	padding-top:5px;
	padding-bottom:5px;
*/	border:transparent;
	padding-left:0px;
	}

li.active{
background: #BD07E2; /* Old browsers */
	border-radius:50px 0px 0px 50px;
	/*margin-top:15px;
	margin-bottom:15px;*/
	border:transparent;
	padding-left:0px;
	}

.nav-pills>li>a, .nav-pills>li>a:hover, .nav-pills>li>a:hover {
	border-radius:50px 0px 0px 50px;
}
.navbar-brand {
    float: left;
    height: inherit;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
}

.sticky-navbar .navbar-brand img {
    width: 22%;
		min-width: 100px;
    display: flex;
    margin: 0;
}


.nav-pills>li.azul>a{
	color:#965ac8;
	}
.nav-pills>li>a{
	color:#333;
	padding-left:60px;
	padding-top:15px;
	padding-bottom:15px;
	}

.nav-stacked>li+li {
    margin-top: 0px;
    margin-left: 0;
}
ul.nav.nav-pills.nav-stacked {
  padding-left: 0px !important;

}


li.definition>a{
	background-image:url(../images/iconos/definition.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.condgeneral>a{
	background-image:url(../images/iconos/condgeneral.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.conduso>a{
	background-image:url(../images/iconos/conduso.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.glosario>a{
	background-image:url(../images/iconos/glosario.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.modelo>a{
	background-image:url(../images/iconos/modelo.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.protec-cotidiana>a{
	background-image:url(../images/iconos/protec-cotidiana.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.protec-viajes>a{
	background-image:url(../images/iconos/protec-viajes.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.protec-financiera>a{
	background-image:url(../images/iconos/protec-financiera.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.tecnconfiable>a{
	background-image:url(../images/iconos/tecnconfiable.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.benef-generales>a{
	background-image:url(../images/iconos/benef-generales.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.benef-adicionales>a{
	background-image:url(../images/iconos/benef-adicionales.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.exclusiones>a{
	background-image:url(../images/iconos/exclusiones.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.tyc_handyu>a{
	background-image:url(../images/iconos/tyc_handyu.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}


li.condgeneral-azul>a{
	background-image:url(../images/iconos/condgeneral-azul.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.conduso-azul>a{
	background-image:url(../images/iconos/conduso-azul.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.ventaprotegida-azul>a{
	background-image:url(../images/iconos/protec-financiera-azul.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}
li.tecnconfiable-azul>a{
	background-image:url(../images/iconos/tecnconfiable-azul.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px}

a:focus {
	outline:none !important;}

.nav-pills>li.active.definition>a, .nav-pills>li.active.definition>a:hover, .nav-pills>li.active.definition>a:focus {
      color: #fff;
      background: url(../images/iconos/definition-blanco.png);
  	background-repeat:no-repeat;
  	background-size: 40px;
  	background-position:10px
  }
.nav-pills>li.active.condgeneral>a, .nav-pills>li.active.condgeneral>a:hover, .nav-pills>li.active.condgeneral>a:focus {
    color: #fff;
    background: url(../images/iconos/condgeneral-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.conduso>a, .nav-pills>li.active.conduso>a:hover, .nav-pills>li.active.conduso>a:focus {
    color: #fff;
    background: url(../images/iconos/conduso-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.glosario>a, .nav-pills>li.active.glosario>a:hover, .nav-pills>li.active.glosario>a:focus {
    color: #fff;
    background: url(../images/iconos/glosario-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.modelo>a, .nav-pills>li.active.modelo>a:hover, .nav-pills>li.active.modelo>a:focus {
    color: #fff;
    background: url(../images/iconos/modelo-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.protec-cotidiana>a, .nav-pills>li.active.protec-cotidiana>a:hover, .nav-pills>li.active.protec-cotidiana>a:focus {
    color: #fff;
    background: url(../images/iconos/protec-cotidiana-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.protec-viajes>a, .nav-pills>li.active.protec-viajes>a:hover, .nav-pills>li.active.protec-viajes>a:focus {
    color: #fff;
    background: url(../images/iconos/protec-viajes-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.protec-financiera>a, .nav-pills>li.active.protec-financiera>a:hover, .nav-pills>li.active.protec-financiera>a:focus {
    color: #fff;
    background: url(../images/iconos/protec-financiera-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.tecnconfiable>a, .nav-pills>li.active.tecnconfiable>a:hover, .nav-pills>li.active.tecnconfiable>a:focus {
    color: #fff;
    background: url(../images/iconos/tecnconfiable-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.benef-generales>a, .nav-pills>li.active.benef-generales>a:hover, .nav-pills>li.active.benef-generales>a:focus {
    color: #fff;
    background: url(../images/iconos/benef-generales-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.benef-adicionales>a, .nav-pills>li.active.benef-adicionales>a:hover, .nav-pills>li.active.benef-adicionales>a:focus {
    color: #fff;
    background: url(../images/iconos/benef-adicionales-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.exclusiones>a, .nav-pills>li.active.benefexclusiones>a:hover, .nav-pills>li.active.exclusiones>a:focus {
    color: #fff;
    background: url(../images/iconos/exclusiones-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}

.nav-pills>li.active.tyc_handyu>a, .nav-pills>li.active.beneftyc_handyu>a:hover, .nav-pills>li.active.tyc_handyu>a:focus {
    color: #fff;
    background: url(../images/iconos/tyc_handyu-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}



.nav-pills>li.active.condgeneral-azul>a, .nav-pills>li.active.condgeneral-azul>a:hover, .nav-pills>li.active.condgeneral-azul>a:focus {
    color: #fff;
    background: url(../images/iconos/condgeneral-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.conduso-azul>a, .nav-pills>li.active.conduso-azul>a:hover, .nav-pills>li.active.conduso-azul>a:focus {
    color: #fff;
    background: url(../images/iconos/conduso-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.ventaprotegida-azul>a, .nav-pills>li.active.ventaprotegida-azul>a:hover, .nav-pills>li.active.ventaprotegida-azul>a:focus {
    color: #fff;
    background: url(../images/iconos/protec-financiera-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}
.nav-pills>li.active.tecnconfiable-azul>a, .nav-pills>li.active.tecnconfiable-azul>a:hover, .nav-pills>li.active.tecnconfiable-azul>a:focus {
    color: #fff;
    background: url(../images/iconos/tecnconfiable-blanco.png);
	background-repeat:no-repeat;
	background-size: 40px;
	background-position:10px
}

.footer .copyright ul {
	text-align:center;
margin: 0;
padding: 0 !important;}
.personas .pestanas{
	display:block;}
.personas .pestanas-mobile, .comercios .pestanas-mobile{
	display:none;}

@media only screen and (max-width: 415px) {
.titulo-terminos{
	margin-top: 25px;
    margin-bottom: 15px;
	 line-height: 34px;
	 font-size:25px;
	}
.subtitulo-comercios{
    text-align:center;
    margin-bottom: 0px;
	}
.subtitulo-personas{
	text-align:center;
	}
.personas .contenido, .comercios .contenido{
	overflow:inherit;
	height:auto;
	float:left;
	width:80%;
	}
.personas .contenido p, .comercios .contenido p{
	font-size:13px;}
.personas .pestanas, .comercios .pestanas{
	display:none;}
.personas .pestanas-mobile, .comercios .pestanas-mobile{
	display:block;
	float:left;
	width:20%;
	padding:0px;}
.personas .pestanas-mobile li, .comercios .pestanas-mobile li{
	padding:5px 0;}
.personas h2, .comercios h2{
	width:auto;
	font-size:22px;
	}
.comercios ul.nav.nav-pills.nav-stacked {
    position: fixed;
}

.menu-fijo {
    position: fixed;
    top: 15%;

}
	}