@charset "utf-8";
/* CSS Document */
#contenedor {
  /*border: 1px solid black;*/
  margin: 0px auto;
  padding: 0px;
  width: 1024px;
  height: 900px;
  text-align: left;
}
#cabecera {
  width: 1020px;
  height: 146px;
  margin-left: 5px;
  margin-top: 15px;
  background-image: url(../imagenes/img_header.png);
  /* background-image: url(../imagenes/img_header.jpg);  */
  background-repeat: no-repeat;
  /* background-position: right center; */
}
body
{
	/* Personalización del estilo de la fuente*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	/* background-color: #009C71;  //#3DB992; //#D9408F; //#ff3b85; //#ab438f; //#00912E; //#FF362B; #5F4134; #FF3646;*/
	background-color: #FAFAFC;/* #FAFAFA; */
	/* border-radius: 8px; */
	/* border: 5px white solid; */
    background-image: url(../imagenes/fondo_header.png);
    background-repeat: repeat-x;
}
#areamenu{
	/*Definición de las dimensiones del área de menú*/
	width: 1024px;
	height:30px;
	/*Paddings para el desplazamiento*/
	margin-left:0px;
	/* padding-left:25px; */
	/* Definición de los elementos del fondo del área del menú */
	 /* background-color:#FFFCAC; */
	/*background-image:url("../imagenes/amenu.jpg");*/
	/* background-position:bottom; */
	/* Creación de un borde inferior para simular el margen blanco solicitado en el diseño */
	/* border-bottom: 5px solid white; */
 }
#menu{
	/*Definición de las dimensiones de los botones del menú*/
	width: 985px;
	height:30px;
	/*Paddings para el desplazamiento*/
	/* padding-top:-25px; */
	margin-left:0px;
	/* margin-bottom:10px; */
	background-color: RED;
	/* background-color: #FFCC00; */
	/*Posicionamiento relativo para que podamos situar los elementos del botón administración a partir de este */	
	position:relative;
}

#menu li{
	/* border-right: 1px solid #ffffff; */
	list-style:none;
	/* display:inline; */
	float:left;
	margin-left:10px;
	height:10px;
	/* padding:2px; */
	/* border:1px solid#CCCCCC;	 */
}
#menu li a{
	display:block; //Convertimos el vínculo en un bloque. 
	width:100px;
	padding: 4px 0
	text-decoration:none;
	text-align: center;
	/* color:#cbb135;  */
	/* background-color:#000000; */
	/* color:#red; */
}

.cmenu{
	/*Personalización de los enlaces del menú */
	color: WHITE;
	padding: 6px;
	text-decoration:none;
	background-color: RED;
	font-size: 13px;
	border-right: 1px solid #ffffff;
}
/*Clases Over para los botones del menú*/
.cmenu:hover{
	/* color: black; */
	/* background-color:RED;  */
	text-decoration: underline;
	
}

#titulo{
	/* Personalización del estilo de la fuente utilizada en el título */
	font-size:18px;
	color:black; /*#cdbf36;*/
	/* Desplazamiento ha la derecha */
	padding-left:350px;
	/* padding-top:50px; */
}
#subtitulo{
	/* Personalización del estilo de la fuente utilizada en el subtítulo */
	font-size:10px;
	color:black;
	/* Desplazamiento ha la derecha */
	padding-left:420px;
}

#pie {
  border: 1px solid #d7d7d7;
  margin: 50px auto 0px;
  /*padding-left: 30px;*/
  width: 1024px;
  height: 155px;
  background-image: url(../imagenes/fondo_footer.png);
  background-repeat: repeat-x;
}
.parrafopie{
  margin-left:30px;

}
#imgfooter {
  height: 150px;	
  width: 300px;
  background-image: url(../imagenes/img_slogan.png);
  margin-right: auto;
  margin-left: 700px;
  margin-top: -100px;
  background-repeat: no-repeat;
  background-position: right center;
}

.redesSoc{margin-top:5px;margin-right:30px;}
.redesSoc a{margin-left:12px;}

/*Definición de clases para ser reutilizadas*/
.negrita{
	font-weight:bold;
}
.cursiva{
	font-style:italic;
}


#sidebar h3
{
	cursor:pointer;
}

#sidebar1 h3
{

}

#sidebar1 h3:hover
{
	color:#0F0CD7;
	cursor:pointer;
}

.twoColElsLtHdr #container
{
	/* width: 46 em; */
	width: 1024px;
	/* height:600px; */
	/* borde */
	border: 1px solid #d7d7d7;	
	background:#FFFFFF;
	margin: 0px auto;
	text-align: left;
}

.twoColElsLtHdr #header
{
	background-color: WHITE;
	/* padding: 0 10px; */
	/*Inserción del logo como fondo en la cabecera*/
	background-image:url("./imagenes/logo_af.png");
	background-repeat:no-repeat;	
}	

.twoColElsLtHdr #header h1
{
	margin: 0;
	padding: 10px 0;
}	

.twoColElsLtHdr #sidebar1
{
	float: left;
	width: 12em;
	background: #EFEFEF;/*#EBEBEB; */
	padding: 15px 0;
	/*Propiedades NO vistas que redondean las esquinas de la caja para los proincipales navegadores*/
	/* -moz-border-radius:10px;
	border-radius: 10px;
    -webkit-border-radius:10px; */
	box-shadow: 2px 2px 5px #999;
	/* border: 1px solid #CCC; */
	border: 1px solid RED;
}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #siderbar1 p
{
	margin-left: 10px;
	margin-right: 10px;
}

.twoColElsLtHdr #mainContent
{
	/*Definición de las dimensiones del contenido*/
	/* width: 800px; */
	/* height:245px; */
	margin-left: 180px;
	/* margin-top: -10px;	 */
	/* margin: 0 1.5em 0 13em; */
	/* background-color: #FFFFCC; */
	/*Padding*/
	/* padding:50px;	 */
	/* background-color: #99CC99; */
	/* clear: both; */
}

.twoColElsLtHdr #footer{
  position :relative;
	/* padding: 0 10px; */
	/* background: #DDDDDD; */
  border: 1px solid #d7d7d7;
  margin: 150px auto 0px;
  width: 1000px;
  height: 155px;
  /* background-image: url(./imagenes/fondo_footer.png); */
  /* background-repeat: repeat-x;	 */
  /* background-color: #99CC99; */
  background-color: #F2F2F2;
}
.twoColElsLtHdr #footer p	
{
	margin: 0;
	padding: 10px 0;
}


.fltrt
{
	float: right;
	margin-left: 8px;
}

.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#divCargando 
{
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: red;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}