/* General */
* { margin:0; padding:0; }
body { margin:0; padding:0; font-family:Verdana, Arial, Tahoma; background:#437BB6; overflow:auto; }
body.hdc { font-size:12px; }
div, table, tr, td { margin:0; padding:0; border:0px none; }
table { border-collapse:collapse; }
ul, li { margin:0; padding:0; }
ul { list-style-type:none; }
div.clear { clear:both; line-height:1px; font-size:1px; display:block; visibility:hidden; }
img, div, span { behavior:url('iepngfix.htc') }
img { border:0; }
a:focus { outline:none; outline:0; }
a.pdf { padding-left:18px; background:url('../images/icon_pdf.gif') no-repeat left center; }

/* Imagenes - Esquinas Redondeados */
span.corner_tl, span.corner_tr, span.corner_bl, span.corner_br { position:absolute; width:10px; height:10px; font-size:0; }
span.corner_tl { top:0; left:0; background:url('../images/imgmask_tl.png') no-repeat left top; }
span.corner_tr { top:0; right:0; background:url('../images/imgmask_tr.png') no-repeat right top; }
span.corner_bl { bottom:0; left:0; background:url('../images/imgmask_bl.png') no-repeat left bottom; }
span.corner_br { bottom:0; right:0; background:url('../images/imgmask_br.png') no-repeat right bottom; }
* html span.corner_tr { right:-1px; }
* html span.corner_bl { bottom:-1px; }
* html span.corner_br { bottom:-1px; right:-1px; }

/* Diagramacion */
table#wrapper { width:970px; margin:0 auto; background:#FFFFFF; border-right:10px solid #FFFFFF; border-left:10px solid #FFFFFF; border-bottom:10px solid #FFFFFF; }
td.header { width:970px; height:80px; }
td.col1 { width:220px; vertical-align:top; background:#FFBF00 url('../images/col1_bg.gif') repeat-y left; }
td.col2 { width:750px; vertical-align:top; min-height:550px; height:550px; }
td.col2lft { width:570px; vertical-align:top; min-height:550px; height:550px; }
td.col2rgt { width:180px; vertical-align:top; }
td.colsep { width:20px; }
td.col2 table#full { width:100%; }

/* Header */
div.veiticinco { background:url('../images/25anhos.gif') no-repeat right center; }
div.logo { padding:10px; }
div.logo img { margin:0 10px }
div#logo { width:970px; height:122px; margin-le:1px; }
div.nav { position:relative; width:100%; height:30px; background:#13007C; margin-bottom:10px; }
div.navlft, div.navrgt { position:absolute; top:0; width:auto; line-height:30px; color:#FFFFFF; }
div.navlft { left:0; padding:0 20px; }
div.navrgt { width:450px; right:0; }
ul#navlnks { float:left; width:auto; text-align:right; }
ul#navlnks li { display:inline; padding:0 10px; border-right:1px solid #FFFFFF; }
ul#navlnks li.last { border-right:0px solid #FFFFFF; padding-right:0; }
ul#navlnks li a { color:#FFFFFF; text-decoration:none; }
ul#navlnks li a:hover, ul#navlnks li a.active  { color:#FFBF00; text-decoration:none; }
div.buscar { float:right; width:180px; height:20px; text-align:center; background:url('../images/buscar_bg.gif') no-repeat center; margin-top:5px; }
div.buscar input { width:140px; border:0px solid #FFFFFF; padding:2px; margin:0; font:normal 12px verdana; color:#13007C; }

/* Menu "El Proyecto" */
ul#menu1 li { display:block; padding:4px 0 4px 20px; font-weight:bold; color:#13007C; }
ul#menu1 li.tit { padding:0; }
ul#menu1 li.tit img { display:block; width:220px; height:29px; }
ul#menu1 ul { margin-top:4px; }
ul#menu1 ul li { padding:4px 0 4px 0; font-weight:normal; color:#FFFFFF }
ul#menu1 ul li a { background:url('../images/blts1.gif') no-repeat 0px 3px; padding-left:5px; color:#FFFFFF; text-decoration:none; }
ul#menu1 ul li a:hover, ul#menu1 ul li a.active { background:url('../images/blts2.gif') no-repeat 0px 3px; color:#FF0000; text-decoration:none; }

/* Bloque "Registro" */
div#registro { padding:10px 0}
div#registro label {font-weight:bold; color:#13007C; margin-left:20px; }
div#registro input { width:160px; border:1px solid #FFFFFF; padding:2px; margin:2px 0 2px 20px; font:normal 12px verdana; color:#13007C;  }

/* Menu "Descargar" */
div#descargar { width:180px; background:#FF0000; margin-bottom:10px; }
div#descargar div.top { background:url('../images/menu_descargar.gif') no-repeat left top; height:40px; }
ul#menu2 li { display:block; padding:4px 0 4px 20px; font-weight:bold; color:#FFBF00; }
ul#menu2 li a { color:#FFBF00; text-decoration:none; }
ul#menu2 ul { margin-top:4px; }
ul#menu2 ul li { padding:4px 0 4px 0; font-weight:normal; color:#FFFFFF }
ul#menu2 ul li a { background:url('../images/blts1.gif') no-repeat 0px 3px; padding-left:5px; color:#FFFFFF; text-decoration:none; }
ul#menu2 ul li a:hover { background:url('../images/blts4.gif') no-repeat 0px 3px; color:#FFBF00; text-decoration:none; }
div#descargar div.mid { background:#FF0000px; }
div#descargar div.bot { background:url('../images/menu_descargar_bot.gif') no-repeat left bottom; height:12px; }

/* Menu "Convenios" (Banners) */
div#convenios { width:180px; }
div#convenios div.top { background:url('../images/menu_convenios.gif') no-repeat left top; height:24px; margin-bottom:10px; }
ul#banners li a { display:block; }
ul#banners li img { display:block; margin:5px 0; border:0px none; }

/* Menu Recursos "Héctor 2.0" */
div#recursos { width:180px; height:90px; }
div#recursos div.top { background:url('../images/menu_hector20.gif') no-repeat left top; height:24px; margin-bottom:10px; }
div#recursos li { float:left; display:block; width:42px; height:42px; margin:0 1px; }
div#recursos li img { display:block; border:0px none; width:42px; height:42px; background-image:url('../images/icons_recursos.gif'); background-repeat:no-repeat;  }
div#recursos li img.facebook { background-position:0px 0px; }
div#recursos li img.blogger { background-position:-42px 0px; }
div#recursos li img.picasa { background-position:-84px 0px; }
div#recursos li img.bliptv { background-position:-126px 0px; }
/*div#recursos li img.youtube { background-position:-126px 0px; }*/

/* Contenidos */
div.box { width:520px; margin:0 auto; margin-bottom:20px; clear:both; }
div.boxtit { height:24px; background:url('../images/trazo1.gif') no-repeat center bottom; }
div.boxtit h1 { float:left; width:300px; margin:0; padding:0; font:bold 13px Verdana; color:#000000;  }
div.boxtit a.mas { float:right; color:#FF0000; text-decoration:none; margin-right:5px; }
div.boxtit a.mas:hover { color:#FF0000; text-decoration:underline; }

/* Contenido Listado-Resumen */
div.boxcont { display:block; padding:10px 0; border-bottom:1px dotted #EBEBEB; }
div.boximg { float:left; position:relative; width:60px; height:60px;  }
div.boximg img.picmsk, div.boximg img.pic { position:absolute; left:0; top:0; width:60px; height:60px; }
div.boximg img.picmsk { z-index:1 }
div.boxtxt { float:right; width:450px; }
div.boxtxt p { margin:4px 0 0 0; padding:0; line-height:17px; }
div.boxtxt1 p { margin:0; padding:0; line-height:17px; } /* sin foto */
div.boxtxt span.fuente, div.boxtxt1 span.titular { font-weight:bold; color:#FF0000; margin-right:10px; }
div.boxtxt span.titular { font-weight:bold; padding-left:10px; border-left:1px solid #000000; }
div.boxtxt a.leermas, div.boxtxt1 a.leermas { font-style:italic; color:#FFBF00; text-decoration:none; margin-left:10px; }
div.boxtxt a.leermas:hover, div.boxtxt1 a.leermas:hover { color:#FFBF00; text-decoration:underline; }

/* Contenido Completo */
div.boxf { width:685px; margin:0 0 20px 10px; }
div.boxftit { height:24px; background:url('../images/trazo2.gif') no-repeat left bottom; }
div.boxftit h1 { font:bold 13px Verdana; color:#000000; margin:0; padding:0; }
div.boxfcont { min-height:440px; margin-top:30px; }
div.boxfcont img.fder { float:right; width:162px; margin-top:5px; } /* no rounded corners */
div.boxfcont img.fizq { float:left; width:162px; margin-top:5px; } /* no rounded corners */
div.boxfcont h2 { font:bold 15px Verdana; color:#FF0000; margin:0 0 10px 0; padding:0; }
div.boxfcont ul { margin-left:25px; list-style-type:disc; }
div.boxfcont li { line-height:17px; margin-bottom:15px; text-align:justify; }
div.boxfcont ul.nomarg { margin-bottom:15px; }
div.boxfcont ul.nomarg li { line-height:17px; margin-bottom:0px; text-align:justify; }
div.boxfcont ul.abc { list-style-type:lower-alpha; }
div.boxfcont div.adjunto { padding:15px 0; border-top:1px dotted #EBEBEB; }
div.boxfcont div.adjunto a.pdf { padding-left:18px; background:url('../images/icon_pdf.gif') no-repeat left center; }

/* Profes */
#profesores .profe { margin-bottom:15px; border-bottom:1px dotted #EBEBEB; }
#profesores .profe-foto { float:left; width:110px; }
#profesores .profe-foto img { display:block; width:90px; padding:1px; border:1px solid #EBEBEB; }
#profesores .profe-datos { float:right; width:570px; }
#profesores .profe-datos p { margin:0 !important; padding:0 !important; }
#profesores .profe-datos p.nombre { font-weight:bold; font-size:13px; }
#profesores .profe-datos p.nombre span { text-transform:uppercase; }
#profesores .profe-datos p.cargo { margin-bottom:10px !important; font-style:italic; }
#profesores .profe-datos p.resumen { font-size:11px !important; }
#profesores .profe-datos p.cv { font-size:11px; }
#profesores .profe-datos p.cv a { line-height:15px; }
#profesores .profe-sep { clear:both; content:'.'; height:15px; visibility:hidden; }

/* Profesores */
#profesores ul { margin:0; list-style-type:none; }
#profesores ul li { padding:0 0 10px 15px; border-bottom:1px dotted #EBEBEB; }
.dhtmlgoodies_question { clear:both; overflow:hidden; cursor:pointer; background:url('../images/icon_profile.gif') no-repeat left 2px; padding-left:20px; color:#FF0000 }
.dhtmlgoodies_question span.nombre { font-weight:bold; text-transform:uppercase; }
.dhtmlgoodies_question span.cargo { color:#000000; }
.dhtmlgoodies_answer { visibility:hidden; height:0px; overflow:hidden; position:relative; }
.dhtmlgoodies_answer_content { position:relative; padding:15px 0px 0px 15px; }
.dhtmlgoodies_answer img { float:left; width:90px; margin:0px 20px 10px 0px; }
.dhtmlgoodies_answer p { font-size:11px; }

/* Promociones */
#prom h3 { text-align:center; font:bold 13px Verdana; color:#437BB6; margin-bottom:10px; }
#prom .promizq { float:left; /*width:230px; margin-left:100px; sin foto*/ width:230px; margin-right:12px; }
#prom .promcen { float:left; width:200px; text-align:center; }*/ /* con foto central */
#prom .promcen img { width:180px; }
#prom .promder { float:right; /*width:230px; margin-right:100px; con foto*/ width:230px; }
#prom ul { margin:0; list-style-type:none; }
#prom li { text-align:center; margin:0; }
#prom .sep { clear:both; height:25px; border-bottom:1px dotted #EBEBEB; }

.promos { margin-bottom:10px; padding-bottom:15px; border-bottom:1px dotted #EBEBEB; }
.promos div { position:relative; width:600px; margin:0 auto;  }
.promos ul { list-style-type:none; }
.promos ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.promos li { float:left; width:201px; display:block; text-align:center; }
.promos li.colderex { float:right; }
.promos div .img { position:absolute; left:225px; top:0; width:150px; }


/* Plantillas - Estilos Comunes */
div.boxfcont p { margin:0 0 15px 0; padding:0; line-height:17px; text-align:justify; }
div.boxfcont span.ama { color:#FFBF00; }
div.boxfcont span.red { color:#FF0000; }
div.boxfcont span.highlight { font-weight:bold; }
div.boxfcont a { color:#FF0000; }
div.boxfcont img.fotoder { float:right; margin:3px 0 15px 15px; }
div.boxfcont img.fotoizq { float:left; margin:3px 15px 15px 0; }
div.boxfcont img.horizontal { width:250px; }
div.boxfcont img.verticla { width:180px; }

/* Plantilla#1 (Foto Der - Texto Izq) */
div.boxfimg { float:right; position:relative; width:162px; margin-top:5px; }
div.boxfimg img { display:block; width:162px; }
div.boxftxt { float:left; width:508px; }

/* Plantilla#2 (Foto Izq - Texto Der) */
div.boxfimg2 { float:left; position:relative; width:162px; margin-top:5px; }
div.boxfimg2 img { display:block; width:162px; }
div.boxftxt2 { float:right; width:508px; }

/* Plantilla#3 (Sin Foto) */
div.boxftxt3 { width:100%; margin-bottom:10px; }

/* Contenido Grillas */
div.gridscont { padding:10px 0; min-height:440px; }
div#grids { min-height:386px; }
div#grids table { width:100%; background:#FFFFFF; border-spacing:1px; margin-bottom:15px; }
div#grids td, th { border:none; padding:5px; color:#000000; }
div#grids thead th, div#grids tfoot th, div#grids tfoot td { font-weight:bold; color:#FFFFFF; text-align:left; border:none; background:#437BB6; padding:7px 5px; }
div#grids tfoot th, div#grids tfoot td { font:bold 11px arial; border:none; text-align:left; background:#FFFFFF; color:#666666; padding:7px 5px; border-top:2px solid #307BB3; }
div#grids tfoot td { font-weight:normal; color:#307BB3; text-align:right; }
div#grids tbody td a { background:transparent; color:#307BB3; text-decoration:none; }
div#grids tbody td a:hover { color:#307BB3; text-decoration:underline; }
div#grids tbody th, div#grids tbody td { vertical-align:top; text-align: left; border-bottom:1px solid #EEEEEE; }
div#grids tbody th { text-align:center }
div#grids .center { text-align:center }
div#grids .right { text-align:right }
div#grids .cod { width:80px }
div#grids .sort { margin-left:5px; }
div#grids .odd { background:#F8F8F8; }
div#grids tbody tr:hover { background:#f5f9fc; }
div#grids tbody tr:hover th, div#grids tbody tr.odd:hover th { background:#f5f9fc; }
/*table#grids tbody td img { display:block; border:0; }*/

/* SubMenu - Tabs External Pages */
ul.tabs { margin:10px 0 0 0; }
ul.tabs li { display:inline; padding:0 10px; border-right:1px solid #000000; line-height:12px; }
ul.tabs li.first { padding-left:0; }
ul.tabs li.last { border-right:0px solid #FFFFFF; }
ul.tabs li a { color:#000000; text-decoration:none; }
ul.tabs li a:hover { color:#FFBF00; text-decoration:none; }
ul.tabs li a.selected, ul.tabs li a.selected:hover { font-weight:bold; color:#000000; text-decoration:none; }

/* Slideshow */
body.iframe { background:#FFFFFF; }
.slideshow { width:480px; height:394px; margin:20px auto 0 auto; }

/* Footer */
td.footer { background:#13007C; }
td.footer p { margin:0; padding:10px; color:#FFFFFF; text-align:right; line-height:17px; }

/* Paginacion */
div#pag { height:24px; background:url('../images/trazo1.gif') no-repeat center top; }
div#pag ul { float:right; width:45%; text-align:right; margin-top:15px; }
div#pag ul li { display:inline; margin:0 2px; font-size:11px; }
div#pag ul li.pagi { color:#000000; }
div#pag ul li.active { font-weight:bold; font-size:12px; color:#13007C; }
div#pag ul li a { color:#FF0000; text-decoration:none }
div#pag ul li a:hover { color:#FF0000; text-decoration:underline }
div#pag div.reg { float:left; width:45%; margin-top:15px; font-size:11px; }
/* contacto */
#formcontacto { margin-top:20px; }
#formcontacto label { float:left; width:130px; line-height:19px; }
#formcontacto input, #formcontacto select, #formcontacto textarea { float:left; font:normal 11px Arial; margin-bottom:15px; }
#formcontacto input, #formcontacto textarea { width:300px; padding:2px; border:1px solid #E3E3E3; }
#formcontacto textarea { height:10em; }
#formcontacto input.btn { margin-left:130px; width:60px; font-weight:bold; }
#formcontacto br { clear:left; }