@font-face {
    font-family: 'montserratregular';
    src: url('./fonts/montserrat-regular-webfont.eot');
    src: url('./fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-regular-webfont.woff') format('woff'),
         url('./fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratbold';
    src: url('./fonts/montserrat-bold-webfont.eot');
    src: url('./fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-bold-webfont.woff') format('woff'),
         url('./fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratsemibold';
    src: url('./fonts/montserrat-semibold-webfont.eot');
    src: url('./fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('./fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratmedium';
    src: url('./fonts/montserrat-medium-webfont.eot');
    src: url('./fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-medium-webfont.woff') format('woff'),
         url('./fonts/montserrat-medium-webfont.svg#montserratmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratblack';
    src: url('./fonts/montserrat-black-webfont.eot');
    src: url('./fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-black-webfont.woff') format('woff'),
         url('./fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
margin: 0;
padding:0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


html { height: 100%;  background-color: #f8faff; }

body {
       
    color:#FFFFFF;
 	font-size: 12pt;
	margin: 0 auto;
	width:100%;
	height: 100%;	
    overflow: auto;	
    font-family: 'montserratregular' !important;
    background-color: #f8faff; 
}

.menu_bar{ display:none; }


header {

    background-color: #f8faff;
    color: #585858;
    width: 100%;
    height: 63px;
    margin: 0 auto;     	  
    border-bottom:4px solid #000000;
}


header .logo {
    width: 20%;
    margin: 0 30px 0 20px;
}


header .titulo_cabeza {
    width: 100%;
    margin: 0px auto;
    text-align: center;

 }   

header .logo #logo {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 15px 0;
    display: block;
}
header .logo #logo img { width: 100%; }

header ul.logo {
    width: 100%;
    margin: 0 30px;
}

header ul.logo #logo {
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 15px 0;
    display: block;
}

header ul.logo #logo img { width: 100%; } 

header nav {

 background-color: #F4E600;
z-index:10000; 
max-width:1000px;
width:15%;
margin:0px auto;

}


.container-fluid { height: 100%;  } 

.row.justify-content-center { height: auto; }


/*menu 1*/

.col-2.col-menu{ 

  background-color: #2f2960; 
  padding-bottom: 92px;
  padding-top: 92px;
  padding-right: 0px;


}

.navega {

background-color: #2f2960; /* antiguo color de fondo #F4E600;*/
max-width:1000px;
width:100%;
margin:0px auto;
display: block;
z-index:997; 
/*height: calc(100% - 80px);*/
 position: relative;
 

 /*top: 100px;
left: 10px;*/
}


.navega ul { list-style:none; text-align: center; }


.navega ul li{ 
  display: block;
  position: relative;
  color:  #29235C;
   border: 1px solid #2f2960;
  /*nuevos atributos para el nuevo fomato de menu*/
  background-color: #F4E600;
  margin-bottom: 10px;
  border-radius: 20px;
 }


.navega ul li:hover /*, .navega ul li a:hover*/  { background-color: #f7f7f7; }


.navega ul li a {
 display:block;
 color: #29235C;
 text-decoration: none;
 padding: 20px;
 /* antiuo valor border-bottom: 1px solid #29235C;*/
 font-family: 'montserratsemibold';
}

.navega ul li a span { margin-right: 10px; }

/*.navega ul li:hover .collapse{ display: none;}*/

.navega ul li .collapse{ 
	   width:100%; 	
      
       background-color: #2f2960; /* antguo color de fondo para el menu #f7f7f7;*/
       position:  relative;  
       margin-left: 0px;  
       z-index:10000; 
       padding: 10px;
}

.navega ul li .collapse li { 
 display: block;
 overflow: hidden;
 border: 1px solid #78759a;

}

.navega ul li .collapse li:hover { background-color: #f7f7f7;/*antguio valor del menu #F4E600;*/ } 

.navega ul li .collapse a {  display: block; }

.navega ul li .children a span { 

 float: right;
 position: relative;
 top: 3px;
 margin-right: 0px;
 margin-left: 10px;

}


.navega ul .submenu.caret{ background-color: #F4E600; /*#f7f7f7;*/ } 


.por_proyecto, .por_proyecto1 {

  position: absolute;
  left: -56px;
  top: 12px; /*25px*/
  background-color: #fff;
  padding: 6px;
  border-radius: 14px; 
  -webkit-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
  -moz-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
  -o-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
  box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);

}


.por_proyecto2 {

  width: 84%; 
  position: absolute;
  left: -155px;
  top: 12px; /*25px*/
  background-color: #fff;
  padding: 6px;
  border-radius: 14px; 
  -webkit-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
  -moz-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
  -o-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
  box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);

}


.por_proyecto.vacioCuadro { width: 46%; height: 137px; top: 47px; }
.por_proyecto { width: 68%; }
.por_proyecto1 { width: 54%; }

.por_proyecto .resaltar_dorado, .por_proyecto1 .resaltar_dorado { color: #f4e600; font-size: 14px; margin: 0px; text-align: center; height: 30px; }
.por_proyecto2 .resaltar_dorado1 { color: #f4e600; font-size: 23px; margin: 0px; text-align: center;}

.por_proyecto .etapa_parra1, .por_proyecto1 .etapa_parra1 { color: #4648a2; font-size: 22px; text-align: center; margin: 10px 0px 0px; }
.por_proyecto .etapa_parra2, .por_proyecto1 .etapa_parra2 { color: #4648a2; font-size: 22px; text-align: left; margin: 10px 0px 0px;}
.por_proyecto2 .etapa_parra3 { color: #f4e600; font-size: 12px; text-align: left; margin: 10px 0px 0px; font-weight: bold;}

.por_proyecto .etapa_parra1 .etapa_que, .por_proyecto .etapa_parra2 .etapa_que, 
.por_proyecto1 .etapa_parra1 .etapa_que, .por_proyecto1 .etapa_parra2 .etapa_que { color: #4648a2; font-size: 36px; }
.por_proyecto2 .etapa_parra3 .etapa_que3 { color: #4648a2; font-size: 12px; }

.por_proyecto .etapa_parra1a, .por_proyecto1 .etapa_parra1a { color: #4648a2; font-size: 22px; text-align: center; margin: 24px 0px 0px; }
.por_proyecto .etapa_parra2a, .por_proyecto1 .etapa_parra2a { color: #4648a2; font-size: 22px; text-align: left; margin: 24px 0px 0px; text-align: center;}

.por_proyecto .etapa_parra1a .etapa_que, .por_proyecto .etapa_parra2a .etapa_que,
.por_proyecto1 .etapa_parra1a .etapa_que, .por_proyecto1 .etapa_parra2a .etapa_que { color: #4648a2; font-size: 36px; }

.por_proyecto .etapa_total, .por_proyecto1 .etapa_total { color: #4648a2; font-size: 26px; }

.por_proyecto #bloquepor1.porp1, .por_proyecto1 #bloquepor1.porp1, .por_proyecto2 #bloquepor1.porp1 { border-right: 1px solid #c6c7e0; } 
.por_proyecto .porp1, .por_proyecto1 .porp1, .por_proyecto2 .porp1, .por_proyecto1 .porp1  { display: inline-block; padding: 15px; }
.por_proyecto .barra, .por_proyecto1 .barra { display: block; width: 42%; position: absolute; top: 42px; height: 10%; }

.navegaM { display: block; position: absolute; top: 10px; right: 50px; } 
.navegaM .perfil_edt {color: #4648a2; }
.navegaM .perfil_edt #indiF1 {background-color: #4648a2;  color: #FFFFFF; border-radius: 200px; padding: 8px; margin: 8px;}
.navegaM .perfil_edt #indiF2 { font-size: 20px; }
.navegaM #menu_user {

      background-color: #FFFFFF; 
     border-radius: 14px; 
    -webkit-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
    -moz-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
    -o-box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);
    box-shadow: 0 20px 25px rgba(41, 35, 92, 0.2);

}

.navegaM #menu_user li { border-bottom: 1px solid #7778a0; color: #7778a0;  list-style: none; padding: 10px 0px 10px 15px; }

.navegaM #menu_user li a { color: #7778a0;  }


.logo_b1{

 display: inline-block;
 width: 32%;

}

.h1, h1 { color: #4648a2 !important; }

.container-fluid { background-color: #f8faff; } 

.col-10.col-contenido{ background-color: #f8faff; height: 100%; } 

.nombre_user{ color: #4648a2; display: inline-block; }
.nombre_user.mensaje_proyect{ padding: 20px 0px; font-size: 23pt; width: 100%; text-align: center }
.nombre_user .resaltar_dorado{ color: #f5ea2f; font-size: 16px;}
.ubica_sist{ color: #7778a0; position: absolute; top: -56px;   font-family: 'montserratsemibold'; width: 98%; }

.ubica_sist strong { font-family: 'montserratblack';  }

footer a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted;
}

 footer a:hover {
	color: #f70;
	text-decoration: none;
	border-bottom: 1px dotted;
}
/*caja logion*/
body.body_login { background-color: #4648a2 !important; }

.container.caja_contenidora{ padding: 50px 11px; background-color: #4648a2; }

.cajalogo { background-color: #fdfdfd; height: 465px; border-radius: 40px 0px 0px 40px; }

.cajalogo img.image_login { display: block; width: 100%; max-width: 326px; margin: 94px auto; }

.cajalogin {
  background-color: #2a245e;
  height: auto;
  width: 100%;
height: 465px;
padding: 20px;
margin: 0px auto;
text-align: center;
border-radius: 0px 40px 40px 0px;

}

.form_loguin { margin: 59px auto; }

.label_loguin{ color: #f4e600; /*#4648a2;*/ }

.label_error{ color: red; }

.input_login{   

width: 69%;
padding: 10px;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border: 2px solid #f4e600; /*#29235C;*/
color: #29235c;
}

.link_loguin{
  color: #f4e600 /*#29235c*/ !important;
  text-decoration: none;
  font-size: 12pt;
  font-family: 'montserratsemibold'; 
}

.link_loguin:hover {

	text-decoration: underline;
}
.botton_login{
text-align: center;
background-color: #F4E600;
color: #29235C;
padding: 10px;
width: 42%;

}


.botton_login:hover{
  background-color:#29235C;
  color: #ffffff; 

}

.botton_input {

  background-color:#29235C;
  color: #ffffff; 

  height: auto;
  width: 22%;
 border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
/*border: 4px solid #29235C;*/
padding: 10px;

text-align: center;


}

.botton_input:hover{

background-color: #F4E600;
color: #29235C;

}

.table { margin-top: 20px !important; }

.table td, .table th {

    vertical-align: middle;
    text-align: center;
}

.boton_cof{
 color: #7778a0;
 text-decoration: none;
 font-weight: bold;
 display: inline-block;

background-color: #efefef;
padding: 8px;
left: 7px;
position: relative;
top: 0px;
font-family: 'montserratsemibold';

}


.boton_cof1{

color: #29235c !important;
font-family: 'montserratmedium';
 cursor: hand;

}


.boton_coft{

 color: #29235c;
 text-decoration: none;
 font-weight: bold;
 display: inline-block;

}

tr td.menu_tabla{ background-color: #f8faff; }

.boton_cofm{
  
 color: #7778a0;
 text-decoration: none;
 font-weight: bold;
 display: block;
 background-color: #efefef;
 padding: 7px;
}


.boton_cof:hover, .boton_coft:hover{
 color: #4648A2;
 text-decoration: none;
}


.boton_cofm:hover{
 color: #4648a2;
 text-decoration: none;
 background-color:#f4e600;
}



.incorrecto_input{ border: 1px solid red;  }

 .validation-message {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    font-weight: 600;
    color: #fff;
    background: #37bbe1;
    font-size: 1em;
    line-height: 14px;
    padding: .6rem;
    width: 100%;
    border-radius: 4px;
    letter-spacing: .4px;
    display: none;
    position: relative;
}

#comentario_1 {
  text-align: left !important;
  outline: none !important;
  border: 0px !important;
  resize: none !important;
  box-shadow: none !important; 
  background-color: #ffffff;
  color: rgb(33, 37, 41);
 
}

#comentario_1:focus { box-shadow: none !important; }

#cabecera {
    background-color: #023859;
    color: #FFFFFF;
    width: 68%;
    height: 90px;
    margin: 0 auto;     	  
    border-bottom:4px solid #000000;

}

#titulo_cabecera {
padding-bottom: 10px;
text-align: center;
border-bottom: 1px solid;
}


.subtitulo {
padding-bottom: 6px;
text-align: center;
font-size: 20px;
border-bottom: 1px solid;
}

.about_foto{

padding: 10px; 
margin: 10px; 
border: 2px solid black; 
float: left; 
width: 300px; 
height: 300px;

}

.about_texto{
display:block;
text-align: justify;
line-height: 30px;
font-size: 16pt;   
padding: 10px;
height: auto;
margin:44px;
}


.puntero{

font-size: 10pt;
position: relative;
bottom: 8px;
color: #f00;
border-bottom: 0px;
text-decoration: none;

}

.puntero:hover{ 
    border-bottom: 0px; 
    color: #803c00;
	
}


.texto_centrado{
 width:100%;
 display:block;
text-align: center;

}

.about_texto a{

color: #f00;
text-decoration: none;

}

.about_texto a:hover{ color: #803c00; }

.aviso_legal_externo{
 border: 1px solid black;
 padding: 4px;
 margin-bottom: 10px;
}


.link-texto{

font-size: 12pt;
color: #f00;
text-decoration: none;

}

.link-texto:hover{ 
    border-bottom: 0px; 
    color: #803c00;
	
}

.listados_link { 
  margin-top: 10px; 
  margin-bottom: 10px; 
  width: 100%; 
  text-align: left;

}


.listados_link li{ 
  display: block;
  width: 80%;
  margin-bottom: 10px;
}



.contenido{
    background-color: #EEEEEE;
    background-position: center center;
    background-image: url(../imagen/simbolo.png);
    background-repeat:no-repeat;
    background-attachment:  cover;
 
      -webkit-background-size: cover;
      -moz-background-size:  cover;
      -o-background-size:  cover;
      background-size:  cover;



    color: #000000;
    width:100%;
    height:auto;

    padding-bottom: 10px; 
    padding-top: 10px;
    margin: 0px auto;
}

.botonera {

margin: 0px auto;
display: block;
text-align: center;
width: 50%;

}

.botonera .boton_normal{

background-color: #ffffff;
color: #37404d;
vertical-align: middle;
width: 77px;
height: 30px;
text-align: center;
border-radius: 5px;
cursor: pointer;
border: 1px solid #37404d;


}

.botonera .boton_grande{

background-color: #ffffff;
color: #37404d;
vertical-align: middle;
width: 138px;
height: 64px;
text-align: center;
border-radius: 5px;
cursor: pointer;
border: 1px solid #37404d;


}

.botonera .foto{

padding: 10px; 
margin: 10px; 
width: 200px; 
height: 200px;

}

.botonera .foto_logo{

margin: 10px; 
width: 48%; 

} 


.botonera .boton_normal:hover, .botonera .boton_grande:hover{

background-color: #f00;
color:#000000;

}

.despedida{

 float:right; 
 font-size:24pt; 
 margin-bottom:10px;

}

/*tabla*/
.table .thead-light th{
  color: #fff !important; 
  background-color: #4648a2 !important;
  border: 4px solid !important;
  border-radius: 10px !important;
  vertical-align: middle !important;
  font-family: 'montserratbold';
  vertical-align: middle !important;
}

.table-striped tbody tr:nth-of-type(2n+1) { background-color: #efefef !important; }


.table-bordered td, .table-bordered th {
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-left: 5px !important;
  border-right: 5px !important;
  color: #29235c !important;
  font-family: 'montserratmedium';  
  font-size: 11pt;
}

/* Footer Estilos */
.fcontenido {
	width:100%;
    margin: 0px auto;
    padding: 15px 0px 15px 0px;
	background-color: #29235C;
    color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border-top:2px solid #000000;
}

.footer-copy-redes{
  width:100%;


}

.main-copy-redes{

 width:98%;
 max-width:1000px;
 padding: 15px 0px;
 margin: auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 -ms-align-items: center;
 -moz-align-items: center;
 -o-align-items: center;
 -webkit-align-items: center;
}


.main-copy-redes .footer-copy{ width:70%; }

.main-copy-redes .footer-redes { 
  width:30%; 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
.main-copy-redes .footer-redes a{

 display: inline-block;
 text-decoration: none;
 width:35px;
 height:35px;
 line-height:35px;
 text-align: center;
 border-bottom: 0px;
 font-size: 35px;
}

@media screen and (max-width: 800px){

body {

  padding-top: 80px;
}

header ul.logo, header .logo { width: 85%; }

.menu_bar{
 display:block;
 width:100%;
 position: fixed;
 top: 0;
 left: 0px;
 background-color: #ededed;
 color: #585858;
}

.menu_bar .bt-menu{
 display: block;
 padding: 20px;
 color: #585858;;
 overflow: hidden;
 font-size: 25px;
 font-weight: bold;
 text-decoration: none; 
 } 

.menu_bar span {
 float: right;
 font-size: 40px;

}

/*header nav {
 width: 80%;
 height: calc(100% - 80px);
 position: fixed;
 right: 100%;
 margin: 0;
 overflow: scroll;
 
}

header nav ul li{
 display: block;
 border-bottom: 1px solid rgba(255, 255, 2555, .5);

}

header nav ul li a{ display:block; }

header nav ul li:hover .children{ display:none;  }

header nav ul li .children{ width:100%; position: relative;  }

header nav ul li .children{ margin-left: 0px; }

header nav ul li .caret{ float: right; } */

.contenido { height:auto; width: 100%; } /*buscar 1200px 1354px*/

.fcontenido { width:100%; }

.puntero{ font-size: 20pt; position: inherit; }

.listados_link li { width: 100%; padding-bottom: 34px; }

.link-texto{ font-size: 20pt; }

.botonera .boton_normal{ width: 100px; height:40px; }

.botonera .boton_grande{ margin-bottom:10px; }
 
.botonera .foto{ width: 150px; height: 150px; }
}




@media screen and (max-width: 1090px) {
	
.about_texto{ margin:12px; }


.main-copy-redes .footer-copy{ 
    width:100%; 
    text-align: center;
    margin-bottom: 20px;

}

.main-copy-redes .footer-redes { 
  width:80%;
  margin: auto;
}



#cabecera { width: 100%; }

.about_foto{ width: 174px; height: 174px; }


#titulo_cabecera { font-size: 28px; }

#about_texto {

  line-height: 22px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12pt; 

}

.botonera .foto_logo{

margin: 10px; 
width:100%; 

} 

}