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

html, body
{
	background: url('img/patron_S.png') #F9F9ED;
}

/* ESTRUCTURA GENERAL */

.ggb_header_S
{
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom-color:#006633;
	background-color:#64b238;
}

.ggb_iconoIntro
{
	background-image:url(img/icons_L-M-S_GGA_GGB-30.png);
	background-position: 0.8% 0;
	background-size: 92px;
}

.ggb_iconoObjetivos
{
	background-image:url(img/icons_L-M-S_GGA_GGB-21.png);
	background-position: 0.8% 0;
	background-size: 92px;
}

.ggb_iconoContenido
{
	background-image:url(img/icons_L-M-S_GGA_GGB-22.png);
	background-position: 0.8% 0;
	background-size: 92px;
}

.ggb_iconoResumen
{
	background-image:url(img/icons_L-M-S_GGA_GGB-23.png);
	background-position: 0.8% 0;
	background-size: 92px;
}

.ggb_iconoValoracion
{
	background-image:url(img/icons_L-M-S_GGA_GGB-24.png);
	background-position: 0.8% 0;
	background-size: 92px;
}

.ggb_contenido_S
{
	background:#e5efdb;
	padding-top:10px;
	border-bottom:solid 5px #006633;
}

.ggb_contenidoInterno_S
{
	box-shadow:0 0 5px #a3a3a3;
	background-color:#FFF;
}

/* TEXTOS */

h1
{
	color:#FFF;
}

/* ================================================= */

#botonera {
	margin:auto;
	width:210px;
	position:absolute;
	bottom:25px;
	left:42%;
}

#botonera div {
	margin:0 -2px;
	width:70px;
	height:60px;
	background: #64b238;
	position: relative;
	color:#FFF;
	font-size:3em;
	text-align:center;
	line-height:60px;
}

#botonera:before {
	background-color:#006633;
    content:"";
    position:absolute;
    width: 99.7%;
    height:20px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:4px;
    left:-2px;
    bottom:-4px;
}

#botonera div:active {
	background: #006633;
	transform:scaleY(0.8);
}

#botonera div:first-child {
	border-radius:10px 0 0 0;
	border-right:solid 2px #006633;
}

#botonera div:last-child {
	border-radius: 0 10px 0 0;
	border-left:solid 2px #006633;
}

#botonera div:hover {
	background: #79C84F;
}

/* ========================================================= */

#botonerapeq {
	margin:auto;
	width:140px;
	position:absolute;
	bottom:25px;
	left:43.5%;
}

#botonerapeq div {
	margin:0 -2px;
	width:70px;
	height:60px;
	background: #64b238;
	position: relative;
	color:#FFF;
	font-size:3em;
	text-align:center;
	line-height:60px;
}

#botonerapeq:before {
	background-color:#006633;
    content:"";
    position:absolute;
    width: 99.7%;
    height:20px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:4px;
    left:-2px;
    bottom:-4px;
}

#botonerapeq div:active {
	background: #006633;
	transform:scaleY(0.8);
}

#botonerapeq div:first-child {
	border-radius:10px 0 0 0;
	border-right:solid 2px #006633;
}

#botonerapeq div:last-child {
	border-radius: 0 10px 0 0;
	border-left:solid 2px #006633;
}

#botonerapeq div:hover {
	background: #79C84F;
}