/********************************************************
*                                                       *
*  Hoja de estilos para el banner de encabezado         *
*  para incluir en el esqueleto de AulaLibre para SPIP  *
*                                                       *
********************************************************/
div#bannercab, #bannercab_col_1, #bannercab_col_2, #bannercab_col_3, #bannercab_col_4, 
	#bannercab_col_2sup, #bannercab_col_2inf, #bannercab_col_4inf {
	border: none;
	padding: 0px;
	position: relative;
	line-height: normal;
}
div#bannercab {
	min-width:654px;
	width: 100%;
	height: 90px;
	margin: 0px;
	background-color: #FE3333;	/* Escoger a voluntad el tono de rojo deseado, pues las imágenes
																que se superponen son transparentes */
	background-image: url(/squelettes/img/banner_cgt_triangulonegro_260x90.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#bannercab_col_1 {
	float: left;
	top: 6px;
	left: 7px;
	width: 50px;
	height: 79px;
	margin: 0px;
}
div#bannercab_col_4 {
	float: right;
	top: 71px;
	right: 0px;
	width: 71px;
	height: 19px;
	margin: 0px;
}
div#bannercab_col_3 {
	float: right;
	top: 0px;
	right: 0px;
	width: 189px;
	height: 90px;
	margin: 0px;
	background-image: url(/squelettes/img/banner_cgt_manos_189x71.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Arial-Black;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: text-top;
}
div#bannercab_col_2 {
	top: 0px;
	left: 0px;
	right: 0px;
	height: 90px;
	margin: 0px 260px 0px 64px;
}
div#bannercab_col_2sup {
	top: 9px;
	left: 0px;
	right: 0px;
	height: 49px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 42px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
div#bannercab_col_2inf {
	top: 4px;
	left: 0px;
	right: 0px;
	height: 28px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.t42_s_rojo { position: relative; left: 3px; top: 3px; color: #FF8888; }
.t42_c_blanco { position: absolute; left: -3px; top: -4px; color: #FFFFFF;}
.t20_s_rojo { position: relative; left: 1px; top: 1px; color: #FFCCCC; }
.t20_c_negro { position: absolute; left: -1px; top: -2px; color: #000000;}
.t18_s_rojo { position: relative; left: 1px; top: 1px; color: #AA4444; }
.t18_c_blanco { position: absolute; left: -1px; top: -2px; color: #FFFFFF;}