*{
	margin: 0px;
	padding: 0px;	
}


body{
	background: #fff;
}

.section_A, .section_B, .section_C, .section_D{
margin:0px; 
padding:0px 15px 0px 15px;
}

div.home{
	text-align: center;	
	
}

.botonHome{
	color: #fff;
}

.home ul li a{	
	text-decoration: none;
}

.home ul li a{

	
		display: inline-block;		
		background: #11498a;
		padding: 5px 10px 15px 10px; /*Arriba Derecha Abajo Izquierda*/		
		text-decoration: none;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

.home ul li a:hover {
		background: #11498a; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px 20px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */		
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}

}
/* Logo Fondo Adaptación*/


.logos_avisos{
	margin-right: 20px;
	margin: auto;
}

.logos_FA{
	margin:auto;
}

.bannerRC{ /* Banner Rendición de Cuentas 2016 */
	text-align: center;
	background-color: #11498a;
	color: #fff;
	padding: 30px;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 20px;

}

.bannerRC>h1{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,0.6);font-size:4em} /* Texto Banner Rendición de Cuentas 2016 */

.line_desk{width:40%;border-top:1px solid #f8f8f8;border-bottom:1px solid rgba(4,4,4,0.5);
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;

	}

.line_mov{width:60%;border-top:1px solid #f8f8f8;border-bottom:1px solid rgba(4,4,4,0.5);
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;

	}



/* Cuadro Contenedor Títulos */
.notice-info{
        font-size: large;
        padding: 35px;
        border-color: #69d9ed;
      }      
.notice {
        margin: auto;
        width: 90%;
          padding: 15px;
          background-color: #fafafa;
          border-left: 6px solid #11498a;
          margin-bottom: 20px;
          margin-top: 20px;
          -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
             -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
                  box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
         text-align: center;
      }

.modales{
  text-align: center;
}

.footer{
	margin-top: 20px;
	padding:100px;
	color:#f8f8f8;
	
	background-size:cover;
	height: auto;
	 /* Caracteristicas Imagen Responsive */
	width: 100%;
}

/* Redes Sociales */

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 140px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;		
		background: #000;
		padding: 5px 10px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon {background:#11498a;} /* Establecemos los colores de cada red social, aprovechando su class */
	
 
	.social ul li .facebook a:hover {
		background: #6081c4; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		/*border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;*/
		
	}
	.social ul li .twitter a:hover {
		background: #43bdf0; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		/*border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;*/
	}
	.social ul li .google a:hover {
		background: #f25a4c; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		/*border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;*/
	}
	.social ul li .youtube a:hover {
		background: #e62b34; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		/*border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;*/
	}
	.social ul li .flickr a:hover {
		background: #ee58a0; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		/*border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;*/
	}
	.social ul li .instagram a:hover {
		background: #2e5e86; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		/*border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;*/
	}


	.bannerFoot{ /* Banner Footer */
	text-align: center;
	background-color: #11498a;
	color: #fff;
	padding: 30px;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 20px;

}

.text_bannerFoot{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,0.6);font-size:2em; padding: 10px;} /* Texto Banner Rendición de Cuentas 2016 */

	.centrar-foot{
		text-align: center;
	}


.text_banner{margin:0;text-shadow:1.5px 0px 0px rgba(0,0,0,0.6);font-size:1.5em; padding: 10px; color:#11498a;} /* Texto Banner Rendición de Cuentas 2016 */

.cursor{margin:0;font-size:0.8em; padding: 10px; color:#11498a;} /* Texto Banner Rendición de Cuentas 2016 */
.modal-title{ text-align: center; }

.btn-default {
    color: #fff !important;
    background-color: #11498a !important;
    border-color: #ccc;
    }

 .btn-default:hover {
    
    background-color: #2465b1 !important;
	border-color: #ccc;
    }

  .mapa{

  	text-align: center; 
  	background-color: black; 
  	color: white
  	width: 900px;
  	height: 50px;
  }

  .touch_mapa{
  	padding-top: 10px;
  }

  .mapa_desk{
	width: 100%; height: 700px; padding-right: 15%;

  }

  .mapa_mov{
	width: 100%; height: 400px; padding-right: 15%;

  }


.footer_movil{
  margin: 0px;
  text-align: center;  
}


	
.footer_socialnet{

	padding: 10px 5% 30px 5%;
	margin: auto;
}

.face_movil{
	color: #6081c4;
}
.tw_movil{
	color: #43bdf0;
}
.google_movil{
	color: #f25a4c; 
}
.youtube_movil{
	color: #e62b34; 
}
.flickr_movil{
	color: #ee58a0; 
}
.inst_movil{
	color: #2e5e86;
}

.mail_movil{
	margin-left: -25%;
}

.mail_movil_text{
	margin-left: -30%;
}