/* -----------------------------------------*/
/*										 	*/
/* Programador: José Javier Uriola Rojas 	*/
/* Para: 	MinPP-DPSGG					 	*/
/*  		JJUR-2021						*/
/* File:	Base_Intranet.css				*/
/*			Estructura-Web-CSS			 	*/
/*										 	*/
/* -----------------------------------------*/
	
/* ============================================================================================================================
== 
** ============================================================================================================================ */

	.Hr-Ttl{
		width:100%;
		height:2px; 
		margin:0px, auto;
		border:none; 
	}
	
	.Cont_Ident_Inst_Text:before{
		visibility: hidden;
		position: absolute;
			top: 17px;
			left: 10px;
			width:900px;
			font-weight: bold;
			font-size: 15px;
		content: "Ministerio del Poder Popular del Despacho de la Presidencia y Seguimiento de la Gestión de Gobierno";

	}
	
/* ------------------------------------------------------------------------------- */		

/* --------------------------------------------------------------------------- */
/* CONTENEDOR	Encabezado Noticias		                                       */
/* --------------------------------------------------------------------------- */
		.Cont_Scc_HeadIdentTop{
			position: relative;
			float: left;
			margin: auto;
			width: 100%;
			height: 266px; /*547px;*/
			border: 0px solid red;
			z-index:0;
			}
			.Bg_Scc_HIT{
				position: absolute;
				top: 0px;
				right: 0px;
				width:1366px;
				height:266px; /*547*/
				opacity: 1.0;
				z-index:0;
			}
			
			.Bg_Scc_HIT_Pht, .Bg_Scc_HIT_Pht, .Bg_Scc_HIT_Pht_Cmncds, .Bg_Scc_HIT_Pht_GF, .Bg_Scc_HIT_Pht_Cumple{
				position: absolute;
				width:auto;
				height:auto; /*547*/
				opacity: 1.0;
				z-index:50;
			}
			
			.Bg_Scc_HIT_Pht{
				top: 10px;
				left: 80px;
			}
			
			.Bg_Scc_HIT_Pht_Cmncds{
				top: 40px;
				left: 80px;
			}
			
			.Bg_Scc_HIT_Pht_GF{
				top: 30px;
				left: 25px;
			}	
			
			.Bg_Scc_HIT_Pht_Cumple{
				bottom: 0px;
				left: 0px;
			}	
			
			.Bg_Scc_HIT_Pht_MN{
				top: 0px;
				left: 0px;
			}	

			.Cont_Scc_HIT_Txt{
				position: absolute;
				Float:right;
				top: 0px;
				right:20px;
				width: 500px;
				height: 266px;
				border: 0px solid red;
				z-index:50;
			}

/* ------------------------------------------------------------------------------- */		

/* --------------------------------------------------------------------------- */
/* CONTENEDOR	Noticia				                                           */
/* --------------------------------------------------------------------------- */
		 
		.Cont_Scc_Bd_Ntcs{
			position: relative;
			float: left;
			margin: auto;
			width: 100%;
			height: 100%;
			border: 0px solid red;
			
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(left,  #ffffff 80%, #ffffff 80%, #ffb521 81%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  #ffffff 80%,#ffffff 80%,#ffb521 81%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  #ffffff 80%,#ffffff 80%,#ffb521 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffb521',GradientType=1 ); /* IE6-9 */

			z-index:9;
		}	
		/* -----------------------------------------*/
			.Cont_Scc_Col-Izq_Ntcs{
				position: relative;
				float: left;
				margin: auto;
				text-align:center;
				width: 70%;
				height: auto;
				border: 0px solid red;
				z-index: 9;
			}		
			
			.Cont_Scc_CI_Ntcs{
				display: block;
				position: relative;
				float: left;
				margin: 15% 5%; 	
				width: 90%; /*auto;*/
				height: auto;
				text-align:justify;
				border: 0px solid red;
				z-index: 9;	
			}
			
			.Cont_CI_Ntcs_Ttl_Prnc{
				position: relative;
				float:left;
				font-size:22px;
				font-weight:bold;
				text-decoration:none;
			}	

			.Cont_CI_Ntcs_Pht{
				display: block;
			}	

			.Cont_CI_Ntcs_Pht{
				margin: 100px auto;		
				width: auto;
				height: auto;
				border: 5px solid White;
				z-index: 9;
			}	
		/* -----------------------------------------*/
			.Cont_Scc_Col-Der_Ntcs{
				position: relative;
				float: right;
				margin: auto; 	
				width: 30%;
						
				height: 100%;
				border: 0px solid red;
				z-index: 0;
				
			}	
			
			.Cont_Scc_CD_Posts{
				position: relative;
				float: right;
				margin: auto; 	
				width: 60%;
						
				height: auto;
				border: 0px solid red;
				z-index: 9;
			}	
			
			.Cont_Space{
				position:relative;
				float:right;
				width: 280px;
				height: 200px;
				border: 0px solid red;
			}
			
			.Cont_CI_Ntcs_Items{
				position:relative;
				float:right;
				left:-70px;
				margin: 10px auto;	
				width: 280px;
				height: 350px;
				border: 0px solid red;
				z-index: 9;
			}
	
				.Cont_CI_Ntcs_Pht_p{
					position:absolute;
					top:0px;
					left:0px;
					margin: auto;	
					width: 280px;
					height: auto;
					border: 3px solid White;
					z-index: 9;
				}
				
				.Cont_CI_Ntcs_Txt_p{
					position:absolute;
					top:200px;
					left:0px;
					margin: auto;
					padding: 15px;
					width: 280px;
					height: auto;
					border: 0px solid White;
					z-index: 9;
				}
				.Text_Link_Ntcs_Intrns{
					position:relative;
					float:left;
					left:-110px;
					width:280px;
					cursor: pointer;
					text-align:center;
					padding:10px 35px;
					color: rgba(255,255,255,1.0);
					font-size:/*18px;*/;
					font-weight:bold;
					text-decoration:none;
					border-radius: 4px;
					z-index:6;
				}

/* ------------------------------------------------------------------------------- */		

/* --------------------------------------------------------------------------- */
/* CONTENEDOR	Posts	 			                                           */
/* --------------------------------------------------------------------------- */
			.Cont_Scc_Posts_Intrn{
				position: relative;
				float: left;
				margin: 50px auto;
				width: 100%;
				height:100%;
				
				z-index:9;
			}	

			.Item_Posts_Intrn{
					position: relative;
					top:0px;
					left:-110px;
					margin: auto;
					width: 280px;
					height: 470px;
					border: 0px solid blue;
					z-index:10000;
				}




	.Tb1_top_Ttl{
		position:relative;
		float:left;
		width:100%;
		margin: 5px auto 5px;
				
		background: rgb(229,229,229); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(209,209,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(209,209,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */

		border:0px solid black; 
		display:table-caption;
	}
	.Tb2_top_Ttl{
		position:relative;
		float:left;
		width:100%;
		margin: 5px auto 5px;
				
		background: rgb(242,242,242); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

		border:0px solid black; 
		display:table-caption;
	}
	.Tb3_top_Ttl{
		position:relative;
		float:left;
		width:100%;
		margin: 5px auto 5px;
				
		background: rgb(255,255,255,1.0); /* Old browsers */
		border:0px solid black; 
		display:table-caption;
	}
	
	
	.Tb1_top_Ttl:hover, .Tb2_top_Ttl:hover, .Tb3_top_Ttl:hover{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5b533+0,f4c669+66,f4f4f4+100 */
		background: rgb(245,181,51); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(245,181,51,1) 0%, rgba(244,198,105,1) 66%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(245,181,51,1) 0%,rgba(244,198,105,1) 66%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(245,181,51,1) 0%,rgba(244,198,105,1) 66%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b533', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

	}
	
	
	
	
	.Tb_cell-1{
		position:relative;
		float:left;
		width:5%;
		padding:5px;
		border:0px solid black; 
		display:table-caption;
	}
	
	.Tb_cell-2{
		position:relative;
		float:left;
		width:80%;
		padding:5px;
		border:0px solid black; 
		display:table-caption;
	}
	.Tb_cell-3{
		position:relative;
		float:left;
		width:10%;
		padding:5px;
		border:0px solid black; 
		display:table-caption;
	}

/* ------------------------------------------------------------------------------- */		

/* --------------------------------------------------------------------------- */
/* CONTENEDOR	Icono Documentos y Área	                                       */
/* --------------------------------------------------------------------------- */
	
	.Icon_Pdf, .Icon_Doc, .Icon_Odt, .Icon_Xls, .Icon_Ods, .Icon_Ppt, .Icon_Odp, .Icon_Rar, .Icon_Zip, .Icon_Pc, .Icon_Doc_In, .Icon_GF, .Icon_Cumple, .Icon_MN{ 
		width: 37px;
		height:47px;
		margin:auto;
		border: 0px solid red;
		z-index: 200;
	}
	
	.Icon_Pdf{ 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_PDF.png);
	}
/* --------------------------------------------------------------------------- */
	
	.Icon_Doc { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_DOC.png);
	}
	
	.Icon_Odt { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_ODT.png);
	}
	
/* --------------------------------------------------------------------------- */
	
	.Icon_Xls { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_XLS.png);
	}
	
	
	.Icon_Ods { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_ODS.png);
	}
	
/* --------------------------------------------------------------------------- */
	
	.Icon_Ppt { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_PPT.png);
	}
	
	.Icon_Odp { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_ODP.png);
	}

/* --------------------------------------------------------------------------- */
	.Icon_Rar { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_RAR.png);
	}

/* --------------------------------------------------------------------------- */

	.Icon_Zip { 
		background-image: url(../../Img/Icon/Doc/Icon-Extension_ZIP.png);
	}

/* --------------------------------------------------------------------------- */

	.Icon_Pc { 
		background-image: url(../../Img/Icon/Sys/Logo-PC_Sistema.png);
	}

/* --------------------------------------------------------------------------- */

	.Icon_Doc_In { 
		background-image: url(../../Img/Icon/Sys/Logo-Doc_In.png);
	}

/* --------------------------------------------------------------------------- */

	.Icon_GF { 
		background-image: url(../../Img/Icon/Sys/Logo-GF.png);
	}

/* --------------------------------------------------------------------------- */

	.Icon_Cumple { 
		background-image: url(../../Img/Icon/Sys/Logo-Cumple.png);
	}

/* --------------------------------------------------------------------------- */

	.Icon_MN { 
		background-image: url(../../Img/Icon/Sys/Logo-Archivo-Pag.png);
	}

/* --------------------------------------------------------------------------- */
	.Icon_Pdf:hover, .Icon_Doc:hover, .Icon_Odt:hover, .Icon_Xls:hover, .Icon_Ods:hover, .Icon_Ppt:hover, .Icon_Odp:hover, .Icon_Rar:hover, .Icon_Zip:hover, .Icon_Pc:hover, .Icon_Doc_In:hover, .Icon_GF:hover, .Icon_Cumple:hover, .Icon_MN:hover{ 
		-webkit-animation:	shake 0.82s infinite;/* Safari 4+ */
		-moz-animation: 	shake 0.82s infinite;/* Fx 5+ */
		-o-animation: 		shake 0.82s infinite;/* Opera 12+ */
		animation: 			shake 0.82s infinite;/* IE 10+ */
		}

	@keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }
	  
	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }
	  
	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}
	
/* ------------------------------------------------------------------------------- */		

/* ============================================================================================================================
== 					Created: December 2019 			Version: 1.0 (08 December 2019)				JJUR-2019
** ============================================================================================================================ */