/**
 *@author: Marcelo Salar
 *@empresa: renji.com.ar
 *@web: renji.com.ar
 *@data: Framework .1
 **/
 html , body { position: relative; width: 100%; height: 100%; overflow: initial; font-family: 'Lato';}

 	.position-relative 		{position:relative}
	.position-absolute 		{position:absolute}
	.position-fixed    		{position:fixed}
	.position-static 		{position: static;}

	.float-left 	   		{float:left}
	.float-right			{float:right}
	.clear-both 			{clear: both;}
	.text-align-center 		{text-align:center} 
	.text-align-right  		{text-align:right}
	.text-align-left   		{text-align:left}

	.display-block 			{display:block}
	.display-inline 		{display:inline-block;}
	.display-none 			{display:none}
	.display-table 			{display:table}
	.display-table-cell 	{display:table-cell}
	.display-table-row 		{display:table-row}

	.vertical-align-middle 	{vertical-align: middle}
	.margin-0-auto 			{margin:0 auto}

	.text-align-center  	{text-align:center}
	.text-align-left    	{text-align:left}
	.text-align-right 		{text-align:right}

	.overflow-hidden		{overflow:hidden}
	.cursor-pointer 		{cursor: pointer;}
/*********************FUENTES*************************/
	.font-weight-normal       {font-weight: normal}
	.font-weight-bold         {font-weight: bold}
	.font-weight-bolder       {font-weight: bolder}
/*********************COLORES*************************/
	.color-black			{color: #000}
	.color-white			{color: #fff}
	.color-colorado         {color:#b51e1e}

	.background-size-100    {background-size: 100%}

/* ·························    General del site      ························································· */
/* ············································································································ */
*, *:after, *:before 					{-o-box-sizing: border-box;-ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after 		{content: " "; display: table; }
.clearfix:after 						{clear: both; }

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 									{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: top; }
article, aside, details, figcaption, 
figure, footer, header, hgroup, 
menu, nav, section 						{display: block; }
blockquote, q 							{quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after 						{content: ""; content: none; }
.clearfix:before, .clearfix:after 		{content: ""; display: table; }
.clearfix:after 						{clear: both; }
.clearfix 								{zoom: 1; }

/*--------------------- Fuente del cuerpo--------------------*/
@import url(https://fonts.googleapis.com/css?family=Lato);

.Lato                                   {font-family: 'Lato';}
.FuturaBold                             {font-family: futuraBold;}
.futura                              	{font-family: futuraICG}
.PermanentMarker 						{font-family: 'Permanent Marker', cursive;}

ul {list-style: none;}
 *										{margin:0; padding:0; font-size:10px;color:#000000;-webkit-font-smoothing: subpixel-antialiased !important;  font-smoothing: subpixel-antialiased !important;  -moz-font-smoothing: subpixel-antialiased !important;}


/* ·························    Optimizadores prefedifinidos      ············································· */
/* ············································································································ */
    /* flotantes */
.floatLeft								{float:left;}
.floatRight								{float:right;}
.clearBoth								{clear:both;}
    
    /* posiciones */
.positionAbsolute,.positionabsolute		{position:absolute;}
.positionRelative						{position:relative;}
.positionFixed							{position:fixed;}
.margin0Auto, .margin0auto				{margin:0 auto;}
.overflowHidden							{overflow:hidden;}
.zIndex-1								{z-index:-1 !important;}
    /* textos */
.font-weight-bold						{font-weight:bold}
.font-weight-normal						{font-weight: normal}
.mayuscula								{text-transform:uppercase;}
.text-align-center, .textAlignCenter	{text-align:center}
.text-align-justify 					{text-align: justify}
.text-align-left						{text-align: left}
.text-align-right						{text-align: right}
.font-weight-bold						{font-weight:bold}

    /* cursores */
.cursorPointer, .cursor 				{cursor:pointer;}
.oculto, .escondido						{display:none;}


.h100									{height:100%;}
.noBorde,.borderNone					{border:none !important;}
     /* igualdad de inputs */
input[type=text], select, textarea 		{}
    /* links */
a 										{text-decoration:none !important;}
a:hover									{}

.boxSizing {box-sizing: border-box; }

/* Tam */

.w10		{width: 10%}

.w20		{width: 20%}
.w30		{width: 30%}
.w40		{width: 40%}
.w50		{width: 50%}
.w60		{width: 60%}
.w70		{width: 70%}
.w80		{width: 80%}
.w90     	{width: 90%}
.w100 		{width: 100%}
.w5  		{width: 5%}
.w15		{width: 15%}
.w25		{width: 25%}
.w33		{width: 33%}
.w35		{width: 35%}
.w45		{width: 45%}
.w55		{width: 55%}
.w65		{width: 65%}
.w75		{width: 75%}
.w85		{width: 85%}
.w95     	{width: 95%}

/*nuevo*/
/*margenes top*/
.marginTop5Px	 	{margin-top: 5px;}
.marginTop10Px	{margin-top: 10px;}
.marginTop15Px	{margin-top: 15px;}
.marginTop20Px	{margin-top: 20px;}
.marginTop25Px	{margin-top: 25px;}
.marginTop30Px	{margin-top: 30px;}
.marginTop35Px	{margin-top: 35px;}
.marginTop40Px	{margin-top: 40px;}
.marginTop45Px	{margin-top: 45px;}
.marginTop50Px	{margin-top: 50px;}
/*margin bottom*/
.marginBottom5Px	{margin-bottom: 5px;}
.marginBottom10Px	{margin-bottom: 10px;}
.marginBottom15Px	{margin-bottom: 15px;}
.marginBottom20Px	{margin-bottom: 20px;}
.marginBottom25Px	{margin-bottom: 25px;}
.marginBottom30Px	{margin-bottom: 30px;}
.marginBottom35Px	{margin-bottom: 35px;}
.marginBottom40Px	{margin-bottom: 40px;}
.marginBottom45Px	{margin-bottom: 45px;}
.marginBottom50Px	{margin-bottom: 50px;}

/*tamaño funetes*/
.fontSize10Px			 	{font-size: 10px;}
.fontSize11Px				{font-size: 11px;}
.fontSize12Px			 	{font-size: 12px;}
.fontSize13Px			 	{font-size: 13px;}
.fontSize14Px			 	{font-size: 14px;}
.fontSize15Px			 	{font-size: 15px;}
.fontSize16Px			 	{font-size: 16px;}
.fontSize17Px			 	{font-size: 17px;}
.fontSize18Px			 	{font-size: 18px;}
.fontSize19Px			 	{font-size: 19px;}
.fontSize20Px 			{font-size: 20px;}
.fontSize21Px {font-size: 21px;}
.fontSize22Px {font-size: 22px;}
.fontSize23Px {font-size: 23px;}
.fontSize24Px {font-size: 24px;}
.fontSize25Px {font-size: 25px;}
.fontSize26Px {font-size: 26px;}
.fontSize38Px {font-size: 38px;}
.fontSize50Px {font-size: 50px;}
.fontSize55Px {font-size: 55px;}
.fontSize60Px {font-size: 60px;}


.paddingLeft20{padding-left: 20%;}
.paddingRight20{padding-right: 20%;}
.paddingTop1{padding-top: 1%;}
.paddingLeft10{padding-left: 10%;}

.fontWeightNormal {font-weight: normal}

/**/