/* aca vamos a poner los recuadros que vamos agregando para actualizar la pagina */
/* cajas de noticias_tres */
#noticias_tres
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 450px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noticias_tres_a
{
    position: absolute; 
	left: 15px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#noticias_tres_b
{
    position: absolute; 
	left: 457px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

/* cajas de noticias_dos */
#noticias_dos
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 450px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noticias_dos_a
{
    position: absolute; 
	left: 15px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#noticias_dos_b
{
    position: absolute; 
	left: 457px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}



/* comentarios */


/* Elementos principales de la página */

/* establecemos la fuente de toda la pagina como arial */
body
{
    font-family: Arial, sans-serif;
	background: #E0F8F7;
}
/* aca centramos la pagina y el ancho correspondiente */
#contenido { width: 900px; margin: 0 auto; }

*{margin:0;padding:0}

/* barra de Navegación

*/

/* caja del menu */
#menusabado
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 880px;
	border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #A9E2F3;
    margin-bottom: 5px;
	padding: 8px;
}
#cajaunomenu
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 420px;
	background: #A9E2F3;
    margin-bottom: 5px;
	padding: 8px;
}
#cajadosmenu
{
    position: absolute; 
	left: 450px; 
	top: 8px; 
	margin-top: 0px;
    width: 420px;
	background: #A9E2F3;
    margin-bottom: 5px;
	padding: 8px;
}


/* caja bases de asir */
#bases_de_asir
{
    position: relative; 
	right: 0px; 
	top: 5px; 
	margin-top: 1px;
    width: 628px;
	height: 230px;
   
	border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: 5px;
	padding: 8px;
}

/* caja margen1 */
#margen1
{
    position: absolute; 
	left: 646px; 
	top: 5px; 
	margin-top: 15px;
    width: 254px;
	height: 250px;
    border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: 5px;
	padding: 5px;
}


/* aca especificamos el tamaño el color y la fuente del texto */
p
{
color: blue;
font-size: 14px
}

p
{
font-family: Arial, sans-serif;
}

p
{
    text-align: left;
}

h1
{
color: blue;
font-size: 26px
}

h1
{
font-family: "Arial Black", Arial, sans-serif;
}

h1
{
    text-align: center;
}

h2
{
color: blue;
font-size: 14px
}

h2
{
font-family: Arial, sans-serif;
}

h2
{
    text-align: center;
}

h3
{
color: blue;
font-size: 14px
}

h3
{
font-family: Arial, sans-serif;
}

h3
{
    text-align: left;
}

h4
{
color: blue;
font-size: 18px
}

h4
{
	font-family: Arial, sans-serif;
}

h4
{
    text-align: center;
}

h4
{
    font-style: italic;
}

h6
{
color: blue;
font-size: 18px
}

h6
{
	font-family: Arial, sans-serif;
}

h6
{
    text-align: left;
}

h6
{
    font-style: italic;
}

h5
{
color: blue;
font-size: 18px
}

h5
{
	font-family: Arial, sans-serif;
}

h5
{
    text-align: left;
}

/* aca comienza la caja para poner el link a la pagina anterior______________________________________________________________*/
#cajaold
{
    position: absolute; 
	
	top: -10px; 
	margin-top: 5px;
    width: 300px;
	height: 18px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: -5px;
}

/* aca comienza la caja para poner la hora______________________________________________________________*/
#textofecha
{
    position: absolute; 
	left: 300px; 
	top: -4px; 
	margin-top: 5px;
    width: 240px;
	height: 18px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: 5px;
}

#textohora
{
    position: absolute; 
	left: 520px; 
	top: -4px; 
	margin-top: 5px;
    width: 350px;
	height: 18px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: 5px;
}

#cajahora
{
    position: absolute; 
	left: 825px; 
	top: -4px; 
	margin-top: 5px;
    width: 60px;
	height: 18px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: 5px;
}
/* aca termina la caja para poner la hora ______________________________________________________________*/
/* aca comienza mi menu desplegable______________________________________________________________*/

#cajamenu
{
    position: relative; 
	right: 0px; 
	top: 2px; 
	margin-top: 5px;
    width: 900px;
	height: 20px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    /*box-shadow: 0px 4px 4px #000000;*/
    margin-bottom: 5px;
}

/* aca termina mi menu desplegable______________________________________________________________ */

/* aca comienza la caja del titulo y logo______________________________________________________________ */

#cajatitulo
{
    position: relative; 
	right: 0px; 
	top: 5px; 
	margin-top: 5px;
    width: 900px;
	height: 112px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}


#cajatitulodos
{
    position: absolute; 
	left: 117px; 
	top: 5px; 
	margin-top: 5px;
    width: 670px;
	height: 100px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}


/* aca termina la caja del titulo y logo____________________________________________________________ */

#cajaasirnos
{
    position: relative; 
	left: 50px; 
	top: 5px; 
	margin-top: 5px;
    width: 850px;
	height: 190px;
    border-width: 1px;
	border-style: solid;
	border-color: #E0F8F7;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}



/* cajas de noti_uno */
#noti_uno
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 450px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noti_uno_a
{
    position: absolute; 
	left: 15px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#noti_uno_b
{
    position: absolute; 
	left: 457px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

/* cajas de noti_dos */
#noti_dos
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 450px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noti_dos_a
{
    position: absolute; 
	left: 15px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#noti_dos_b
{
    position: absolute; 
	left: 457px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}
/* cajas de noti_tres */
#noti_tres
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 450px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noti_tres_a
{
    position: absolute; 
	left: 15px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#noti_tres_b
{
    position: absolute; 
	left: 457px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

/* cajas de noti_cuatro */
#noti_cuatro
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 870px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noti_cuatro_a
{
    position: absolute; 
	left: 0px; 
	top: 50px; 
	margin-top: 0px;
    width: 200px;
	height: 220px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 0px;
}

#noti_cuatro_b
{
    position: absolute; 
	left: 0px; 
	top: 300px; 
	margin-top: 0px;
    width: 200px;
	height: 110px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 0px;
}
#noti_cuatro_c
{
    position: absolute; 
	left: 20px; 
	top: 530px; 
	margin-top: 0px;
    width: 200px;
	height: 275px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 0px;
}

#noti_cuatro_d
{
    position: absolute; 
	left: 200px; 
	top: 0px; 
	margin-top: 0px;
    width: 690px;
	height: 460px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 0px;
}
#noti_cuatro_e
{
    position: absolute; 
	left: 250px; 
	top: 465px; 
	margin-top: 0px;
    width: 600px;
	height: 403px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 0px;
}


/* aca comienza codigos de la caja del mono______________________________________________________________ */
/* cajas del mono */
#cabeza_mono
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 60px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#cabeza_mono_a
{
    position: absolute; 
	left: 5px; 
	top: 5px; 
	margin-top: 5px;
    width: 250px;
	height: 25px;
    border-width: 2px;
	border-style: solid;
	border-color: red;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#cabeza_mono_b
{
    position: absolute; 
	left: 600px; 
	top: 7px; 
	margin-top: 0px;
    width: 410px;
	height: 30px;
    border-width: 0px;
	border-style: solid;
	border-color: none;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 0px;
}

/* aca termina codigos de la caja del mono______________________________________________________________ */
/* aca comienza las cajas del menu __________________________________________________________________________*/
#lista_menu
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 320px;
    border-width: 0px;
	border-style: solid;
	border-color: none;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
}

#lista_menu_a
{
    position: absolute; 
	left: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 430px;
	height: 300px;
    border-width: 1px;
	border-style: solid;
	border-color: red;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 8px;
}

#lista_menu_b
{
    position: absolute; 
	left: 460px; 
	top: 0px; 
	margin-top: 0px;
    width: 420px;
	height: 300px;
    border-width: 1px;
	border-style: solid;
	border-color: red;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 0px;
	padding: 8px;
}
/* aca termina las cajas del menu __________________________________________________________________________________*/


/* cajas de noticias_uno */
#noticias_uno
{
    position: relative; 
	right: 0px; 
	top: 0px; 
	margin-top: 0px;
    width: 900px;
	height: 450px;
    border-width: 0px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
}

#noticias_uno_a
{
    position: absolute; 
	left: 15px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}

#noticias_uno_b
{
    position: absolute; 
	left: 457px; 
	top: 5px; 
	margin-top: 5px;
    width: 410px;
	height: 410px;
    border-width: 1px;
	border-style: solid;
	border-color: blue;
	border-radius: 5px;
    background: #E0F8F7;
    margin-bottom: 5px;
	padding: 8px;
}