body {background-image:url(images/fondos/fondo_pag.jpg); margin-left:0; margin-top:0;}

/* links */
A:link {  font-size: 9pt; color:#0000FF; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
A:visited {  font-size: 9pt; color:#660033; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
A:hover {  font-size: 9pt; font-style: italic; color: #660000; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.bc { font-size: 8pt; color: #003366; font-family: Arial, Helvetica, sans-serif; text-decoration: none}

/* containers */
#container_p { width:100%; height:30px; background-color:#e5e5e5; font-family:arial, helvetica, sans-serif; text-align:right; color:#FFFFFF; font-size:12pt; font-weight:bold; }
#container_t { width:800px; padding:10px; height:20px; background-color:#6699CC; font-family:arial, helvetica, sans-serif; text-align:justify; color:#FFFFFF; font-size:12pt; font-weight:bold; }
#container_b { width:800px; padding:10px; background-color:#ffffff; font-family:arial, helvetica, sans-serif; }
#container_album { width:800px; padding:10px; background-color:#ffffff; font-family:arial, helvetica, sans-serif; }
#container_c { width:80%; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #336699; }
#container_l { vertical-align:top; width:150px; padding:10px; background-color:#003366; font-family:arial, helvetica, sans-serif; text-align:justify; }
#container_n { width:150px; padding:10px; background-color:#efefef; font-family:arial, helvetica, sans-serif; text-align:justify; }
.divlateral { height: 100%; width:130px; padding:10px; background-color:#ffffff; font-family:arial, helvetica, sans-serif; text-align:justify; border:1px dotted #6699cc;}
#container_ls { width:50px; padding:10px; background-color:#003366; font-family:arial, helvetica, sans-serif; text-align:justify; }
#container_tw { width:750px; padding:10px; background-color:#6699CC; font-family:arial, helvetica, sans-serif; text-align:justify; color:#FFFFFF; font-size:12pt; font-weight:bold; }
#newsbox { width:380px; height:250px; background-image:url(images/cajas/newsbox.jpg); background-repeat:no-repeat;}
#eventbox { width:380px; height:250px; background-image:url(images/cajas/eventbox.jpg); background-repeat:no-repeat;}
#avancesbox { width:790px; height:320px; background-image:url(images/cajas/avancesbox.png); background-repeat:no-repeat;}
#pubsbox { width:790px; height:250px; background-image:url(images/cajas/pubsbox.png); background-repeat:no-repeat;}

/* sombras */
.sombra_iz { width:12px; background-image:url(images/shadow/sombra_iz.jpg);}
.sombra_de { width:12px; background-image:url(images/shadow/sombra_de.jpg);}
.sombra_su { height:12px; background-image:url(images/shadow/sombra_su.jpg);}
.sombra_in { height:12px; background-image:url(images/shadow/sombra_in.jpg);}
.corner_si { height:12px; width:12px; background-image:url(images/shadow/corner_si.jpg);}
.corner_sd { height:12px; width:12px; background-image:url(images/shadow/corner_sd.jpg);}
.corner_ii { height:12px; width:12px; background-image:url(images/shadow/corner_ii.jpg);}
.corner_id { height:12px; width:12px; background-image:url(images/shadow/corner_id.jpg);}

/* fondos */
.banner { width:1000px; height:200px; background-image:url(images/banners/mainbanner.jpg); vertical-align:top;}

/* TITULOS */
.tit0 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #ffffff; font-weight: bold; text-align: center; background-color: #336699; border-color: #336699 }
.tit1 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #336699; background-color: #FFFFCC; border-color: #336699 }
.tit2 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; font-weight: bold; text-align: center; background-color: #6699CC; border-color: #336699 }
.tit3 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-align: center; background-color: #6699CC}
.tit4 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-align: left; background-color: #6699CC}
.tit5 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #336699; font-weight: bold; }
.tit6 { height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; border-bottom: 1px solid #33CC00; }
.tit7 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border-top: 2px solid #33CC00; }
.tit8 { height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #336699;}
.tit9 {  font-size: 8pt; font-weight:bold; color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  border-bottom: 1px solid #33CC00;}
.tit10 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; font-weight: bold; background-color: #6699CC; }
.tit11 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #ffffff; font-weight: bold; text-align: center; background-color: #000000; border-color: #ffffff }

/* mensajes */
.msg1 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#003366; font-weight: bold;}

/* tablas*/
.tittab { vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; font-weight: bold; text-align: center; background-color: #336699 }

/* contenidos */
.tbl { width: 90% }
.fin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #336699 }

/* captions */
.cap { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center}
.cap1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #336699; text-align: center}
.cap2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.cap3 { font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #336699; text-align: center}
.cap4 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-align: center}
.lin { height:1px;}
.cent { text-align: center }

/* textos */
.txt1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.txt2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; color: #336699}
.txt3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #336699; font-weight: bold }
.txt4 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #336699; font-weight: bold; text-align: center}
.txt5 { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #336699; }
.txt6 { font-family: Arial, Helvetica, sans-serif; font-size: 10px;  color: #ffffff; border-bottom: 1px solid #33CC00; }
.txt7 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #336699;}
.txt8 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
P { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align: justify }

/*tablas de referencias */
.titproy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #639641; text-align: justify }
.tit { height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336633; border-bottom: 2px solid #33CC00; }
.nom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #336633 }
.ins { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 }
.fec { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }
.spc { width: 10px }
.lin { height:1px;}
.au { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 }
.con { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #336699 }
.lug { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #336699 }
.nol { height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; border-bottom: 2px solid #33CC00; }
.nol1 { height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; border-bottom: 2px solid #33CC00; }


/* caja*/
.caja { border-style:solid; border-color:#336699; border-width:1px; }
.caja1 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align:center; border-style:none; }
.caja2 { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #336699;  border-style:solid; border-color:#336699; border-width:1px; }
.caja3 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align:center;  border-style:solid; border-color:#336699; border-width:1px; }
.caja4 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align:center;  border-style:solid; border-color:#336699; border-width:1px; }
.caja5 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align:center;  border-style:solid; border-color:#336699; border-width:1px; background-color:#EAF7FF; }

table {border-collapse:collapse; border-color:#E4E4E4; }

.bottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; color: #ffffff; text-align: center; background-color: #336699; border-color: #336699 }
.banbot { border-bottom: 2px solid #FFFFFF; }
.lbottom { border-bottom: 1px solid #cccccc; }
.lbottom1 { height: 5px; border-bottom: 2px solid #33CC00; }

UL { list-style:  url("images/iconos/dot.gif") disc; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align: justify; }
.dot { width:15px; text-align:center; }
li { line-height:150%; }


.navbar td
{
height:30;
cursor:pointer;
background-color: #003366;
color: White;
font-family: arial, helvetica, sans-serif;
font-size:8pt;
text-align:center;
border-right:1px solid #ffffff;
}
.navbar td:hover {
background-color: #369;
}
/* shadows */

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 { width:1024;
  float:left;
  background:url(images/shadow/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  float:left;
  background:url(images/shadow/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 10px 10px 0;
  background:url(images/shadow/corner_tr.gif) right top no-repeat;
  }
	
#current { font-size:10pt; background-color:#FFCC66; color:#003366; }

.shadow { padding:0 10px 10px 0;  background:url(images/shadow/shadow1.gif) right bottom no-repeat; }

.border_bottom { border-bottom: 1px solid #33CC00; }

/* COLORES */

.celeste { background-color:#6699CC; }

.Y01 { background-color:#FFFFDD; }
.Y02 { background-color:#FFFFAA; }

.enlace { }
.enlace:hover { background-color:#FFCC66; cursor:pointer; }


.cajafoto { background-color:#e5e5e5; border:1px dotted #6699CC; margin:10px 10px 10px 10px;}

.wmbar { font:Arial, Helvetica, sans-serif; font-size:9px; color:#CCCCCC; }

.mas { font:Arial, Helvetica, sans-serif; font-size:9pt; color:#339933; font-style:italic; }

/*  rounded corners  */
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#container{ align:center ;background: #9BD1FA}
div#container_w{ align:center ;background: #FFFFFF}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background:#9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.hlt { background-color:#FFFF99;}
.fondoceleste { background-color:#EAF4FF;}

.botonnoticiaL { float: left;  margin: 0px; padding:0px; width:100px; background-color:#EAF4FF; }
.fotonoticiaR { float: right;  margin: 8px; padding:10px; width:340px; background-color:#ffffff; }
.fotonoticiaL { float: left;  margin: 8px; padding:10px; width:340px; background-color:#ffffff; }
.captionnoticia { font-size:9px; color:#000; text-align:center; }
.fondofoto { background-color:#EAF4FF; border: 1px solid #EAF4FF; }
.fotoR { float: right;  margin: 10px; padding:10px; background-color:#ffffff; }
.fotoC { float: center; margin: 10px; padding:10px; background-color:#ffffff; }
.fotoL { float: left;  margin: 10px; padding:10px; background-color:#ffffff; }
.fotoR320 { float: right;  margin: 10px; padding:10px; background-color:#ffffff; width:320px; }
.fotoC320 { float: center; margin: 10px; padding:10px; background-color:#ffffff; width:320px; }
.fotoL320 { float: left;  margin: 10px; padding:10px; background-color:#ffffff; width:320px; }