*{
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

body, div, p{
	font-family: Ubuntu, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #222;
	line-height: 24px;
	text-align: left;
	padding: 0;
	margin: 0;
}
body		{background-color: #FFF; margin-left: auto; margin-right: auto;}
img, a img	{border: 0 none;}
p			{margin-bottom: 10px; margin-top: 10px;}
li			{text-align: left; margin-top: 7px; margin-bottom: 7px;}
ol li		{margin-bottom: 10px;}
ul			{list-style: square;}
h1, h2, h3, h4{color: #666; font-weight: 400; margin-bottom: 11px; margin-top: 22px; text-align:left;}
h1			{font-size: 24px; line-height: 24px; font-weight:bold; color: #7F2A2A;}
h2			{font-size: 21px; line-height: 22px; font-weight:bold; color: #DF6421;}
h3			{font-size: 19px; line-height: 20px; font-weight:bold; color: #5FAB3F;}
h4			{font-size: 19px; font-weight:bold;}
/*-----···ENLACES···-----*/
a				{color: #09F;}
a:hover	{color: #C30;}
a.on,
a:active{color: #0f9;}
/*-----··· CABECERA ···-----*/
#fondo_cabecera{
	background: url(../img/fondo_cabecera.png) left top repeat-x;
	height: 230px;
	min-width: 990px;
	display: block;
	}
#cabecera{
	background: url(../img/cabecera.png) center top no-repeat;
	height: 230px;
	display: block;
}
#menu_cabecera{
	margin-top: 0px;
	margin-left: 0px;
	min-width: 990px;
	background: #7F2A2A;
	border: 3px solid #000;
	border-left: 0px none;
	border-right: 0px none;
	height: 40px;
	display: block;
	vertical-align: middle;
	line-height: 40px;
}
#menu_cabecera div{
	display: block;
	height: 32px;
	text-wrap: none;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	margin-top: 8px;
	}
#menu_cabecera a{
	margin: 0px 22px;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
}
/*-----··· CONTENEDOR DE CONTENIDOS ···-----*/
#contenedor_de_contenidos{
	height: auto;
	width: 970px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
/*-----··· CONTENEDOR IZQUIERDA, MENÚS (1 CON FONDO NIÑOS) Y BANNERS ···-----*/
#contenedor_izquierda{
	margin-top: 20px;
	width: 320px;
	float: left;
}
.cuadro{
	display:block;
	}
.cuadro_ninos{
	background: url(../img/separador_menu.png) right top no-repeat;
	min-height: 128px;
	}
.cuadro_libreta{
	background: url(../img/fondo_hoja.png) left top no-repeat;
}
.cuadro_libreta div{
	display: block;
	padding-top: 24px;
	margin-left: 25px;
}
.cuadro_libreta .fin_libreta{
	background: url(../img/fondo_hoja.png) left bottom no-repeat;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
	}
.cuadro a{
	color: #222;
	margin-left: 10px;
	margin-top: 0px;
	display: block;
	text-decoration: none;
	font-size: 19px;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
.cuadro a:hover, .submenu a:hover{
	color: #f90;
}
.cuadro a.on, .cuadro a:active, .submenu a.on, .submenu a:active{
	color: #c30;
}
.cuadro_noticias a{
	height: auto;
	line-height: 22px;
	margin-bottom: 8px;
	margin-left: 5px;
}
.cuadro_noticias a span{
	display: inline-block;
	position: relative;
	font-size: 11px;
	color: #df6421;
	top: -2px;
	font-weight: bold;
	}
.noticias_fecha{
	color: #df6421;
	float: right;
	font-size: smaller;
	margin-left: 20px;
	margin-top: 3px;
	}
.submenu{
	padding-left: 10px;
}
.submenu a{
	color: #333;
	margin-left: 10px;
	display: block;
	text-decoration: none;
	font-size: 17px;
	line-height: 24px;
	height: 24px;
	vertical-align: middle;
}
.cuadro_ninos a:before, .cuadro_blanco a:before, .cuadro_libreta a:before{
	content: "\25B8";
	display: inline-block;
	position: relative;
	font-size:smaller;
	margin-right: 5px;
	top: -1px;
	color: #7F2A2A;
}
.submenu a:before{
	color: #888728;
	}
/*-----··· CONTENEDOR DERECHA Y CONTENIDOS ···-----*/
#contenedor_derecha{
	margin-top: 20px;
	width: 650px;
	float: right;
}
#contenidos{
	width: 620px;
	margin-left: 30px;
}
#contenidos p, #contenidos li{
	text-align: justify;
	}
/*-----··· TABLAS ···-----*/
table {
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #aaa;
}
table thead th {
	background-color: #FC6;
	padding: 5px 10px;
}
table th {
	background-color: #CBCBFF;
	padding: 5px 10px;
	border: 1px solid #aaa;
}
table td {
	background-color: #F5F5F5;
	padding-right: 20px;
	border: 1px solid #aaa;

}
table td a {
	text-decoration: none;
}
/*-----··· PIE ···-----*/
#pie{
	background: #7F2A2A;
	border: 3px solid #000;
	border-left: 0px none;
	border-right: 0px none;
	display:block;
	font-size: 14px;
	padding: 5px;
}
#texto_pie{
	line-height: 25px;
	text-align:center;
	color:#FFF;
}
#pie a{
	color: #404040;
	text-decoration: none;
}
#pie span{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.centrado	{text-align: center !important;}
.izquierda	{float: left; margin-right: 20px;}
.derecha	{float: right; margin-left: 20px;}