/*@charset "utf-8";*/
/* CSS Document */

@import url('https:fonts.googleapis.com/css?family=arial:300,400');

*{
    margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"'serif';
}

header{
	width: 100%;
	height: 105px;               /*altura linea azul y grosor*/
	border-bottom: 15px solid hsla(246,80%,36%,0.97);  /*grosor*/
	position: fixed;
	z-index: 100;
	/*background: goldenrod, transparent;*/
	/*background-color: gold;*/
	background-color: transparent;
	
	margin: auto;
}

.container-header{
	width: 100%;
	max-width: 1275px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.container-logo-title{
	display: flex;
	justify-content: center;
	margin-top: 10px;
	margin-left: 10px;
}

.container-logo-title img{
  	width: 65px;
	height: 75px;
}

/*h3{
	font-size: 130px;
	color: hsla(246,80%,36%,0.97);
	font-weight: bold;
	margin-top: 12px;     /*altura titulo muni*/
	/*margin-left: 35px;
	
}*/


.container-logo-title h3{
	font-size: 28px;
	color: hsla(246,80%,36%,0.97);
	font-weight: bold;
	margin-top: 10px;     /*altura titulo muni*/
	margin-left: 15px;    /*margen izquierdo*/
	
}

/*h6{
	font-size: 45px;
	color: hsla(246,80%,36%,0.97);
	font-weight: bold;
	margin-top: 2px;     /*altura titulo muni*/
	/*margin-left: 15px;
	
}*/


.container-logo-title h6{
	font-size: 12px;
	color: hsla(246,80%,36%,0.97);
	font-weight: bold;
	margin-top: 22px;     /*administracion*/
	margin-left: 45px;        /*administracion*/
	
}


/*.container-menu{
	right: 110;
}*/

.menu{
	position: absolute;
	right: 0;
	/*left: 0;*/
	margin-top: 46px;   /*altura menu*/
			
	}

.menu ul{
	display: flex;
	
}

.menu > ul li{
	list-style: none;
	font-size: 11px;            /*tamaño letra menu*/
	font-weight: bold;
	color: mediumblue;
										/*separacion del menu*/
	padding: 20px 20px;  /*BAJA EL MENU PRINCIPAL*/  /*lo separa*/
	border: 4px solid transparent;
	border-top: 4px solid transparent;   /*separacion del menu*/
	cursor: pointer;
	transition: border 900ms;
	transition: border-top 900ms;
	position: relative;
	
	
	
}

.menu > ul > li:hover{
	/*border-top: 15px solid transparent;
	border: 2px solid hsla(198,63%,40%,1.00);*/
	/*border-top: 27px solid hsla(246,80%,36%,0.97);*/
	/*border-top: 10px solid mediumblue;*/  /*grosor linea azul*/
	
}

.menu ul li label,
.menu ul li span{	
	color: hsla(246,80%,36%,0.97);
	
}

.menu ul li span{
	font-size: 20px;
	position: relative;
	top: 4px;
	
}

.menu ul li label{
	font-size: 28px;
	position: relative;
	top: -6px;
	
}

.menu ul li .icon2{
	position:relative;
	top: -3px;
	
}


/*SUB MENUS*/

.menu ul li ul{
	/*cambie estaba menos*/
	width: 130px;   /*ANCHO SUBMENU*/
	position: absolute;
	top: 50;
	left: 0;
	flex-direction: column;
	border: 3px solid hsla(246,80%,36%,0.97);
	background: yellow;
	border-bottom: 4px solid blue;
	padding: 0.5px;    /*margen icono fleca*/
	
}

.menu ul li ul li{
	/*cambie estaba 1*/
	/*width: 210px; */  /*ANCHO SUBMENU*/
	padding: 0.1px 2px; /*ANCHO MENU INTERNO margen izquierdo    altura*/
	border-bottom: 2px solid hsla(246,80%,36%,0.97);
	position: relative;
	
}

.menu ul li ul li:hover{
	background: #9EB1CF;
	/*overflow-y: scroll;*/
}

/* SUB MENU LATERAL*/

.menu ul li ul li ul{
	/*width: 310px; */  /*ANCHO SUBMENU*/
	position: absolute;
	/*cambie*/
	left: 120px;           /*DISTANCIA DE LOS SUBMENUS*/
	top: 0;   /*altura tercer menu*/
}

.icon-menu{
	display: none;
}

			/*BOTONES FLOTATES*/

#btn-mas{
	display: none;
}
.boton{
	position: fixed;
	bottom: 10px;
	right: 20px;
}
.avances a, icon-mas2{
	display: block;
	text-decoration: none;
	background: #cc2b2b;
	color: #fff;
	width: 175px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 1px 10px rgba(0.0.0.0.4);
	transition: all 500ms ease;
}
.avances a:hover{
background: #fff;
	color: #cc2b2b;
}

		/*SEGUNDO BOTON FLOTANTE*/

#btn-masmas{
	display: none;
}
.boton2{
	position: fixed;
	bottom: 70px;
	right: 20px;
}
.avancesdos a, icon-mas3{
	display: block;
	text-decoration: none;
	background: #cc2b2b;
	color: #fff;
	width: 175px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 1px 10px rgba(0.0.0.0.4);
	transition: all 500ms ease;
}
.avancesdos a:hover{
background: #fff;
	color: #cc2b2b;
}





main{
	width: 100%;
	max-width: 11220px;
	margin: auto;
	position: relative;
	top: 0px;
}

article{
	padding: 5px;
}

article h1{
	font-size: 40px;
	font-weight: 100;
}
article h2{
	font-size: 30px;
	font-weight: 100;
}
article h3{
	font-size: 20px;
	font-weight: 100;
}

article{
	font-size: 40px;
	font-weight: 100;
}

article p{
	font-size: 20px;
	margin-top: 20px;
	
}

/*SECCION DE NOTICIAS*/

.container-bg{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 15px;
	
}
.bg1{
	width: 100%;
	max-width: 800px;
	height: 400px;
	background-image: url("EJECUCION/ejec_pue_23/adul8.jpg");
	background-position: right;
	background-size: cover;
	margin: 20px;
}

.bg12{
	width: 100%;
	max-width: 800px;
	height: 400px;
	background-image: url("EJECUCION/ejec_pue_23/adul3.jpg");
	background-position: right;
	background-size: cover;
	margin: 20px;
}

.bg2{
	width: 100%;
	max-width: 450px;
	height: 300px;
	display: inline-block;
	background-image: url("EJECUCION/ejec_pue_23/adul5.jpg");
	/*background-position: center center;*/
	background-size: cover;
	margin: 20px;
}

.bg11{
	width: 100%;
	max-width: 450px;
	height: 300px;
	display: inline-block;
	background-image: url("EJECUCION/ejec_pue_23/adul6.jpg");
	/*background-position: center center;*/
	background-size: cover;
	margin: 20px;
}

.bg3{
	width: 100%;
	max-width: 400px;
	height: 200px;
	margin-left: 100px;
	display: inline-block;
	background-image: url("imagenes/pue1.jpg");
	/*background-position: right right;*/
	background-size: cover;
	margin: 20px;
}

.bg4{
	width: 100%;
	max-width: 400px;
	height: 200px;
	margin-left: 400px;
	display: inline-block;
	background-image: url("imagenes/pue2.jpg");
	align: right;
	/*background-position: center center;*/
	background-size: cover;
	margin: 20px;
}
.bg5{
	width: 100%;
	max-width: 800px;
	height: 400px;
	background-image: url("imagenes/pue3.jpg");
	/*background-position: center center;
	background-size: cover;*/
	margin: 120px;
}

.bg6{
	width: 100%;
	max-width: 800px;
	height: 400px;
	background-image: url("imagenes/comedor3.jpg");
	/*background-position: center center;
	background-size: cover;*/
	margin: 120px;
}

.bg7{
	width: 100%;
	max-width: 250px;
	height: 250px;
	margin-left: 100px;
	display: inline-block;
	background-image: url("imagenes/comedor1.jpg");
	/*background-position: right right;*/
	background-size: cover;
	margin: 20px;
}

.bg8{
	width: 100%;
	max-width: 250px;
	height: 250px;
	margin-left: 400px;
	display: inline-block;
	background-image: url("imagenes/comedor4.jpg");
	align: right;
	/*background-position: center center;*/
	background-size: cover;
	margin: 20px;
}

.bg9{
	width: 100%;
	max-width: 250px;
	height: 250px;
	margin-left: 400px;
	display: inline-block;
	background-image: url("imagenes/comedor5.jpg");
	align: right;
	/*background-position: center center;*/
	background-size: cover;
	margin: 20px;
}

.bg10{
	width: 100%;
	max-width: 400px;
	height: 400px;
	background-repeat: no-repeat;
	background-image: url("imagenes/comedor2.jpg");
	/*background-position: center center;
	background-size: cover;*/
	margin: 120px;
}


/*--------------------
  Video section
----------------------*/
.post-headerv{
	width: 2%;
	margin: auto;
}
video{
	width: 75%;
}

#video-section {
  background: url('../images/temp/tweet-bg.jpg') center top;
  position: relative;
  padding: 10px 0;
}

#video-section:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: red;
  opacity: .9;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#video-section .container {
  position: relative;
  z-index: 3;
}

#video-section .video-section-content a {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border: 8px solid rgba(255,255,255, .93);
  text-align: center;
  line-height: 78px;
  font-size: 28px;
  color: rgba(255,255,255, .93);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#video-section .video-section-content a .fa-play {
  position: relative;
  left: 4px;
}

.video-head {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  padding-bottom: 7px;
}

.video-sub-heading {
  font-size: 120px;
  font-weight: 300;
  text-align: center;
  line-height: 1.3;
  opacity: .9;
  color: #fff;
}


/*******************************/
/********* Contact CSS *********/
/*******************************/
.contact {
    position: relative;
    width: 100%;
    padding: 45px 0 15px 0;
}

.contact .contact-info {
    position: relative;
    display: flex;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    transition: .3s;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.contact .contact-icon {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .1);
}

.contact .contact-icon i {
    font-size: 18px;
    color: #0796fe;
}

.contact .contact-text {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}

.contact .contact-text h3 {
    font-size: 16px;
    font-weight: 400;
    color: #092a49;
    letter-spacing: 1px;
}

.contact .contact-text p {
    margin: 0;
    font-size: 16px;
}

.contact .contact-form {
    position: relative;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    transition: .3s;
}

.contact .contact-form:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.contact .contact-form input {
    padding: 15px;
    background: none;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .1);
}

.contact .contact-form textarea {
    height: 100px;
    padding: 8px 15px;
    background: none;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .1);
}

.contact .contact-form .btn {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #092a49;
    background: none;
    border: 2px solid #092a49;
    border-radius: 0;
    transition: .3s;
}

.contact .contact-form .btn:hover {
    color: #0796fe;
    background: #092a49;
}

.contact .help-block ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


/*******************************/
/******* Single Page CSS *******/
/*******************************/
.single {
    position: relative;
    width: 100%;
    padding: 45px 0 15px 0;
}

.single img {
    width: 100%;
    margin: 0 0 25px 0;
}

.single .table,
.single .list-group {
    margin-bottom: 30px;
}

.single .ul-group {
    padding: 0;
    list-style: none;
}

.single .ul-group li {
    margin-left: 2px;
}

.single .ul-group li::before {
    position: relative;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.single .ol-group {
    padding-left: 18px;
}

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

/*  13.Blog Area
/*--------------------------------*/

.blog-area {
  height: auto;
  width: 100%;
}

.blog-text h4 a {
  color: #444;
  text-decoration: none;
}

.blog-text h4 {
  color: #444;
  margin-bottom: 15px;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  text-decoration: none;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  display: inline-block;
  padding: 0 1px 5px 0;
  position: relative;
  text-decoration: none;
}

.blog-btn {
  position: relative;
}

.blog-btn::after {
  content: "\f178";
  font-family: fontawesome;
  position: absolute;
  right: -20px;
  top: 1px;
  transition: all 0.3s ease 0s;
}

.blog-btn:hover::after {
  right: -30px;
}

.blog-btn:hover {
  color: #333;
  text-decoration: none;
}

.blog_meta span.date_type i {
  margin-left: 5px;
}

.blog-meta span.comments-type {
  margin-left: 5px;
}

.blog-meta span i {
  padding-right: 10px;
}

.blog-content .blog-meta {
  border-bottom: 1px dotted #333;
}

.blog-meta {
  border-bottom: 1px dotted #fff;
  padding: 10px 0;
}

.comments-type>a, .date-type, .blog-meta span.comments-type {
  color: #333;
  letter-spacing: 1px;
  margin-right: 5px;
}

.blog-meta .comments-type i {
  padding-right: 0 !important;
}

.blog-content-right .comments-type>a, .blog-content-right .date-type, .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p {
  color: #fff;
  letter-spacing: 1px;
}

.single-blog .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.single-blog .ready-btn:hover {
  border: 1px solid #3EC1D5;
  color: #fff;
}



/*******************************/
/********* Footer CSS **********/
/*******************************/
.footer {
    position: relative;
    margin-top: 45px;
    padding-top: 90px;
    background: #092a49;
}

.footer .footer-contact,
.footer .footer-link,
.footer .footer-newsletter {
    position: relative;
    margin-bottom: 45px;
    color: #ffffff;
}

.footer .footer-contact h2,
.footer .footer-link h2,
.footer .footer-newsletter h2 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 1px;
    color: #ffffff;
}

.footer .footer-contact h2::after,
.footer .footer-link h2::after,
.footer .footer-newsletter h2::after {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #0796fe;
}

.footer .footer-link a {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    transition: .3s;
}

.footer .footer-link a::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    margin-right: 10px;
}

.footer .footer-link a:hover {
    color: #0796fe;
    letter-spacing: 1px;
}

.footer .footer-contact p i {
    width: 25px;
}

.footer .footer-social {
    position: relative;
    margin-top: 20px;
}

.footer .footer-social a {
    display: inline-block;
}

.footer .footer-social a i {
    margin-right: 15px;
    font-size: 6px;
    color: #092a49;
}

.footer .footer-social a:last-child i {
    margin: 0;
}

.footer .footer-social a:hover i {
    color: #999999;
}

.footer .footer-newsletter .form {
    position: relative;
    width: 100%;
}

.footer .footer-newsletter input {
    height: 60px;
    border: 2px solid #1d2434;
    border-radius: 0;
}

.footer .footer-newsletter .btn {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 44px;
    padding: 8px 20px;
    font-size: 4px;
    font-weight: 400;
    color: #092a49;
    background: none;
    border-radius: 0;
	/*border: 2px solid #092a49;*/
    border: 2px solid #40422F9;
    transition: .3s;
}

.footer .footer-newsletter .btn:hover {
    color: #0796fe;
    background: #8C9770;
}

.footer .copyright {
    padding: 0 20px;
}

.footer .copyright .row {
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 5px solid rgba(256, 256, 256, .1);
}

.footer .copyright p {
    margin: 0;
    color: #999999;
}

.footer .copyright .col-md-6:last-child p {
    text-align: right;
}

.footer .copyright p a {
    color: #ffffff;
}

.footer .copyright p a:hover {
    color: #0796fe;
}

@media (max-width: 767.98px) {
    .footer .copyright p,
    .footer .copyright .col-md-6:last-child p {
        margin: 5px 0;
        text-align: center;
    }
}




@media screen and (max-width: 900px){
	
	header{
		height: 60px;
	}
	
	.container-logo-title{
		height: 40px;
		margin-top: 4px;
	}
	
	.container-logo-title img{
		width: 40px;
		height: 40px;
	}
	
	.container-logo-title h3{
		font-size: 12px;
		margin-top: 3px;
	}
	
 .icon-menu{
	 
	display: block;
	 position: absolute;
	 right: 0;
	 top: 5px;	 
	 font-size: 40px;
	 
}

	body{
		/*transform: translateX(0px);*/
		transition: all 500ms;
	}
	
	.body2{
		transform: translateX(-300px);
	}
	
	.menu{
		width: 325px;
		height: 100vh;
		position: fixed;
		top: 0px;
		right: -325px;
		/*background: #202f30;*/
		background: white;
		margin-top: 0px;
		overflow-y: scroll;           /*revisar funcion scroll*******/
	}
	.menu ul{
		flex-direction: column;
	}
	.menu ul li ul{
		top: 0;
		border-bottom: 1px solid transparent;
	background-color: whitesmoke; /*color fondo sub menu respon*/
	}
	
	.menu ul li:hover{
	border: 0.5px solid transparent;
	border-top: 1px solid transparent;
	} 
	
	.menu ul li ul{
		width: 100%;
		position: relative;
		border: none;
		/*padding: 2px;*/
	}
	
	.menu ul li ul li{
		color: blue;
		border-bottom: 1px solid #E7E7E7;
	}
	
	.menu ul li ul li:hover{
		/*color: aliceblue;*/
		background-color: blue;
		/*color: greenyellow;*/    /*al pasar el mouse*/
		background: #E7E7E7;    /*grosor linea*/
		}
	
	.menu ul li ul li ul{
		width: 100%;
		position: relative;
		left: 0px;
		top: 0.5px;
	}
	
	article{
		text-align: center;
	}
}