
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}nav ul,nav ol,ul,ol{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}


h1 {
	/*18px*/
	font-size:150%;
}
h2 {
	/*15px via YUI Fonts CSS foundation*/
	font-size:125%;
}
h3 {
	/*13px via YUI Fonts CSS foundation*/
	font-size:108%;
}

h1,h2,h3,h4,h5,h6,strong {	font-weight:bold; }
abbr,acronym {	border-bottom:1px dotted #000;	cursor:help;}
em {	font-style:italic;}
table { vertical-align:middle}
th,td {		padding:.5em;vertical-align:middle}
th {font-weight:bold;	}
img, video, object { /*max-width:100%; */}


small { font-size:0.875em;}
.disc-list {list-style-type: disc; margin-left: 2.2em}
* {box-sizing: border-box;}
	.cbar_w0_item_s {box-sizing: content-box;} /* para barilliance */
.fd-icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; -webkit-transform: translate(0,-5%); transform: translate(0,-5%);}
.sprite-icon { background-image: } /* para sprite*/
.img-icon img { width: 100%}
.block { display: block;}
.txt-center { text-align:center}
.img-fluid {max-width: 100%; height: auto;}

.checkbox-inline:before { background-image: url(../images/sprite-2.png); background-repeat:  no-repeat; }

/*** FORMS ***/
label { display: inline-block; margin: 0.5em 0}
input[type=text],input[type=password],textarea, select{min-width:12.25em;*width:11.9em;  font-family: inherit;   font-size: inherit;  box-sizing: border-box;}
INPUT[type=text]:focus, INPUT[type=password]:focus {/*border:0; */  }
input[type="radio"] {margin: 0}

.form-box {border:1px solid #d6d5d5; border-radius: 2px; color: #666; /*height:18px ;*/min-height: 27px; margin-bottom: 0.75em; padding:0.25rem; width: 100%;}
	.form-box:focus {outline: none;    border-color: #c7c6c6;    box-shadow: 0 0 3px #c7c6c6;}
	textarea.form-box { min-height: 10rem }
.form-horizontal label { padding-right:1.5em; padding-top:0.25em;  text-align: right;}
.form-horizontal > div.col {/*margin: 0.5em auto 1em;*/ margin-top: 0.5em; margin-bottom: 0.25em}

	/** crea el check fantasma. Depende de una funcion js para controlar activo-no activo **/
	.checkbox-inline:before {  border: 1px solid #d4d4d5;  position: absolute;	    top: 0;	    left: 0;   width: 16px;  height: 16px;  content: ''; background-color: #fff;   border-radius: 2px; cursor: pointer; }
	.checkbox-inline.active:before { background-color:#399bff; background-position: 1px 1px; border: 1px solid #399bff }
	.checkbox-inline .fd-check { position: absolute;    top: 0;    left: 0;   z-index: -1; visibility: hidden;    outline: 0;}
	.checkbox-inline { position: relative; padding-left: 24px}

		/*** alert & error messages ***/
		.alert { border: 1px solid transparent;  border-radius: 2px;  width: 90%; margin: 0.5em auto 1.5em; box-shadow: 0 1px 1px rgba(60,60,60,0.2), 0 1px 2px rgba(200,200,200,0.1);   }
			.alert-success {background-color: #dff0d8;  border-color: #d6e9c6; border-color: rgba(60,118,61,0.25); color: #3c763d;   }
			.alert-warning {background-color: #fce6e2;  border-color: #e9d0d0; border-color: rgba(169,68,66,0.25); color: #a94442;   }
			.alert-header {font-family: 'Open Sans', sans-serif; font-size:1.3em; font-weight: 600; padding: 0.5rem 1em; }
			.alert-content { padding: 0.5em 1em }
				.alert-header .fd-icon { display: block; margin:auto; width: 64px; height: 64px }
		div.verror {color: #a94442;}
		input.verror, textarea.verror {/*background-color: #fce6e2; */ border-color: #e9d0d0; border-color: rgba(169,68,66,0.35);}
		.help-message {margin-top: 0.5em; display: block;}

/*** BOTONES (eliminar con lo nuevo)***/
.boton {border-radius: 2px; background: #399bff; border:1px solid #0077f1; color: #fff; cursor: pointer; display: inline-block; font-size: 0.925em;  /*min-height: 30px;*/
  line-height: 1.21875rem; margin: 0.25em 0.5em; min-width: 8em; padding: 0.25rem 1em; transition: all 0.2s ease; text-align: center; text-transform: uppercase; vertical-align: middle; box-shadow: 0 1px 1px rgba(25,25,25,0.25); }
	.boton:hover { background: #0077f1; }
	.boton-secondary { border-color: #b9b9b9; background-color: #e7e7e7; color: #444; }
		.boton-secondary:hover {background-color: #bfbfbf;}
	.big { font-size: 1.5em; padding: 0.5rem 1.75em;}



.bg-color-1 {
  background-color: #eeebe6;
  /*background-color: #f9f6f1;*/ }

/* gris claro */
.bg-color-4 {
  background-color: #32323c;
  color: #fff; }

.bg-color-2 {
  background-color: #399bff;
  color: #fff; }

/* azul */
.bg-color-3 {
  background-color: #fa9900; }

/* amarillo */
.bg-color-5 {
  background-color: #f1600f;
  color: #fff; }

.not_human {
  display: none; }
  .human-check {
  text-align: center; }
  .human-check .captcha-container {
    display: inline-block;
    margin: 0 auto; }

 /*** MAGIC LANDING***/
 /*
 #ml h1, #ml h2, #ml h3, #ml h4 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
	margin:0.75rem 0 1.5rem 0;}
#ml h1 {
  color: #f1600f;
  font-size: 2rem;
  font-weight: 400; }
#ml h2 {
  color: #f1600f;
  font-size: 1.7rem; }
#ml h3 {
  color: #32323c;
  font-size: 1.25rem;
  font-weight: 400; }
#ml h4 {
  color: #f1600f;
  font-size: 1.1rem;
  margin-bottom: 0.75rem }
#ml .bg-color-4 h1, #ml .bg-color-4 h2, #ml .bg-color-4 h3, #ml .bg-color-4 h4, #ml .bg-color-5 h1, #ml .bg-color-5 h2, #ml .bg-color-5 h3, #ml .bg-color-5 h4, #ml .bg-color-2 h1, #ml .bg-color-2 h2, #ml .bg-color-2 h3, #ml .bg-color-2 h4 {
  color: #fff; }
#ml .grid-padding div[class*='col'] {
  padding: 0.5em; }
#ml .product-widget {
  padding: 0.75rem 0.75rem 1.5rem; }
  #ml .product-widget .img-fluid {
    display: block;
    margin: 0.5rem auto 1rem;
    max-width: 90%; }
   #ml .product-widget.outline {
    border: 1px solid #d0d0d0;
    border-radius: 2px; }

.banner { height: 100%; position: relative; }
.banner .caption {
  padding: 0.5em 1em;
  position: absolute;
  color: #fff }
  .banner .caption.center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center; }
  .banner .caption.bottom-right {
    bottom: 1.21875rem;
    right: 1.21875rem;
    margin-left: 1.21875rem; }
  .banner .caption.top-right {
    top: 1.21875rem;
    right: 1.21875rem;
    margin-left: 1.21875rem; }
   .banner .caption.bottom-left {
    left: 1.21875rem;
    right: 1.21875rem;
    margin-right: 1.21875rem; }
  .banner .caption.top-left {
    top: 1.21875rem;
    left: 1.21875rem;
    margin-right: 1.21875rem; }
  .banner .caption.bottom {
    bottom: 0;
    left: 0;
    width: 100%; }
*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.icon-tooltip {
  border: 1px solid #0075ec;
  border-radius: 50%;
  background-color: #399bff;
  background-image: url(/fitnessdigital/images/sprite-hd.png);
  display: inline-block;
  margin-left: 0.25em;
  text-align: center;
transform: translateY(2px);
  width: 16px;
  height: 16px;
   }
  .icon-tooltip.info {
    background-position: -110px -502px; }
  .icon-tooltip.help {
    background-position: -125px -502px; }


.numeric-list li {
  display: list-item;
  list-style: decimal inside;
  position: relative; }
  .numeric-list li:before {
    position: absolute;
    top: 0;
    /*margin-top: -0.8rem;*/
    /*left: -0.625rem;
    color: #f1600f;
    font-size: 2rem;*/
    vertical-align: middle;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem; }
.numeric-list.styled {
  counter-reset: li;

  margin-left: .5em; }
  .numeric-list.styled li{
  	list-style:none;
  	margin-bottom: 0.5em;
  	padding-left: 2.25em;
   }
  .numeric-list.styled li:before {
    content: counter(li);
    counter-increment: li;
    font-size: .75em;
    color: #ffffff;
    background-color: #444;
    border-radius: 50%;
    text-align: center;
    left: 0
     }
.radio-pair + label {padding-left: 0.2em;  margin-right: 1.5em }




/*** GRID ***/
section { padding: 1em 0.25em}
	section > h2, section > h3 {margin-bottom: 1em }
[class*='col-'] {	box-sizing: border-box;  position: relative; /* column-space */}
.col {float: left; /*border: 1px solid #000*/}
/*.grid-pad .col{padding: 0.5em 1em}*/
.h-separation {border-bottom:1px solid #ececec; box-shadow: 0 1px 0px rgba(200,200,200,0.2);}/**/
/*.h-separation:after { display: block; content: " "; clear: both; width: 100%; height: 2px; background: #ececec; box-shadow: 0 1px 1px rgba(120,120,120,0.2); margin: 2px 0.5em}*/


.container { max-width: 990px; margin-left: auto; margin-right: auto}
/*@media screen and (min-width: 991px) {
	.container { max-width: 1170px; margin-left: auto; margin-right: auto}
}*/

/*** icons ***/
#icon-ok {fill:#3c763d;}
#icon-error {fill:#a94442;}



/* Content 8 Columns */
.clr { clear:both; display: block;}
.wrap {}
	.wrap:after, .wrap:before { clear: both;  content: " ";  /*display:table*/ display: block;   }

.col-8-8 {width: 100%;}
.col-7-8 {width: 83.333%;}
.col-6-8 {width: 75%;}
.col-5-8 {width: 66.666%;}
.col-4-8 {width: 50%;}
.col-3-8 {width: 33.333%;}
.col-2-8 {width: 25%;}
.col-1-8 {width: 16.667%;}

	.col-offset-1 { margin-left:16.667% }
	.col-offset-2 { margin-left:25%}
	.col-offset-3 {margin-left:33.333%}


.col-1-1 {	width: 100%;}
.col-2-3, .col-8-12 {	width: 66.66%;}
.col-1-2, .col-6-12 {	width: 50%;}
.col-1-3, .col-4-12 {	width: 33.33%;}
.col-1-4, .col-3-12 {	width: 25%;}
.col-1-5 {	width: 20%;}
.col-1-6, .col-2-12, .col-6-10 {	width: 16.667%;}
.col-1-7 {	width: 14.28%;}
.col-1-8 {	width: 12.5%;}
.col-1-9 {	width: 11.1%;}
.col-1-10 {	width: 10%;}
.col-1-11 {	width: 9.09%;}
.col-1-12 {	width: 8.33%}
/* Layout Columns */
.col-11-12 {width: 91.66%}
.col-10-12 {width: 83.333%;}
.col-9-12 {	width: 75%;}
.col-5-12 {	width: 41.66%;}
.col-7-12 {	width: 58.33%}
.col-9-10 { width: 90%}


@media handheld, only screen and (max-width: 767px) {
	.grid-pad .col{padding: 0.2em 0.5em}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 0; /* column-space */
	}
	[class^='col-offset'] {		margin-left: 0	}

	/* tablet Layout */
	[class*='tb-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.tb-col-8-8 {width: 100%;}
	.tb-col-7-8 {width: 83.333%;}
	.tb-col-6-8 {width: 75%;}
	.tb-col-5-8 {width: 66.666%;}
	.tb-col-4-8 {width: 50%;}
	.tb-col-3-8 {width: 33.333%;}
	.tb-col-2-8 {width: 25%;}
	.tb-col-1-8 {width: 16.667%;}
		.tb-col-offset-1 { margin-left:16.667% }
		.tb-col-offset-2 { margin-left:25%}
		.tb-col-offset-3 {margin-left:33.333%}

.form-horizontal label.col {margin: 0}
.form-horizontal label { text-align: left;}
}

@media handheld, only screen and (max-width: 545px) {
	[class*='tb-col-'] { float: none; width: auto}
	[class*='mb-col-'] { float: left; }
	[class^='tb-col-offset'] {	margin-left: 0	}

	/* tablet Layout - 8 Columns */
	.mb-col-4-4 {width: 100%;}
	.mb-col-3-4 {width: 75%;}
	.mb-col-2-4 {width: 50%;}
	.mb-col-1-4 {width: 25%;}
}



