/**
 * 
 * Formatos de layout y elementos básicos
 * 
 */

body {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   text-align: center;
   font-size:12px;

   background-image: url(../images/fondo.gif);
   background-color: white;
   color: black;
   /*background-attachment: fixed;*/
}

.header-top { background:#FFFFFF url(../images/header-top.gif) bottom center no-repeat; width:774px; height:8px; margin:10px auto 0;}
.footer-bottom { width:774px; background:#FFFFFF url(../images/footer-bottom.gif) top center no-repeat; height:8px; margin:0 auto 10px;}

#doc {
   padding: 5px 12px 8px 12px;
   text-align:left;

   background-image: url(../images/margen.gif);
   background-repeat: repeat-y;
   background-color: white;
   color: black;

   /* hacks ie4-5.x */
	width: 774px;
   margin-left: 1%;
   voice-family: "\"}\"";
   voice-family: inherit;

   width: 750px;
   margin: 0px auto;
   

}

html>#doc { /* opera 7- */
   width: 750px;
   margin: 0px auto;
}





#hd {
   background-image: url(../images/hd_logo.gif);
   background-repeat: no-repeat;
   padding-top: 101px;
   width: 750px;
   background-color: #A8C2F0;
}

#ft {
   width: 750px;

   background-color: #F0F0F0;
   border-top: 1px solid #C0C0C0;
   border-bottom: 1px solid #C0C0C0;
   padding: 2px 0;
   color: #333;

   font-size: 0.82em;
   text-align: center;
}
#ft strong {
   font-size: 1.2em;
}

#bd {
   color: black;
   background-color: white;
   padding: 3px 0 1em;
   /** Hack para evitar errores de rendering de IE6:  */
   width: 750px;
}









/* Oculto titulo principal, el cual es util cuando no hay hoja de estilo */
#hd h1 { display: none; }


/**
 * 
 * Links de navegación principal
 * 
 */
#hd ul.navegacion  {
   list-style:none;
   height: 24px;
   margin:0;
   padding:0;
}
#hd ul.navegacion li {
   float:left;
   margin:0;
   padding:0;
   
   height: 24px;
   width: 125px;
   color: white;
   background-color: #3664B2;
   font-size: 11px;
   text-align: center;
   line-height: 2.0em;
   font-family: "Trebuchet MS", sans-serif;
}
#hd ul.navegacion li a {
   display: block;
   width: 100%;
   height: 100%;
   background-image: url(../images/hd_boton.gif);
   background-repeat: no-repeat;

   color: white;
   text-decoration: none;
}
#hd ul.navegacion li a:hover {
   background-image: url(../images/hd_boton_hover.gif);
   background-repeat: no-repeat;
   background-color: #7FA307;
}
#hd ul.navegacion li.activo a {
   background-image: url(../images/hd_boton_hover.gif);
   background-repeat: no-repeat;
   background-color: #658603;
}










/**
 * 
 * Estilos generales para tags
 * 
 */

A {
   color: #339;
}







dt {
   font-weight: bold;
   margin-left: 15px;
}





















/**
 * 
 * Formularios
 * 
 */

textarea.medium {
   width: 250px;
   height: 60px;
}


.button {
   background: #E4E4E4 url(/images/fondo_boton.gif);
   border: 1px solid #999999;
   color: black;
   font-family: "Trebuchet MS", sans-serif;
}












/**
 * 
 * Estilos básicos para los contenidos
 * 
 */

#bd p {
   padding-left: 15px;
   padding-right: 15px;
   
}

#bd h1,
#bd h2 {
   border-top: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   background-color: #f5f5f5;
   background-image: url(../images/fondo_titulo.gif);
   color: #2F557A;
   padding: 0.3em 0 0.3em 15px;
}

#bd h3,
#bd h4,
#bd h5,
#bd h6 {
   color: #2F557A;
   padding: 0.3em 0 0.3em 15px;
}













div.columnas2 {
	overflow: hidden;
	width: 100%;
}
div.columnas2 div.left { width: 50%; float: left; }
div.columnas2 div.right { width: 50%; float: right; }




div.columnas3 {
	overflow: hidden;
	width: 100%;
}
div.columnas3 div.left   { width: 66%; float: left; }
/*div.columnas3 div.center { width: 33.3%; float: left; }*/
div.columnas3 div.right  { width: 33.3%; float: left; }




















/**
 * 
 */
.tabla_registro {
   margin: 0 auto;
   border: 1px solid #C0C0C0;
   background-color: #f8f8f8;
}


.tabla_registro TH {
   border-top: 1px solid #999;
   border-bottom: 1px solid #999;
   background-color: #EFEFEF;
   font-size: 1.2em;
   background-image: url(../images/fondo_titulo.gif);
   background-position: 0 -15px;
   color: #2F557A;
   padding: 0.6em 10px 0.4em;
}

.tabla_registro TD {
   padding: 0.2em 10px;
}






div.aviso {
   background-color: #AEAEED;
   background-image: url(../images/fondo_aviso.png);
   border-color: #8787C4;
   border-width: 1px;
   border-style: solid;
   color: black;
   font-weight: normal;
   padding: 4px;
   clear: both;
   width: 50%;
   margin: 7px auto;
}



/**
 * 
 * Agregado por tor
 * 
 */

.trabajos {
   /*border-bottom: 1px dashed #CCCCCC;*/
	margin:20px 10px 10px 0;
	padding:0;

}
.trabajos a {
	margin:5px;
	padding:5px; 
	/*background-image: url(/images/fondo_titulo_azul.gif) bottom repear-x;*/
	background-color: #F0F0F0;
 	border: 1px solid #C0C0C0;
	text-decoration:none;
	}
	
	.trabajos a:hover {
	background-color: #CCCCFF;
	}


.center td {
padding:5px;
}





div.noticias {
   font-size: 0.9em;
   margin:0 10px 0 0;
   border-right:#CCCCCC 1px dotted;
   overflow:visible;
}

#bd div.noticias div.noticia {
/*   background-image: url(/images/fondo_titulo_azul.gif)*/;
}

#bd div.noticias H3 {
   color: #2F557A;
   background-image: none;
   background-color: transparent;
   font-weight: bold;
   border-width: 0;
   padding: 0;
   margin: 0 5px 0.2em;
}
#bd div.noticias P {
   padding: 0;
   margin: 0 5px 0.5em;
}
#bd div.noticias A {
   color:#99CC00;
}
#bd div.noticias div.noticia {
/*   background-color: #F0F0F0;
   border: 1px solid #C0C0C0;*/
   margin: 0 0 4px;
   color: #333;
}

.noticia { padding:0 10px 10px 0; }
.link_noticia { text-align:right; padding-right:11px; font-weight:bold; margin:5px 0;}

.clear { clear:both; }

#flashcontent { border:#CCCCCC 1px solid; }