@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1280px){  
	
	/* ESTRUCTURA GENERAL */
	
	.gga_contenedorGeneral
	{
		width:92.18%;/*1180 px*/
		height:auto;
		min-height:500px;
		margin:0 auto;
	}
	
	header
	{
		width:91.54%;
		padding:10px 1.69% 10px 6.77%;
	}
	
	.gga_contenido
	{
		width:90%;
		padding:0.2% 5%;
	}
	
	/* TEXTOS */

	h1
	{
		font-size:3em;
		line-height:40px;
	}
	
	h2
	{
		font-size:2.8em;
	}
	
	h3
	{
		font-size:2em;
	}
	
	p
	{
		font-size:3.5em;
		line-height:1em;
	}
	
	/* ELEMENTOS HEADER */

	.gga_icon
	{
		width:60px;
		height:60px;
		top:20px;
		left:10px;
		background-position:center center;
	}
	
	/* ICONOS */
	
	.gga_icon_S_introduccion
	{
		background-image:url(../skins/S_GGA/img/gga_S_icon_INTRODUCCION-02.png)
	}
	
	.gga_icon_S_objetivos
	{
		background-image:url(../skins/S_GGA/img/gga_S_icon_objetivos-02_1.png)
	}
	
	.gga_icon_S_contenido
	{
		background-image:url(../skins/S_GGA/img/gga_S_icon_contenido-02_1.png);
	}
	
	.gga_icon_S_resumen
	{
		background-image:url(../skins/S_GGA/img/gga_S_icon_resumen-02_1.png);
	}
	
	.gga_icon_S_valoracion
	{
		background-image:url(../skins/S_GGA/img/gga_S_icon_valoracion-02_1.png);
	}
}

@media screen and (max-width:800px){  
	
	/* ESTRUCTURA GENERAL */
	
	
	
	.gga_contenedorGeneral
	{
		width:100%;/*800 px*/
		height:auto;
		min-height:200px;
		margin:0 auto;
	}
	
	header
	{
		width:88.75%;
		padding:10px 1.25% 10px 10%;
	}
	
	.gga_contenido
	{
		border-bottom-width:50px;
	}
	
	/* ELEMENTOS CONTENIDO */
	
	.gga_flechaVolver, .gga_flechaAvanzar
	{
		width:50px;
		height:50px;
		top:100%;
	}
	
	.gga_flechaVolver
	{
		left:0;
		background-image:url(../common/img/gga_L_flechas-05.png);
	}
	
	.gga_flechaVolver:hover
	{
		background-image:url(../common/img/gga_L_flechas-05.png);
	}
	
	.gga_flechaAvanzar
	{
		right:0px;
		background-image:url(../common/img/gga_L_flechas-06.png);
	}
	
	.gga_flechaAvanzar:hover
	{
		background-image:url(../common/img/gga_L_flechas-06.png);
	}
	
	/* TEXTOS */

	h1
	{
		font-size:2.2em;
		line-height:30px;
	}
	
	h2
	{
		font-size:1.8em;
	}
	
	h3
	{
		font-size:1.5em;
	}
	
	p
	{
		font-size:3.5em;
		line-height:1em;
	}
	
	/* ELEMENTOS HEADER */

	.gga_icon
	{
		width:60px;
		height:60px;
		top:10px;
		left:10px;
		background-position:center center;
	}
}

