/*ESTILOS PARA MÓDULO COMÚN*/


/*MODULO COMUN
*****Estilos Utilizados*******
**Fuentes:
Principal:helvetica

******Colores utilizados********
Color Principal 363F69 azul marino
Color Secundario #cddcf4  || azul palido para fondos 

**Variaciones de tonos PENDIENTE CAMBIARLOS**
f22000 rojo lineas
CBDFE8 AZUL PALIDO rgb(203, 223, 232);
FFB8B8 rosa fondo submenus

fff9ea amarillo palido
*/



/*----------EstilosComunes Tipografía y colores generales----------*/
	body {
	   /* padding-top: 11em;*/ /*NOTA:  HEREDADO DE LAS WEB ANTIGUAS Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
		/*background-image: url('../img/pattern.jpg'); para el caso de querer tener un fondo -OJO ACCESIBILIDAD*/
	}

	h1 {
		font-family:inherit;
		font-weight: 600;
		font-size: 1.8em;
		color: #363F69;
	}

	h2 {
		font-family: inherit;
		font-weight:400;
		font-size: 1.7em;
		color: #363F69;
	}

	h3 {
		font-family: inherit;
		font-weight:600;
		font-size: 1.65em;
		color: #363F69;
	}
	
	h4{
		font-family: inherit;
		font-weight:400;
		font-size: 1.3em;
	}

	h3>a{
		font-weight: 500;
		font-size: 1.1em;

	}

	hr{
		border-width: 1px;
		border-color: #cddcf4;
		
	}


	p{
		font-family: inherit;
		font-weight:300;
		font-size: 1.1em;
		margin-top:1em;
		line-height: 1.7em;
	}

	a{
		font-weight:300;
		font-size:1.1em;
		color:#363F69;
	}

	a:hover{
		text-decoration:none;		
		/*font-size:1.1em;
		font-weight:bold;*/
		color:#f22000;

	}
	.lineaNoticia a:hover{
		color: #337ab7;
		font-size:14px;
	}

	li{
		font-weight:500;
	}
	

	ol{
		list-style:number;
		line-height:3em;
	}
	ol li{
		font-weight:300;
		font-size:14px;
	}
	section{
		padding-left:15px;
		padding-right:15px;
		padding-bottom: 30px;
	}
	img{
		vertical-align:sub!important;
		
	}
	/*b,strong{
		display:inline-block;
	}*/
	b,strong{
		display:inline; /*Prevenir scroll htal en el footer , antes estaba inline block*/
	}
	.cookie-text p{
		font-family: inherit;
		font-weight: 300;
		margin-top: 0;
    	font-size: 14px;
	}

/*---------------- Migas-------------------------------- */
	.breadcrumb{
		background-color: #cddcf4;
		border-radius:0px;
	}
	.breadcrumb > .active {
		color: #333;
	}
	.breadcrumb a{
		color:#363F69;

	}
	.breadcrumb a:hover{
		color:#f22000;
		font-weight:bold;
	}

/*----------Estilos de margenes y 
s aplicables a todos los sitios---------------*/
	.marginAuto {
		margin: auto;
	}

	.margintop30{
		margin-top:30px;
	}
	.mt0{
		margin-top:0px;
	}
	
	.right{
		float:right!important;		
	}
	.float-left{
		float:left;
	}
	.hover{
		cursor:pointer;
	}
	.hover:hover{
		color: #f22000;
	}
	
	.color{
		font-size:1em!important;
		color:#363F69;
	}
		
	.color:hover{
		color:#f22000;
		font-weight:bold;
	}
	.color:focus{
		color:#363F69!important;
	}
	.columna{
		font-size:1.4em!important;
		font-weight:bold;
	}

	.columna:hover{
		font-size:1.5em!important;
		font-weight:normal;
	}
	.lineahr{
		border-width: 1px;
		border-color: #cddcf4;	
	}
	
	.well {
		background-color: #fff;
		border: 1px solid #363F69;
		color: #363F69;
		border-radius: 0px;
		padding: 10px 20px;
		margin-top: 20px;
	}
	.azul{
		font-family:inherit;
		color:#363F69;
	}
	.img-hover:hover {
		opacity: 0.8;
	}
	.page-complete{
		height: 100%;
	}
	/*Para elementos que deben aparecer ocultos hasta que JS, en caso de estar habilitado, los muestre */
		.oculto{
			display:none;
		}
	/*Clase que oculta parte del texto para accesibilidad*/
		.element-invisible {
		  position: absolute;
		  clip: rect(0px 0px 0px 0px) /*Internet Explorer*/;
		  clip: rect(0px, 0px, 0px, 0px);
		}

/*--------------Logos del ministerio------------*/
	.logosMinisterios{
		float:right;
		display:block;
		width:100%;
		text-align:right;
		}
	.logoMinisterio{
		display:inline-block;
		width:150px;
		}
	.logoAire{
		display:inline-block;
		width:90px;
	}
	img{
		vertical-align:none!important;
		vertical-align:initial!important;
	}
	/*.logosministerio{
		border-bottom:1px solid white;
	} */
	.affix {
		top: 0;
		margin:auto;
		width:100%;
		z-index: 1032!important;
	}	

	.affix  .logo img{
		max-height:4em;
	}
	.affix .tituloweb{
		display:none;
	}
/*--------------Logo del Sitio------------------*/
	
	.logo img {
		margin-top:5px;
		max-height:7em;	
	}
	
			
/*-------------Título de la cabecera----------- */
	.tituloweb{
		color:#fff;
		text-align:right;
		margin-top:5px;
	}
	.nombreweb{
		float:right;/*NOTA si desaparece el otro navbar eliminar esto*/
	}
/*-------------Fondos de la cabecera-------------*/
	/*Color de la cabecera UTILIZAR ESTE LINK SI QUEREMOS GRADIENTE http://www.colorzilla.com/gradient-editor/*/
	.bgcolor{
	background: #363F69;
	border-top:1px solid #fff;
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbdfe8+0,284062+100 
	background: #cbdfe8; 
	background: -moz-linear-gradient(left, #cbdfe8 0%, #284062 100%); 
	background: -webkit-linear-gradient(left, #cbdfe8 0%,#284062 100%); 
	background: linear-gradient(to right, #cbdfe8 0%,#284062 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbdfe8', endColorstr='#284062',GradientType=1 ); */
	
	}
	

/*-------------Barra de navegación------------*/


/*Saltar navegación visible desde teclado*/
	
	.main{
		position:relative;
	}
	.skip-main {
	        position: absolute;
	        top: -1000px;
	        left: -1000px;
	        height: 1px;
	        width: 1px;
	        text-align: left;
	        overflow: hidden;
	    }

	    a.skip-main:active,
	    a.skip-main:focus,
	    a.skip-main:hover {
	        left:650px;
	        top: 0;
	        width: auto;
	        height: auto;
	        overflow: visible;
			color:#fff!important;
	    }
/*Accesibilidad font-size y font-weight mas grandes, y color safecolor*/
	.navbar-nav >li > a:active, .navbar-nav >li > a:hover, .navbar-nav >li > a:focus{
		color:#cddcf4; 
		font-size:1.2em;
		font-weight:bold;
	}
/* Barra de navegación */
	.menuPPal{
		padding-right:0px!important;
	}
	.nav-wrapper{
		height:180px!important;
	}
	.navbar {
		font-family:inherit;
		background: #363F69;		
		height:auto;
		/*Si queremos que la parte de arriba tenga el mismo gradiente que el bgcolor, meter aquí tambien el Permalink de colorzilla*/
	}

	.navegacionoculta{
		background:#363F69;

	}
	.navbar-right a {
		color: #fff;
		font-weight: 700;
		font-size: 1.3em !important;
	}	
	.navbar-right a:hover {
		color: #cddcf4;
		font-size:1.3em!important;
		font-weight: normal !important;
		/*Enlace: Para cumplir con accesibilidad varía color Y tamaño de texto*/
	}
	.navbar-nav > li > a {
		font-family: inherit;
		font-size: 1.2em;
		font-weight:400;
		padding-bottom: 10px;
		
	}
	.navbar-nav > li > a:active, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
		color: #cddcf4;
		
	}
	.nav>li>a:focus, .nav>li>a:hover {
	    text-decoration: none;
	    background-color: transparent;
	}

	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background-color:transparent;
		
	}
	
	.nav .open>a, .nav .open>a:focus{
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
		
	}
	.navbar-nav>li>.dropdown-menu {
		background-color:#cddcf4;
		color:#363F69;
	}

	.dropdown-menu{
		border-radius:0px!important;
	}
	.navbar-collapse {		
		width:100%;
		margin-top: 0px!important; 
		max-height:100%;
		
	}
	
	
	/*Dropdown- Menu Navegacion Desplegable*/
	.dropdown-menu>li>a {
		color: #363F69;
		font-weight: 500;

	}
	.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
		color: #363F69;
		text-decoration: none;
		background-color: #fff9ea;
	}
	.dropdown-menu > li > a:focus{
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
		color: #363F69;
		text-decoration: none;
		background-color: #fff;
		outline: 0;
	}

	.dropdown:hover .dropdown-menu { 
	    display: block;
	    margin-top: 0;
	}

	
	.menuNavegacion .dropdown-menu li {
	    border-top: solid 1px #fff;
	}

	.menuNavegacion .navbar-nav > li > .dropdown-menu {
	    margin-top: 0;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    padding: 0;
	    border: 0;
	    border-radius: 0;
	    background-color: #cddcf4;
	    min-width: 250px;
	}
	
	
	.navegacionoculta{
		background:transparent;

	}
	.cabeceraOcultar{
		display:none;
	}
	.navbar-nav .open .dropdown-menu {
		background-color:#cddcf4;
		color:#363F69;
		
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 1.42857143;
		color: #363F69;
	}
	.navbar-nav .open .dropdown-menu > li > a:focus{
		color: #363F69;
	} 

	/*Botón de navegacion para movil*/
	.navbar-toggle {
			background-color: transparent;
			border-radius:4px;
			border:1px solid #FFF;
			color:#FFF;
			margin-top:15px;
			margin-bottom:auto;
		}
		.navbar-toggle:hover{
			border-radius:0px;
			background-color:rgba( 237, 249, 255,0.5);

		}
	/*Iconos*/
	.icon-bar {
		  background-color:#cddcf4!important;
	}
	
	/*Color del icono del calendario*/
	.iconcolor{
		color: #363F69!important;
	}

	/*barra de navegacion de los submenus*/
	.submenu > li > a:hover{
		color:#ff2000!important;
	}
/*-------------Carruseles-----------------------*/
/*Clases para definir la altura del carrusel*/
	
	/*Carrusel del INDEX (Carrusel principal) Muestra 1 sola imagen*/
	div #myCarousel {
		height: 250px; 
	}
	.alturacarrusel{
			height:380px;
		}
	/*Carrusel del InfoNoticia Muestra 3 fotos, 2 y 1 respectivamente*/
	div #myCarousel2{
		height:230px;
		overflow:hidden;
	}
	
	.carousel-inner{
		height: 100%;
	}
	
	/*Formatter Infonoticia Galeria - ALTURA 250PX*/

		.imagefix{
			height:230px;
			width:100%;
			overflow:hidden;
		}

		.tablet{
			width:100%;
		}

	/*Slider del carrusel de Infonoticia - está en mediaquerys */
		.ficha{
			border: 1px solid #ff2000;
			background:#cddcf4;
			border-radius:5px;
			margin:10px;
			padding:5px 10px;
		}
	/*Carrusel dentro de Detalle Noticia visible todo el tiempo*/
		.visible-lg, .visible-md, .visible-sm, .visible-xs {
			display:block!important;
		}
	/*Estilos carrusel de Noticias de INDEX*/
		.carouselnoticias{
			border:1px solid #fff;
			background:rgba(255,255,255,0.8);
			padding:20px;
			position:relative;
		}
		.carouselnoticias .titulonoticia{
			border-bottom:4px solid #363F69;
			color:#363F69;
			font-size:1.5em;
			font-weight:bold;

		}

		.carouselnoticias p{
			color:#000;
		}

		.carouselnoticias a{
			color:#FFF;
		}
		.carouselnoticias .btn-primary {
			color: #fff;
			background-color: #363F69;
			border-color: #363F69;
			border-radius:0px;
			width:100%;
			height:36px;
		}
		
		/*NUEVOS ESTILOS CARRUSEL NOTICIAS Y EVENTOS GENERICOS */
		#carruselNoticia .imagefix, #carruselEvento .imagefix{
			max-height:240px;
			overflow:hidden;
		}
	
		.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
			width: 30px;
			height: 30px;
			margin-top: -10px;
			font-size: 30px;
			color: #fff;
		}
		.carousel-control .glyphicon-chevron-left:hover, .carousel-control .glyphicon-chevron-right:hover, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
			width: 30px;
			height: 30px;
			margin-top: -10px;
			font-size: 30px;
			color: #fff;
		}

/*-------------Botones------------------------*/

/*Botón ir arriba*/
	#myBtn {
	    display: none; /* Hidden by default */
	    position: fixed; /* Fixed/sticky position */
	    left: 85%;
		top: 93%;
	    z-index: 99; /* Make sure it does not overlap */
	    border: none; /* Remove borders */
	    outline: none; /* Remove outline */
	    background-color: #363F69; /* Set a background color */
	    color: #fff; /* Text color */
	    cursor: pointer; /* Add a mouse pointer on hover */
	    padding: 15px; /* Some padding */
	    border-radius: 10px; /* Rounded corners */
		opacity: 0.8;
	}

	#myBtn:hover {
	    background-color: #363F69; /* Add a dark-grey background on hover */
		color:#fff;
	}
/*Botón Leer mas de InfoNoticia-Portada*/
	.botonleer{
		width:30%;
		height:36px;
	}
	.botonleer-invisible{
		position:absolute;
		left:65px;
		clip: rect(0px, 56px, 200px, 0px);
		color:#fff;
	}
	.botonleer-invisible:hover{
		color:#363F69;
	}
/*Estilos de botones generales*/
	.btn-default {
		color: #363F69;
		background-color: #fff;
		border:1px solid #363F69;
		border-radius:0px;
	}

	.btn-default:hover{
		color: #fff;
		border-radius:0px;
		background-color: #363F69;
		border:1px solid #fff;
	}
	.btn-default:focus{
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/		
	}

	.btn-lg {
		margin-top:11px;
		padding:10px 15px;
		font-size: 1.2em;
		line-height: 1.3333333;
		border-radius: 0px;
		font-weight:400;
		margin-right:3px;
		margin-left:1px;
	}
	
	.btn-calendario{
		border:1px solid #363F69;
	}
	.btn-primary {
	    color: #fff;
	    background-color: #363F69;
	    border-color: #363F69;
		border-radius:0px;
	}
	
	.btn-primary:hover{
		background-color:#cddcf4;
		border-color: #363F69;
		color: #363F69;
		border-radius:0px;
	}

	.btn-primary:focus{
		background-color:#cddcf4;
		 border-color: #363F69;
		 color: #363F69;
		 outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
	}

	.btn-primary:active{
		background-color:#cddcf4;
		 border-color: #363F69;
		 color: #363F69;
	}

	.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
		color: #363F69;
		background-color: #cddcf4;
		border-color: #363F69;
		background-image: none;
	}
	.btn-primary:active:focus, .btn-primary:active:focus, .open > .dropdown-toggle.btn-primary {
		color: #363F69;
		background-color: #cddcf4;
		border-color: #363F69;
		background-image: none;
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
	}
	.btn:focus, .btn:active:focus, .btn.active:focus {
		color: #363F69;
		background-color: #cddcf4;
		border-color: #363F69;
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
	}	
	.btn-danger {
		color: #363F69;
		background-color: #fff;
		border-color: #363F69;
	}
	.btn.btn-danger:hover {
		color: #fff;
		background-color: #363F69;
		border-color: #363F69;
	}
	.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
		color: #fff;
		background-color: #cddcf4;
		border-color: #363F69;
	}

	.btn:focus, .btn:active:focus, .btn.active:focus {
		color: #363F69;
		background-color: #cddcf4;
		border-color: #363F69;
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
	}
	
	.btn.btn-ghost {
		background-color: transparent;
	}
	.btn-orange.btn-ghost {
		color: #1e8bc3;
		border-color: #1e8bc3;
	}
	.btn-orange.btn-ghost:focus, .btn-orange.btn-ghost:active, .btn-orange.btn-ghost.active, .open .dropdown-toggle.btn-orange.btn-ghost {
		color: #FFF;
		border-color: #1a78a8;
		background-color: #1a78a8;
	}
	.btn-orange.btn-ghost:hover {
		color: #fff;
		border-color: #1c82b6;
		background-color: #1c82b6;
	}
	

/*Paginación de la Revista*/
	.submenu{
		width:100%;
		margin-bottom:10px;
	}
	.pagination .glyphicon {
   		 margin-right: 0px !important;
		color: #363F69;
	}
	.page-header {
		border-bottom: 1px solid #ff2000;
		padding-top:15px;
	}

	.pager li a,.pager li > span{
		  color: #363F69;
		  background-color:#fff;
		  border-color: #363F69;
	}
	.pager li:hover > a, .pager li:hover > span {
		display: inline-block;
		padding: 5px 14px;
		background-color:#cddcf4;  
		border-color: #363F69;
		 color: #363F69;
		border-radius: 15px;
	}

	
/*Paginación de la galería de fotos*/
	.pagination > li > a, .pagination > li > span {
		color: #363F69;
		border:1px solid #363F69;
	}

	.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
		background-color: #363F69;
		border-color: #363F69;
	}

	.pagination li:hover a{
		 background-color: #cddcf4;
		 color: #363F69;
		 border:1px solid #363F69;
	}
	.btn-calendario{
		border:1px solid #363F69;
		background-color: #cddcf4;
	}
	.pagination > li:last-child > a:visited, .pagination > li:last-child > span:visited {
	    background:#fff;
		border:1px solid #363F69;
	}

	.pagination > li:first-child > a:visited, .pagination > li:first-child > span:visited {
	    background:#fff;
		border:1px solid #363F69;
	}
	.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover {
	    background:#fff9ea;
		border:1px solid #363F69;
	}

	.pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover {
	    background:#fff9ea;
		border:1px solid #363F69;
	}

/*------------Paneles-------------------------*/
	.panel-heading{	
		border-bottom:4px solid #363F69!important;
		color:#363F69!important;
	}

	.panel-default>.panel-heading {
		border-radius:0px;
		background-color: #fff;
		border-radius:0px;
		border:1px solid #363F69;
		/*Si queremos que el panel tenga un gradiente de fondo */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#284062+0,cbdfe8+100 
		background: #284062; 
		background: -moz-linear-gradient(left, #284062 0%, #cbdfe8 100%); 
		background: -webkit-linear-gradient(left, #284062 0%,#cbdfe8 100%); 
		background: linear-gradient(to right, #284062 0%,#cbdfe8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284062', endColorstr='#cbdfe8',GradientType=1 ); 
		*/
	}

	.panel-title {
		font-weight: 700;
	}
	.panel-title >a{
		color:#363F69;
		font-size:1em;
		font-weight:300;
	}
	.panel-title >a:hover{
		color:#ff2000;
		font-weight:bold;
	}
	.panel-body{
		border-radius:0px;
		border:1px solid #363F69;
		background-image: #000;
		
	}
	.panel-group {
		margin-bottom: 20px;
		margin-top: 30px;
	}
	.panel-footer{
		background:#f4f8ff;
		border: 1px solid #363F69;
	}

/*Estilomapa*/
	.estilomapa{
		color:#363F69;
		font-size:1.5em;
		font-weight:bold;
	}

	.estilomapa li{
		font-size:1em;
		font-weight:normal;
	}
	.personal{
		font-weight:bold;
		display:inline-block;
	}

	.nojsgallery{
		max-height:240px;
		overflow:hidden;
		margin-bottom:20px;
	}
	.mapa{
		width:100%;
		height:400px;
	}
	
/*CLASES PARA LOS LINKS CON FORMA DE BOTON*/

.a-boton{
		font-weight: 800;
    	font-size: 20px;
		font-family: 'Exo', sans-serif!important;
		margin:2%;
	}

.btn-block3 {
		text-align: center;
		display: block;
		width: 90%;
		text-align: left;  
		padding-left:3%;
		margin: 8px;
		padding-top: 1.5%;
    	padding-bottom: 1.5%;
		font-weight: 800;
    	font-size: 1.2em;
		
	}
/*CLASE EXCLUSIVA PARA GALERIA DE INFONOTICIA - ALTURA 250PX*/
	
	
	.imagefix{
		position:relative;
		/*height:240px;*/
		height:auto;
		width:100%;
		overflow:hidden;
	}	
	.imgDescription .fa-external-link{
		color:rgb(54, 63, 105);
	}
	span.imgDescription {
	 /* background: rgba(54, 63, 105,0.6);
	  color:#fff;*/
	  color:rgb(54, 63, 105);
	  background:rgba(255,255,255,0.8);
	  cursor: pointer;
	  display: table;
	 	width:100%;
		height:400px;
		height:calc(100%);	/*Firefox*/	
		height: -webkit-calc(88vh - 300px); /*Chrome*/		
	   position: absolute;
	  left: 0;
	   top: 0;
	   font-size:1.4em;
	   font-weight:normal;
	  opacity: 0;
	  -webkit-transition: opacity 500ms;
	  -moz-transition: opacity 500ms;
	  -o-transition: opacity 500ms;
	  transition: opacity 500ms;
	  
	}

	/*IE height*/
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
		span.imgDescription{
			height:340px;
			}
		
	}
	
	
	span.imgDescription span {
	  display: table-cell;
	  text-align: center;
	  vertical-align: middle;	  
	}
	
	 a:focus .imagefix{
		/*outline:thin dotted red;*/
		outline:thin dotted #cddcf4;
		opacity: 1;
		-webkit-transform: scale(1);
		transition: .3s ease;
	}
	 a:focus .imagefix span.imgDescription{
		 opacity: 1;
	  -webkit-transform:scale(1);
 	  transition: .3s ease;
	}
	.imagefix:hover span.imgDescription i {
	  opacity: 1;
	  -webkit-transform:scale(1);
 	  transition: .3s ease;	 
	  
	}
	
	.imagefix:hover span.imgDescription{
	  opacity: 1;
	  -webkit-transform:scale(1);
 	  transition: .3s ease;	  
	  /*height:328px; PRUEBA PARA VER EL EFECTO HOVER, IR COMENTANDO TODO Y REHACERLO.
	  vertical-align:middle;*/
	}
	
	.imagefix img{
		max-width: 100%;  
	  -moz-transition: all 0.3s;
	  -webkit-transition: all 0.3s;
	  transition: all 0.3s;
	}
	
	.tablet{
		width:100%;
	}
	
	.imagefix:hover img,
	.imagefix:focus img {
	  transform: scale(1.1);
	  
	}
/*-------------------Formater Ficha Libros Estilos----------*/
	
	.titulolibro{
		color:#363F69;
	}
	
	.textoFicha{
		font-size:1.3em;
		font-weight:normal;
		color:#363F69;
	}
/*----------Formatter:FICHA PROFESOR-----------------------------*/

	.caja{
		border:1px solid #363F69;
		display:block;
		background:#fff9ea;
		border-radius:5px;

	}

	.caja2{
		border:1px solid #363F69;
		display:block;
		background:#fff9ea;
		border-radius:10px;

	}

	.cajafoto{
		position:relative;
		float:left;
		width:65px;
		height:auto;
		display:inline-block;

		padding:3px;
		padding-top:5px;
	}
	.cajafotobig{
		width:25%;
		display:inline-block;
		padding:3px;
		padding-top:30px;
	}

	.fotoprofe{
		border:1px solid #363F69;
		border-radius:4px;
	}

	.textosprofe{
		width:75%;
		padding-top:10px;
	}

	.textosprofepeque{
		width:100%;
		padding-top:10px;
		padding-left:10px;
	}

	.caja:hover,.caja:active,.caja:focus{
		background:#fff1ef;
	}
	.caja:focus{
		outline:thin dotted #cddcf4; /*nuevo para accesibilidad*/
	}
	.paddingbottom10{
		padding-bottom:10px;
		border-bottom:1px solid #f22000;
	}
	
/*----------Formatter Info: Estilos de tipo de párrafo---------------*/

/*IMAGEN Y TEXTO A LA DERECHA*/
	.imagenderecha{
		float:left;
		padding-right:20px;
		width:50%;
	}
	.textoderecha{
		float:right;
		width:50%;
	}

/*IMAGEN Y TEXTO A LA IZQUIERDA*/
	.imagenizquierda{
		float:right;
		padding-right:20px;
		width:50%;
	}
	.textoizquierda{
		float:left;
		width:50%;
		padding-right:20px;
	}

/* IMAGEN Y TEXTO RODEANDO LA IMAGEN Imagen a la izquierda-Texto a la derecha */
	.imagenrodea{
		float:left;
		width:50%;
		padding-right:20px;
	}
/* IMAGEN Y TEXTO RODEANDO LA IMAGEN Imagen a la derecha-Texto a la izquierda */
	.imagenrodeaderecha{
		float:right;
		padding-left:20px;
		width:50%;
	}

/* IMAGEN Y TEXTO DEBAJO */
	.imgdebajo{
		width:100%;
		margin-bottom:20px;
	}
	.textodebajo{
		width:100%;
		float:right;
	}

/* SÓLO TEXTO */
	.solotexto{
		width:100%;
		float:right;
	}
/* SÓLO IMAGEN */
	.soloimagen{
		width:100%;
	}

	

/*-----------Dibujo de ramas de árbol------------------------*/
	
	.overflow{
	  overflow: hidden;
	}
	.bordearbol{
		border:1px solid #363F69;
		margin-top:10px;
		margin-bottom:0px!important;/*intentar quitar los important. En patronato marginbottom 10px*/
		padding-bottom:0px!important;/*intentar quitar los important*/
	}


	.ramaT::after, .ramaT::before, .ramaCodo::after, .ramaCodo::before, .ramaRecta::after {
		content: "";
	    position: absolute;
	    border-left: 4px solid #363F69;
	    border-top: 4px solid #363F69;
	}

	/* Rama en T */
	.ramaT::before{ /*Horizontal*/
		left: -30px;
		top: 20px;
		width: 30px;
		height: 0;
	}

	.ramaT::after { /*Vertical*/
		left: -30px;
		height: 208%;
		width: 0;
		top: -22px;
	}

	/* Rama en codo */
	.ramaCodo::before{ /*Horizontal*/
		left: -30px;
		top: 20px;
		width: 30px;
		height: 0;
	}

	.ramaCodo::after{ /*Vertical*/
		left: -30px;
		height: 32px;
		width: 0;
		top: -12px;
	}

	/* Rama contínua */
	.ramaRecta::after {
		left: -29px;
		height: 800px; /* <-- En caso de que la línea se vea descontinua, aumentar este valor */
		width: 0;
		top: -1px;
	}

	.ramaT.oculta::after, .ramaT.oculta::before, .ramaCodo.oculta::after, .ramaCodo.oculta::before, .ramaRecta.oculta::after {
		display: none;
	}
	
	/*Organigrama en Arbol*/
	.fa.fa-minus-circle{
		color:#363F69;
	}

	.caja{
		background: #cddcf4;
		border-radius:5px;
		margin-bottom:5px;
	}
	.caja:hover{
		background: #b7cae8;
		border-radius:5px;
		margin-bottom:5px;
	}

/*---------------------Botones del calendario mensual----------------------------------------------*/

.cal-cell{
	border: 1px solid #363F69;
}
.cal-row-fluid {
  color: #363F69;
}


.cal-year-box[class*="span"]{
		border-right: 1px solid #363F69!important;
}
.cal-month-box[class*="cal-cell"] {
    
    border-right: 1px solid #363F69!important;
   
}
.cal-column {
    border-left: 1px solid #363F69!important;
}
.cal-cell:hover{
	background:#cddcf4!important;
}

.cal-cell1:hover{
	background:#cddcf4!important;
}
.cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
    border-bottom: 0px solid #363F69!important;
   
}
.cal-month-box [class*="cal-cell"] {
    border-right: 1px solid #363F69!important;
  
}
a.cal-event-week {
    text-decoration: none;
    color: #363F69;
}
#cal-slide-content {
    background-image:none!important;
    background-color:#cddcf4!important;
}
.cal-day-today {
    background-color: #91abb7;
}

.cal-day-today span[data-cal-date] {
	color: #363F69;
}


.event {
   width: 24px!important;
  height: 24px!important;
  
}

.event-important {  
  border-radius:0px!important;
  background-color:transparent!important;
  background-image:url('../img/bookmark2.png');
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0)!important;
}

.event-important:hover, .event-important:focus, .event-important:active{
	 background-image:url('../img/bookmarkhover.png');
} 

#cal-slide-content a.event-item {
    color: #363F69!important;
    line-height: 35px!important;
}

#cal-slide-content a.event-item:hover,#cal-slide-content a.event-item:active {
    color: #363F69!important;
    line-height: 35px!important;
}
.day-highlight.dh-event-important:hover{
		color:#edf9ff!important;
	}
#cal-day-tick:focus{
	outline:thin dotted #cddcf4!important;
}
/*--------------------Fin calendario mensual-------------------------------------------------*/


/*--------------Calendario anual-------------------------------------*/
.year-title{
	font-weight:600;
	font-size: 1.3em;
	color:#363F69;
}
.panel-default {
    border-color: #363F69;
}
.calendar .calendar-header table th:hover {
    background: rgba(109, 186, 201,0.2);
    cursor: pointer;
}
.glyphicon-chevron-right,.glyphicon-chevron-left{
	color:#363F69;
}

.month-title{
	color:#377C95;
	font-weight:600;
	font-size: 1.3em;
}

.calendar{
	overflow:inherit;
}
.calendar .month-container{
	height:auto;
}
.evento{
	display:block;	
}
.evento a{
	display:block;
	text-align:left;
	padding-left:15px;
	font-size:1em;
}

.fila{
	clear:both;
}
.calendar table.month tr td .day-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 6px;
}
.calendar table.month td.day .day-content:hover {
    background: rgba(255, 74, 50, 0.2);
    cursor: pointer;
}
.month-container{
	margin-bottom:20px!important;
}
.month{
	margin-bottom:20px!important;
}
/*fin calendario anual*/


/*----------------------------------------------------------------------------------------------------------------------------------*/
/*FLOATING NEWS NO SABEMOS SI HACEN ALGO O PODEMOS BORRARLOS*/

.glyphicon{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon{
    margin-right:0px !important; /*override*/
}

.pagination a{
    color:#555;
}

.panel ul{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px dotted #555;
}

.news{
	position: fixed;
    right: 0;
    left: 82%;
    z-index: 1030;
    margin-top: 45px;
}

/*FIN DE FLOATING NEWS*/
/*-----------------------------------------------------------------------------------------------------------------*/

/*Del plugin mixitup que hace aparecer formatterFoto*/
#container-mixitup .mix {
    display: none;
    margin-bottom: 30px;
}

.footerLH{
	line-height:1em;
}


/*GOOGLE MAPS*/
.googleHeight{
	height:400px;
}
.googleHeightnoJS{
	height:400px;
	overflow:hidden;
	width:100%;
}

/*Altura galeriaMulti*/
.thumbnail{
	height:445px;
}
/*PiezaBanner*/
.cultura{
	border-radius:5px;
	border:1px solid #363F69;
	display:block;
	padding:5px 10px;
}
.img-wrapper {
    position: relative;
    display: block;
    overflow: hidden;  
}
.img-wrapper, .img-wrapper img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/*.img-wrapper::before {
    font-family: FontAwesome;
    font-size: 2em;
    line-height: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 45%;
    display: block;
    visibility: hidden;
    margin: 0 auto;
    margin-left: -8px;
    content: '\f067';
    content: '\f08e';
    -webkit-transition: -webkit-transform .32s;
    transition: transform .32s;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
    color: #fff;		
}
*/
.img-wrapper img {
    -webkit-transition: .32s opacity, .32s -webkit-transform;
    transition: .32s opacity, .32s transform;
}

.img-wrapper:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
   /* opacity: .15;	*/
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=35)';	
}
.img-wrapper:hover::before {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	color:#363F69;	
}
.textoEncima{
	position:absolute;
	display:block!important;
	text-align:center;
	top: 20%;
	right: 5%;
	margin-left: 50%;
	font-size: 0.875em;
	color:#fff!important;
}
/* ver que no funciona bien*/
img.textoEncima:hover {
	display:none!important;
}

.bannerCaption {
    text-align: center;
  	font-size:1.5em!important;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
	color: #363F69;
	background-color: #CFDAF2;
	border: 1px solid #363F69;
	border-radius: 5px;
	margin-top:15px;
}

/*MEDIAQUERYES*/

@media (min-width:20px) and (max-width:399px){

	
	.logo img{
		max-height:4em;
		display: inline-block;
		margin-left:15px;
	}
	.nombreweb{
		display:none;
	}
	.navbar-toggle {
		background-color: transparent;
		border-radius:4px;
		border:1px solid #FFF;
		color:#FFF;
	}
	.navbar-toggle:hover{
		border-radius:0px;
		background-color:rgba( 237, 249, 255,0.5);
	}
	
	/*Iconos*/
	.icon-bar {
	   background-color:#cddcf4!important;
	}
		
	.logoAire{
		width:55px;
	}
	.logoMinisterio{
		width:110px;
	}
 
	.altura{
		height:180px!important;
	}
	.displaymovil{
		display:block!important;
	}

	.col600{
		width:100%;
		background-size:cover;
		max-width:100%;
	}
	
	.imagefix{
		height:auto;
		width:100%;
		overflow:hidden;
	}

	.cajafotobig{
		width:50%;
	}
	.textosprofe{
		width:100%;
	}
	.caja2{
		border:1px solid #363F69;
		display:block;
		background:#fff9ea;
		border-radius:10px;
	}
	.caja{
		border:1px solid #363F69;
		display:block;
		background:#fff9ea;
		border-radius:5px;
	}
	.textosprofepeque {
		width: 100%;
		padding-top: 10px;
		padding-left:10px;
	}

	.responsive{
		width:100%!important;
	}
	.col-xs-9{
		width:100%;
	}

	.navegacionoculta{
		background:#363F69;
	}
	
	.textoderecha{
		float:right;
		width:100%;
	}
	.imagenderecha {
		width: 100%;
	}
	.imagenizquierda {
		width: 100%;
	}
	.textoizquierda{
		float:left;
		width:100%;
	}
	.imagenrodeaderecha {
		float: left;
		width: 100%;
		padding-left:0px;
	}
	.nojsgallery{
		max-height:100%;
		overflow:hidden;
		margin-bottom:20px;
	}

	.btn-block {
		display: inline-block!important;
		width: 100%;
	}
	.navbar-toggle{
		margin-top:30px;		
	}
	div #myCarousel2{
		height:200px;
	}
	.cabeceraOcultar{
		display:inline-block;
	}
	
	.carousel-control{
		font-size:20px;
	}
	.carousel-control .icon-next, .carousel-control .icon-prev {
		width: 20px;
		height: 20px;
		font-family: serif;
		line-height: 1;
		margin-right: -10px;
	}
	.carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 20px;
		height: 20px;
		font-family: serif;
		line-height: 1;
		margin-right: -10px;
	}

	.icon-next,.icon-prev{	
		line-height:1;
		font-size:20px;	
		font-weight:bold;
		text-align:center;
		margin-right: -10px;
	}
	.icon-next:hover,.icon-prev:hover{	
		line-height:1;
		font-size:20px;	
		font-weight:bold;
		text-align:center;
		margin-right: -10px;
	}
	.navbar-collapse{
		border-top:1px solid #fff;
	}
	/*Para que aparezca scroll en menús muy grandes en el NAVBAR EN MOVIL*/
	#topFixNavegacion{
		overflow-y: scroll !important;
		max-height: 350px !important;
	}
	#myBtn{
		left:80%;
		top:90%;
	}
}

@media (min-width:400px) and (max-width:575px){

	.logo img{
		max-height:4em;
		display: inline-block;
		margin-left:15px;
	}
		
	.nombreweb{
		display:none!important;
	}
		
	.altura{
		height:200px!important;
	}
	.cajafotobig{
		width:30%;
	}
	.textosprofepeque {
		width: 75%;
		padding-top: 10px;
		padding-left:10px;
	}
	.responsive{
		width:100%!important;
	}
	.col-xs-9{
		width:65%;
	}

	.navegacionoculta{
		background:#363F69;
	}
		
	.textoderecha{
		float:right;
		width:100%;
	}
	.imagenderecha {
		width: 100%;
	}
	.imagenizquierda {
		width: 100%;
	}
	.textoizquierda{
		float:left;
		width:100%;
	}
	.imagenrodeaderecha {
		float: left;
		width: 100%;
		padding-left:0px;
	}
	.nojsgallery{
		max-height:100%;
		overflow:hidden;
		margin-bottom:20px;
	}
		
	div #myCarousel2{
		height:230px;
	}
	.cabeceraOcultar{
		display:inline-block;
	}
		
	.carousel-control{
		font-size:20px;
	}
	.carousel-control .icon-next, .carousel-control .icon-prev {
		width: 20px;
		height: 20px;
		font-family: serif;
		line-height: 1;
		margin-right: -10px;
	}
	.carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 20px;
		height: 20px;
		font-family: serif;
		line-height: 1;
		margin-right: -10px;
	}

	.icon-next,.icon-prev{	
		line-height:1;
		font-size:20px;	
		font-weight:bold;
		text-align:center;
		margin-right: -10px;
	}
	.icon-next:hover,.icon-prev:hover{	
		line-height:1;
		font-size:20px;	
		font-weight:bold;
		text-align:center;
		margin-right: -10px;
	}
	.fila{
		clear:both;
	}
	.navbar-collapse{
		border-top:1px solid #fff;
	}
	
	/*Para que aparezca scroll en menús muy grandes en el NAVBAR EN MOVIL*/
	#topFixNavegacion{
		overflow-y: scroll !important;
		max-height: 350px !important;
	}
}

@media (min-width:576px) and (max-width:767px){
	
	.navegacionoculta{
		background: transparent;
		width:100%;
	}
	
	.logo img {
		max-height: 6em;
		margin: 0px;
		margin-top:0px;
		margin-left:30px;
	}
	
	.imagefix{
		height:auto;
		width:100%;
		overflow:hidden;
	}
	
	.altura{
		height:230px!important;
	}
	.caja2{
		border:1px solid #363F69;
		display:block;
		background:#fff9ea;
		border-radius:10px;
	}
	.cajafotobig{
		width:25%;
		display:inline-block;
		padding:3px;
		padding-top:30px;
	}

	.textosprofe{
		width:100%;
		padding-top:10px;
	}
	.textosprofepeque {
		width: 100%;
		padding-top: 10px;
		padding-left:10px;
	}
	.responsive{
		width:100%!important;
	}

	.col-xs-9{
		width:50%;
	}
	.navegacionoculta{
		background:#363F69;
	}
		
	.textoderecha{
		float:right;
		width:100%;
	}
	.imagenderecha {
		width: 100%;
	}
	.imagenizquierda {
		width: 100%;
	}
	.textoizquierda{
		float:left;
		width:100%;
	}
	.imagenrodeaderecha {
		float: left;
		width: 100%;
		padding-left:0px;
	}
	.nojsgallery{
		max-height:100%;
		overflow:hidden;
		margin-bottom:20px;
	}

	.btn-block {
		display: inline-block!important;
		width: 100%;
	}
	.cabeceraOcultar{
		display:inline-block;
	}

	.carousel-control{
		font-size:20px;
	}
	.carousel-control .icon-next, .carousel-control .icon-prev {
		width: 20px;
		height: 20px;
		font-family: serif;
		line-height: 1;
		margin-right: -10px;
	}
	.carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 20px;
		height: 20px;
		font-family: serif;
		line-height: 1;
		margin-right: -10px;
	}

	.icon-next,.icon-prev{	
		line-height:1;
		font-size:20px;	
		font-weight:bold;
		text-align:center;
		margin-right: -10px;
	}
	.icon-next:hover,.icon-prev:hover{	
		line-height:1;
		font-size:20px;	
		font-weight:bold;
		text-align:center;
		margin-right: -10px;
	}
	.calendar .month-container{
		width:35%;
		margin-right:15px;
		margin-left:15px;
		margin-bottom:30px;
	}
	.navbar-collapse{
			border-top:1px solid #fff;
		}
	/*Para que aparezca scroll en menús muy grandes en el NAVBAR EN MOVIL*/
	#topFixNavegacion{
		overflow-y: scroll !important;
		max-height: 350px !important;
	}
	
}
@media (max-width:837px){

	.logo img{
		max-height:4.3em;
		display:inline-block;
		/*margin-top: 20px;*/
		margin-top: 10px;
		margin-left:15px;
	}
	.tituloweb{
		display:none;
	}
	
	.dropdown-menu {
		display: none !important;
	}

	.open .dropdown-menu {
		display: block !important;
	}
	
	.fila{
		clear:both;
	}
		
}
@media (min-width:768px) and (max-width:991px){
	
	.logo img{
		max-height:4em;
		margin-top:10px;
		margin-bottom:10px;			
	}
	.tituloweb {
		display:block;
		padding-top:0px;
		font-size: 1.4em;
	}
	.calendar .month-container{
		width:35%;
		margin-right:15px;
		margin-left:15px;
		margin-bottom:30px;
	}

	.imagenderecha{
		max-width: 100%!important;
		width:100%;
	}
	.imagenrodea{
		max-width: 100%!important;
		width:100%;
	}

	.displaymovil{
		display:block!important;
	}
	.navbar-nav >li>a {
		padding:5px 10px;
		font-size:1.1em;
		margin-top: 10px;
	}
	
	.imagefix{
		height:auto;
		width:100%;
		overflow:hidden;
	}
	.textosprofepeque {
		width: 75%;
		padding-top: 10px;
		padding-left:10px;
	}
	.responsive{
		width:60%!important;
	}
	.col-xs-9{
		width:60%;
	}
	.navegacionoculta{
		background:transparent;
	}
	.cabeceraOcultar{
		display:none;
	}
	
	.textoderecha{
		float:right;
		width:100%;
	}
	.textoizquierda{
		float:left;
		width:50%;
	}
	.imagenrodeaderecha {
		float: left;
		width: 100%;
	}
	.textoizquierdarodea {
		float: left;
		width: 100%;
	}
	.nojsgallery{
		max-height:100%;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	.btn-block {
		display: inline-block!important;
		width: 100%;
	}
	
	.fila{
		clear:both;
	}
	
}
/*este mediaquery, antes estaba hasta 1999, cambiado por el carrusel.*/
@media (min-width:992px) and (max-width:1200px){
		
	.logo img{
		max-height:5em;
		margin-top:10px;
		margin-bottom:10px;
	}
	.tituloweb {
		display:block;
		padding-top:0px;
		font-size: 1.6em;
	}
		
	.altura{
		height:190px!important;
	}
	.imagenderecha{
		max-width:50%!important;
	}
	.imagenrodea{
		max-width:50%!important;
	}

	.imagefix{
		height:190px;
		width:100%;
		overflow:hidden;
	}

	.textosprofe{
		width:75%;
		padding-top:10px;
	}
	.textosprofepeque {
		width: 75%;
		padding-top: 10px;
		padding-left:10px;
	}

	.responsive{
		width:45%!important;
	}

	.col-xs-9{
		width:50%;
	}
		
	.textoderecha{
		float:right;
		width:50%;
	}
	.nojsgallery{
		max-height:240px;
		overflow:hidden;
		margin-bottom:20px;
	}
		
	.navegacionoculta{
		background:transparent;
	}
	.cabeceraOcultar{
		display:none;
	}
	.btn-block {
		display:block!important;
		width: 100%;
	}
		
	/*Carrusel de InfoNoticia Formatter muestra 3 fotos-2 y 1*/
	div #myCarousel2{
		height:190px;
	}
	.fila{
		clear:both;
	}
	.affix{
		width:100%;
		left:0%;
	}

}
@media (min-width:1201px) {
	.affix{
		width:100%;
		left:0%;
	}
	
	
}
.width100{
	width:100%;
}
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
	width:100%;
}
 
.texto-centrado{
    position: absolute;    
	top: 50%;
    left: 50%;
	width:100%;
	height:100%;
    transform: translate(-50%, -50%);
	color: transparent;
}

.contenedor:hover .texto-centrado{
	
	display: inline-block;
    vertical-align: middle;    
    padding-top: 17%;
	background: rgba(255,255,255,0.8);
	color:#337ab7;
	
}
.texto-centrado-banner{
    position: absolute;    
	top: 50%;
    left: 50%;
	width:100%;
	height:100%;
    transform: translate(-50%, -50%);
	color: transparent;
}

.contenedor:hover .texto-centrado-banner{
	
	display: inline-block;
    vertical-align: middle;    
    padding-top: 4%;
	background: rgba(255,255,255,0.8);
	color:#337ab7 ;	
}

.texto-centrado-banner .fa-external-link,.fa-file-o{
	color: transparent;
	
}
.contenedor:hover .texto-centrado-banner .fa-external-link,.fa-file-o{
	color: #337ab7;
	
}