/* -----------------------------------------*/
/*										 	*/
/* Programador: José Javier Uriola Rojas 	*/
/* Para: 	MinPP-DPSGG					 	*/
/*  		JJUR-2021						*/
/* File:	Base_Shapes.css					*/
/*			Formas-Figuras-CSS			 	*/
/*										 	*/
/* -----------------------------------------*/

/* ============================================================================================================================
== 
** ============================================================================================================================ */


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

.Bg_Prllgrm1_Lg_DP {
	position:absolute;
	top: -15px;
	right:55px;
	width: 400px; 
    height: 480px; 
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg);
}

.Prllgrm_Rtcn1{
    -webkit-transform: rotate(-33deg);
    -moz-transform: rotate(-33deg);
    -ms-transform: rotate(-33deg);
    -o-transform: rotate(-33deg);
	transform: rotate(-33deg);
}

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.Bg_Prllgrm2_Lg_DP {
	position:absolute;
	top: 5px;
	right:35px;
	width: 400px; 
    height: 470px; 
	-webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);	
}

.Prllgrm_Rtcn2{
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
	transform: rotate(-27deg);
}

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.Prllgrm_Peq1 {
	position:absolute;
	top: 0px;
	left:25px;
	width: 35px; 
    height: 20px; 
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
	z-index:2;
}

/*----------------------------------------------*/
.Prllgrm_Peq2 {
	position:absolute;
	top: 12px;
	left:25px;
	width: 35px; 
    height: 20px; 
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
	z-index:1;
}

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.trngl_bttm_lft {
	position:absolute;
	left:0px;
	bottom:0px;
    width: 0;
    height: 0;
    border-right: 700px solid transparent;  
}

.tbl1 {
	border-bottom: 100px solid rgba(36,91,152,.4); 
    z-index:20;
}	
	
.tbl2 {
	border-bottom: 70px solid rgba(36,91,152,.7); 
    z-index:21;
}	

.tbl3 {
	border-bottom: 40px solid rgba(36,91,152,1.0); 
    z-index:22;
}	

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.trngl_bttm_rght {
	position:absolute;
	right:0px;
	bottom:0px;
	width: 0;
    height: 0;
    border-left: 700px solid transparent;        
}	
	.tbr1 {
		border-bottom: 100px solid rgba(36,91,152,.4);
		z-index:20;
	}

	.tbr2 {
		border-bottom: 70px solid rgba(36,91,152,.7);
		z-index:21;
	}

	.tbr3 {
		border-bottom: 40px solid rgba(36,91,152,1.0);
		z-index:22;
	}

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.trngl_bttm_rght_smll_mn1 {
	position:absolute;
	left:-60px;
	top:-20px;
	width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-right: 60px solid rgba(255,255,255);
    border-bottom: 70px solid transparent;
	
	z-index:20;
}	
.trngl_bttm_rght_smll_mn2 {
	position:absolute;
	
	left:-40px;
	top:0px;
	width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 40px solid rgba(221,220,220,1.0);
    border-bottom: 50px solid transparent;
	
	z-index:21;
}	

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.Prllgrm1_Accs_Tp{
	position:absolute;
	top:-20px;
	left: 10px;
	width: 20px; 
    height: 70px; 
    border: 0px solid #555; 
    background: rgba(255,23,37,1.0);
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(-39deg);
	
	-webkit-box-shadow: 38px 22px 5px 2px rgba(0,0,0,0.21);
	-moz-box-shadow: 38px 22px 5px 2px rgba(0,0,0,0.21);
	box-shadow: 38px 22px 5px 2px rgba(0,0,0,0.21);

	z-index:22;
}


.Prllgrm1_Accs_Tp-Bg{
	position:absolute;
	top:-20px;
	left: 66px;
	width: 20px; 
    height: 70px; 
    border: 0px solid #555; 
    background: rgba(150,26,14,1.0); 
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(39deg);
	z-index:-1;
	}

.Prllgrm1_Accs_Bttm{
	position:absolute;
	bottom:-20px;
	left: 10px;
	width: 20px; 
    height: 70px; 
    border: 0px solid rgba(255,23,37,1.0);
    background: rgba(150,26,14,1.0); 
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(39deg);
	z-index:22;
	}

.Prllgrm1_Accs_Bttm-Bg{
	position:absolute;
	bottom:-20px;
	left: 66px;
	width: 20px; 
    height: 70px; 
    border: 0px solid #555; 
    background: rgba(150,26,14,1.0); 
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(-39deg);
	z-index:-1;
	}

/*----------------------------------------------*/
/*												*/
/*----------------------------------------------*/
.Prllgrm_Systms {
    position:absolute;
	top:55px;
	left: -50px;
	width: 420px; 
    height: 40px; 
    /*background: #428bca;*/
		 
	background: rgb(208,148,28); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(208,148,28,1) 1%, rgba(255,212,97,1) 50%, rgba(208,148,28,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(208,148,28,1) 1%,rgba(255,212,97,1) 50%,rgba(208,148,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(208,148,28,1) 1%,rgba(255,212,97,1) 50%,rgba(208,148,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0941c', endColorstr='#d0941c',GradientType=1 ); /* IE6-9 */

    -webkit-transfor4m: skew(40deg);
    -moz-transform: skew(40deg);
    -ms-transform: skew(40deg);
    -o-transform: skew(40deg);
     transform: skew(40deg);

	 -webkit-box-shadow: 38px 22px 5px 2px rgba(0,0,0,0.21);
	-moz-box-shadow: 38px 22px 5px 2px rgba(0,0,0,0.21);
	box-shadow: 38px 22px 5px 2px rgba(0,0,0,0.21);
	
	z-index:1;
				
}

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

.trng_bttm_Info {
	position:absolute;
	left:27px;
	top:100px;
    width: 0;
    height: 0;
    
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 18px solid rgba(255,23,37,1.0);
		
    z-index:50;
	
	
}	

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

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