/* CSS basic add-on rules BOI CONSULTING INTERNET */

/* alineamiento y posicionamiento
-------------------------------------------------------------- */
.aligncenter	{text-align:center}
.alignleft 		{text-align:left}
.alignright 	{text-align:right}
.justify{text-align:justify}

.valigntop		{vertical-align:top}
.valignmiddle	{vertical-align:middle;}

.bold, strong	{font-weight:700}
.normal			{font-weight:normal !important}


.left 			{float:left}
.right 			{float:right}

.hidden, .oculto 		{display:none}

.clearonly{clear:both}
.clear{clear:both;display:block;font-size:1px;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.block{display:block}
.inline 		{display:inline!important}

.relative 		{position:relative}
.absolute 	{position:absolute}

/* anchos
-------------------------------------------------------------- */
.float-width .w25,
.float-width .w33,
.float-width .w40,
.float-width .w50,
.float-width .w60,
.float-width .w66,
.float-width .w75 {float:left;}
.w25 {width:24.5%}
.w33 {width:33%}
.w40 {width:39.5%}
.w50 {width:49.5%}
.w60 {width:59.5%}
.w66 {width:66%}
.w75 {width:74.5%}
.w100{width:100%}
/* Colores
-------------------------------------------------------------- */
.clr-blanco, .clr-white {color:#FFF;}

/* Fondos
---------------------------------------------------------------*/
.bgnone {background:none}

/* paddings
-------------------------------------------------------------- */
.padtopbot{padding-top:10px;padding-bottom:10px;}

.pad0 		{padding:0px!important}
.pad5 		{padding:5px!important}
.pad10 		{padding:10px!important}
.pad15		{padding:15px!important}
.pad20		{padding:20px!important}
.pad30		{padding:30px!important}

.padbot0 		{padding-bottom:0px!important}
.padbot5 		{padding-bottom:5px!important}
.padbot10 		{padding-bottom:10px!important}
.padbot15		{padding-bottom:15px!important}
.padbot20		{padding-bottom:20px!important}
.padbot30		{padding-bottom:30px!important}

.padtop5 	{padding-top:5px!important}
.padtop10 	{padding-top:10px!important}
.padtop15 	{padding-top:15px!important}
.padtop20 	{padding-top:20px!important}
.padtop30 	{padding-top:30px!important}

.padleft5 	{padding-left:5px!important}
.padleft10 	{padding-left:10px!important}
.padleft15 	{padding-left:15px!important}
.padleft20 	{padding-left:20px!important}
.padleft30 	{padding-left:30px!important}

.padright5 	{padding-right:5px!important}
.padright10 {padding-right:10px!important}
.padright15 {padding-right:15px!important}
.padright20 {padding-right:20px!important}
.padright30 {padding-right:30px!important}

/* margin
---------------------------------------------------------------*/
.mar0 		{margin:0px!important}
.mar5 		{margin:5px!important}
.mar10 		{margin:10px!important}
.mar15		{margin:15px!important}
.mar20		{margin:20px!important}
.mar30		{margin:30px!important}

.martop5 	{margin-top:5px!important}
.martop10 	{margin-top:10px!important}
.martop15 	{margin-top:15px!important}
.martop20 	{margin-top:20px!important}
.martop30 	{margin-top:30px!important}

.marleft5 	{margin-left:5px!important}
.marleft10 	{margin-left:10px!important}
.marleft15 	{margin-left:15px!important}
.marleft20 	{margin-left:20px!important}
.marleft30 	{margin-left:30px!important}

.marright5 	{margin-right:5px!important}
.marright10	{margin-right:10px!important}
.marright15	{margin-right:15px!important}
.marright20	{margin-right:20px!important}
.marright30	{margin-right:30px!important}


/* tamanyos
-------------------------------------------------------------- */
.size10 	{font-size:10px;line-height:13px}
.size11 	{font-size:11px}
.size12 	{font-size:12px}
.size13 	{font-size:13px}
.size14 	{font-size:14px}
.size20		{font-size:20px}

/* listas
-------------------------------------------------------------- */
ul.inline li {display:inline}

/* position 
---------------------------------------------------------------*/