/*img:hover {
  cursor: pointer;
  -webkit-transform: scale(1.01,1.01);
    -ms-transform: scale(1.01,1.01);
     -moz-transform: scale(1.01,1.01);
       -o-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; 
   opacity: 0.5;
 
    }*/



.nav-pills span{
  color: #004587;   /*color de los gpl icons de los botones del modal */
}



.nav.nav-pills > li > a {
  text-align: left;
    margin-top: 10px;
    color: white;
    display: block;
    background-color: #FBC700;   /*color de fondo de los botones del modal  amarillo ojo nuno */
    padding: 10px;
 
    font-style: normal;
  
    margin-bottom: 2px;
}

.nav.nav-pills > li > a:hover
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    
    background-color: #FBC700;       /*color de fondo de los botones del modal  amarillo cuando se activa ojo nuno */
    color: white!important;
    padding: 10px;
    border-bottom: 5px solid #004587;  /*color de linea de los botones del modal: azul */
}





#imagengrande{
  margin-left: 10px;

}

.btn {

  border:black!important;
  background-color:  #004587!important;
  color: white;
}

.btn:hover {
    background:  #FBC700!important;
    color:white!important;
}

 .btn:active {
    background-color:  #004587!important;
  
}

.glyphicon-chevron-right:hover{

  color:#A4A4A4;
}

.glyphicon-chevron-left:hover{

  color:#A4A4A4;
}

.pager li > a{
  background-color: #8A0808!important;
  color:white!important;
}

.cabeza
{

z-index:1;

position: relative;

}

.cuerpo{
  z-index:2;
margin-top: -80px;
margin-left: -13px;
 background-repeat: no-repeat;
 background-position: inherit;
 background-size: 100%;
  }

.navbar
{

font-family: Helvetica Neue;
background-color: #004587;      /* color de botones del menu*/

}
/**/

.ui-btn-active{
   
    background-color:#FBC600 !important;  /* color amarillo del menu*/

}
/**/

 .navbar-nav > li > a 
{ 
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
text-align: center;/* alinea el texto*/
font-size: 11px; /*tamaño del texto*/
border-left: 1px solid #FFFFFF;/*barra de separacion navbar*/
margin-left: -2px; /*aumentado para menu todo queda bien*/
padding-top: center; /*alinea texto desde arriba*/
padding-bottom: 1px;
width: 180px;   /*tamaño de los botones. dividir 1080 para el numero de opciones*/
height: 50px;  /*tamaño del navbar*/
font-weight: bold; /*texto en negrita*/
color:white !important; /*color texto botonera*/
}

    .navbar-nav #derecha > li > a {

  border-right: 1px solid#FBC600;
}

.list-unstyled{
	margin-left: 25px;

}

.well{
	background-color: #E5E3E2;

}
footer {
	background-color:#004587; 
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

color: white;
text-align: center; 

}

#mapa{
	background-color: #004587;
	padding-top: 20px; 
}
#mapa li{
	color: white;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	
}
#mapa a{
	color: white;
	font-size: 11px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	
}

#redessociales li {
 float:left;
 left:45%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

@media (max-width: 768px ){
  .navbar-nav > li > a 
{ 
	
border-right:none; /*barra de separacion navbar*/
border-left: none;
}
}


.item-active  h4 small {
	font-weight: bold; /*texto en negrita*/
color:black;
}

.item{
		font-weight: bold; /*texto en negrita*/
color:black;
}
.carousel-control {
  width: 30px;
  height: 30px;
  top:200px;

}
.left.carousel-control {
  right: inherit;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;

}




/*  modal JP2 */

/* escuela modal */
#escuela .modal-content{

background-color: #FFFFFF;
   background-image:url("../images/modalespic/modalqs.png"); /*aqui vamos a poner la imagen de modal de la carrera de civil*/
   background-position: inherit;
   background-repeat: no-repeat;

}

#escuela  .modal-header {
  padding: 15px;
  border-bottom:0px solid #e5e5e5;
}

#escuela  .modal-footer {
  padding: 15px;
  border-top: 0px solid #e5e5e5;
}

#escuela .modal-body {
margin-top: 80px;
margin-left: 35px;
margin-right: 35px;
font-weight: bold; /*texto en negrita*/

}

#escuela .modal-body h5 {
text-align: left;
color:#004587;
font-weight:bold;

}

#escuela .modal-body h6 {
text-align: right!important;
font-weight:normal;
font-size: 12px;

}

#escuela .modal-body p {
text-align: justify;
font-weight:normal;
font-size: 12px;
}

#escuela .modal-body li > a{
color: #004587!important;         /*color de texto de los botones del modal ojo nuno */
}


#escuela .modal-body .btn {

  border:black!important;
  background-color:  #004587!important;
  color: white!important;
}

#escuela .modal-body .btn:hover {
    background:  #FBC700!important;
    color:white!important;
}

 #escuela .modal-body .btn:active {
    background-color:  #FBC700!important;
  
}

 #escuela .modal-body .glyphicon-chevron-right:hover{

  color:#A4A4A4;
}

 #escuela .modal-body .glyphicon-chevron-left:hover{

  color:#A4A4A4;
}


/* Oferta Educativa modal */

#ofeducativa .modal-content{

background-color: #FFFFFF;
   background-image:url("../images/modalespic/modaloferta.png"); /*aqui vamos a poner la imagen de modal de oferta educativa*/
   background-position: inherit;
   background-repeat: no-repeat;

}

#ofeducativa  .modal-header {
  padding: 15px;
  border-bottom:0px solid #e5e5e5;
}

#ofeducativa  .modal-footer {
  padding: 15px;
  border-top: 0px solid #e5e5e5;
}

#ofeducativa .modal-body {
margin-top: 80px;
margin-left: 35px;
margin-right: 35px;
font-weight: bold; /*texto en negrita*/

}

#ofeducativa .modal-body h5 {
text-align: left;
color:#004587;
font-weight:bold;

}

#ofeducativa .modal-body h6 {
text-align: right!important;
font-weight:normal;
font-size: 12px;

}

#ofeducativa .modal-body p {
text-align: justify;
font-weight:normal;
font-size: 12px;
}

#ofeducativa .modal-body li > a{
color: #004587!important;         /*color de texto de los botones del modal ojo nuno */
}


#ofeducativa .modal-body .btn {

  border:black!important;
  background-color:  #004587!important;
  color: white!important;
}

#ofeducativa .modal-body .btn:hover {
    background:  #FBC700!important;
    color:white!important;
}

 #ofeducativa .modal-body .btn:active {
    background-color:  #FBC700!important;
  
}

 #ofeducativa .modal-body .glyphicon-chevron-right:hover{

  color:#A4A4A4;
}

 #ofeducativa .modal-body .glyphicon-chevron-left:hover{

  color:#A4A4A4;
}




/* ubicanos modal */
#mapajp .modal-content{

background-color: #FFFFFF;
   background-image:url("../images/modalespic/modalubicanos.png");*/ /*aqui vamos a poner la imagen de modal de la carrera de civil*/
   background-position: inherit;
   background-repeat: no-repeat;

}

#mapajp  .modal-header {
  padding: 15px;
  border-bottom:0px solid #e5e5e5;
}

#mapajp  .modal-footer {
  padding: 15px;
  border-top: 0px solid #e5e5e5;
}

#mapajp .modal-body {
margin-top: 80px;
margin-left: 35px;
margin-right: 35px;
font-weight: bold; /*texto en negrita*/

}

#mapajp .modal-body h5 {
text-align: left;
color:#004587;
font-weight:bold;

}

#mapajp .modal-body h6 {
text-align: right!important;
font-weight:normal;
font-size: 12px;

}

#mapajp .modal-body p {
text-align: justify;
font-weight:normal;
font-size: 14px;
}

#mapajp .modal-body li > a{
color: #004587!important;         /*color de texto de los botones del modal ojo nuno */
}


#mapajp .modal-body .btn {

  border:black!important;
  background-color:  #004587!important;
  color: white!important;
}

#mapajp .modal-body .btn:hover {
    background:  #FBC700!important;
    color:white!important;
}

 #mapajp .modal-body .btn:active {
    background-color:  #FBC700!important;
  
}

 #mapajp .modal-body .glyphicon-chevron-right:hover{

  color:#A4A4A4;
}

 #mapajp .modal-body .glyphicon-chevron-left:hover{

  color:#A4A4A4;
}


/* tramites modal */
#tramites .modal-content{

background-color: #FFFFFF;
   background-image:url("../images/modalespic/modaltramites.png"); /*aqui vamos a poner la imagen de modal de la carrera de civil*/
   background-position: inherit;
   background-repeat: no-repeat;

}

#tramites  .modal-header {
  padding: 15px;
  border-bottom:0px solid #e5e5e5;
}

#tramites  .modal-footer {
  padding: 15px;
  border-top: 0px solid #e5e5e5;
}

#tramites .modal-body {
margin-top: 80px;
margin-left: 35px;
margin-right: 35px;
font-weight: bold; /*texto en negrita*/

}

#tramites .modal-body h5 {
text-align: left;
color:#004587;
font-weight:bold;

}

#tramites .modal-body h6 {
text-align: left!important;
font-weight:bold;
font-size: 12px;

}

#tramites .modal-body p {
text-align: justify;
font-weight:normal;
font-size: 12px;
}

#tramites .modal-body li > a{
color: #004587!important;         /*color de texto de los botones del modal ojo nuno */
}


#tramites .modal-body .btn {

  border:black!important;
  background-color:  #004587!important;
  color: white!important;
}

#tramites .modal-body .btn:hover {
    background:  #FBC700!important;
    color:white!important;
}

 #tramites .modal-body .btn:active {
    background-color:  #FBC700!important;
  
}

 #tramites .modal-body .glyphicon-chevron-right:hover{

  color:#A4A4A4;
}

 #tramites .modal-body .glyphicon-chevron-left:hover{

  color:#A4A4A4;
}