﻿/* Variables */
/* CSS Document */
/*New SP*/


html {
  box-sizing: border-box;
  font-size: 16px;
}

body {
  color: #32404D;
  font-family: "Poppins", sans-serif;
  overflow: inherit;
  font-size: 16px;
  background-color: transparent;
}

a, a:active {
  color: #932583;
  text-decoration: underline;
}

a:visited {
  color: #164193;
  text-decoration: underline;
}

a:hover, a:focus {
  /*color: #262626;
  text-decoration: none;
  background-color: #F6A500;*/
  color: #fff !important;
  text-decoration: none;
  background-color: #32404d;
}

h1, h2, h3, h4, h5, h6 {
  color: #32404d;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

h1 {
  font-size: 2.1rem;
  /*margin: 3rem 0;*/
}

h2 {
  font-size: 1.9rem;
  /*margin: 2.5rem 0;*/
}

h3 {
  font-size: 1.7rem;
  /*margin: 2rem 0;*/
}

h4 {
  font-size: 1.5rem;
  /*margin: 1.75rem 0;*/
}

h5 {
  font-size: 1.3rem;
  /*margin: 1.6rem 0;*/
}

.pre22-main p, ul, li {
  color: #32404D;
  font-family: "Poppins", sans-serif;
  /*font-size: 1rem;*/
  font-weight: 300;
}

.color-morado {
  background-color: #932583;
}

header .logotipo {
  width: 525px;
}
/*
header ul {
  font-size: 12px;
  border-radius: 0px !important;
  height: 50px;
  padding: 0px 0px;
  color: #32404D;
  
}*/

header ul {
  font-size: 12px;
  border-radius: 0px !important;
  height: 50px;
  padding: 0px 0px;
  color: #32404D;
  
}


header ul li:hover {
  color: #164193;
}

.pre22-main {
  font-family: "Poppins", Arial;
}
.pre22-main .pre-22-noticias-background hr {
  border-bottom: 8px solid #932583;
  opacity: 1;
}
.pre22-main .pre-22-noticias-background h3 {
  color: #932583;
  font-weight: 600;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .n1 {
  display: flex;
  flex-direction: column;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .n1 img {
  width: 100% !important;
  height: 432px;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .n1 .contenido p {
  -webkit-line-clamp: 5 !important;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .noticia {
  display: flex;
  background-color: #F6F7F9;
  margin-bottom: 1rem;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .noticia .contenido p {
  text-align: left;
  padding: 5px 10px;
  text-decoration: underline;
  font-weight: 600;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .noticia .contenido span {
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px;
}
.pre22-main .pre-22-noticias-background .pre-22-noticias .noticia img {
  width: 111px;
}



.color-morado {
  background-color: #932583;
}

.color-naranja {
  background-color: #e64610;
}

.color-verde {
  background-color: #30a137;
}

.color-rojo {
  background-color: #e31313;
}

.pre22-footer-enlaces {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: column;
  gap: 30px;
  list-style-type: none;
  margin-bottom: -45px;
}
.pre22-footer-enlaces-a:hover{
  background-color: inherit !important;
}
.pre22-footer-enlaces li {
  padding: 12px;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #fff;
  box-shadow: 1px 1px 11px -2px #4b4b4b;
}
.pre22-footer-enlaces-img{
  width:150px;
}

.pre22-footer-enlaces {
  flex-direction: row;
}

.pre22-footer-enlaces-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align: center;
  color: #32404D;
}

.pre22-footer {
  background-color: #32404D;
  color: #ffffff;
}
.pre22-footer h1, .pre22-footer h2, .pre22-footer h3, .pre22-footer h4, .pre22-footer h5, .pre22-footer h6, .pre22-footer p, .pre22-footer ul, .pre22-footer li, .pre22-footer a, .pre22-footer a:active {
  color: #ffffff;
}
.pre22-footer h2 {
  font-size: 1.8rem;
}
.pre22-footer h3 {
  font-size: 1.5rem;
}
.pre22-footer h4 {
  font-size: 1rem;
}
.pre22-footer h2 {
  text-align: center;
  margin-top: 0;
}
.pre22-footer .pre22-footer__redes ul {
  display: flex;
  list-style-type: none;
  gap: 16px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.pre22-footer .pre22-footer__redes ul a {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  gap: 5px;
 
}


.pre22-footer .pre22-footer__redes ul a .color-blanco i{
	color:#32404d;
	background-color:#fff;
	border-radius: 20px;
	padding:5px;
}


.pre22-footer .pre22-footer__redes ul a:hover{
	background-color: #fff;
    color: #32404D !important;
    text-decoration: none;
    border-radius: 20px;
}

.pre22-footer .pre22-footer__redes ul a:hover .redes_img{
	background: #fff;
	color:#32404D;
}
.pre22-footer .pre22-footer__redes ul a:hover .color-blanco i{
   color:#fff !important;
   background: #32404D !important;
}


.pre22-footer .pre22-footer__redes ul .redes_img {
  width: 30px;
  height: 30px;
  margin: 0px 5px;
  border-radius: 50%;
  color: #fff;
  padding: 0;
}
.pre22-footer .footer_links {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
  align-content: center;
  list-style-type: none;
}
.pre22-footer .footer_presidencia {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1rem;
}
.pre22-footer .politicas {
  font-size: 1rem;
}

.pre22-footer-enlaces {
    flex-direction: column;
        margin-bottom: 30px;
}

 
 
/* Menu Mobile lista */

 
	.navbar-brand {
	    padding-left: 30px;
	}
	header a:hover,header a:focus {
	  background-color: transparent;
	}
	.navbar-nav {
	    min-height: 950px;
	}
	.ms-core-listMenu-horizontalBox {  
	    width: 100%;
	}
	.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
    	display: inline-grid !important;
    	 
    	width: 100%;
    } 
	
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
		margin-right: 20px;
	    max-width: 100%;
	    font-size: 1.8rem;
	    vertical-align: middle;
	    padding: 16px 60px;
	}
	
	
	 
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover{
	 
		/*background-color: #32404d !important;
		color:white !important; 
		border: 1px solid!important; 
	    padding: 6px 10px!important; 
	    border-radius: 20px!important;*/ 
	    
	    background-color: #32404d !important;
	    color: white !important;
	    border: 1px solid!important;
	    padding: 8px 8px!important;
	    border-radius: 15px!important;
		
	}

	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:focus{
	 
		/*background-color: #32404d !important;
		color:white !important; 
		border: 1px solid!important; 
	    padding: 6px 10px!important; 
	    border-radius: 20px!important; */
	    
	    background-color: #32404d !important;
	    color: white !important;
	    border: 1px solid!important;
	    padding: 8px 8px!important;
	    border-radius: 15px!important;
		
	}
	 
	.navbar-toggler {
	    margin-right: 30px!important;
	    padding: 8px 0px;
	    margin-top: 15px;
	    font-size: 14px!important;
	    height: 60px!important;
	    min-width: 66px!important;
	}
	
	input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
	    border-color: #92c0e0;
	    background-color: #e6f2fa;
	    background-color: #e6f2fa;
	}

 
	 


 
/* Layout Reposive*/

@media (min-width: 414px){
/* Mobile segundo nivel */
	ul.dynamic {
		position: static !important;
	    height: auto !important;    
	    width: 100% !important;
	    font-size: 1.8rem !important;
	    padding-left: 60px !important;
	    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 47%) !important;

	}
	li.dynamic {
	    padding: 10px 80px;
	}
	.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	 	background-image: none !important; 	
	 }
 
}


@media (min-width: 768px){

/*Formato class Boostrap*/
	.col-md-6 {
   		 flex: 0 0 auto;
	    width: 100% !important;
	}
	.col-md-8 {
   		  
	    width: 100% !important;
	}

	.col-md-4 {
   		  
	    width: 100% !important;
	}
	
	.pre22-footer .pre22-footer__redes ul {
	     
	    align-items: flex-start;
	}
	.pre22-footer .pre22-footer__redes ul a {
	 
	    margin-left: 230px;
	    margin-top: 16px;
	}
}

@media (min-width: 1024px){

/* Menu Horizontal  */

	.navbar-nav {
	    min-height: inherit !important;
	}
	.navbar-brand {
	    padding-left: 0px;
	}
	
 	.pre22-header{
		margin-top: 10px;
	}
	 	 	
/*Segundo nivel menu*/
	

	ul.dynamic{
		position: absolute !important;

	    display: flex !important;
	    flex-direction: column !important;
	    height: auto;
	    width: 190px !important;
	    margin-top: 10px;	
	    font-size: inherit !important;

	    

    }
    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	 	background-image: url(/_layouts/15/images/menu-down.gif?rev=43) !important;
	 }

    
    
	li.dynamic {
		padding: 5px 0;
	    width: 190px !important;
	    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: -15px !important;    
	    
	}
	li.dynamic a:hover{
		background-color: #32404d !important;
	    padding: 5px;
	    border-radius: 10px;
	        width: 150px;

	}
	
	

	/* Anonimo */
	#zz2_RootAspMenu ul{
		border:0px solid transparent;
	}

	#zz10_TopNavigationMenu ul.zz2_RootAspMenu > ul li a{
		border:0px solid gray !important;
	}

	
	#zz1_TopNavigationMenu ul > li.static:nth-child(1) a{
		margin-right: 20px;
		
	}
	
	
	
	#zz2_RootAspMenu ul.static > li:nth-child(1) a{
		width: 180px !important;
		margin-left: -24px;	
	}
	#zz2_RootAspMenu ul.static > li:nth-child(2) a{
		width: 150px !important;	
	}  

	/*Login*/
	/*Inicio*/
 


	#zz11_RootAspMenu ul.static > li:nth-child(1) a{
		width: 170px !important;
		margin-left: -25px;	
	}
	#zz11_RootAspMenu ul.static > li:nth-child(2) a{
		width: 150px !important;	
	}  
	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    	margin-right: 26px;
    }
    .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
  
	    min-width: 50px !important;
	    font-size: inherit !important;
	    vertical-align: middle;
	    padding: 5px !important;
	    border: 0px solid blue;
	    padding-right: 30px;
	    /*width: 120px;*/
	    /*max-width: 160px !important;*/
	    display: flex !important;
	    align-items: center;
	    justify-content: center;
	    align-content: center;		    
	 }
	.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
	   
	    display: inline-flex !important;
	    margin-right: -18px;
	    align-items: center;

	}   
	
	
	
	  	
 		
	

/*Formato class Boostrap*/
	.col-md-6 {
   		 flex: 0 0 auto;
	    width: 50% !important;
	}
	.col-md-8 {
   		  
	    width: 60% !important;
	}
	.col-md-4 {
   		  
	    width: 40% !important;
	}
	.pre22-footer .pre22-footer__redes ul a {
	 
	    margin-left: -20px;
	    margin-top: 16px;
	}

}
  
@media screen and (min-width: 1280px) {

	.navbar-collapse{
		margin-left: 60px;
	}
	#zz1_TopNavigationMenu ul > li.static:nth-child(1) a{
		margin-right: 33px;
	}
	/*Anonimo*/
	#zz2_RootAspMenu ul.static > li:nth-child(1) a{
		width: 190px !important;	
	}

	.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    	font-size: .9rem!important;
    }
    #zz11_RootAspMenu ul.static > li:nth-child(1) a{
 
		width: 220px !important;
		margin-right: 2px;	
	}
	#zz11_RootAspMenu ul.static > li:nth-child(2) a{
	 
		width: 180px !important;	
	} 
	header .logotipo {
	   
	    margin-left: 20px !important;	
	}
 
	
} 
@media screen and (min-width: 1360px) {
	.navbar-collapse{
		margin-left: 120px;
	}	
} 
 

@media screen and (min-width: 1400px) {
	.navbar-collapse{
		margin-left: 150px;
	}	
} 
 
@media screen and (min-width: 1500px) {
	.navbar-collapse{
		margin-left: 230px;
	}	
} 


@media screen and (min-width: 1600px) {
	.navbar-collapse{
		margin-left: 230px;
	}	
} 
 
@media screen and (min-width: 1800px) {
	.navbar-collapse{
		margin-left: 560px;
	}	
} 

@media screen and (min-width: 1920px) {
	.navbar-collapse{
		margin-left: 680px;
	}	
} 
 
 

 
@media screen and (min-width: 1024px) {


   header .logotipo {
	  width: 260px;
	  margin-left: 10px;
	}
	
  .navbar-nav {
	   height: inherit !important;
	}
		

  /* Noticias */
    
  .pre22-main .pre-22-noticias-background hr {
    width: 40%;
  }
  .pre22-main .pre-22-noticias-background h3 {
    width: 63%;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .n1 {
    background-color: none !important;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .n1 img {
    width: 100% !important;
    height: 290px;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .n2 {
    margin-top: -40px;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .n1 {
    margin-top: 40px;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .noticia {
    display: flex;
    background-color: #F6F7F9;
    margin-bottom: 1rem;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .noticia .contenido p {
    text-align: left;
    padding: 5px 10px;
    text-decoration: underline;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .pre22-main .pre-22-noticias-background .pre-22-noticias .noticia .contenido span {
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
  }
  .pre22-main .pre-22-noticias {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 523px;
  }
  .pre22-main .noticia {
    background: #ccc;
    width: 50%;
  }
  .pre22-main .n1 {
    flex-basis: 100%;
    order: -1;
  }
  .pre22-main .n2 {
    order: 2;
  }
  .pre22-main .n3 {
    order: 3;
  }
  .pre22-main .n4 {
    order: 3;
  }
  .pre22-main .n5 {
    order: 4;
  }
  /* footer */
  
}
 
 

 
@media screen and (min-width: 1024px) {
  .pre22-footer-enlaces {
    flex-direction: row;
        margin-bottom: -30px;
  }
  .pre22-footer .pre22-footer__redes ul {
 	  flex-direction: row;
}

}
@media screen and (min-width: 1024px) {
  footer .redes-presidencia {
    flex-direction: row;
  }
}/*# sourceMappingURL=presidencia22.css.map */

/*Estilos SP
@media (min-width: 992px){
	.navbar-expand-lg .navbar-collapse {
	    display: flex!important;
	    flex-basis: auto;
	    justify-content: flex-end;
	    margin-right: 40px;
	}
}
*/


/* pagelyout noticias */
	#imagenArticulo img{
	width:100%
	
	}
	
	.pre22-main p, ul, li{
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	}
		
	.pieNota-50{
		width:100px;
	}
	
	.pieFoto{
		text-align: right;
	}
	
	.menu-right-page li > a.ms-core-listMenu-item:hover{
		border: none !important;
		background-color: #e5ecf3 !important;
	}
	.menu-right-page li > a.ms-core-listMenu-item:focus{
		border: none !important;
		background-color: #e5ecf3 !important;
	}

	#menu-pagelayout .ms-core-listMenu-selected {
	    background-color: #e5ecf3 !important;
	}
	.menu-right-page li > a.ms-core-listMenu-item:hover span{
		color: #32404d;
	}
	
	.list-group-item-dark {
	   
	    background-color: #FFC246 !important;
	}
	
	#ctl00_ctl55_ExplicitLogin{
		display:none !important;
	}
	#ctl00_ctl56_ExplicitLogin{
		display:none !important;
	}
	.list-group-item-gobierno{
	  background-color: #d3d3d4 !important;
	}
	
	.breadcrumb span{
		font-size: .8rem  !important;
		
	}

	.breadcrumb span a{
	    text-decoration: none !important;
	    color: #32404d !important;	
	 }
	 
	/*Control de busqueda inicio*/	
	.ms-srch-sbLarge {
	    display: inline-block;
	    z-index: 1001;
	    background-color: #ffc246 !important;
	    border: 1px solid #ffc246 !important;	
	 }
	.ms-srch-sb-border {
	    border: 0px solid #ababab;
	}
	
	.ms-srch-sbLarge-searchImg {
	    
   	 background: #ffc246;
    
    }
	 .ms-helperText, input.ms-helperText {
	    color: #32404d !important;
	}
 
	.ms-srch-sbLarge>input {
	    display: inline-block;
	    float: left;
	    /* border-style: none; */
	    outline-style: none;
	    vertical-align: middle;
	    font-size: 16px;
	    height: 30px;
	    margin: 0px 0px 0px 0px;
	    padding: 5px 20px;
	    background-color: #ffffff;
	    border-radius: 40px !important;
	}
	
	.ms-srch-sbLarge>input {
	    display: inline-block;
	    float: left;
	    border-style: solid;
	    outline-style: none;
	    vertical-align: middle;
	    font-size: 16px;
	    height: 30px;
	    margin: 0px;
	    padding: 5px 20px;
	    background-color: #ffffff;
	    border-radius: 40px !important;
	}
	
	
	
/*Prensa*/
	.play-back{
		color: #32404d;
	    font-size: 1.4rem;
	}
	.ms-promlink-headerNav a:hover{
	background-color: inherit !important;
}


/* Audios*/
 	.cbs-List{
		width: 100%;	
  	}
  	#audios{
		border:0px solid transparent;
		
 	}
	#audios h2{
		font-size: 1.6rem !important;
 	}
 	#audios p{
 		font-size: .8rem;
	}
 	#audios audio{
   		width: 100%;
   	}	

/*Catalogos*/

	#pre22-catalogos h2{
		font-size: 1.6rem !important;
	}
	.list-group-item{
	
		border-bottom:1px solid #32404d;
	}   
/*Catalogos fotografia */
	#pre22-catalogos_fotografia h2{
		font-size: 1.6rem !important;
	}		

/* Page layout noticias */

	.ms-ref-refiner {
	    padding: 0 0px 0 0;
	    text-align: center;

	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-top: 70px;
	}
	.ms-ref-refiner > a:hover{
		background-color: #fff;
	}

	.ms-ref-refinername:link, .ms-ref-refinername:visited {
    	color: #32404d !important;
    }
	
	#menu-pagelayout .ms-core-listMenu-selected{
				background-color:transparent!important;
				border:0px solid transparent;
				padding-left:20px;
	}
	#menu-pagelayout .listaMenu li{
		/*background-color:gray #32404D;*/
	    position: relative;
		display: block;
		color: #32404d;
		text-decoration: none;
		border-bottom-style: solid;
		border-bottom-width: thin;
		padding-left: 1em;
		padding-top: 2em;
		font-weight: 500;
		font-family: "Times New Roman", Times, serif;
		 
	}
	#menu-pagelayout #zz12_QuickLaunchMenu_NavMenu_Edit li{
		border:0 white none !important;
	}
	
	.ms-promlink-headerNav {
	    
	    float: center !important;
	}
	.ms-promlink-button-disabled {
 
	    color: white !important;	
	}
	
	/*Content Noticias h2*/
	#pre22-boletinContenido .ms-rtestate-field h2, h2.ms-rteElement-H2{
		color: #32404d; margin:1.2rem 0;
	}


	