/* ------- DATOS GENERALES DEL CSS -------
Documento: 	  Estilo CSS
Sitio WEB:	  Dirección de Educacion
Institución:  Gobierno Municipal de El Alto
Convenio: 	  Pasantia de la UPEA-Ing.Sistemas
Diseñado Por: Sergio Garcia Mamani (files_sergio@hotmail.com)
Descripcion:  CSS Principal
*/

/* ------- ESTRUCTURA DEL SITIO WEB ------- */
#contenedor
{
  width: 800px;
  margin: 0 auto;
}

#cabecera
{
  float: left;
  width: 800px;
  height: 247px;
}
#cabecera #banner
{
  float: left;
  width: 800px;
  height:202px;
}
#cabecera #menu_superior{
  float: left;
  width: 800px;
  /*height: 25px;*/
  background-image: url(../imagenes/menu.jpg);
  /*background-repeat: repeat-x;*/
  background-position: 	top center;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
  
 }
 #cabecera #menu_superior #enlaces{
 float: left;
  width: 620px;
  font-size: 14px;
  padding-top: 6px;
  padding-left:90px;
  padding-bottom: 2px;
  word-spacing: 1.5em;
 }
 
 #cabecera #menu_superior #hora{
	float: right;
	width: 90px;
	padding-top:1px;
	font-size: 11px;
	color: #FFFFFF;
 }
#cabecera #menu_superior_sombra
{
  float: left;
  width: 800px;
  height: 20px;
  background-image: url(../imagenes/menu_sombra.gif);
  background-repeat: repeat-x;
}
#secundario
{
  float: right;
  width: 140px;
}
/*lateral derecho de la pagina*/
#principal
{
	float: left;
	width: 660px;
}
#principal #menu
{
  float: left;
  width: 170px;
}

/*contenido central de la pagina*/
#principal #contenido
{
	float: left;
	width: 470px; /*tamaño real 490px*/
	background-color:#FFFFFF;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, Times New Roman;
	font-size: 12px;
	color: #3C6F75;
	padding-left: 10px;
	padding-right: 10px;
}
/* pie de pagina de la pagina*/
#pie
{
	clear: both;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Times New Roman;
	font-size: 11px;
	color: #3C6F75;
}

/* ------- PROPIEDADES DE LA PAGINA ------- */
/* < propiedades de body > */
body
{
   text-align: left;
   font-family: Verdana, Arial, Helvetica, Times New Roman;
   margin: 0;
   background:url(../imagenes/bg_03.gif);
   background-color: #F2F5FE;
   background-repeat:repeat-x;
}
/* < propiedades del menu Derecho> */
#menu_derecho{
float: left;
width: 100%;
}
#menu_derecho #titulo{
float: left;
width: 100%;
border-bottom-style: dashed;
border-bottom-color:  #5A90B1;
border-bottom-width: 1px;
padding-top:15px;
}
#menu_derecho_centreado{
float: left;
width: 100%;
border-bottom-style: dashed;
border-bottom-color:  #5A90B1;
border-bottom-width: 1px;
padding-top:5px;
}
#menu_derecho .sub_menu{
	float: left;
	width: 100%;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, Times New Roman;
	font-size: 12px;
	color: #006600;
	border-bottom-style: dashed;
	border-bottom-color:  #5A90B1;
	border-bottom-width: 1px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
#menu_derecho .sub_menu:HOVER
{
	font-family: Verdana, Arial, Helvetica, Times New Roman;
	font-size: 12px;
	
	font-variant: normal;
	color:  #C9011F;
	text-decoration: none;
	background-image: url(../imagenes/menu_hover.png);
	background-repeat: no-repeat;
}

/* < propiedades del cuadro de contenido del lado derecho del sitio> */
#cuadro{
float: left;
width: 100%;
}
#cuadro #cuadro_noticias
{
height: 30px;
text-align:left;
background:  url(../imagenes/noticiascuadro.jpg);
background-repeat: no-repeat;
padding-top: 35px;
}
#cuadro #cuadro_deporte
{
height: 30px;
text-align:left;
background:  url(../imagenes/actividadesdepor.jpg);
background-repeat: no-repeat;
padding-top: 35px;
}
#cuadro #cuadro_links
{
height: 30px;
text-align:left;
background:   url(../imagenes/linkscuadro.jpg);
background-repeat: no-repeat;
padding-top: 35px;
}
#cuadro #cuadro_centro
{
float: left;
width: 115px;
background:url(../imagenes/2cuadro_centro.jpg);
background-repeat:repeat-y;
text-align:justify;
font-size: 11px;
color: #006600;
padding-left: 10px;
padding-right: 15px;
padding-top:0px;
}
#cuadro #cuadro_inferior{
clear: both;
height: 20px;
background:url(../imagenes/2cuadro_inferior.jpg);
background-repeat:no-repeat;
}


/* < propiedades Links > */
a.link_superior:link
{
   color: #FFFFFF;
   text-decoration: none;
}
a.link_superior:visited
{
   color: #FFFFFF;
   text-decoration: none;
}
a.link_superior:active
{
   color:  #9CB4F6;
   text-decoration: none;
}
a.link_superior:hover
{
   color:  #9CB4F6;
   text-decoration: underline;
}


.link_derecho{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, Times New Roman;
	font-size: 12px;
	color: #006600;
	background-repeat: no-repeat;
	text-decoration: none;
}
.link_derecho:HOVER {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
	background-image: url(../imagenes/menu_hover.png);
	background-repeat: no-repeat;
}


.link_normal{
	font-family: Arial, Helvetica, Times New Roman;
	font-size: 11px;
	color: #3C6F75;
	text-decoration: none;
}
.link_normal:HOVER {
	font-family: Arial;
	font-size: 11px;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
	
}
/* < propiedad que muestra un boton como Link> */

.enlace{
border: 0;
padding: 0;
background-color: transparent;
color: #FFFFFF;
cursor: pointer;
cursor: hand;
}
/* < propiedades del contenido de texto en el contenido principal */
.titulo{
font-size: 20px;
color: #000000
}
.linea{
color:#9EAFCD;
}

/* formato de la imagen*/
img
{
padding : 0px;
border :  none;
}
img.imagen
{
float : left;
/*border :  2px solid  #669999; */
margin-right : 10px;
margin-bottom : 10px;
margin-top :    5px;
margin-left :   0px;
}
img.imagen1
{
float : right;
/*border :  2px solid  #669999;*/
margin-left : 10px;
margin-bottom : 10px;
margin-top : 5px;
margin-right :  0px;
}

h3
{
 text-align: left;
 color: #0033CC;

}