/******DIFERENTES RESOLUCIONES DE PANTALLA*****/

@media (max-width: 320px) {
	#texto_carousel {font-size:0.9rem; padding:1rem;}
	#texto_carousel blockquote {font-size:1.4rem; }
	.navbar-collapse-mobil {
		max-height: 500px !important;
	  	overflow-y: auto !important;
	}
	
	.baixamar, .preamar { 
		background-position: 2rem;
	}
	
	.bloqueIlla .imx {
	    height: 30px;
	}
	
	.bloqueIlla a .texto {
		font-size: 0.6rem !important;
	}
	
	.bloqueIlla li {
		width: 60px !important;
	}
}

@media (max-width: 576px) {
	#texto_carousel {
		padding:1rem;
	}
	
	.navbar-collapse-mobil {
		max-height: 550px !important;
	  	overflow-y: auto !important;
	}
	
	.tituloSeccion {
	    font-size: 1.2rem !important;
	}
	
	fieldset legend {
		font-size: 1.2rem !important;
	}
	
	#texto_carousel {
		width: 80% !important;
	}
}

@media (max-height: 420px) {
	.info-message img {
		width: 4% !important;
	}
}

@media (max-height: 700px) {
	.bloqueIlla img {
		display: none;
	}
	
	.btn {
		font-size: 0.8rem;
		margin-top: 0.3rem !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	#texto_carousel { padding:1rem; max-width: 83.333333%; }
	#texto_carousel blockquote { font-size:1.4rem; }
	.navbar-collapse-mobil {
		max-height: 350px !important;
	  	overflow-y: auto !important;
	}
}

/*	Nexus 7 */	
@media (min-width: 600px) {
	.navbar-light .navbar-toggler {
		margin-left: 50%;
	}	
}

@media (max-width: 767px) {
	#menu_principal {
		position: relative !important;
		width: 100%;
		background: #fff;
		z-index: 1000;
	}
	#menu_principal .nav-link {padding: 0.5rem;}
	
	.btn {
		font-size: 0.8rem;
		margin-top: 0.4rem !important;
	}
	
	.info-message {
		padding: 0;
	}
	
	.bloqueSeleccionIlla {
		display: inline-block;
		width: 100%;
	}
	
	.bloqueIlla {
		display: inline-block;
	  	width: 100%;
	  	margin-bottom: 5px;
	}
	
	.bloqueIlla p {
		font-size: 0.6rem;
	}
	
	.bloqueIlla a .texto {
		font-size: 0.9rem;
	}
	
	.bloqueIlla .imgMultiple {
		width: 20%;
	}
	
	.labelIslasPortada {
		font-size: 1.2rem;
	}
	
	.carousel-indicators {
		left: 0%;
	}
	
	.carousel-play-pause {
		left: 0%;
	}
	
	.carousel-play-pause a {
		font-size: 80%;
	}
	
	.carousel-indicators li {
		width: 10px;
		height: 10px;
	}
	
	#informacion_pe {
	    font-size: 0.5rem;
	}
	
	#informacion_pe img {
	    width: 45%;
	}
	
	.info-message img {
		width: 8%;
	}
	
	.info-message-aviso {
		font-size: 0.6rem;
	}
	
	.info-message-titulo {
		font-size: 0.6rem;
	}
	
	.parallax{ display:none;}
	
	.texto_parallax {
		transform: translate(-1%, -1%);
		font-size: 1.5rem;
	}
	
	#info_content {padding-top:75px}

}

@media (min-width:767px) and (max-width: 992px) {
	.baixamar, .preamar { 
		background-position: 1rem;
	}
}

@media (min-width: 768px) {
	.autoMaxWidth {
	    margin: 0 auto;
	    max-width: 1105px;
	}
	
	.autoMaxWidthPie {
	    margin: 0 auto;
	    max-width: 1075px;
	}
	
	.texto_parallax {
		transform: translate(-1%, -1%);
		font-size: 2rem;
	}
}

/* iPad */
@media (min: 768px) and (max-width: 991px) {
	#texto_carousel { flex: 0 0 43.333333%; max-width: 43.333333%; }
	
	/** Para que el boton del menu salga alineado a la drcha */
	.navbar-light .navbar-toggler {
		margin-left: 60%;
	}	
	
	/*para centrar el menu */
	#menu_principal .nav-item .nav-link {
		position: relative;
		padding-left:15px;
		padding-right:15px;
		float: left;
        right: 50%;
		font-size: 1rem;
	}
	
	/*para centrar el menu en los iPad*/
	#idiomas_mobil .nav-item{
        float: left;
        list-style-type: none;
        padding:0px;
        position: relative; 
        left: 26%;
   	}

	/*tamaño de letra cuando esta activo*/
	#menu_principal .nav-link.active {
		font-size: 1rem !important;
	}   

	/*dejar espacio entre los iconos de login y el menu*/
	.iconosLoginHelp {
	    margin-top: 10px;
	    display: inline-block !important; /* para que salgan los botones de sesion debajo del menu*/
	}
	
	/* dejar espacio entre lineas de menu*/
	#menu_principal ul.nav.navbar-nav li {
   		padding: 20px 0px 10px 0px;
	} 
	
	.nav-item{
		padding:5px 0px 5px 0px;
	}
	
	/*para que al desplegar un submenu ocupe todo el ancho y hacia abajo */
	.navbar-nav .dropdown-menu {
	    position: relative;
	    float: left;
	    width:100%
	}  
	
}
	
@media (max-width: 991px) {

	/* oculta los iconos de los menus */
	.ico-default {
		display: none;
	}
	
	#menu_principal .nav-link .ico-menu {
		display: none;
	}
	
	/* oculta el logo del parque nacional */
	.logoParqueNacionalMenu {
		display: none;
	}
		
	/* oculta el logo de la xunta */	
	.logo-xunta {
		display:none;
	}	
	
	.iconosLoginHelp {
		display: block;
	}
	
	.cabeceira{
		display:none !important;
	}
	
	/** amplia el contenedor por arriba */
	#container{
	    top: 90px;
	}
	
	/** amplia el espacio para el pie por arriba */
	#pe {
    	padding-top: 1rem;
	}
	
	.row{
		margin-top: 0.5 !important;
	}

	.rowMP {
   		display: -webkit-box;
	    display: block;
	    flex-wrap: wrap;
	    margin-right: 0px;
	    margin-left: 0px;
		flex-direction: column;
	}
	
	.rowMenuPrincipal {
		padding-top:0rem;
	    display: -webkit-box;
	    display: block;
	    flex-wrap: wrap;
	    margin-right: 0px;
	    margin-left: 0px;
		flex-direction: column;
	}
	
	#menu_principal {
		position: relative;
		width: 100%;
		background: #fff;
		z-index: 1000;
		padding: 0;
	}
	
	#menu_principal .nav-link {
	    text-align: left;
	    display: block;
	    font-size: 0.8rem;
	}

	#menu_principal .nav-item .nav-link {
	    color: #0371B3;
	    font-family: 'NerisThin';
	    font-weight: bold;
	}
	
	#menu_principal .nav-item.active, #menu_principal .nav-item:hover {
		border-bottom:0px;
	}
	
	#menu_principal ul.nav.navbar-nav li a {
	    color: #0371B3;
	    font-family: 'NerisThin';
	    font-size: 0.9rem;
	    text-transform: none;
	    border-bottom: 0px;
	    padding: 7px 4px 7px 4px;
	}
	
	#menu_principal ul.nav.navbar-nav li {
    	padding: 0px 0px 0px 0px;
    	width: 100%;
	}

	#menu_principal .nav-link.active {
	    background: #0371B3;
	    text-decoration: none; 
	    color: #fff;
	    font-size: 0.8rem;
	}
	
	#menu_principal .nav-link.focus {
	  color: #fff;
	}

	#nav-item.menuSupLink.active {
		background: #0371B3;
	    color: #fff;
	}
	
	#menu_principal .menuSupLink.nav.nav-link.dropdown-item2.activo {
		background: #0371B3;
    	color: #fff;
    } 
    	
	#menu_principal .menuSupLink.nav.nav-link.dropdown-item2.activo a {
		color: #fff;
	}   

	#menu_princial .dropdown-item2:focus, .dropdown-item2 :hover{
	 	width: -webkit-fill-available;
	 	text-align: left; 
	}
	
	#idiomas_mobil .nav-item.active .nav-link, #idiomas_mobil .nav-item:hover .nav-link {
		color: #fff;
	}
	
	#idiomas_mobil .nav-item:hover {
	    background: #0371B3;
	    color: #fff;
	}
	
	#idiomas_mobil .nav-item.active {
	    background: #0371B3;
	    color: #fff;
	}
	
	.subMenuInformes ul.nav.navbar-nav li a {
		color: #fff;
	}
	
	/* para mostrar la flecha que aparece al lado del nombre en los submenus */
	.clearShowFlecha{
		display: inline;
		color: #0371B3;
	}
	
	/* para hacer blancos los textos de los enlaces a submenus al pulsar encima*/
	#menu_princial .dropdown-item:focus, .dropdown-item:hover{
		color: #fff !important;
	}
	
	.nombreIcono{
		text-align: left;
	}
	
	/* para que la opcion padre del submenu seleccionado ocupe el ancho*/
	#menu_principal ul.nav.navbar-nav li a {
		display: block;
	}
	
	/** para que la flecha salga blanca cuando el submenu esta activo */
	#menu_principal .menuSupLink.nav.nav-link.dropdown-item2.activo .clearShowFlecha {
		color: #fff;
	}

	/** para que la flecha salga blanca cuando el submenu esta hover */
	#menu_principal .menuSupLink.nav.nav-link.dropdown-item2:hover .clearShowFlecha {
		color: #fff;
	}
	
	.navbar-brand img {
	    height: 100%;
	}
	
	/*para que no le ponga el subrayado al activo*/
	#menu_principal .nav-item.menuSupLink.activo {
    	text-decoration: none;
	}
	
	.carousel-item { height: calc(100vh - 8rem);}
	
	.iconosLoginHelp ul {
		flex-direction: row !important;
		justify-content: left !important;
	}
	
	.iconosLoginHelp .nav-item .nav-link {
		padding: 0.3rem !important;
	}
	
	.bloqueIlla .imgUnica {
		width: 32%;
	}
	
	.bloqueIlla ul {
		width: 100%;
	}
	
	.bloqueIlla li {
		width: 80px;
	}
	
	.textoAdvertenciaCadroInformativo {
		font-size: 0.9rem;
		padding: 10px;
	}
	
	.info-aviso-content-image {
		display: none;
	}
	
	#texto_carousel {
		width: 60%;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.container {
		max-width: 1024px;
		padding: 0;
	}
	
	#menu_principal {
		padding: .5rem 0rem;
	}
	
	#menu_principal .nav-link { 
		font-size:0.7rem;
	}
	
	#menu_principal .nav-link .fa {
		font-size: 18px;
	}
	
	.baixamar, .preamar { 
		background-position: 2rem;
	}
	
	.textoAdvertenciaCadroInformativo {
		font-size: 0.9rem;
	}
	
	.bloqueIlla ul {
		width: 100%;
	}
	
	.bloqueIlla li {
		width: 80px;
	}
	
	#texto_carousel {
		width: 60%;
	}
}

#menBenvidaMobil{
	display: block;
	color:#0371B3;
	font-weight: bold;
	font-size:100%;
	white-space: nowrap;
}