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

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

/* ESTRUCTURA GENERAL */

.ggb_header_M
{
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom-color:#89380f;
	background-color:#eb7f26;
}

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

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

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

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

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

.ggb_contenido_M
{
	background:#fddfbc;
	padding-top:10px;
	border-bottom:solid 5px #89380f;
}

.ggb_contenidoInterno_M
{
	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: #eb7f26;
	position: relative;
	color:#FFF;
	font-size:3em;
	text-align:center;
	line-height:60px;
}

#botonera:before {
	background-color:#89380f;
    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: #89380f;
	transform:scaleY(0.8);
}

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

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

#botonera div:hover {
	background: #EE9348;
}

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

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

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

#botonerapeq:before {
	background-color:#89380f;
    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: #89380f;
	transform:scaleY(0.8);
}

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

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

#botonerapeq div:hover {
	background: #EE9348;
}

.p_prev.off {background-color:#b45a11 !important;}
.p_next.off {background-color:#b45a11 !important;}