/* =====  CSS reset  ===== */

/* =====  espacios en blanco en inline-block. Ponerlo en el padre  ===== */
.flexbox {
    /* BROWSER DEFINITION */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */

    /* W3C DEFINITION */
    display: flex;
    display: inline-flex;
}


/* =====  CSS reset  ===== */
.relative, .relat 	{position:relative}
.absolute, .absol 	{position:absolute}

/* errores y notificaciones */
/*
.alert 			{padding: 15px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px;}
.alert-success 	{color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); }
.alert-info 	{color: rgb(58, 135, 173); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); }
.alert-warning 	{color: rgb(192, 152, 83); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); }
.alert-danger 	{color: rgb(185, 74, 72); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); }

.close {float: right; font-size: 19px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: 0 1px 0 rgb(255, 255, 255); opacity: .2; filter: alpha(opacity=20); }
button.close {padding: 0; cursor: pointer; background: rgba(0, 0, 0, 0); border: 0; -webkit-appearance: none; }
.alert-dismissable .close {position: relative; top: -2px; right: -21px; color: inherit; }
*/

/* borders */
.noborder,
.b0 	{border:0}
.b1 	{border-width:1px; border-style:solid}
.b2 	{border-width:2px; border-style:solid}
.b3 	{border-width:3px; border-style:solid}
.b4 	{border-width:4px; border-style:solid}
.b5 	{border-width:5px; border-style:solid}
.b10 	{border-width:10px; border-style:solid}

.bt	{border-left:0; border-right:0; border-bottom:0}
.bl	{border-top:0; border-right:0; border-bottom:0}
.br	{border-top:0; border-left:0; border-bottom:0}
.bb	{border-top:0; border-left:0; border-right:0}

.bt0	{border-top:0}
.br0	{border-right:0}
.bb0	{border-bottom:0}
.bl0	{border-left:0}

.bt5 	{border-top:5px solid;}

.bgray		{border-color:gray}
.bred		{border-color:red}
.bgreen		{border-color:green}
.borange	{border-color:orange}
.byellow	{border-color:yellow}
.bblue		{border-color:blue}
.bpink		{border-color:pink}

.bwhite, .bblanco, .bFFF	{border-color:#FFF}
.bgrisE, .bgrayE, .bEEE		{border-color:#EEE}
.bgrisD, .bgrayD, .bDDD		{border-color:#DDD}
.bgrisC, .bgrayC, .bCCC		{border-color:#CCC}

.separador {border-bottom:1px solid; margin:0 0 10px}

/* color */
.corange					{color:orange}
.cyellow					{color:yellow}
.ctransparent, .ctr, cnone	{color:transparent}
.cwhite, .cblanco, .cFFF	{color:#FFF}
.cgrisE, .cgrayE, .cEEE		{color:#EEE}
.cgrisD, .cgrayD, .cDDD		{color:#DDD}
.cgrisC, .cgrayC, .cCCC		{color:#CCC}
.cgrisB, .cgrayB, .cBBB		{color:#BBB}
.cgrisA, .cgrayA, .cAAA		{color:#AAA}
.cgris5, .cgray5, .c555		{color:#555}
.cgris7, .cgray7, .c777		{color:#777}
.cinherit					{color:inherit !important}

/* background-colors */
.bgblanco, .bgwhite, .bgFFF	{background-color:#FFF}
.bggrisFA, .bggrayFA, .bgFA	{background-color:#FAFAFA}
.bggrisE, .bggrayE, .bgEEE	{background-color:#EEE}
.bggrisD, .bggrayD, .bgDDD	{background-color:#DDD}
.bggrisC, .bggrayC, .bgCCC	{background-color:#CCC}
.bgnone, .bgtr				{background-color:none}
.bgpink 					{background-color:pink}
.bgyellow					{background-color:yellow}
.bgorange					{background-color:orange}
.bgcyan						{background-color:cyan}

/* opacity */
.o01 	{opacity:0.1}
.o03 	{opacity:0.3}
.o05 	{opacity:0.5}
.o1 	{opacity:1}

.err {color:#FF0000;}
.doc {display:block; overflow:hidden; clear:none}
.dob {display:block; overflow:hidden; clear:both}
.ovv {overflow:visible !important;}

.dn		{display:none !important}
.dnw	{display:none !important} /* para versión web */
.db		{display:block}
.ov		{overflow:visible}
.oh		{overflow:hidden}

/* floats y clears */
.fl-izq, .fi 			{float:left}
.fl-der, .fd 			{float:right}
.fl-non, .fl-none, .fn 	{float:none}
.clr, .fix 				{clear:both}
.cn, .cln 				{clear:none}

/* fonts */
.fs20	{font-size:2.0em}
.fs15	{font-size:1.50em}
.fs12	{font-size:1.20em}
.fs115	{font-size:1.15em}
.fs11	{font-size:1.10em}
.fs10	{font-size:1.00em}
.fs09	{font-size:.90em}
.fs085	{font-size:.85em}
.fs08	{font-size:.80em}
.fs075	{font-size:.75em}
.fs07	{font-size:.70em}

.lh11 	{line-height:1.1em}
.lh115 	{line-height:1.15em}
.lh12 	{line-height:1.2em}
.lh2 	{line-height:2em}

.fwl			{font-weight:lighter}
.fw100, .fw1	{font-weight:100}
.fw200, .fw2	{font-weight:200}
.fw300, .fw3	{font-weight:300}
.fw400, .fw4	{font-weight:400}
.fw500, .fw5	{font-weight:500}
.fw600, .fw6	{font-weight:600}
.fw700, .fw7	{font-weight:700}
.fw800, .fw8	{font-weight:800}
.fw900, .fw9	{font-weight:900}

.normal  {font-weight:normal}
.negrita {font-weight:bolder}
.cursiva {font-style:italic}

.lsinherit	{letter-spacing:inherit !important}

/* wrap */
.nowrap		{white-space:nowrap}
.nowrap-no	{white-space:inherit}

/* alineaciones */
.txt-izq, .txti, .ti	{text-align:left}
.txt-cen, .txtc, .tc	{text-align:center}
.txt-der, .txtd, .td	{text-align:right}
.vat					{vertical-align:top}
.vab					{vertical-align:bottom}
.vam					{vertical-align:middle}

/* widths */
.w25		{width:25%}
.w33		{width:33%}
.w3333		{width:33.33%}
.w50		{width:50%}
.w66		{width:66%}
.w6666		{width:66.66%}
.w75		{width:75%}
.w100		{width:100%}
.wauto		{width:auto}

/* margins */
.m0auto, .m0-auto 	{margin:0 auto}
.m5auto, .m5-auto 	{margin:5px auto}
.m10auto, .m10-auto	{margin:10px auto}

.m0 		{margin:0}
.m1 		{margin:1px;}
.m2 		{margin:2px;}
.m3 		{margin:3px;}
.m4 		{margin:4px;}
.m5 		{margin:5px;}
.m0-5 		{margin:0 5px;}

.m10 		{margin:10px;}
.m0-10 		{margin:0 10px;}
.m10-0 		{margin:10px 0;}
.m10-0-0 	{margin:10px 0 0;}
.m0-0-10 	{margin:0 0 10px;}

.m15 		{margin:15px;}
.m20 		{margin:20px;}
.m25 		{margin:25px;}
.m30 		{margin:30px;}
.m40 		{margin:40px;}
.m50 		{margin:50px;}

.ml0	{margin-left:0px }
.mr0	{margin-right:0px }
.mt0	{margin-top:0px }
.mb0	{margin-bottom:0px }

.ml1	{margin-left:1px }
.mr1	{margin-right:1px }
.mt1	{margin-top:1px }
.mb1	{margin-bottom:1px }

.ml2	{margin-left:2px }
.mr2	{margin-right:2px }
.mt2	{margin-top:2px }
.mb2	{margin-bottom:2px }

.ml3	{margin-left:3px }
.mr3	{margin-right:3px }
.mt3	{margin-top:3px }
.mb3	{margin-bottom:3px }

.ml4	{margin-left:4px }
.mr4	{margin-right:4px }
.mt4	{margin-top:4px }
.mb4	{margin-bottom:4px }

.ml5	{margin-left:5px }
.mr5	{margin-right:5px }
.mt5	{margin-top:5px }
.mb5	{margin-bottom:5px }

.ml10	{margin-left:10px}
.mr10	{margin-right:10px}
.mt10	{margin-top:10px}
.mb10	{margin-bottom:10px}

/* paddings */
.p0 		{padding:0}
.p1 		{padding:1px;}
.p2 		{padding:2px;}
.p3 		{padding:3px;}
.p4 		{padding:4px;}
.p5 		{padding:5px;}
.p0-5 		{padding:0 5px;}

.p10 		{padding:10px;}
.p0-10 		{padding:0 10px;}
.p10-0 		{padding:10px 0;}
.p10-0-0 	{padding:10px 0 0;}
.p0-0-10 	{padding:0 0 10px;}
.p5-10 		{padding:5px 10px;}
.p10-5 		{padding:10px 5px;}

.p15 		{padding:15px;}
.p20 		{padding:20px;}
.p25 		{padding:25px;}
.p30 		{padding:30px;}
.p40 		{padding:40px;}
.p50 		{padding:50px;}

.pl0	{padding-left:0px }
.pr0	{padding-right:0px }
.pt0	{padding-top:0px }
.pb0	{padding-bottom:0px }

.pl1	{padding-left:1px }
.pr1	{padding-right:1px }
.pt1	{padding-top:1px }
.pb1	{padding-bottom:1px }

.pl2	{padding-left:2px }
.pr2	{padding-right:2px }
.pt2	{padding-top:2px }
.pb2	{padding-bottom:2px }

.pl3	{padding-left:3px }
.pr3	{padding-right:3px }
.pt3	{padding-top:3px }
.pb3	{padding-bottom:3px }

.pl4	{padding-left:4px }
.pr4	{padding-right:4px }
.pt4	{padding-top:4px }
.pb4	{padding-bottom:4px }

.pl5	{padding-left:5px }
.pr5	{padding-right:5px }
.pt5	{padding-top:5px }
.pb5	{padding-bottom:5px }

.pl10	{padding-left:10px }
.pr10	{padding-right:10px }
.pt10	{padding-top:10px }
.pb10	{padding-bottom:10px }

.pl20	{padding-left:20px }
.pr20	{padding-right:20px }
.pt20	{padding-top:20px }
.pb20	{padding-bottom:20px }

/* posiciones */
.top5	{top:5px}
.top-5	{top:-5px}
.top10	{top:10px}
.top-10	{top:-10px}

.right5		{right:5px}
.right-5	{right:-5px}
.right10	{right:10px}
.right-10	{right:-10px}

.bottom5	{bottom:5px}
.bottom-5	{bottom:-5px}
.bottom10	{bottom:10px}
.bottom-10	{bottom:-10px}

.left5		{left:5px}
.left-5		{left:-5px}
.left10		{left:10px}
.left-10	{left:-10px}

/* border-radius */
.r02		{border-radius:2px ;}
.r03		{border-radius:3px ;}
.r05		{border-radius:5px ;}
.r10		{border-radius:10px ;}
.r50		{border-radius:50px ;}
.r100		{border-radius:100px ;}

.rt0		{border-top-left-radius:0;}
.rr0		{border-top-right-radius:0;}
.rb0		{border-bottom-right-radius:0}
.rl0		{border-bottom-left-radius:0}

/* box-shadow */
.bs0-1-0-01		{box-shadow: 0px 1px 0 rgba(0,0,0,0.1)}
.bs0-1-0-03		{box-shadow: 0px 1px 0 rgba(0,0,0,0.3)}
.bs0-1-0-05		{box-shadow: 0px 1px 0 rgba(0,0,0,0.5)}
.bs0-1-0-07		{box-shadow: 0px 1px 0 rgba(0,0,0,0.7)}

.bs0-0-10-01	{box-shadow: 0px 0 10px rgba(0,0,0,0.1)}
.bs0-0-10-03	{box-shadow: 0px 0 10px rgba(0,0,0,0.3)}
.bs0-0-10-05	{box-shadow: 0px 0 10px rgba(0,0,0,0.5)}
.bs0-0-10-07	{box-shadow: 0px 0 10px rgba(0,0,0,0.7)}

.bs0-0-20-01	{box-shadow: 0px 0 20px rgba(0,0,0,0.1)}
.bs0-0-20-03	{box-shadow: 0px 0 20px rgba(0,0,0,0.3)}
.bs0-0-20-05	{box-shadow: 0px 0 20px rgba(0,0,0,0.5)}
.bs0-0-20-07	{box-shadow: 0px 0 20px rgba(0,0,0,0.7)}

.bs0-0-30-01	{box-shadow: 0px 0 30px rgba(0,0,0,0.1)}
.bs0-0-30-03	{box-shadow: 0px 0 30px rgba(0,0,0,0.3)}
.bs0-0-30-05	{box-shadow: 0px 0 30px rgba(0,0,0,0.5)}
.bs0-0-30-07	{box-shadow: 0px 0 30px rgba(0,0,0,0.7)}

.bs0-1-1-01		{box-shadow: 0px 1px 1px rgba(0,0,0,0.1)}
.bs0-1-1-03		{box-shadow: 0px 1px 1px rgba(0,0,0,0.3)}
.bs0-1-1-05		{box-shadow: 0px 1px 1px rgba(0,0,0,0.5)}
.bs0-1-1-07		{box-shadow: 0px 1px 1px rgba(0,0,0,0.7)}

/* transitions */
.tr02s 	{transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
.tr1s	{transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}

/* rotate */
.rot45 {transform : rotate(45deg); -moz-transform : rotate(45deg); -webkit-transform : rotate(45deg); -o-transform : rotate(45deg); }

/* cursors */
.pointer {cursor:pointer}

/* collums */
.columnas2 	{columns:auto 2; -webkit-columns:auto 2; -moz-columns:auto 2;}
.columnas3 	{columns:auto 3; -webkit-columns:auto 3; -moz-columns:auto 3;}
.columnas2, .columnas3 {column-gap:40px; -moz-column-gap:40px; -webkit-column-gap:40px;}