body{
  font-size:12px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
color: #292929;
  
}
/*------------------características del menú----------------------------------------------*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#demo-container{
	padding:25px 15px 0 15px;
	background:#67A897;
	}


/*-----------------------------cuerpo o fondo del sitio-------------------------------------*/

body
{
background-position:top;
background-image: url(archivos/images/fondogral.jpg);
background-repeat:repeat-x;
background-color: #ffffff;
background-attachment:fixed;
background-attachment:fixed;

}

/*---------------------------propiedades de la tabla general-------------------------------------*/
.tablageneral
{background-image:;
background-position:top;
background-repeat:no-repeat;
background-color: #ffffff;
}

/*---------------------------propiedades generales de la ligas ----------------------------------*/
a.mapa {
	font-size: 12px;
	color: #FFFFFF;
	
}
a {
	font-size: 12px;
	color: #6B0C0B;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.borde{
   border: 1px solid #3936d3;
}

/* AQUI NO LE MUEVAS */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* AQUI SI */

#nav ul { width: 200px; } /* ANCHO DEL SUBMENU*/
#nav ul ul { left: 200px; } /* */

/* Everything else is theming */
 
#nav { background-color: #FCDA8B; height: 30px; vertical-align:middle }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid #BA702F; 
         color: black; 
         font-size: 13px; 
         padding: 8px; 
         line-height: 1; 
         text-decoration:none; 
	 font-weight:bold;
       }
  #nav li.hover a { background-color: #DBBE79; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #DBBE79; }
      #nav ul a.hover { background-color: #FFCC66; color:#333333}
   #nav ul a { border-bottom: 1px solid #000000; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#gal {  
	list-style:none;
	margin:0;
	padding:0;
}
#gal li {
	margin:2px;
	padding:0;
	float:left;
	background-color: #333333;
}
#gal li a {
	display:block; 
	width:20px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background-color:#666666;
}

#gal li a:hover {
	color:#000000;
	background-color:#CCCCCC;
}

/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 10px;
padding: 0px;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(archivos/images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
height:25px;

}


.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(archivos/images/glossyback2.gif);
}