/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
		
		
		header#banner {
  		width: 92%;
  	}
  	
  	header#banner hgroup {
  		width: 99%;
    	text-align: -webkit-center;
    }
  	
  	#banner .mapa {
    	display: none;
    }
  	
  	#banner .community-title {
  		display: none;
  	}
  	
  	.cabecera {
  		position: relative;
    	left: 0px;
    	top: -40px;
    	height: 50px;
    	margin-left: auto;
    	margin-right: auto;
  	}
  	
  	.cabecera img {
  		width: 65% !important;
    	height: 80px !important;
  	}
  	
  	#content {
  		margin-top: 55px;
	    width: 92%;
  	}
  	
  	#wrapper {
			max-width: 97%;
		}
		
		.zona-nav {
			width: 95%;
    	text-align: center;
		}
		
		#navigation>ul>li>a img {
    	position: inherit;
    }
		
		.ugt #column-1 {
			width: 100%;
		}
		
		footer.pie {
			width: 98%;
    	height: 170px;
		}
		
		.pie .pie-izq {
			width: 100%;
		}
		
		.pie .contenido_pie {	
			margin-bottom: 10px;
		}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  	
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	
	header#banner {
  		width: 500px;
  	}
  	
  	header#banner hgroup {
  		width: 99%;
    	text-align: -webkit-center;
    }
  	
  	#banner .mapa {
    	display: none;
    }
  	
  	#banner .community-title {
  		display: none;
  	}
  	
  	.cabecera {
  		position: relative;
    	left: 0px;
    	top: -40px;
    	height: 50px;
    	margin-left: auto;
    	margin-right: auto;
  	}
  	
  	.cabecera img {
  		width: 65% !important;
    	height: 80px !important;
  	}
  	
  	#content {
  		margin-top: 55px;
  		width: 97%;
  	}
  	
  	#wrapper {
			max-width: 469px;
		}
		
		.zona-nav {
			width: 95%;
    	text-align: center;
		}
		
		#navigation>ul>li>a img {
    	position: inherit;
    }
		
		.ugt #column-1 {
			width: 100%;
		}
		
		footer.pie {
			width: 500px;
    	height: 170px;
    	text-align: -webkit-center;
		}
		
		.pie .pie-izq {
			width: 100%;
		}
		
		.pie .contenido_pie {	
			margin-bottom: 10px;
		}
		
		.aui-w30 {
			width: 100%;
		}
		
		.ugt #column-2 {
			width: 100%;
		}
		
		ul.enlaces_portada {
			text-align: -webkit-center;
    	margin-left: 15px;
		}
		
		.aui-w30 .portlet-column-content-first .journal-content-article p a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}
		
		.aui-w70 {
			width: 100%;
		}
		
		.ugt #column-2 .journal-content-article a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  	
}

/* ----------- iPhone 6, 6S, 7 and 8 and smallers ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	
  	header#banner {
  		width: 432px;
  	}
  	
  	header#banner hgroup {
  		width: 99%;
    	text-align: -webkit-center;
    }
  	
  	#banner .mapa {
    	display: none;
    }
  	
  	#banner .community-title {
  		display: none;
  	}
  	
  	.cabecera {
  		position: relative;
    	left: 0px;
    	top: -40px;
    	height: 50px;
    	margin-left: auto;
    	margin-right: auto;
  	}
  	
  	.cabecera img {
  		width: 65% !important;
    	height: 80px !important;
  	}
  	
  	#content {
  		margin-top: 55px;
  		width: 432px;
  	}
  	
  	#wrapper {
			max-width: 97%;
		}
		
		.zona-nav {
			width: 95%;
    	text-align: center;
		}
		
		#navigation>ul>li>a img {
    	position: inherit;
    }
		
		.ugt #column-1 {
			width: 100%;
		}
		
		footer.pie {
			width: 432px;
    	height: 170px;
		}
		
		.pie .pie-izq {
			width: 100%;
		}
		
		.pie .contenido_pie {	
			margin-bottom: 10px;
		}
		
		.aui-w30 {
			width: 100%;
		}
		
		.ugt #column-2 {
			width: 100%;
		}
		
		ul.enlaces_portada {
			text-align: -webkit-center;
    	margin-left: 15px;
		}
		
		.aui-w30 .portlet-column-content-first .journal-content-article p a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}
		
		.aui-w70 {
			width: 100%;
		}
		
		.ugt #column-2 .journal-content-article a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  	
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
		
		
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  	
  	header#banner {
  		width: 92%;
  	}
  	
  	header#banner hgroup {
  		width: 99%;
    	text-align: -webkit-center;
    }
  	
  	#banner .mapa {
    	display: none;
    }
  	
  	#banner .community-title {
  		display: none;
  	}
  	
  	.cabecera {
  		position: relative;
    	left: 0px;
    	top: -40px;
    	height: 50px;
    	margin-left: auto;
    	margin-right: auto;
  	}
  	
  	.cabecera img {
  		width: 65% !important;
    	height: 80px !important;
  	}
  	
  	#content {
  		margin-top: 55px;
  		width: 92%;
  	}
  	
  	
  	#wrapper {
			max-width: 97%;
		}
		
		.zona-nav {
			width: 95%;
    	text-align: center;
		}
		
		#navigation>ul>li>a img {
    	position: inherit;
    }
		
		.ugt #column-1 {
			width: 100%;
		}
		
		footer.pie {
			width: 98%;
    	height: 170px;
		}
		
		.pie .pie-izq {
			width: 100%;
		}
		
		.pie .contenido_pie {	
			margin-bottom: 10px;
		}
		
		.aui-w30 {
			width: 100%;
		}
		
		.ugt #column-2 {
			width: 100%;
		}
		
		ul.enlaces_portada {
			text-align: -webkit-center;
    	margin-left: 15px;
		}
		
		.aui-w30 .portlet-column-content-first .journal-content-article p a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}
		
		.aui-w70 {
			width: 100%;
		}
		
		.ugt #column-2 .journal-content-article a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  	
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
		
		header#banner {
  		width: 90%;
  	}
		
		header#banner hgroup {
  		width: 99%;
    	text-align: -webkit-center;
    }
  	
  	#banner .mapa {
    	display: none;
    }
  	
  	#banner .community-title {
  		display: none;
  	}
  	
  	.cabecera {
  		position: relative;
    	left: 0px;
    	top: -40px;
    	height: 50px;
    	margin-left: auto;
    	margin-right: auto;
  	}
  	
  	.cabecera img {
  		width: 65% !important;
    	height: 80px !important;
  	}
  	
  	#content {
  		margin-top: 55px;
  		width: 91%;
  	}
		
		#wrapper {
			max-width: 532px;
		}
		
		.zona-nav {
			width: 95%;
    	text-align: center;
		}
		
		#navigation>ul>li>a img {
    	position: inherit;
    }
		
		.ugt #column-1 {
			width: 100%;
		}
		
		footer.pie {
			width: 98%;
    	height: 170px;
		}
		
		.pie .pie-izq {
			width: 100%;
		}
		
		.pie .contenido_pie {	
			margin-bottom: 10px;
		}
		
		.aui-w30 {
			width: 100%;
		}
		
		.ugt #column-2 {
			width: 100%;
		}
		
		ul.enlaces_portada {
			text-align: -webkit-center;
    	margin-left: 15px;
		}
		
		.aui-w30 .portlet-column-content-first .journal-content-article p a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}
		
		.aui-w70 {
			width: 100%;
		}
		
		.ugt #column-2 .journal-content-article a img {
			margin-left: 15px !important;
    	width: 95% !important;
		}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  	
  	#wrapper {
  		width: 888px;
  	}
  	
  	
  	.cabecera img {
  		width: 50% !important;
    	height: 100px !important;
    	margin-top: 30px;
    	margin-left: -65px;
  	}
  	
  	.ugt #column-1 {
    	width: 650px;
    }
    
    .ugt #column-2 {
		    width: 230px;
		}
    
    .ugt .cuerpo {
		    background: url(../images/ugt/linea_vertical.gif) repeat-y 650px 0;
		}
  	
  	footer.pie {
	  	width: 884px;
	    height: 200px;
	  }

}



/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}