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

body {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


}
/* Codigos de la section 1 - Nav and slider */
.navbar-brand{
	position: relative;
	top: 0;
	right: -10%;
}
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-indicators{
	z-index:3;
}
.carousel-caption{
	z-index:3;
}
.captionCarousel{
	bottom:20% !important;
}
.carousel-indicators li {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #513E3A;
  bottom:10% !important;
}

.carousel-indicators{
  bottom:10% !important;
}
.sideNavSocial {
    position: absolute;
    right: 0;
    top: 50%;
    list-style: none;
    font-size: 12pt;
}
.sideNavSocialFront {
    position: absolute;
    right: 20%;
    bottom: 10%;
    list-style: none;
    font-size: 12pt;
}
#navegacion{
	position:absolute;
	left:22%;
	top:2%;
}
.logo{
	z-index:6 !important;
}
.logo img{
	width:200px;
}
#navbarSupportedContent{
	margin:0 auto;
	position:absolute;
	right:0;
	z-index:5;
	transition:1s;
	width: 35%;
}
.navbar a{
	font-weight:800;
	color:#272255 !important;
}

.navbar a:hover{
	color:#3771B8 !important;
}
.areaSocios{
width: auto;
border:0;
font-family: "Gotham Book";
font-size: 10pt;
color:#fff;
background:#FF9D00;
margin: 0 auto;
padding:0.6em 1.2em;
}

.seccionSocios{
	width: auto;
	border:0;
	font-family: "Gotham Book";
	font-size: 10pt;
	color:#fff;
	background:#FF9D00;
	margin: 0 auto;
	padding:0.6em 1.2em;
	}
.search{
	font-size:24pt;
	color:#523e39;
	padding:0% 7%;
}
.search img{
	width:35px;
}
.sideNavSocial img{
	width: 20pt;
}
.sideNavSocialFront img{
	width: 20pt;
}
.sideNavSocialFront img{
	fill: red;
}
.sideMouse{
	position:absolute;
	bottom:10%;
	left:20%;
	width:35px;
}
/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 35px;
  position: relative;
  margin: 40px 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #813A12;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
  width:70%;
}

#nav-icon1 span:nth-child(3) {
  top: 28px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  background: url(../imagenes/menuBackground.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  transition: 0.5s;
}
#overlay-top {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  background-color:#F7F3EA;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  transition: 0.5s;
}
.overlay-content-bottm {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: left;
  margin-top: 30px;
}

.overlay a {
  padding: 0pt 10pt;
  text-decoration: none;
  font-size: 36px;
  color: black;
  display: block;
  transition: 0.3s;
}


.overlay-content a:hover{
  color: black !important;
}

.overlay-content-bottom .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 12px;
  font-family: "HurmeGeometricSans";
  cursor:pointer;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 12px;
  font-family: "HurmeGeometricSans";
  cursor:pointer;
}
.overlay .logo {
  position: absolute;
  top: 20px;
  left: 95px;
  font-size: 12px;
  font-family: "HurmeGeometricSans";
}
.overlay span{
  font-size: 22px;
  font-family: "HurmeGeometricSans";
  
}
.listaMenu{
	margin:0 auto;
	background:none;
	border:0;
}
.subnav{
	color:#DECAA0;
	font-size:15pt;
}
.nav li{
	padding:0px 10px;
	text-align:center;
}
a:link {
  text-decoration: none;
}
.mainNav{
	color:white;
	font-size:30pt;
	background:none;
	border:0;
	text-decoration:none;
	font-family:"Gotham Medium";
}
.listaMenu a:hover{
	color: #F08A14 !important;
}
.subNavLi a:hover{
	color: #F08A14 !important;
}
.subNavLi{
	text-align:center;
}
.subNavLi li{
	border-right:1px solid #DECAA0;
	font-family:"Gotham Medium";
	font-size:15px;
}
.subNavLi li:last-child{
	border-right:none;
}
.sideNavSocial{
	position:absolute;
	right:0;
	top:50%;
	list-style:none;
	font-size:12pt;

}
.sideNavSocial a{
color:white;
text-decoration:none;

}
.sideNavSocial a:hover{
color:white !important;

}
.filter {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
/* Codigos de la section 2 blog de noticias */


.my-span-grey{
	font-family: "Gotham Medium";
	font-size:14pt;
	color:#A0ADB6;	
	line-height:22pt;
	display:block;
}

.my-span-texto{
	font-family: "Gotham Bold";
	font-size:18pt;
	color:#813A12;	
	display:block;
	line-height:26pt;
}
.my-span-texto-content{
	font-family: "Gotham Bold";
	font-size:14pt;
	color:#813A12;	
	display:block;
	line-height:16pt;
}

.my-span-texto-2{
	font-family: "Gotham Book";
	font-size:14pt;
	color:#1D1D1B;	
	display:block;
	text-align:left;
	line-height:23pt;
}
.my-new-card{
	background: none;
	border:none;
	border-radius:none;
	padding:0 !important;
	}


.card-body{
	padding:0 !important;
	}


.my-button-noticias{
	border: 3pt solid;
	border-color: #F08A14;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: #513E3A;
	background:transparent;
	margin:0 auto;
	height: 4em;
	width: 20em;
	
}

.imageOverlayContent {
  position: relative;
  width: 100%;
  background-color: rgba(81, 62, 58, 1);
  background-blend-mode: multiply;

}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.imageOverlayContent:hover .image {
  opacity: 0.2;
}

.imageOverlayContent:hover .middle {
  opacity: 1;
}

.text {
  color: white;
  font-size: 46pt;
}


/* Codigos de la section 3 Que es ADEP */


.my-section-3{
	box-sizing: content-box;
	background-image:url(../imagenes/diplomaticos.jpg);
	background-size:cover;
	background-position:top;
	background-repeat: no-repeat;
	width: 100%;
	position:relative;
	height:100vh;
}

.my-col-section3-2{
	line-height:27pt;
	font-family: "Gotham Book";
	font-size: 23pt;
	color:white;
}

.textoPostularte{
	line-height:27pt;
	font-family: "Gotham Book";
	font-size: 23pt;
	color:#513E3A;
}

.my-button-adep{
	height: 4em;
	width: 20em;
	border: 3pt solid;
	border-color: #F08A14;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: rgba(255,255,255,1.00);
	background:transparent;
	
}

/* FIN Codigos de la section 3 Que es ADEP */


/* Inicio Sesion*/
.ingresar{
	width:60%;
	margin:0 auto;
	background-color:#F08A14;
	color:white;
	border:0px;
	border-radius:0px;
	font-family:"Gotham bold";
	padding:2%;
}

.ingresar:hover{
	width:60%;
	margin:0 auto;
	background-color:#8F4D1F;
	color:white;
	border:0px;
	border-radius:0px;
	font-family:"Gotham bold";
	padding:2%;
}
#cerrarOverlayTop{
	position:absolute;
	right:15%;
	top:5%;
	font-size:22pt;
	cursor:pointer;
	color:#813A12;
}


/* Seccion votacion*/

.votaciones1{
	background:white;
	padding:2%;
}
.votacionHeader{
	background:url('../imagenes/votacionHeader.jpg');	
	height:40vh;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
.votar{
	width:40%;
	margin:0 auto;
	background-color:#F08A14;
	color:white;
	border:0px;
	border-radius:0px;
	font-family:"Gotham Bold";
	padding:2%;
}
.votar:hover{
	width:40%;
	margin:0 auto;
	background-color:#8F4D1F;
	color:white;
	border:0px;
	border-radius:0px;
}
.votarBlanco{
	width:40%;
	margin:0 auto;
	background-color:white;
	border:1px solid #8F4D1F;
	color:#F08A14;
	border-radius:0px;
	font-family:"Gotham Bold";
	padding:2%;
}
.votarBlanco:hover{
	width:40%;
	margin:0 auto;
	background-color:#8F4D1F;
	border:1px solid #8F4D1F;
	color:white;
	border-radius:0px;
}
.areaVotacion {
    width: 100%;
    border: 0;
    font-family: "Gotham Book";
    font-size: 10pt;
    color: #fff;
	background:#FF9D00;
    margin: 0 auto;
    padding: 0.6em 5.2em;
}


 /* Codigos de la section 4 Estas Interesado? */

.my-section-4{
	box-sizing: content-box;
	background-image:url(../imagenes/background-section-44.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
}


.my-text-section4-1{
	font-family: "Gotham Black";
	font-size: 65pt;
	color: #513E3A;	
	
}

.my-text-section4-2{
	font-family: "Gotham Bold";
	font-size: 45pt;
	color: #813A12;	
	
}

.my-text-section4-3{
	font-family: "Gotham Bold";
	font-size: 45pt;
	color: #813A12;	
	
}

.my-text-section4-4{
	font-family: "Gotham Black";
	font-size: 65pt;
	color: #513E3A;	
	
}

.my-button-postularte{
	height: 4em;
	width: 20em;
	border: 3pt solid;
	border-color: #8F4D1F;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: #513E3A;
	background:transparent;

}


/* Codigos de la section 5 Tres Columnas */

.my-section-5{
	background: #F6F5F5;
	box-sizing: content-box;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	height: 100vh;
	width: 100%;
}

.my-container-5{
	background:green;
	
}

.my-row-section-5{
	background:red;

		
}

.my-col-section5-1{
	height: 70vh;
	background:url(../imagenes/background-col-1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family:  "Gotham Bold";
	color: #FFFFFF;
	font-size: 20pt;
	line-height: 1;
	align-items: center;
	
}

.my-box-orange-1{
	background:#F08A14;
	height: 1vh;
	width: 40%;
}

.my-box-orange-2{
	background:#513E3A;
	height: 1vh;
	width: 40%;
}

.my-box-orange-3{
	background:#813A12;
	height: 1vh;
	width: 40%;
}

.my-overlay-section-5-1{
	height: 70vh;
	
	
}

.my-button-col-1{
	width:92%;
	height: 5vh;
	border: 2pt solid;
	border-color:#FFFFFF;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: #F08A14;
	background:transparent;
	
}

.my-text-container-1{
position: absolute;
bottom: 10%;
margin: 0 auto;
left: 25%;
width: 80%;
left: 12%;
}

.my-col-section5-2{
	height: 70vh;
	background:url(../imagenes/background-col-2-2-2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family:  "Gotham Bold";
	color: #FFFFFF;
	font-size: 20pt;
	line-height: 1;
	align-items: center
}

.my-overlay-section-5-2{
	height: 70vh;
	
}

.my-col-section5-3{
	height: 70vh;
	background:url(../imagenes/background-col-3-4.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	font-family:  "Gotham Bold";
	color: #FFFFFF;
	font-size: 20pt;
	line-height: 1;
	align-items: center
}

.my-overlay-section-5-3{
	height: 70vh;
}

.my-container-actividades{
	font-family: "Gotham Book";
	font-size: 23pt;
	color: #513E3A;
	text-align:center;
}

.my-button-container-actividades{

	width: 40vh;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: #513E3A;
}

.my-button-col-actividades{
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: #513E3A;
	height: 4em;
	width: 20em;
	border: 3pt solid;
	border-color: #F08A14;
	background:transparent;
	align-items: center;
}
.my-text-container-1:hover p{
	      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
	transition: 1s ease;
}




/* Fin de la section 5 Tres Columnas */

/* Inicio Section 6 -- Ubicacion Mapa */

.my-section-6{
	position: relative;
	background: #F6F5F5;
	box-sizing: content-box;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
}


.my-row-ubicacion{
	margin:0;
	padding:0;
	height: 100%;
}
#map{
	height:70vh;
}
/* Fin de la  Section 6 -- Ubicacion Mapa */


/* Section 7 -Formulario de contactos */

.my-section-7{
	height: 100vh;
	background: #F6F5F5;

}


.my-col-form-2{
	line-height:27pt;
	font-family: "Gotham Book";
	font-size: 23pt;
	color:#513E3A;
}

.my-col-form-3{
	font-family:  "Gotham Book";
	color: #8F4D1F;

	font-size: 10pt;
}


.my-new-form{
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 7px;
	font-family:  "Gotham Book";
	color: #8F4D1F;
	font-size: 10pt;
	
	
}

input , textarea{
	width: 100%;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 0px;
	box-sizing: border-box;
	border: none;
	background: #ECE1D7;
	color: #8F4D1F;
	
}


#nombre {
	width: 100%;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 0px;
	box-sizing: border-box;
	border: none;
	background: #ECE1D7;
	color: #8F4D1F;
	font-family:  "Gotham Book";
	font-size: 16pt !important;
}

#email {
	width: 100%;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 0px;
	box-sizing: border-box;
	border: none;
	background: #ECE1D7;
	color: #8F4D1F;
	font-family: "Gotham Book";
	font-size: 16pt !important;
	
}

#telefono {
	width: 100%;
	border-radius: 0px;
	border: none;
	background: #ECE1D7;
	color: #8F4D1F;
	font-family:  "Gotham Book";
	font-size: 16pt !important;
}

#textarea-1{
	min-height: 100px;
	max-height: 200px;
	height: 400px;
	background: #ECE1D7;
	border-radius: 0px;
	border: none;
	color: #8F4D1F;
	font-family:  "Gotham Book";
	font-size: 10pt;
}

.my-button-col-form{
	font-family: "Gotham Bold";
	font-size: 12pt;
	color: #513E3A;
	width:auto;
	padding: 5pt 50pt;
	border: 3pt solid;
	border-color: #F08A14;
	background:transparent;
	float: right;
}


.my-input-password{
	background: #E9E9EA;
	width: 153px;
	height: 46px;
	border-radius: 1px 1px 1px 1px;
	
}

.my-div-password{

	display: flex;
	justify-content: space-around;
	align-content: center;
	align-items: center;
	align-self: center;
	width: 80%;
}

.my-container-icons{
	padding: 5%;
	height: 20vh;
	color: #000000;
	
}

.my-row-icons{

	
	justify-content: center;
	height: 15vh;
}

.my-col-icons-1{
	align-items: center;
}

.my-col-icons-2{
	
	align-items: center;
}
.my-col-icons-3{
	
	
}

.my-mobile-container{
	text-align:center;
}

.my-llamanos-container{
	font-family: "Gotham book";
	color: #8F4D1F;
	font-size: 14pt;
}

.my-marker-container{
	text-align:center;
	
}

.my-envelope-container{
	text-align:center;
}
.my-new-form ::placeholder{
	color:#8F4D1F;
	font-family:"Gotham Book";
	font-size:16pt;
}

/* Fin de la  Section 7 - Formulario */




/* clases del footer */

.my-footer-adep{
	background: #8F4D1F;
	height: 112px;	
}

.my-footer-container{
	height: 112px;
	width: 8%;
	display: flex;
	justify-content: center;
	align-content:center;
	align-items: center;
	align-self: center;
}


/* Fin del Footer */




 /* extender boostrap pt */
.pt-6{
	padding-top:4rem;
}
.pt-7{
	padding-top:5rem;
}
.pt-8{
	padding-top:6rem;
}
.pt-9{
	padding-top:7rem;
}
 .pt-10{	padding-top:8rem;}
 
   /* fin extender boostrap pt */
   
   

 /* extender boostrap pb */
 
.pb-6{
	padding-bottom:4rem;
}
.pb-7{
	padding-bottom:5rem;
}
.pb-8{
	padding-bottom:6rem;
}
.pb-9{
	padding-bottom:7rem;
}
.pb-10{	

	padding-bottom:8rem;
}
 
   /* fin extender boostrap pb */


/* Seccion noticias*/

.lastNews{
	background:url('../imagenes/ultimasNoticias.jpg');	
	height:50vh;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
.news1{
	background:#F6F1E8;
	padding:2%;
}
.news2{
	background:#fff;
	padding:2%;
}
.noticiasInterna{
	background:#F6F1E8;
}
/* Seccion FIN noticias*/

/* Seccion Noticia*/

/* Seccion FIN Noticia*/
.tituloNoticia{
	font-family:"Gotham Medium";
	font-size:30px;
	color:#513E3A;
	text-transform:uppercase;
}
.my-button-descargar{
	padding:10pt 30pt;
	border: 3pt solid;
	border-color: #8F4D1F;
	font-family: "Gotham Bold";
	font-size: 14pt;
	color: #F08A14;
	background:transparent;
	text-transform:uppercase;

}
.multimediaTitulo{
	font-size:16pt;
	color:#5B443D;
	font-family:"Gotham Bold";
	
}