/**********************************************************************************************************************************
************************* CAAP MOVIL ************************************************************************************
************************* CONTENIDO DE CODIGO: VALORES PARA "DOSPOSITIVO MOVIL" ***************************
************************* FECHA DE CREACION: monday, 11 november 2024 --- 21:36:00 ****************************************
************************* ULTIMA ACTUALIZACION: thursday, 20 february 2025 --- 02:55:00 *******************************
**********************************************************************************************************************************
**********************************************************************************************************************************/


/*******************************************************************
===== CONTENEDOR: FONT FAMILY
********************************************************************/
html,
body,
section {
	/*font-family: "Playwrite DE Grund", cursive;*/
	/*font-family: "Puritan", sans-serif;*/
	font-family: "Teachers", sans-serif;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	text-shadow: none;
}



/********************************************************************************************************************************
************************* MEDIA: prefers-reduced-motion: reduce ************************************************************
*********************************************************************************************************************************/
@media (prefers-reduced-motion: reduce) {
	
		
		
}

/* /// fin reduce */


/********************************************************************************************************************************
************************* MEDIA: print *****************************************************************************************
*********************************************************************************************************************************/
	
	
	
/* /// fin print */



/*********************************************************************************************************************************
************************* MEDIA: max-width:320px *****************************************************************************
**********************************************************************************************************************************/
@media screen and (max-width: 320px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 0 - 320px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.2em;
	}
	
	.wrapperIndex p {
		font-size: 1em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag .linkWeb a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag .linkWeb a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 0 - 320px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 0 - 320px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}
		
	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}
	
	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
	
}

/* /// fin media max 320px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:321px / max-width:360px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 321px) and (max-width: 360px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 321px - 360px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 321 - 360px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 321px - 360px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}
	
	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 7.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 321 - max 360px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:361px / max-width:390px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 361px) and (max-width: 390px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 361px - 390px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 361 - 390px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 361px - 390px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}
	
	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 10%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
	
}

/* /// fin media min 361 - max 390px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:391px / max-width:430px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 391px) and (max-width: 430px) {
	
	 /*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 391px - 430px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 391px - 430px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 391px - 430px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
		
		
}

/* /// fin media min 391 - max 430px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:431px / max-width:580px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 431px) and (max-width: 580px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 431px - 580px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 431px - 580px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 431px - 580px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
	
}

/* /// fin media min 431 - max 580px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:581px / max-width:620px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 581px) and (max-width: 620px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 581px - 620px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 581px - 620px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 581px - 620px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 581 - max 620px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:621px / max-width:670px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 621px) and (max-width: 670px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 621px - 670px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 621px - 670px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 621px - 670px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 621 - max 670px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:671px / max-width:740px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 671px) and (max-width: 740px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 671px - 740px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 1.8em;
	}
	
	.wrapperIndex p {
		font-size: 1.2em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1em;
		color: #fff;
		line-height: 25px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.2em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 671px - 740px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 671px - 740px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 671 - max 740px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:741px / max-width:770px *********************************************************
**********************************************************************************************************************************/
@media screen and (min-width: 741px) and (max-width: 770px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 741px - 770px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 4em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 2em;
	}
	
	.wrapperIndex p {
		font-size: 1.5em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1.2em;
		color: #fff;
		line-height: 28px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.5em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 741px - 770px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}

	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 741px - 770px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 741 - max 770px */



/*********************************************************************************************************************************
************************* MEDIA: min-width:771px / max-width:990px *********************************************************
**********************************************************************************************************************************/

@media screen and (min-width: 771px) and (max-width: 990px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 771px - 990px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 4em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 2em;
	}
	
	.wrapperIndex p {
		font-size: 1.5em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1.2em;
		color: #fff;
		line-height: 28px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.5em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 771px - 990px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 771px - 990px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 771 - max width:990 */



/*********************************************************************************************************************************
************************* MEDIA: min-width:991px / max-width:1020px *********************************************************
**********************************************************************************************************************************/

@media screen and (min-width: 991px) and (max-width: 1020px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 991px - 1020px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 4em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 2em;
	}
	
	.wrapperIndex p {
		font-size: 1.5em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1.2em;
		color: #fff;
		line-height: 28px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.5em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 991px - 1020px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 991px - 1020px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
	
}

/* /// fin media min 991 - max width:1020 */



/*********************************************************************************************************************************
************************* MEDIA: min-width:1021px / max-width:1060px ******************************************************
**********************************************************************************************************************************/

@media screen and (min-width: 1021px) and (max-width: 1060px) {
	
	/*******************************************************************
	===== CONTENEDOR: OBJETIVOS /// 1021px - 1060px
	********************************************************************/
	#cabecera {
		background-color: rgba(191, 191, 191, 1);
		position: relative;
		width: 100;
		height: auto;
		padding: 10px;
	}
	
	#fechaHoraPagInicio {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		margin-top: 5%;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}
	
	#cabecera .textoEncabezado h1 {
		font-size: 4em;
	}
	
	#cabecera .textoEncabezado h3 {
		font-size: 2.5em;
	}
	
	#cabecera .textoEncabezado h1,
	#cabecera .textoEncabezado h3 {
		text-align: center;
	}
	
	.wrapperIndex {
		background-color: rgba(255, 255, 255, 1);
		width: 94%;
		margin-left: 3%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.wrapperIndex h3 {
		font-size: 2em;
	}
	
	.wrapperIndex p {
		font-size: 1.5em;
	}
	
	.wrapperIndex .btnAcceso {
		background-color: rgba(191, 191, 191, 0.5);
		position: relative;
		width: 80%;
		left: 10%;
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 1);
	}

	.wrapperIndex .btnAcceso a {
		font-size: 2em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnAcceso a:hover {
		color: #fff;
	}
	
	#principal .piePag {
		background-color: #000;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: center;
	}
	
	#principal .piePag p {
		font-size: 1.2em;
		color: #fff;
		line-height: 28px;
	}
	
	#principal .piePag .linkWeb {
		background-color: trasnparent;
		position: relative;
		width: 90%;
		left: 5%;
		height: auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
	
	#principal .piePag a {
		font-size: 1.5em;
		color: #996600;
		font-weight: bold;
	}
	
	#principal .piePag a:hover {
		color: #ff0000; 
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: CONTENIDO / MENU /// 1021px - 1060px
	********************************************************************/
	.wrapperIndex .contentMenu {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	
	.wrapperIndex .contentMenu h3 {
		font-size: 1.2em;
		color: #000;
	}
	
	.wrapperIndex .contentMenu .btnAcceso {
		background-color: rgba(191, 191, 191, 0.2);
		position: relative;
		width: 100%;
		left: 0%;
		padding: 15px;
		border-radius: 8px;
		text-align: center;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	
	.wrapperIndex .contentMenu .btnAcceso:hover {
		background-color: rgba(191, 191, 191, 0.3);
	}

	.wrapperIndex .contentMenu .btnAcceso a {
		font-size: 1.1em;
		color: #000;
		text-decoration: none;
		text-transform: none;	
	}
	
	.wrapperIndex .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover {
		color: #ff0000;
	}
	
	
	
	/*******************************************************************
	===== CONTENEDOR: MATERIAL UTILIZADO /// 1021px - 1060px
	********************************************************************/
	
	#principal {
		background-color: rgba(255, 255, 255, 1);
	}

	.tituloSeccion h2 {
		font-size: 1.2em;
		width: 90%;
		margin-left: 5%;
		margin-top: 20%;
		text-align: center;
	}

	.contentInfo {
		background-color: transparent;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px;
	}
	
	.contentInfo h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.contentInfo p {
		font-size: 1em;
	}
	
	.contentInfo ul li {
		font-size: 0.9em;
	}
	
	hr {
		height: 2.5px;
		background-color: #ff0000;
	}
	
	.contGral .btnAntSig {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.contGral .btnAntSig .fa-left-long,
	.contGral .btnAntSig .fa-right-long	{
		font-size: 2em;
		color: #000;
	}
	
	.contGral .btnAntSig .fa-left-long:hover,
	.contGral .btnAntSig .fa-right-long:hover {
		color: #ff0000;
	}
	
	.contGral .btnSalir {
		background-color: transparent;
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 5%;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.wrapperIndex .btnSalir .fa-house,
	.wrapperIndex .btnSalir .fa-door-open,
	.contGral .btnSalir .fa-house,
	.contGral .btnSalir .fa-door-open {
		font-size: 2em;
		color: #000;
	}
	
	.wrapperIndex .btnSalir .fa-house:hover,
	.wrapperIndex .btnSalir .fa-door-open:hover,
	.contGral .btnSalir .fa-house:hover,
	.contGral .btnSalir .fa-door-open:hover	{
		color: #ff0000;
	}
	
	
	
	/*==================== MATERIAL Y DISPOSITIVOS PARA INSTALACIONES ====================*/
	
	/********** IMAGEN MATERIAL INSTALACIONES  **********/
	#imgMatInst {
		background-image: url(../imags/matInst/matInst-603x605.png);
		background-position: center;
		background-size: 100% 100%;
		width: 250px;
		height: 180px;
		margin-left: 12.5%;
	}
	
	.contentInfo h4 {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	
		
}

/* /// fin media min 1021 - max 1060px */



/********************************************************************************************************************************
************************* MEDIA: min-width:1061px / max-width:1080px *****************************************************
*********************************************************************************************************************************/

@media screen and (min-width: 1061px) and (max-width: 1080px) {
	
	
		
		
}

/* /// fin media min 1061 - max 1080px */



/********************************************************************************************************************************
************************* MEDIA: min-width:1081px / max-width:1220px *****************************************************
*********************************************************************************************************************************/

@media screen and (min-width: 1081px) and (max-width: 1220px) {
		
		
	
	
}

/* /// fin media min 1081 - max 1220px */



/********************************************************************************************************************************
************************* MEDIA: min-width:1221px / max-width:1280px *****************************************************
*********************************************************************************************************************************/

@media screen and (min-width: 1221px) and (max-width: 1280px) {
		
		
	
	
}

/* /// fin media min 1221 - max 1280px */



/*********************************************************************************************************************************
************************* FIN DE CODIGO *************************************************************************************
**********************************************************************************************************************************/