/* CSS Document */

body {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align: center; /*aqui mandamos a centrar todo el contenido*/ 	
	background: no-repeat center top url("../imagenes/blanca/Logo.gif");
	margin: 0;	
}


#contenedor{
	width: 760px; /* largo de la pagina */
	/*clear:both;  /*limpio los bordes */
	margin: 0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
}

#contenido-superior{
	background:url("../imagenes/blanca/contenido-superior.png") repeat-y;	
	height:10px;
	width:100%;
	clear:both;
	margin: 0px 5px;
}

#contenido-medio{
	
	/*background:url("../imagenes/blanca/contenido-medio.png") repeat-y;	*/
	text-align:left;
	width:100%;
	clear:both;
	margin: 0px 5px;	
}

/**** Contenido General ******/
#titulo{
	background:#DBE4F0;
	color:#006699;
	font-size:14px;
	font-weight:600;
	margin: 0px 25px ;
}

#fecha{
	font-size:8px;
	margin: 0px 25px;
}
#espacio{
	background: no-repeat url("../imagenes/blanca/medio-der-espacio.png");
	height:10px;
}
#texto{
	text-align:justify;
	font-size:12px;
	margin-left: 40px;
	margin-top:10px;
	margin-right: 30px;
}

#titulo-noticias{
	background:#DBE4F0;
	color:#006699;
	font-size:12px;
	font-weight:600;
	margin: 0px 25px ;
}

#fecha-noticias{
	font-size:8px;
	margin: 0px 25px;
}
#espacio-noticias{
	background: no-repeat url("../imagenes/blanca/medio-der-espacio.png");
	height:10px;
	margin: 0px 25px;
	text-align:right;
	font-size:10px;	
}
#texto-noticias{
	text-align:justify;
	font-size:10px;
	margin-left: 40px;
	margin-top:10px;
	margin-right: 30px;
}

/****  Contenido Noticias  *****/

#contenido-admin{
	text-align:right;
	font-size:8px;	
}

/****  Div del menu  *****/


#medio-izq{	
	width: 20%;
	float:left;
	text-align:left;
	margin: 10px 10px;	
}
#medio-izq-superior{
	background: url("../imagenes/blanca/menu-superior.png");
	height:11px;
}

#medio-izq-medio{
	background: repeat-y url("../imagenes/blanca/menu-medio.png");	
}

#medio-izq-inferior{
	background: url("../imagenes/blanca/menu-inferior.png");
	height:14px;
}


#medio-izq-footer{
	background: url("../imagenes/blanca/luluytoby.jpg") no-repeat;
	height:130px;
}


/*****  Contenido Noticias ******/

#medio-der-noticias{
	background: repeat-y url("../imagenes/blanca/medio-der-centro-noticias.png");
	width:370px;
	display:block;
	clear:right;
	text-align:left;
	padding: 0px;
	margin-left: 50%;
}

#medio-der-superior-noticias{
	background: no-repeat url("../imagenes/blanca/medio-der-superior-noticias.png");
	height:20px;	
}
#medio-der-inferior-noticias{
	background: no-repeat url("../imagenes/blanca/medio-der-inferior-noticias.png");
	height:20px;	
}


/****** Contenido General  ******/

#medio-der{
	background: repeat-y url("../imagenes/blanca/medio-der-centro.png");
	width:72%;
	display:block;
	clear:right;
	text-align:left;
	padding: 0px;
	margin-left: 27%;
}

#medio-der-superior{
	background: no-repeat url("../imagenes/blanca/medio-der-superior.png");
	height:20px;	
}
#medio-der-inferior{
	background: no-repeat url("../imagenes/blanca/medio-der-inferior.png");
	height:20px;	
}


#contenido-inferior{
	background:url("../imagenes/blanca/inferior.png") no-repeat bottom;
	height:40px;
	width:100%;
	clear:both;
	margin: 0px 0px;	
}

/*********  Menu ***********/

ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}

#menu li {
	margin:0px 5px; /*le quito el margen al elemento de la lista*/ 
	/*float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}

#sub-menu li {
	margin:0px 15px; /*le quito el margen al elemento de la lista*/ 
	/*float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}

#menu li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	/*background-color:#CC3300; /*algo de color*/ 
	color: #0066CC; /*mas*/ 
	width:58px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	/*font-weight:bold; /*decoración*/ 
	/*text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

#sub-menu li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	/*background-color:#CC3300; /*algo de color*/ 
	color:#993333;
	width:58px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	/*font-weight:bold; /*decoración*/ 
	/*text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

#menu li a:hover {
	background:url("../imagenes/blanca/menu-seleccion.png") repeat-y;
	width:100%;
	margin:0px -5px;
}

#sub-menu li a:hover {
	background:url("../imagenes/blanca/menu-seleccionFF.png") no-repeat;
	width:120%;	
	margin:0px -14px;
}

#menu-li{
	/*display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	/*background-color:#CC3300; /*algo de color*/ 
	color: #0066CC; /*mas*/ 
	width:58px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	/*font-weight:bold; /*decoración*/ 
	/*text-transform:uppercase; /*decorare los vinculos en mayusculas*/	 
}




/* CSS Document */
      .tablas {
          border-spacing:1px;
          font-family:Verdana, Arial, Helvetica, sans-serif;
          font-size:10px;
          background-color:#E7E7E7;
          color: #b7b7b7;
          width:70%;
          margin:auto;
      }

      .tablas td, .tablas tr, .tablas th{
          border-collapse: separate;
          border-collapse: collapse;
          border-spacing: 0;
      }

      .tablas caption {
          font-weight: bold;
          background: #50ADEA url(pix/corner.gif) no-repeat right top;
          border-bottom:2px solid #1975d7;
          color: #FFF;
          text-transform:uppercase;
          padding:10px;
          margin:auto;
      }

      .tablas td, .tablas th {
          padding: 4px;
      }

      .tablas thead th {
          text-align: center;
          background: #F5F5F5;
          color: #666;
          border: 1px solid #FFF;
          text-transform:uppercase;
      }

      .tablas tbody th {
          font-weight: bold;
      }

      .tablas tbody tr  {
          background-color:#FFF;
          text-align:left;
      }
		  
      .tablas tbody tr.odd     {
          background: #f9f9f9;
          border-top:1px solid #FFF;
      }
	  
      .tablas tbody tr td {
          height:50px;
          background: #FFF;
          border: 1px solid #FFF;
      }
		  
      .tablas tbody tr.odd td{
          background: #f9f9f9;
          border-top:1px solid #FFF;
      }
		  
      .tablas td a:link, .tablas td a:visited {
          color: #1975D7;
          text-decoration: none;
      }
	  
      .tablas td a:hover {
          color: #50ADEA;
          border-bottom:2px solid #8FD5FF;
          text-decoration: none ;
      }
	  
      .tablas tfoot th, .tablas tfoot td {
          background-color:#E7E7E7; padding:10px;
          text-align:center;
          font-family:Georgia, "Times New Roman", Times, serif;
          font-size:22px; font-weight:bold; font-style:italic;
          border-bottom:3px solid #CCC;
          border-top:1px solid #DFDFDF;
      }