@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*{box-sizing: border-box}

HTML 		{min-height: 100%; position: relative;}

/*Estilos Móvil*/
@media (max-width: 599px) {
	BODY		{font-family: 'Open Sans', sans-serif; margin: 0px; margin-bottom:120px; }
	.cssFondoDisclaimer			{margin-top:10px; width:100%; padding:10px; background-image:url('../img/fondo_disclaimer.png'); background-repeat:repeat-y; background-size:100% 100%;}
	.cssCuadroDisclaimer		{margin:15px 15px; font-size:16px; line-height:18px; color:#333333; }
	.cssBotoneraDisclaimer		{height:40px; margin-top:10px; }
	
	.cssTextoHeaderFolio		{font-weight:bold; font-size:21px; color:#2F4581; text-transform:uppercase; text-align:center; }
	.cssTextoHeaderFolio span	{color:#4D4D4D; }
	.cssLogoHome				{float:right; clear:right; }
	.cssFondoNoFolio			{margin-bottom:5px; padding-top:15px; position:relative; width:100%; }
	.cssFondoNoFolio img			{width:100%; }
	.cssCuadroNoFolio			{position:absolute; top:70px; left:20px; text-align:left; }
	.cssFondoNoFolio .cssTexto	{font-weight:bold; color:#FFEE2D; }
	.cssBotonNoFolioI			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center; float:left;
								-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; padding: 0px 15px; margin: 0px 14px; }
	.cssBotonNoFolioI:hover		{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonNoFolioD			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center; float:right;
								-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; padding: 0px 15px; margin: 0px 14px; clear:right; }
	.cssBotonNoFolioD:hover		{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	
	.cssTextoHeaderFolio		{font-weight:bold; font-size:18px; color:#2F4581; }
	.cssTextoHeaderFolio span	{font-weight:bold; font-size:18px; color:#4D4D4D; }
	.cssLogoHome				{}
	
	.cssFondoLogin			{background-image:url('../img/background.jpg'); background-repeat:no-repeat; background-size:cover; }
	.cssContenedorLogin		{margin-top:10%; background-color:#FFF; width:440px; height:400px; border-radius:10px; padding-top:40px; }
	.cssContenedorLogin p	{color:#64ADFC; margin-bottom:15px; font-size:24px; font-weight:bold; }
	.cssInputLogin .text		{width:300px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#B3B3B3; border-radius:5px; padding-left:5px; margin-bottom:15px; background-color:#FFF; }
	.cssBotoneraLogin		{margin-top:5px; }

	.cssContenedor			{width:100%; margin:auto; margin-bottom:0px;}
	.cssHeader				{margin:14px 10px 0px 10px; }
	.cssLogoHeader			{float:left; }
	.cssLogoHeader img		{width:90%; }
	.cssTituloHeader 		{float:right; width:385px; height:50px; background-color:#2B4197; font-weight:bold; font-size: 36px; color:#FFF; display: inline-block; text-align: right; padding-right: 50px; }
	.cssTextoHeader			{font-style: italic; font-size: 18px; line-height: 30px; color:#2B4197; clear:both; padding:15px 0px; }
	.cssBotoneraHeader		{float:right; }
	.cssBotonHeader			{width:60px; height:36px; background-color: #F2F2F2; border: solid 1px #B3B3B3; font-size: 10px; color: #4D4D4D; text-align: center; 
							float: right; margin-left:10px; padding: 2px 0px; line-height:9px; }
	.cssBotonHeader:hover	{background-color: #FFF; cursor:pointer; }
	.cssHeaderUser			{font-size:18px; color:#333; text-align:center; }
	.cssHeaderUser a			{font-size:14px; color:#11159A; }
	.cssHeaderUser a:hover	{color:#64ADFC; }

	.cssFondoFolio			{margin-bottom:15px; padding-top:15px; position:relative; width:100%;}
	.cssCuadroFolio			{position:absolute; text-align:left; top:90px; left:40px; }
	.cssFondoFolio div		{font-weight:bold; font-size:18px; color:#FFFFFF; line-height:24px; }
	.cssFondoFolio .cssFolio	{font-family:Open Sans; font-size:36px; line-height:15px; color:#FFEE2D; line-height:44px; }
	.cssBotoneraFolio		{margin-top:10px; margin-bottom:10px; clear:both; height:50px; }
	.cssBotoneraAdmin		{margin-top:5px;}

	.cssTituloBarra			{text-align:center; height:35px; width:100%; background-color:#2B4197; font-weight:bold; font-size:24px; line-height: 15px; 
							color:#FFF; clear:both; margin-top:5px; display: inline-block; padding-top: 9px; }
	.cssContenedorGris		{width:100%; background-color: #EFF1F6; }
	.cssFormularioGris		{background-color: #EFF1F6; padding:15px 70px 0px 70px; width:1280px; margin:auto; }
	.cssFormularioBlanco	{background-color: #FFF; padding:0px 10px 0px 10px; }
	.cssTitulo				{font-weight:bold; font-size:24px; line-height:27px; color:#2B4197; text-transform:uppercase; margin-bottom:15px; }
	.cssTituloAdmin			{font-size:32px; color:#1E418F; margin-bottom:15px; padding-top:15px; }
	.cssSubTitulo			{font-size:18px; color:#0071BC; font-weight:bold; margin-top:-5px; margin-bottom:15px; text-transform:uppercase; }

	.cssFolioPreguntas			{color:#333; font-size:16px; line-height:22px; }
	.cssFolioPreguntas span		{color:#009245; font-size:16px; }
	.cssTextoHeadPreguntas		{font-size:14px; line-height:22px; color:#333; }
	.cssBarraPreguntas			{background-color:#0071BC; color:#FFF; font-size:21px; text-transform:uppercase; margin:15px 0px; padding:0px 10px; height:30px; font-weight:bold; }
	.cssBloquePregunta			{margin-bottom:35px; }
	.cssBloqueRespuesta			{margin-bottom:35px; }
	.cssIconoPregunta			{padding-right:16px; }
	.cssIconoEscribir			{padding:10px 15px 10px 46px; background-color:#E6E6E6; }
	.cssIconoResponder			{padding:10px 15px 10px 46px; background-color:#EAEDF7; }
	.cssIconoEscribir div		{background-color:#FFF; width:40px; height:40px; border:solid 1px #CCC; padding-top:5px; padding-left:8px; }
	.cssIconoResponder div		{background-color:#FFF; width:40px; height:40px; border:solid 1px #CCC; padding-top:8px; padding-left:8px; }
	.cssIconoEscribir div:hover,
	.cssIconoResponder div:hover 	{background-color:#F7DC00; cursor:pointer; }
	.cssTextoPregunta			{font-size:14px; line-height:22px; background-color:#E6E6E6; width:800px; padding: 10px 20px; color:#333; }
	.cssTextoRespuesta			{font-size:14px; line-height:22px; background-color:#EAEDF7; width:800px; color:#0071BC; text-align:left; padding: 10px 20px; }

	.cssFiltros				{background-color: #EFF1F6; }
	.cssSeparadorFiltros 	{line-height:10px; }
	.cssBarraFiltros		{background-color: #D5DAEC; height:2px; }

	.cssFormBordeIzq			{border-left:solid 2px #FFF; }
	.cssLabel					{font-size:14px; color: #2B4197; }
	.cssSeparadorCol			{width:46px; }
	.cssSeparadorFila			{line-height:5px; height:10px; }
	.cssInput select				{width:250px; height:32px; border-color:#B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; margin-bottom:5px; background-color:#FFF; }
	.cssInput .text				{width:250px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; background-color:#FFF; }
	.cssInput .radio				{width:18px; border:solid 1px #B3B3B3;}
	.cssInput .textAuxiliar		{width:170px; height:24px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssInput .hrs				{width:206px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssInput .folio				{width:120px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssInput input.cssRequerido	{border:solid 1px #C1272D; }
	.cssInput div.cssRequerido	{color:#C1272D; font-size:11px; margin-bottom:5px; line-height:1px; }
	.cssInput  span				{font-size:14px;; color:#333;}
	.cssInput label				{font-size:14px; margin-bottom:5px; }
	.cssInput textarea			{width:840px; height:250px; border-color:#B3B3B3; font-size:14px; line-height: 27px; color:#333333; padding:0px 5px; }
	.cssInputThin input			{width:116px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssSeparadorColThin		{width:36px; }

	.cssTituloDivMin		{padding-left:5px; height:24px; background-color:#7388C0; font-size:15px; color:#FFF; margin-bottom:10px; }
	.cssTituloDivMax		{padding-left:5px; height:24px; background-color:#FFDD00; font-size:15px; color:#4D4D4D; font-weight:bold; text-transform:uppercase; }

	.fecha					{background:url("../img/i_calendario.png") no-repeat right top; background-position: 95% 4px; }

	.cssAcordeon			{height:28px; border-radius:5px; background-color:#FFDD00; font-size:15px; color:#4D4D4D; font-weight:bold; text-transform:uppercase; 
							text-align: center; padding-top:4px; cursor:pointer; }
	.cssOpenClose			{float:right; font-size:15px; color:#4D4D4D; font-weight:bold; margin-right:10px; margin-top:2px; }

	.cssNotaDivMax			{background-color:#FFFAE9; font-style:italic; font-size:18px; line-height:36px; color:#0071BC; padding: 5px 0px 5px 15px; }

	.cssBoton				{background-color:#64ADFC; width:130px; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center;
							-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; }
	.cssBoton:hover			{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonFolio			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center;
							-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; padding: 0px 15px; margin: 0px 14px; }
	.cssBotonFolio:hover	{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonAdmin			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center;
							-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; margin-left:10px; }
	.cssBotonAdmin:hover	{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonAdmin img		{margin-bottom:4px; }

	.cssDescripcion			{font-size:12px; line-height:27px; color:#333333; }

	.cssResumenPaginador		{font-size:12px; line-height:15px; color:#808080; margin-top:20px; margin-bottom:3px; }
	.cssTablaReporte			{border-bottom:solid 2px #D5DAEC; margin-bottom:15px; }
	.cssTablaReporte th			{height:40px; background-color:#11159A; font-weight:bold; font-size:16px; color:#FFFFFF; }
	.cssTablaReporte td			{font-size:14px; line-height:15px; color:#333333; text-align:center; }
	.cssTablaReporte td a			{color:#11159A; }
	.cssTablaReporte td a:hover	{color:#64ADFC; }
	.cssThLeft					{border-left:solid 1px #B3B3B3; }
	.cssPar:hover				{background-color:#D0D7EB; }
	.cssImpar					{background-color:#EFF1F6; }
	.cssImpar:hover				{background-color:#D0D7EB; }
	.cssBotonReporte			{width:60px; height:36px; background-color: #F2F2F2; border: solid 1px #B3B3B3; font-size: 10px; color: #4D4D4D; text-align: center; 
								margin: 2px 2px 2px 10px; padding: 2px 0px; line-height:9px; float:right; text-align:center; }
	.cssBotonReporte:hover		{background-color: #FFF; cursor:pointer; }

	.cssPaginador			{width:340px; height:34px; background-color:#E6E6E6; margin-top:10px; margin:auto; text-align:center; }
	.cssPaginador div		{height:34px; width:34px; font-size:12px; line-height:19px; color:#666666; display:table-cell; padding-top:7px; }
	.cssPaginador div:hover	{background-color:#64ADFC; cursor:pointer; color:#F7DC00; }
					
	.cssSeparadorFooter		{margin-top:15px; line-height:1px; }
	.cssFooter				{font-size:13px; color:#FFF; background-color:#2F3033; padding:10px 10px 0px 10px; bottom:0; width:100%; text-align:center; height:120px; }
	.cssFooter div			{text-align:center; font-size:12px; color:#999; }
	.cssSocialMedia			{margin-top:0px;}
	.cssSocialMedia img 		{margin:0px 10px; }
	.cssSocialMedia img:hover{cursor:pointer; }

	.ir-arriba 				{padding:20px; display:inline-block; color:#fff; position: fixed; bottom:20px; right:20px; display:none; cursor:pointer; }
}

/*Estilos PC*/
@media (min-width: 600px) {
	BODY		{font-family: 'Open Sans', sans-serif; margin: 0px; margin-bottom:77px;}
	.cssFondoDisclaimer			{margin-top:100px; width:804px; height:404px; padding:20px; background-image:url('../img/fondo_disclaimer.png'); background-repeat:no-repeat; }
	.cssCuadroDisclaimer		{margin:20px 40px; font-size:18px; line-height:25px; color:#333333; }
	.cssBotoneraDisclaimer		{height:40px; margin-top:40px; }
	
	.cssTextoHeaderFolio		{font-weight:bold; font-size:21px; color:#2F4581; text-transform:uppercase; float:right; }
	.cssTextoHeaderFolio span	{color:#4D4D4D; text-align:right; float:right; }
	.cssLogoHome				{float:right; margin-left:30px; }
	.cssFondoNoFolio			{margin-bottom:15px; padding-top:15px; position:relative; width:512px;}
	.cssCuadroNoFolio			{position:absolute; text-align:left; top:90px; left:40px; }
	.cssFondoNoFolio .cssTexto	{font-weight:bold; font-size:26px; color:#FFEE2D; }
	.cssBotonNoFolioI			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center; width:160px; float:left;
								-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; padding: 0px 15px; margin: 0px 14px; }
	.cssBotonNoFolioI:hover		{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonNoFolioD			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center; width:160px; float:right;
								-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; padding: 0px 15px; margin: 0px 14px; }
	.cssBotonNoFolioD:hover		{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	
	.cssFondoLogin			{background-image:url('../img/background.jpg'); background-repeat:no-repeat; background-size:cover; }
	.cssContenedorLogin		{margin-top:10%; background-color:#FFF; width:440px; height:400px; border-radius:10px; padding-top:40px; }
	.cssContenedorLogin p	{color:#64ADFC; margin-bottom:15px; font-size:24px; font-weight:bold; }
	.cssInputLogin .text		{width:300px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#B3B3B3; border-radius:5px; padding-left:5px; margin-bottom:15px; background-color:#FFF; }
	.cssBotoneraLogin		{margin-top:5px; }

	.cssContenedor			{width:1280px; margin:auto; margin-bottom:0px;}
	.cssHeader				{margin:24px 70px 0px 70px; }
	.cssLogoHeader			{float:left; }
	.cssTituloHeader 		{float:right; width:385px; height:50px; background-color:#2B4197; font-weight:bold; font-size: 36px; color:#FFF; display: inline-block; text-align: right; padding-right: 50px; }
	.cssTextoHeader			{font-style: italic; font-size: 18px; line-height: 30px; color:#2B4197; clear:both; padding:15px 0px; }
	.cssBotoneraHeader		{float:right; }
	.cssBotonHeader			{width:60px; height:36px; background-color: #F2F2F2; border: solid 1px #B3B3B3; font-size: 10px; color: #4D4D4D; text-align: center; 
							float: right; margin-left:10px; padding: 2px 0px; line-height:9px; }
	.cssBotonHeader:hover	{background-color: #FFF; cursor:pointer; }
	.cssHeaderUser			{font-size:18px; color:#333; text-align:center; }
	.cssHeaderUser a			{font-size:14px; color:#11159A; }
	.cssHeaderUser a:hover	{color:#64ADFC; }

	.cssFondoFolio			{margin-bottom:15px; padding-top:15px; position:relative; width:512px;}
	.cssCuadroFolio			{position:absolute; text-align:left; top:90px; left:40px; }
	.cssFondoFolio div		{font-weight:bold; font-size:18px; color:#FFFFFF; line-height:24px; }
	.cssFondoFolio .cssFolio	{font-family:Open Sans; font-size:36px; line-height:15px; color:#FFEE2D; line-height:44px; }
	.cssBotoneraFolio		{margin-top:20px; margin-bottom:60px; }
	.cssBotoneraAdmin		{margin-top:5px;}

	.cssTituloBarra			{text-align:center; height:35px; width:100%; background-color:#2B4197; font-weight:bold; font-size:24px; line-height: 15px; 
							color:#FFF; clear:both; margin-top:5px; display: inline-block; padding-top: 9px; }
	.cssContenedorGris		{width:100%; background-color: #EFF1F6; }
	.cssFormularioGris		{background-color: #EFF1F6; padding:15px 70px 0px 70px; width:1280px; margin:auto; }
	.cssFormularioBlanco	{background-color: #FFF; padding:15px 70px 0px 70px; }
	.cssTitulo				{font-weight:bold; font-size:24px; line-height:27px; color:#2B4197; text-transform:uppercase; margin-bottom:15px; }
	.cssTituloAdmin			{font-size:32px; color:#1E418F; margin-bottom:15px; padding-top:15px; }
	.cssSubTitulo			{font-size:18px; color:#0071BC; font-weight:bold; margin-top:-5px; margin-bottom:15px; text-transform:uppercase; }

	.cssFolioPreguntas			{color:#333; font-size:16px; line-height:22px; }
	.cssFolioPreguntas span		{color:#009245; font-size:16px; }
	.cssTextoHeadPreguntas		{font-size:14px; line-height:22px; color:#333; }
	.cssBarraPreguntas			{background-color:#0071BC; color:#FFF; font-size:21px; text-transform:uppercase; margin:15px 0px; padding:0px 10px; height:30px; font-weight:bold; }
	.cssBloquePregunta			{margin-bottom:35px; }
	.cssBloqueRespuesta			{margin-bottom:35px; }
	.cssIconoPregunta			{padding-right:16px; }
	.cssIconoEscribir			{padding:10px 15px 10px 46px; background-color:#E6E6E6; }
	.cssIconoResponder			{padding:10px 15px 10px 46px; background-color:#EAEDF7; }
	.cssIconoEscribir div		{background-color:#FFF; width:40px; height:40px; border:solid 1px #CCC; padding-top:5px; padding-left:8px; }
	.cssIconoResponder div		{background-color:#FFF; width:40px; height:40px; border:solid 1px #CCC; padding-top:8px; padding-left:8px; }
	.cssIconoEscribir div:hover,
	.cssIconoResponder div:hover 	{background-color:#F7DC00; cursor:pointer; }
	.cssTextoPregunta			{font-size:14px; line-height:22px; background-color:#E6E6E6; width:800px; padding: 10px 20px; color:#333; }
	.cssTextoPregunta  textarea {font-size:14px; line-height:22px; background-color:#E6E6E6; width:772px; height: 87px; padding: 10px 20px; color:#333; }
	.cssTextoRespuesta			{font-size:14px; line-height:22px; background-color:#EAEDF7; width:800px; color:#0071BC; text-align:left; padding: 10px 20px; }

	.cssFiltros				{background-color: #EFF1F6; }
	.cssSeparadorFiltros 	{line-height:10px; }
	.cssBarraFiltros		{background-color: #D5DAEC; height:2px; }

	.cssFormBordeIzq			{border-left:solid 2px #FFF; }
	.cssLabel					{font-size:14px; color: #2B4197; }
	.cssSeparadorCol			{width:46px; }
	.cssSeparadorFila			{line-height:5px; height:10px; }
	.cssInput select				{width:250px; height:32px; border-color:#B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; margin-bottom:5px; background-color:#FFF; }
	.cssInput .text				{width:250px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; background-color:#FFF; }
	.cssInput .radio				{width:18px; border:solid 1px #B3B3B3;}
	.cssInput .textAuxiliar		{width:170px; height:24px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssInput .hrs				{width:206px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssInput .folio				{width:120px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssInput input.cssRequerido	{border:solid 1px #C1272D; }
	.cssInput div.cssRequerido	{color:#C1272D; font-size:11px; margin-bottom:5px; line-height:1px; }
	.cssInput  span				{font-size:14px;; color:#333;}
	.cssInput label				{font-size:14px; margin-bottom:5px; }
	.cssInput textarea			{width:840px; height:250px; border-color:#B3B3B3; font-size:14px; line-height: 27px; color:#333333; padding:0px 5px; }
	.cssInputThin input			{width:116px; height:32px; border:solid 1px #B3B3B3; font-size:14px; line-height: 27px; color:#333333; border-radius:5px; padding-left:5px; margin-bottom:5px; }
	.cssSeparadorColThin		{width:36px; }

	.cssTituloDivMin		{padding-left:5px; height:24px; background-color:#7388C0; font-size:15px; color:#FFF; margin-bottom:10px; }
	.cssTituloDivMax		{padding-left:5px; height:24px; background-color:#FFDD00; font-size:15px; color:#4D4D4D; font-weight:bold; text-transform:uppercase; }

	.fecha					{background:url("../img/i_calendario.png") no-repeat right top; background-position: 95% 4px; }

	.cssAcordeon			{height:28px; border-radius:5px; background-color:#FFDD00; font-size:15px; color:#4D4D4D; font-weight:bold; text-transform:uppercase; 
							text-align: center; padding-top:4px; cursor:pointer; }
	.cssOpenClose			{float:right; font-size:15px; color:#4D4D4D; font-weight:bold; margin-right:10px; margin-top:2px; }

	.cssNotaDivMax			{background-color:#FFFAE9; font-style:italic; font-size:18px; line-height:36px; color:#0071BC; padding: 5px 0px 5px 15px; }

	.cssBoton				{background-color:#64ADFC; width:180px; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center;
							-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; }
	.cssBoton:hover			{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonFolio			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center;
							-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; padding: 0px 15px; margin: 0px 14px; }
	.cssBotonFolio:hover	{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonAdmin			{background-color:#64ADFC; height:34px; border-radius:3%/13%; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:center;
							-webkit-box-shadow:0px 2px #0C87BC; box-shadow:0px 2px #BFD6E3; display:inline-block; line-height: 34px; margin-left:10px; }
	.cssBotonAdmin:hover	{background-color: #2D4191; -webkit-box-shadow: 0px 2px #BFD6E3; box-shadow: 0px 2px #BFD6E3; cursor: pointer; }
	.cssBotonAdmin img		{margin-bottom:4px; }

	.cssDescripcion			{font-size:12px; line-height:27px; color:#333333; }

	.cssResumenPaginador		{font-size:12px; line-height:15px; color:#808080; margin-top:20px; margin-bottom:3px; }
	.cssTablaReporte			{border-bottom:solid 2px #D5DAEC; margin-bottom:15px; }
	.cssTablaReporte th			{height:40px; background-color:#11159A; font-weight:bold; font-size:16px; color:#FFFFFF; }
	.cssTablaReporte td			{font-size:14px; line-height:15px; color:#333333; text-align:center; }
	.cssTablaReporte td a			{color:#11159A; }
	.cssTablaReporte td a:hover	{color:#64ADFC; }
	.cssThLeft					{border-left:solid 1px #B3B3B3; }
	.cssPar:hover				{background-color:#D0D7EB; }
	.cssImpar					{background-color:#EFF1F6; }
	.cssImpar:hover				{background-color:#D0D7EB; }
	.cssBotonReporte			{width:60px; height:36px; background-color: #F2F2F2; border: solid 1px #B3B3B3; font-size: 10px; color: #4D4D4D; text-align: center; 
								margin: 2px 2px 2px 10px; padding: 2px 0px; line-height:9px; float:right; text-align:center; }
	.cssBotonReporte:hover		{background-color: #FFF; cursor:pointer; }

	.cssPaginador			{width:1140px; height:34px; background-color:#E6E6E6; margin-top:10px; margin:auto; text-align:center; }
	.cssPaginador div		{height:34px; width: 1140px; font-size:12px; line-height:19px; color:#666666; display:table-cell; padding-top:7px; }
	.cssPaginador div:hover	{background-color:#64ADFC; cursor:pointer; color:#F7DC00; }
					
	.cssSeparadorFooter		{margin-top:15px; line-height:1px; }
	.cssFooter				{font-size:14px; color:#FFF; background-color:#2F3033; padding:10px 70px 0px 70px; bottom:0; width:100%; height:77px; }
	.cssFooter div			{text-align:center; font-size:13px; color:#999; margin-top:20px; padding-bottom:10px; }
	.cssSocialMedia			{position:absolute; top:-10px; right:100px; }
	.cssSocialMedia img 		{margin:0px 10px; }
	.cssSocialMedia img:hover{cursor:pointer; opacity:0.5; }

	.ir-arriba 				{padding:20px; display:inline-block; color:#fff; position: fixed; bottom:20px; right:20px; display:none; cursor:pointer; }
}

/*
@media print {
     .cssCuadroFolio			{text-align:left; top:90px; padding-left:290px; }
}
*/

/*Otros Estilos Generales*/
.css120					{width:120px; }
.css150					{width:150px; }
.css160					{width:160px; }
.css170					{width:170px; }
.css210					{width:210px; }
.css300					{width:300px; }
.cssSpan015				{padding:0px 15px; }
.css90Per				{width:90% };

.cssARight				{text-align:right;}
.cssLeft				{float:left; }
.cssRight				{float:right; }
.cssClear				{clear:both; }
.cssHidden				{display:none; }
.cssRelative			{position:relative; }
.cssAbsolute			{position:absolute; }
.cssLMargin				{margin-left:0px;}