/* CSS3 */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de creacion: 11/02/2013 */  
/* fecha de modificacion: 11/02/2013 */
/*================================================================================
Primario: #611232
Primario Light: #9b2247
Secundario: #a57f2c
Negro: #161a1d
Gris: #98989A
Verde: #002f2a
================================================================================ */


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Patria';
    font-style: normal;
    font-weight: 400;
    src: url("https://framework-gb.cdn.gob.mx/applications/cms/fonts/Patria_Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

:root {
  --primary-color: #9b2247;
  --primary-light-color: #611232;
  --primary-strong-color:#691a32;
  --secondary-color: #f3e8ca;
  --third-color: #ae851c;
  --font-size-large: 1rem;
}

html , body {
	font-family: 'Patria','Roboto Slab', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:#000; 
 }
 
.prendeletras:hover{
	cursor:pointer;
}

.centerbox{
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}


/* =================================================================== 
 * OBJETOS DEL HEADER
 * ===================================================================*/

header {
	border:0 solid #000;
}

#header_logo {
	border:0 solid #000;
	float:left;
	margin:0;
	width:30%;
	text-align:right;
	
	background-image: url('../imagenes/pedazitoezquierdotriangulo.png');
	background-repeat:repeat-x;
	background-position: left top;
	background-color: transparent;
}
#header_logo >img {
	display: block; 
	margin:0;
	float:right;
}

#header_logo2019{
	float:left;
	margin:0;
	width:100%;
	padding:10px 10px;
	max-height: 130px;

	
}

#header_divprincipal{
	border:0 solid #5b4754;

	/*background: rgba(88,44,131,1);
background: -moz-linear-gradient(left, rgba(88,44,131,1) 0%, rgba(88,44,131,1) 49%, rgba(2,111,121,1) 53%, rgba(2,111,121,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(88,44,131,1)), color-stop(49%, rgba(88,44,131,1)), color-stop(53%, rgba(2,111,121,1)), color-stop(100%, rgba(2,111,121,1)));
background: -webkit-linear-gradient(left, rgba(88,44,131,1) 0%, rgba(88,44,131,1) 49%, rgba(2,111,121,1) 53%, rgba(2,111,121,1) 100%);
background: -o-linear-gradient(left, rgba(88,44,131,1) 0%, rgba(88,44,131,1) 49%, rgba(2,111,121,1) 53%, rgba(2,111,121,1) 100%);
background: -ms-linear-gradient(left, rgba(88,44,131,1) 0%, rgba(88,44,131,1) 49%, rgba(2,111,121,1) 53%, rgba(2,111,121,1) 100%);
background: linear-gradient(to right, rgba(88,44,131,1) 0%, rgba(88,44,131,1) 49%, rgba(2,111,121,1) 53%, rgba(2,111,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#582c83', endColorstr='#026f79', GradientType=1 );
*/
/*
background: rgb(5,60,110);
background: linear-gradient(90deg, rgba(5,60,110,1) 0%, rgba(3,57,106,1) 100%);
*/
background-color: transparent;
	background-image: url('../imagenes/franjasuperior.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: 100% 100%;
    background-size: 100%  100%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}



#header_menu{
	border:0 solid #000;
	float:left;
	height:82px;
	width:70%;
	
	/*background-image: url('../imagenes/pedazitogrisparalogos.png');
	background-repeat:repeat-x;
	background-position: left top;*/
	background-color: var(--primary-color);
}
#header_menu>ul, #header_logo2019>ul{
	border:0 solid #000;
	margin:auto;
	padding:0 5px;
	height:100%;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	padding-top:10px;
	padding-left:20px;
}
#header_menu>ul>li, #header_logo2019>ul>li{
	border:0px solid #0f0;
	display:inline-block;
}

/* ############## navegacion principal ################## */
nav{
	border:0 solid var(--primary-color);
	width:100%;
	padding:6px 10px ;
	position:relative;
	
	/*background-image: url('../imagenes/barritamorada.jpg');
	background-repeat:repeat-x;
	background-position: left 0 bottom 6px;
	background-color: transparent;*/

}
nav>ul{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#163a6a;

	position:relative;
	border-bottom:2px solid var(--primary-color);
	margin:auto;
	padding:0;
	height:100%;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	
	display: flex;
	justify-content: center;
	
	
}
nav>ul>li{
	border-bottom:0 solid #46a7fb;

	text-align:center;
	vertical-align:middle;
	
	width: calc(100% / 5);
	width: -moz-calc(100% / 5);
	width: -webkit-calc(100% / 5);
	width: -o-calc(100% / 5);
	width: -ms-calc(100% / 5);
	
	align-items: flex-start;
	
	font-size:1em;
	color:#46a7fb;
	padding:7px 0;

}

nav>ul>li:hover{
	cursor:pointer;
}
nav>ul>li>a{
	color: var(--third-color);
}
nav A,nav A:link,nav A:visited,nav A:active{
	line-height: normal;
	text-decoration: none;
	font-size:0.9em;
	font-weight:bold;
	/*text-shadow: 2px 2px 3px rgba(254, 254, 254, 1);*/
}
nav A:hover{
	line-height: normal;
	text-decoration: none;
	cursor:pointer;
	text-shadow:none;
}

.elselectedmenu{
	border-top: 1px solid #611232;
	border-left: 1px solid #611232;
	border-right: 1px solid #611232;
	background-color:#fff;
	color:var(--primary-color);
	text-shadow:none;
}
.elselectedmenu>a{
	color:#611232;
	text-shadow:none;
}
.elselectedmenu>a:hover{
	color:#C8102E;
	text-shadow:none;
}



.header_menu{
	border:0 solid #000;
	height: 100px;
}




/* =================================================================== 
 * OBJETOS DEL CONTENIDO
 * ===================================================================*/
 .textoresultados{
	border:0 solid #0f0;
	font-family: 'Roboto Slab', sans-serif;
	font-size:2.5em;
	font-weight:bold;
	color:#5b4754;
	text-align:center;
	margin-top:3%;
	margin-bottom:3%;
}
section,article{
	margin:0;
}
#body_divmain{
	border:0 solid #000;
	margin:10px auto;
	text-align:justify;
}
#body_divfooter{
	border:0 solid #000;
	margin:1px auto;
	text-align:justify;
}
#contentimg_2019{
	display:block;
	border:0 solid #f0f;
	width:100%;
}

#contentimg{
	border:0 solid #f0f;
	margin-left: 0;
	vertical-align:top;
}
.contentimg2{
	display:inline-block;
	width:49%;
	height:425px;
}
.imglogin{
	height: 100%;
	width:100%;
}


#body_divinfo{
	border:0 solid #000;
}
.body_divinfo{
	border:0 solid #000;
	display:inline-block;
	width:49%;
}

.body_divcol2{
	border:0 solid #985d63;
	width:50%;
	float:left;
	text-align:center;
	padding-top:10%;
	padding-bottom:10%;
}
.colsdivlogin{
	border:0 solid #000;
	
	display:inline-block;
	width:49.5%;
}
.colterciado{
	font-size:1.05em;
	float:left;
	padding-left:10px;
	border:0 solid #000;
	width:33%;
}
.responsiveReloj{
	width:initial;
	margin:auto;
} 
@media only screen and (max-width : 600px) {
	.contentimg2{
		display:block;
		width:100%;
		height:auto;
	}
	.body_divinfo{
		display:block;
		width:100%;
		
	}

	.colterciado{
		font-size:1.05em;
		float:left;
		padding-left:10px;
		border:0 solid #000;
		width:100%;
	}
	.responsiveReloj{
		width:100%;
	} 
}
@media only screen and (min-width : 600px) {


}


#body_colaviso{
	border:0px solid #000;
	background-image: url('../imagenes/recuadrofondotriangulitos.png');
	background-repeat:no-repeat;
	background-position: center top;
	background-color: transparent;
	height:270px;
	margin-bottom:10px;
	margin-top:20px;
	width:431px;
	float:right;
}


#body_aviso1{
	border:0px solid #f00;
	padding:0;
}
#body_aviso1>h3{
	border:0px solid #ff0;
	color:#fff;
	font-weight:bold;
	font-size:2em;
	margin-top:10px;
	margin-bottom:10px;
}
#body_aviso1>p{
	border:0px solid #f0f;
	width:70%;
	margin:5px auto;
	color:#fff;
}
#body_aviso1>span{
	border:0px solid #0ff;
	width:50%;
	display:inline-block;
	background-color:#fff;
	color:#f00;
	font-weight:bolder;
	padding:5px;
	
}
#body_aviso2{
	border:0px solid #0ff;
	color:#fff;
	padding:10px 5px 0 5px;
	
}

#body_orientacion{
	border:0px solid #0ff;
	width:70%;
	margin:auto;
}

#body_orientacion2{
	border:0px solid #0ff;
	width:90%;
	text-align:center;
	margin:auto;
}

#body_orientacion>h2{
	font-weight:bold;
	font-size:2em;
	color:#003647;
	margin:0;
}

.textmdm{
	font-weight:normal;
	font-size:1.2em;
	color:#626161;
	margin:0;
}
#body_orientacion>p{
	border:0px solid #ff0;
	margin:0;
}
#body_orientacion h3,#body_orientacion2 h3{
	border:0px solid #0ff;
	margin:5px auto;
	font-size:1.5em;
	font-weight:bold;
	text-shadow: 2px 1px 1px rgba(150, 150, 150, 1);
}
.textpeqe{
	border:0 solid #0f1;
	display:block;
	font-size:0.9em;
	color: #626161;
}
.doscolumnas{
	width:50%;
	border:0px solid #000;
	float:left;
}

a.altx,a.altx:link,a.altx:active,a.altx:visited{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight:bolder;
	color:#5b4754;
}
a.altx:hover{
	text-decoration:underline;
}
/* --------- columna de login ----------*/
#body_login{
	border:1px solid #985d63;

	float:right;
	margin-bottom:10px;
	margin-top:20px;
	margin:auto;
	width:100%;
	height:240px;
	
	background-color: var(--primary-color);;
	
	border-top-left-radius: 10px 10px; 
	border-top-right-radius: 10px 10px; 
	border-bottom-right-radius: 10px 10px; 
	border-bottom-left-radius: 10px 10px; 
	-moz-border-radius: 5px;
	border-top-left-radius: 10px 10px; 
	border-top-right-radius: 10px 10px; 
	border-bottom-right-radius: 10px 10px; 
	border-bottom-left-radius: 10px 10px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgb(187, 187, 204) 4px 4px 4px; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 2px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: var(--primary-color); 
	border-right-color: var(--primary-color);
	border-bottom-color:var(--primary-color);
	border-left-color: var(--primary-color);
	

	/*background-image:url('../imagenes/recuadrofondocolores.png');
	background-repeat:no-repeat;
	background-color: transparent;
	
	background-position: left right;
	
	background-size:100% 100%;*/
	
	/*
	 * background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	 * background-attachment: fixed; */

}
#body_login2{
	border:1px solid #163a6a;
	margin-bottom:10px;
	margin-top:20px;
	margin:auto;
	width:50%;
	height:200px;
	
	background-color: #5b4754;
	
	border-top-left-radius: 10px 10px; 
	border-top-right-radius: 10px 10px; 
	border-bottom-right-radius: 10px 10px; 
	border-bottom-left-radius: 10px 10px; 
	-moz-border-radius: 5px;
	border-top-left-radius: 10px 10px; 
	border-top-right-radius: 10px 10px; 
	border-bottom-right-radius: 10px 10px; 
	border-bottom-left-radius: 10px 10px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgb(187, 187, 204) 4px 4px 4px; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 2px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #5b4754; 
	border-right-color: #5b4754; 
	border-bottom-color: #5b4754; 
	border-left-color: #5b4754; 
	

	/*background-image:url('../imagenes/recuadrofondocolores.png');
	background-repeat:no-repeat;
	background-color: transparent;
	
	background-position: left right;
	
	background-size:100% 100%;*/
	
	/*
	 * background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	 * background-attachment: fixed; */

}

#body_logintxt{
	border:0 solid #f00;
	width:80%;
	margin:auto;
	/*background-color:#fff;*/
	padding:10px;
}

#body_logintxt>p{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#fff;
	font-size: 1.3em;
	font-weight: bold;

	border:0 solid #f0f;
	width:90%;
	margin:auto;
	text-align:center;
}

#body_logintxt a,#body_logintxt a:link,#body_logintxt a:visited,#body_logintxt a:active{
	color:#240085;
	text-decoration:none;
}

#body_logintxt a:hover{
	color:#0097ce;
	text-decoration:underline;
}

.login_obj{
	margin:20px 10px 23px 10px;
}
.login_obj>input{
	border:1px solid #fff;
	width:70%;
	margin:auto;
	padding:5px;
}

#folio::-webkit-input-placeholder,#curp::-webkit-input-placeholder,#correo::-webkit-input-placeholder{
  color:   var(--primary-color);
  text-align:center;
  font-size:1.3em;
  font-weight:bolder;
}

#folio:-moz-placeholder,#curp:-moz-placeholder,#correo:-moz-placeholder{
  color:   var(--primary-color);
  text-align:center;
  font-size:1.3em;
  font-weight:bolder;
}

#folio::-moz-placeholder,#curp::-moz-placeholder,#correo::-moz-placeholder{
  color:  var(--primary-color);
  text-align:center;
  font-size:1.3em;
  font-weight:bolder;
}

#folio:-ms-input-placeholder,#curp:-ms-input-placeholder,#correo:-ms-input-placeholder {
  color:    var(--primary-color);
  text-align:center;
  font-size:1.3em;
  font-weight:bolder;
}

.login_submit{
	text-align:right;
	padding-right:15%;
	padding-bottom:10px;
}

#internas_content{
	text-align:left;
}
.internas_submenu{
	border:0px solid #00f;
	float:left; 
	width:20%;
}
.internas_subcontent{

	border:0px solid #0ff;
	float:left; 
	width:80%;
	padding:0 20px;
	background-image: url('../imagenes/sombra2.png');
	background-repeat:repeat-y;
	background-position: left top;
	background-color: transparent;
}
.internas_submenu>ul{
	border:0px solid #000;
	display:inline-block;
	margin:auto;
	padding:0 0 0 20px;
	width:100%;
	height:100%;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
}
.internas_submenu>ul>li{
	border:0px solid #0f0;
	display:block;
	width:100%;
	padding:10px;
	margin:0;
}
.internas_submenu>ul>li:hover{
	cursor:pointer;
	background-color:#003366;
	color:#fff;
	font-size:1.2em;
	padding-left:10px;
}
.sectionblock{
	border:0px solid #f00;
	visibility: hidden;
	display:none;
}
#subcontent_default{
	min-height:360px;
	padding:20%;
	font-size:1.3em;
	text-align:center;
	
}
.btonesindex{
	width:100%;
	height: auto;
}
.btndivindex{
	margin-left:5px;
}

/* =================================================================== 
 * OBJETOS DEL FOOTER
 * ===================================================================*/
footer{
	border:0px solid #00f;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
 
 
/* =================================================================== 
 * OBJETOS DEL MENU
 * ===================================================================*/
 
/* Example One */

#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: -10px; 
	width: 101%; 
	height: 1px; 
	background: var(--primary-light-color);
	padding:5px;
}

.ie6 #magic-line {
	bottom: -3px;
}


.errored{
	display:block;
	width:100%;
	margin:auto;
	font-size:1em;
	color:#f00;
	text-align:center;
	padding-top:10px;
	background-color: #fff;
}

#body_btnim2{
		border:0px solid #000;
		margin:auto;
		text-align:center;
		display:block;
		clear: both;
	}
	
	

/* =================================================================== 
 * Seccion de videos
 * ===================================================================*/
 
 .centervideo{
	border:0px solid #000;
	text-align:center;
}

#iframeyoutube{
	border:0px solid #f00;
	margin:auto;
	text-align: center;
	width:90%;
	height:350px;
}

.gridvideos{
	width:auto;
	margin:auto;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	text-align:left;
	display:inline-block;
	width:90%;
}
.gridvideos>li{
	margin:10px 0;
	width:200px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	word-wrap: break-word;
	display: inline-block;
}
.gridvideos>li:hover{
	cursor:pointer;
}

.gridcontenedor{
	border: 1px solid #E6E5EA;
	margin:auto;
	width:96%;
	vertical-align:top;
}
.videostube{
	margin:auto;
	width:100%;
}
.videonum{
	border:0px solid #000;
	display:inline-block;
	font-size:1.5em;
	font-weight:bold;
	color:#003366;
	float:left;
	text-align:center;
	width:25%;
}
.videotext{
	border:0px solid #000;
	display:inline-block;
	width:75%;
	font-size:1em;
	padding:0 5px;
	word-break: break-all;
}
.responsivenew{
		width:100%;
	}

.appdownload{
	/*background-image: url('../imagenes/btndesc1.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	background-color: transparent;*/
	width:300px;
	height: 110px;
}
h3.avisosup{
	color:#f00;
	font-size:1.5em;
	font-weight: bold;
}

.iconalertsup{
	width: auto;
	height: 150px;
}
.avisosuptxt{
	font-size:1.2em;
	color:#000;
	font-weight: bold;
}
a.inboxtext,a.inboxtext:link,a.inboxtext:visited,a.inboxtext:active{
	line-height: normal;
	font-size: 1.3em;
	color:#1c2b47;
	text-decoration:none;
}
a.inboxtext:hover{
	text-decoration:none;
}



.tituloimg{
	border:0 solid #000;
	width:100%;
}
/* =================================================================== 
 * RESPONSIVE
 * ===================================================================*/
 
@media only screen and (max-width : 600px) {

	.body_divcol2{
		width:100%;
	}
	#body_colaviso{
		width:100%;
	}
	#body_aviso1>p{
		width:90%;
	}
	#header_logo{
		width:100%;
	}
	#header_menu{
		width:100%;
		display:none;
	}
	#body_btnimp{
		border:0px solid #000;
		margin:auto;
		text-align:center;
		clear: both;
	}
	#body_orientacion{
		width:90%;
	}


	nav>ul{
		width: 100%;
		display:block;
	}
	nav>ul>li{
		width: 100%;
		display:block;
	}

	
	.divfloatleft{
		width:80%;
	}

}
@media only screen and (min-width : 601px) and (max-width : 768px) {
	#body_btnimp{
		border:0px solid #000;
		
	}
	#header_menu{
		overflow: scroll;
		
	}

	.divfloatleft{
		width:80%;
	}
}
@media only screen and (min-width : 769px)  {
	#header_menu{
		overflow: scroll;
		width:66%;
		
	}
	#header_logo{
		width:34%;
	}

	#body_logintxt{
		/*background-color:transparent !important;*/
	}
	

	#body_login{
	}



}
@media only screen and (min-width: 1024px) { 
	#body_divmain{
		width:1024px;
	}
	#body_divfooter{
		width:1024px;
	}
	nav{
		width:1024px;
		margin:auto;
	}
	#header_menu{
		overflow: initial;
		
	}

	#body_btnimp{
		border:0px solid #000;
		margin:10px auto;
		
		max-width:431px;
		width:100%;
	}

	#header_logo2019{
		height: 100px;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}

	#body_login{
	}
}

@media only screen and (min-width: 1600px) { 
	#header_logo {
		width:40%;
	}
	#header_menu {
		width:60%;
	}
}