@charset "utf-8";/* CSS Document - Eventos 2009 - oscarDOTbuitragoATaviaturDOTcomDOTco*/

/* Html etiquetas modificadas */
body { background: url(images/bk_body.png) repeat-x bottom #06C fixed; margin: 0px; font-family: Arial, Helvetica, sans-serif;}
a { color: #06C; text-decoration: none;}
a:hover { color: #F90;}
h3 { font-size: 16px; color: #F90; font-weight: bold; padding: 5px 0; border-bottom: 1px dotted #e5e5e5; margin: 5px 0;font-family: Arial, Helvetica, sans-serif;}
h4 { font-size: 14px; color: #F90; font-weight: bold; padding: 0 0 5px 0; margin: 0}

/* Caja contenedora de todo */
#all {}

/* Zona superior contenedora de logo, menu principal y menu secundario */
#top { background: url(images/bk.png) repeat-x; position: relative; overflow: hidden; height: 68px; width: 100%; border: /*1px solid #f00*/; z-index: 300}
#toplogo { position: absolute; width: 456px; height: 68px; left: 27px; z-index: /*10*/300; border: /*1px solid #f00*/}
#toplogo a { background: url(images/n_logo.png) no-repeat; width: 426px; height: 68px; margin: 0; padding: 0; display: block;}
#toplogo a:hover { /*background: url(images/n_logo.png) no-repeat;*/}

/* Menu principal the old fashioned way ( Tab ) (no usado. para ver usado actualmente remitirse a #fnmenu) */
#topmmenu { height: 20px; font-weight: bold; font-size: 14px; padding-left: 233px; width: 100%;}
#topmmenu span { float: left; background: url(images/btn_hover.png) no-repeat; height: ; padding: 10px 12px 10px 12px; color: #06C;}
#topmmenu a { float: left; background: url(images/btn_bk.png) no-repeat; height: ; padding: 10px 12px 10px 12px; color: #fff; text-decoration: none;}
#topmmenu a:hover { color: #F90;}
#topsmenu { height: 17px; font-size: 12px; background: #fff; margin: 0 17px; border: 3px solid #D8F0FF; border-bottom: none; padding: 0 0 0 167px;}
#topsmenu span { float: left; height: 17px; padding: 0 5px 0 5px; color: #666;}
#topsmenu a { float: left; height: 17px; padding: 0 5px 0 5px; color: #06C; text-decoration: none;}
#topsmenu a:hover { color: #F90; white-space: normal}

/* Zona Media pagina login e internas */
#mid { width: 100%;}
#midcont { margin: 0 17px; background: url(images/bk_cont.png) no-repeat bottom right #fff; border: 3px solid #D8F0FF; border-top: none; padding: 20px 10px; overflow: hidden; min-height: 200px;}

/* Zona Contenido pagina Login */
#midcontlog { margin: -35px 17px 0 17px; background: #fff; border: 3px solid #D8F0FF; padding: 0 10px 10px 10px; overflow: hidden;}
#midcontlog .formlayout { font-size: 12px; border-collapse: collapse; background: none; width: 80%}
#midcontlog .formlayout td { padding: 0; border: none;}

/* Zona Contenido paginas publicas */
#midcontpub { margin: -28px 17px 0 17px; background: #fff; padding: 10px; overflow: hidden; border: 3px solid #D8F0FF; border-top: none;}
#midcontpub .formlayout { font-size: 12px; border-collapse: collapse; background: none; width: 80%}
#midcontpub .formlayout td { padding: 0; border: none;}

/* Menu Migas de Pan paginas internas */
#bread { background: none; font-size: 12px; padding: 0; color: #f90; position: relative; border-bottom: 1px solid #ccc; overflow: hidden;  margin: 0 0 5px 0;}
#breadcumbs { background: url(images/bk_bread.png) no-repeat right; padding: 1px 30px 1px 10px; float: left;}
#breadcumbs .t4BreadcrumbMenu { z-index: 10}
#breadcumbs table { font-size: 12px}
#breadmichel { float: right;}
#breadmichel a { padding: 0 5px;}

/* Menu items publicos pagina logueo */
#smenuh { background: url(images/bk_smenu.png) repeat-x #06C; height: 50px; margin: 10px 0 0 0;}
#smenuh ul { list-style: none; margin: 0; padding: 0}
#smenuh ul li { float: left; margin: 0; padding: 0; position: relative; width: 24.9%; text-align: center;}
#smenuh ul li a { background: url(images/bk_smenu_btn.png) no-repeat; color: #FFF; padding: 16px 0 16px 0; font-size: 15px; font-weight: bold; float: left; width: 100%}
#smenuh ul li a:hover { background: url(images/bk_smenu_on.png) no-repeat; color: #FFF;}
#smenuh ul li ul { display: none;}
#smenuh ul li ul li a:hover { background: none;}
#smenuh ul li:hover a { background: url(images/bk_smenu_on.png) no-repeat;}
#smenuh ul li:hover ul { background: #E15C00; display: block; position: absolute; top:50px; left:0px; width:100%;}
#smenuh ul li:hover ul li a { background-image: none; display: block; text-align: left; float: none; padding: 2px 0 4px 10px; color: #FFF; font-size: 13px; font-weight: bold;}
#smenuh ul li:hover ul li a:hover { color: #FFF}
#smenuh ul li:hover ul li { float: none; border-top: 1px dotted #F90; width: 100%}
#smenuh ul li:hover ul li:hover { float: none; border-top: 1px dotted #F90; background: #C44F00}
#smenuh a.smenuhfix { padding: 8px 0 10px 0;}

#sidemenu { font-size: 14px; padding: 0; margin: 0 0 10px 0}
#sidemenu a { display: block}
#sidemenu h6 { font-size: 14px; font-weight: bold; color: #999; margin: 0; padding: 0}
#sidemenu ul { list-style: none; padding: 0; margin: 4px 0}
#sidemenu li { padding: 2px 0}

/* Menu items publicos paginas contenido */
#smenu { background: url(images/bk_smenu.png) repeat-x #06C; height: 50px; margin: 10px 0 0 0; position: relative; z-index: 10}
#smenu ul { list-style: none; margin: 0; padding: 0}
#smenu ul li { float: left; margin: 0; padding: 0; position: relative; width: 19.9%; text-align: center;}
#smenu ul li a { background: url(images/bk_smenu_btn.png) no-repeat; color: #FFF; padding: 16px 0 16px 0; font-size: 15px; font-weight: bold; float: left; width: 100%}
#smenu ul li a:hover { background: url(images/bk_smenu_on.png) no-repeat; color: #FFF;}
#smenu ul li ul { display: none;}
#smenu ul li ul li a:hover { background: none;}
#smenu ul li:hover a { background: url(images/bk_smenu_on.png) no-repeat;}
#smenu ul li:hover ul { background: #E15C00; display: block; position: absolute; top:50px; left:0px; width:100%;}
#smenu ul li:hover ul li a { background-image: none; display: block; text-align: left; float: none; padding: 2px 0 4px 10px; color: #FFF; font-size: 13px; font-weight: bold;}
#smenu ul li:hover ul li a:hover { color: #FFF}
#smenu ul li:hover ul li { float: none; border-top: 1px dotted #F90; width: 100%}
#smenu ul li:hover ul li:hover { float: none; border-top: 1px dotted #F90; background: #C44F00}

#smenu a.smenuon { background: url(images/bk_smenu_on.png) no-repeat; color: #FFF;}
#smenu a.smenufix { padding: 8px 0 6px 0;}
#smenu a.smenufixon { background: url(images/bk_smenu_on.png) no-repeat; color: #FFF; padding: 8px 0 2px 0;}

/* mensaje error pagina login */
#massage { position: absolute; top: 236px; width: 94%;}
#massage div { background: #fff; padding: 5px; border: 1px solid #f00; z-index: 30; font-size: 12px; color: #f00; margin: 5px 0px; font-weight: bold}

/* caja naranja costado derecho de busqueda pagina login o inicio */
#seek { padding: 5px 0 10px 10px; background: url(images/bk_search.png) repeat-x #F90; margin: 10px 0 0 0; height:; overflow: hidden}
#seek p { margin: 0; padding: 10px 0 0 0; font-size: 12px}
#seek h2 { color: #FFF; font-weight: normal; margin: 0; padding: 0 0 7px 0; font-size: 16px; font-weight: bold;}
#seek input { width: 150px}
#seek img { vertical-align: top}
#seek .formlayout { font-size: 12px; border-collapse:; empty-cells: hide; width: 100%;}
#seek .formlayout td { /*border: 1px solid #EEE;*/ background: none;}
#seek .formlayout td td { border: none;}

/* animacion flash rotacion de imagenes pagina login o inicio */
#splash { background: #FFF; width: 100%; text-align: center; height: 200px; overflow: hidden; text-align: center;}
#splashho { background: #FFF; width: 100%; text-align: center; height: 250px; overflow: hidden; text-align: center;}
#splashsec { background: #006; width: 100%; text-align: center; height: 200px; overflow: hidden; text-align: center;}

/* *** Banner y boton chat online pagina principal eventos */
.banner { margin: 10px 0 0 0; width: 100%; overflow: hidden; background: #C00;}
.banner2 { margin: 10px 0 0 0; width: 100%; overflow: hidden; background: #FFF;}
#btnchatonline { background: url(images/btn_chatlinea.png) no-repeat; width: 210px; height: 40px; margin: 10px 0 0 0;}
#btnchatonline a { width: 75%; height: 40px; display: block;}
.btnchatonline2 { width: 100%; height: 40px; margin: 10px 0 0 0; overflow: hidden; background: url(images/btn_chatlinea.png) no-repeat; height: 40px;}
.btnchatonline2 img { width: 100%; height: 40px}
#btnalternative2 { background: url(images/bk_sidemenu_it.png) no-repeat #0045ab; color: #FFF; text-align: left; width: 100%; height: ; float:; font-size: 14px; font-weight: bold; padding: 5px 0 5px 0; margin: 0}
#btnalternative2 a { display: block; color:#FFF; padding: 0 0 0 10px}
#btnalternative2 a:hover { color:#F90}

/* Caja contenedora 3 cajas contenido home o login page */
#logbox { background: /*url(images/bk_conttt2.png) repeat-x*/; overflow: hidden; border-top: /*1px solid #06C*/; margin: 10px 0 0 0; clear: both}
#logbox table table { width: auto;}
#logbox table { display: none;}
#logbox div table { display: block;}

/* *** Caja contenedora de todo lo de oferta de servicios pagina apex 137 */
#servbox { background: ; overflow: hidden; margin: 10px 0 0 0; clear: both}
#servbox table { display: /*none*/; width: 50%; border: 0px solid #ccc}
#servbox div table { display: /*block*/; width: 100%; border: none}
#servbox div table table{ width: auto}

/* Caja gris pagina login */
#logbox1 { float: right; width: 19%; height:; margin: 0;}
#logbox1in { padding: 5px 0 0 10px; background: url(images/bk_carrusel.png) repeat-x #f5f5f5;}
#logbox1in p { margin: 0; padding: 0 0 10px 0; font-size: 12px}
#logbox1in a:hover { color: #039}
#logbox1in h2 { color: #666; font-weight: normal; margin: 0; padding: 0 0 7px 0; font-size: 16px; font-weight: bold;}
#logbox1in h3 { display: none; width:inherit}

/* Caja ventos x aviatur pagina login */
#logbox2 { background: /*url(images/bk_conttt_l2.png) no-repeat #039*/; float: left; width: 60%; height: 100%;}
#logbox2in { padding: 0 20px; background: /*url(images/bk_conttt_r2.png) no-repeat right top*/; margin: 0}
#logbox2in p { margin: 0; padding: 0; font-size: 14px; color: #; clear: none;}
#logbox2in p img { padding: 0 5px 0 0; float: left; clear: both;}
br { clear: none}
#logbox2in a { color: #06C}
#logbox2in a:hover { color: #039}
#logbox2in div { overflow: hidden; margin: 0; padding: 0;}
/*#logbox2in div:hover { background: #F0F9FF}*/
#logbox2in h2 { color: #F60; font-weight: normal; margin: 0; padding: 0 0 10px 0; font-size: 21px;}
#logbox2in #bannerf { background:url(images/bk_banner.png) repeat-x; text-align: center; width: 100%; padding: 0; border: none}
#logbox22 { background: /*url(images/bk_conttt_l2.png) no-repeat #039*/; float:; width: 100%;}

/* Caja celeste pagina login */
#logbox3 { float: left; width: 20%;}
#logbox3in { padding: 5px 0 0 10px; background: url(images/bk_login.png) repeat-x #EBF5FF}
#logbox3in p { margin: 0; padding: 10px 0; font-size: 14px}
#logbox3in h2 { color: #039; font-weight: normal; margin: 0; padding: 0 0 10px 0; font-size: 16px; font-weight: bold;}
#logbox3in table.apex_finderbar { display: none;}
#logbox3in table.formlayout td { background: none;}
#logbox3in .standardLook { display: none;}
#logbox3in .t0Button { background: url(images/bk_btn_log.png) no-repeat; text-decoration:none; font-weight:bold; font-size: 13px; color: #fff; float: left; width: 90px; padding: 2px 0 4px 0; text-align: center; border: none;}
#xxlogbox3 { /*float: left;*/ width: 220px;}
#xxlogbox3in { padding: 5px 0 0 10px; background: url(images/bk_login.png) repeat-x #EBF5FF}
#xxlogbox3in p { margin: 0; padding: 10px 0; font-size: 14px}
#xxlogbox3in h2 { color: #039; font-weight: normal; margin: 0; padding: 0 0 10px 0; font-size: 16px; font-weight: bold;}
#xxlogbox3in table.apex_finderbar { display: none;}
#xxlogbox3in table.formlayout td { background: none;}
#xxlogbox3in .standardLook { display: none;}
#xxlogbox3in .t0Button { background: url(images/bk_btn_log.png) no-repeat; text-decoration:none; font-weight:bold; font-size: 13px; color: #fff; float: left; width: 90px; padding: 2px 0 4px 0; text-align: center; border: none;}

/* pie de pagina inicio - paginas de contenido */
#foot { background: /*url(images/bottom.png) no-repeat center top*/; width: 100%; position: relative; height: 30px;}
#footuser { position: absolute; top: -12px; left: 27px; display: none;}
#footxt { padding: 3px 0 3px 0; font-size: 12px; color: #FFF; text-align: center;}
#luser { background: url(images/user_bk.png) no-repeat; height: 30px; padding: 3px 10px 0 25px; font-size: 12px; color: #FFF; float: left; display: none;}
#luserend { float: fight; height: 35px; width: 20px; background: url(images/user_bk_end.png) no-repeat; float: left; display: none;}
#version { padding-left: 20px; color: #F90; display: none;}

/* Pie de pagina Usuario Perfiles */
#pfoot { background: /*url(images/bottom.png) no-repeat center top*/; width: 100%; position: relative; height: 30px;}
#pfootuser { position: absolute; top: -12px; left: 27px;}
#pluser { background: url(images/user_bk.png) no-repeat; height: 30px; padding: 3px 10px 0 25px; font-size: 12px; color: #FFF; float: left;}
#pluserend { float: fight; height: 35px; width: 20px; background: url(images/user_bk_end.png) no-repeat; float: left;}
#pversion { padding-left: 20px; color: #F90;}


/* logos de la empresa parte inferior pagina login o inicio */
#menudown { margin: 0 0 10px 0; position: ; padding: 0 0 10px 30px; overflow: hidden}
#menudown div { float: left; margin-bottom: 5px;}
#menudown ul { width: 200px; font-size: 13px; /*border-top: 1px dotted #F90;*/ margin: 0 10px 10px 0; padding: 5px 0 0 18px; color: #9CF; display: none;}
#menudown li { list-style-image: url(images/bullet.png);}
#menudown a { color: #fff; font-weight: bold;}
#menudown a:hover { background: #039;}
#menudown h4 { display: none;}
#menudownbtn { background: url(images/logo_aviatur_small.png) no-repeat; width: 80px; height: 45px; margin: 0 10px 0 20px;}

/* Contenido internas cajas */
#contbox { overflow-y: hidden; overflow-x: auto;}
#contboxpre { float: left; padding-right: 0px; width: 110px;}
#contboxpre table { background: none; empty-cells: hide; margin-bottom: 10px;}
#contboxpre table table { font-size: 12px; background: url(images/bk_1.png); margin: 0px;}
#contboxpre table table td { padding: 0px; border-bottom: 1px dotted #fff;}
#contboxpre table table div { padding: 3px 5px;}
#contboxpre .t4RegionHeader { font-size:12px;}
#contboxmain { float: left; width: 100%;}
#contboxsecond { float: left;}
#contboxsecond table { background: none;}
#contboxsecond table table { background: none;}
#contboxsecond table table table { font-size: 12px; background: url(images/bk_2.png); /*border-bottom: 1px solid #D8D8AB;*/}
#contboxsecond table table table td { padding: 3px; border-bottom: 1px dotted #fff;/* border-top: 1px solid #D8D8AB;*/}

/* Hack para desaparecer el menu ppal en los pop ups */
.popuphack #fnmenu { display: none;}

/* Dibuja el bendito logo de cada empresa 
#logoempresa { position: absolute; top: 47px; right: 140px; border: none}
#logoempresa table { background: none; border: none}
#logoempresa table td { background: none; border: none}
#logoempresa .standardLook { background: none; border: none}
#logoempresa .standardLook td { background: none; border: none}*/

/* Menu Desplegable Machete */
#fnmenu { position: absolute; left: 180px; z-index: 30; display: none;}
#fnmenu ul { list-style-type:none; padding:0; margin:0; font-size: 14px; font-weight: bold; position: relative;}
#fnmenu ul a { color: #fff; padding:0 10px; margin:0; float: left; background: url(images/btn_bk.png) no-repeat; padding: 10px 12px 10px 12px;}
#fnmenu ul a:hover { color: #F90;}
#fnmenu ul li { float: left;}
#fnmenu ul li img { vertical-align:; float: left; padding-top: 5px;}
#fnmenu ul ul li img { border: ; float: none; padding: 0px;}
#fnmenu ul ul { position: absolute; top: 0px;}

/* submenu de cada seccion publica */
.eventmenu { overflow: hidden; background: /*url(images/bk_sidemenu.png) repeat-x*/ #039; margin: 0 0 10px 0; width: 200px;}
.eventmenuitem { color: #09F; font-size: 16px; padding: 5px 0 5px 10px; margin: 0; font-weight: bold; border-bottom: 1px dotted #06C; background: url(images/bk_sidemenu_it.png) repeat-x; border-top: 1px solid #9CF;}
.eventmenusubitem { margin: 0px; padding: 2px 0}
.eventmenu a { padding: 0 0 0 10px; display: block; font-size: 14px; color: #FFF}
.eventmenu a:hover { color: #F90}
.eventmenu #Seccion { }

/* imagenes home de cada seccion */
#congcol { background: url(images/img_cong_col.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100;}
#congext { background: url(images/img_cong_ext.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}
#fercol { background: url(images/img_fer_col.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}
#ferext { background: url(images/img_fer_ext.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}
#conincco { background: url(images/img_con_inc_co.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}
#conincex { background: url(images/img_con_inc_ex.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}
#othersco { background: url(images/img_others_co.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}
#othersex { background: url(images/img_others_ex.jpg) no-repeat; height: 200px; width: 750px; overflow: hidden; position: absolute; top: 50px; left: 0; margin: 0 30px; z-index: 100}

/* imagenes titulo home de cada seccion */
#txtcongcol { background: url(images/txt_cong_col.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtcongext { background: url(images/txt_cong_ext.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtfercol { background: url(images/txt_fer_col.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtferext { background: url(images/txt_fer_ext.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtconincco { background: url(images/txt_con_inc_co.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtconincex { background: url(images/txt_con_inc_ex.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtothersco { background: url(images/txt_others_co.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}
#txtothersex { background: url(images/txt_others_ex.png) no-repeat right; height: 200px; width: 450px; overflow: hidden; position: absolute; top: 50px; right: 30px; margin: 0; z-index: 200}

/* Dibuja logo ICCA en pagina de Congresos en el Exterior */
#icca { background: url(images/icca.png) no-repeat; height: 70px; width: 45px; overflow: hidden; position: absolute;  top: 460px; left: 40px; z-index: 100; display: none}
#icca a { height: 70px; width: 45px; display: block;}

/* Reporte Pagina Detalle del Evento */
#detalleevento { padding: 0; background: url(images/bk_letter.png) no-repeat; float: left; width: 68%}
#detalleevento div { margin: 10px 0 10px 10px;}
#detalleevento p { font-size: 14px; margin: 0; padding: 0 0 10px 0}
#detalleevento table { font-size: 14px;}
#detalleevento p span { font-size: 14px;}
#detalleevento ul { font-size: 14px; margin: 0; padding: 0 0 10px 20px}
#detalleevento h1 { color: #09F; font-size: 24px; margin: 0; padding: 5px 0 10px 0}
#detalleevento h5 { color: #09F; font-size: 12px; margin: 0; padding: 1px 12px 1px 5px; background: url(images/bullet.png) no-repeat right center #DDEEFF; font-weight: normal; border: 1px solid #9CF; width: auto; float: left; margin: 0 0 10px 0}
#detalleevento h6 { color: #666; font-size: 12px; margin: 0; padding: 0 0 10px 0; font-weight: bold; clear: both}
#detalleevento .t0Button { margin: 0 5px 0 0;}

/* *** Caja de Busqueda de las paginas internas de contenido: congresos, ferias y otros eventos */
#squeezebox { border: 1px solid #CCC; background: url(../i/htmldb/builder/builder_find.png) no-repeat 5px 50% #eee; padding: 0 3px 3px 33px; margin: 0 0 10px 0; float: right; width: 75%}
#squeezebox .formlayout { border-collapse: collapse; background: none; font-size: 12px; width: 100%;}
#squeezebox .formlayout td { background: none; border: none; padding: 0 3px 0 3px; width: auto}
#squeezebox .formlayout td td { border: none; padding: 0}
#squeezebox .formlayout select { font-size: 12px; width: 160px;}
#squeezebox .formlayout input { font-size: 12px; width: 150px;}

#squeezebox100 { border: 1px solid #CCC; background: url(../i/htmldb/builder/builder_find.png) no-repeat 5px 50% #eee; padding: 0 0 3px 0; margin: 0 0 10px 0; float: /*right*/; width: 100%}
#squeezebox100 .formlayout { border-collapse: collapse; background: none; font-size: 12px; width: 100%/*auto*/; margin: 0 0 0 33px}
#squeezebox100 .formlayout td { background: none; border: none; padding: 0 3px 0 3px; width: auto}
#squeezebox100 .formlayout td td { border: none; padding: 0}
#squeezebox100 .formlayout select { font-size: 12px; width: 160px;}
#squeezebox100 .formlayout input { font-size: 12px; width: 150px;}

/* mensaje cuando no encuentra datos */
#nodatafound { background: url(images/bk_nodata.png) no-repeat; padding: 20px; margin: 0 0 0 20px; min-height: 100px;}
#nodatafound p { margin: 0; padding: 0; color: #333; font-size: 14px;}

/* *** Caja que contiene todas los briefs de eventos, lgo izq info a la derecha, usada en CC, CE, FC, FE, OEC y OEE*/
#cajaresulteventos { width: 79%; float: right;}
#cajaresulteventos100 { width: 100%; float: none;}

/* *** Caja para que el menu desplegable de CC, CE, FC, FE, OEC y OEE, flote */
#cajamenudespflotante { width: 20%; float: left; border: /*1px solid #9F0*/}

/* *** Caja para el contenido de servicios y demas de CC, CE, FC, FE, OEC y OEE, flote */
#cajacontservs { width: 47%; float: right; margin: 0 10px 0 0}
#cajacontservs p { font-size: 14px; text-align: justify}
#cajacontservs p img { padding: 0 5px 0 0; float: left; clear: both;}
/*br { clear: none}*/
#cajacontservs ul { font-size: 14px;}
#cajacontservs a { color: #06C}
#cajacontservs a:hover { color: #039}
#cajacontservs h1 { color: #09F;  margin: 0 0 10px 0; padding: 0; font-size: 28px;}
#cajacontservs h2 { color: #039; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 3px 5px; font-size: 21px; background: url(images/bk_htitle.png) repeat-x bottom; border-bottom: 1px dotted #CCC;}
#logbox22bxscrll { height: 330px; overflow: auto}

/* *** Caja para el contenido de servicios y demas de CC, CE, FC, FE, OEC y OEE, flote */
#cajacontcvi { width: 70%; float: /*right*/; margin: 0; position: absolute; top: 320px; left: 25%;}
#cajacontcvi p { font-size: 14px; text-align: justify}
#cajacontcvi p img { padding: 0 5px 0 0; float: left; clear: both;}
/*br { clear: none}*/
#cajacontcvi ul { font-size: 14px;}
#cajacontcvi a { color: #06C}
#cajacontcvi a:hover { color: #039}
#cajacontcvi h1 { color: #09F;  margin: 0 0 10px 0; padding: 0; font-size: 28px;}
#cajacontcvi h2 { color: #039; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 3px 5px; font-size: 21px; background: url(images/bk_htitle.png) repeat-x bottom; border-bottom: 1px dotted #CCC;}

/* *** Caja para q floten las fotos del contenido de servicios de CC, CE, FC, FE, OEC y OEE y el detalle del evento -- PAG 137 y 62 */
#cajafotoservs { width: 30%; float: right; padding: 3px; background: #f2f2f2; border: 1px solid #e5e5e5}
#cajafotoservs img { width: 100%; margin: 0 auto 5px auto;}

/* *** Reporte de la busqueda de los eventos, tantos los del inicio (2), como los de cada seccion consistentes en logo a la izq e info a la derecha /// NOMBRE APEX: CAJAEVENTO1 */
#reportseekdad { width: 100%; clear: both; border-bottom: 1px solid #e5e5e5; margin: 0; overflow: hidden; padding: 0 0 10px 0}
#reportseekdad:hover { background: url(images/bk_report.gif) repeat-x /*30px*/ bottom}
#reportseekdad  img { width: 12%; margin: 10px; border: 1px solid #CCC; height: auto; float: left}

/*.reportseek { float: left;}
.reportseek img { width: 100px; margin: 10px; border: 1px solid #CCC}*/

#reportseekdet { margin: 0; float: left; width: 84%}
#reportseekdet img { width: auto; padding: 3px 0 0 0; margin: 0; border: none; float: none}
#reportseekdet p { font-size: 14px; margin: 0; padding: 0}
#reportseekdet a { color: #06C}
#reportseekdet a:hover { color: #039}
#reportseekdet h1 { color: #09F;  margin: 0 0 5px 0; padding: 0; font-size: 28px;}
#reportseekdet h2 { color: #039; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 3px 5px; font-size: 21px; background: url(images/bk_htitle.png) repeat-x; border-bottom: 1px dotted #CCC;}
#reportseekdet h3 { font-size: 18px; color: #F90; font-weight: normal; padding: 3px 0; border-bottom: 1px dotted #ccc; margin: 3px 0; text-transform: uppercase; line-height: 1.0em}

#reportseekdad2 { width: 100%; clear:both; border-bottom: 1px dotted #ccc; margin: 10px 0 10px 20px; overflow: hidden;}
#reportseekdad2 img { float:left; width: 100px; margin: 10px; border: 1px solid #CCC}
#reportseekdad2:hover { background: url(images/bk_report.gif) repeat-x bottom;}

#reportseekdet2 { margin: 0 0 10px 0}
#reportseekdet2 img { width: auto; padding: 3px 0; margin: 0; border: none;}
#reportseekdet2 p { font-size: 14px; margin: 0; padding: 0}
#reportseekdet2 a { color: #06C}
#reportseekdet2 a:hover { color: #039}
#reportseekdet2 h1 { color: #09F;  margin: 0 0 5px 0; padding: 0; font-size: 28px;}
#reportseekdet2 h2 { color: #039; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 3px 5px; font-size: 21px; background: url(images/bk_htitle.png) repeat-x; border-bottom: 1px dotted #CCC;}
#reportseekdet2 h3 { white-space: normal}

#tseeknumber { width: 100%; border-collapse: collapse}
#tseeknumber td { text-align: left;}
#tseeknumber table { width: auto; border-collapse: collapse; padding: 4px 0 0 0}
#tseeknumber table td { font-size: 13px; width: auto; border: none}
#tseeknumber table .t0pagination { background: #DDEEFF; padding: 0 3px; border: 1px solid #9CF}
#tseeknumber table a { color:#06C}
#tseeknumber table a:hover { color:#006}
#tseeknumber table .fielddata { background: #f5f5f5; border: 1px solid #e5e5e5; padding: 0 3px}

.pagination .t0pagination { background: #DDEEFF; padding: 0 3px; border: 1px solid #9CF; font-size: 12px;}
.pagination .fielddata { font-size: 12px;}

/* imagenes home seccion */

#hoimgotros { width: 100%; height: 200px; background: url(images/img_home_oe.jpg) no-repeat; overflow: hidden}
#hoimgconin { width: 100%; height: 200px; background: url(images/img_home_cvi.jpg) no-repeat; overflow: hidden}

/* iframe para micrositios enbebidos en la pagina */ 

#microframe { width: 100%; overflow-x: hidden}

/*////////////////// theme_3_1.css ///////////////////*/

.t4Borderless { background: url(images/perfil_bk.png) repeat-x #DDEEFF; border: 1px solid #9CF}
.t4Borderless th { border-bottom: 1px dotted #9CF}
.t4Borderless td { border-bottom: 1px dotted #9CF; font-size: 14px}


.t4ButtonHolder { padding:3px 5px; text-align: /*right*/;}

.t4SidebarRegionAlternative1 {width: 80%}

.t4RegionBody { padding:0px; font-size: 14px;}

.t4RegionwithoutTitle { margin-right: 10px}

.t4HorizontalImageswithLabelList{}
.t4HorizontalImageswithLabelList td{padding:5px;text-align:center;}
.t4HorizontalImageswithLabelList .t4current{}

.t4SmallCalenderHolder{  margin-top: 5px}
.t4SmallCalenderHolder .t4MonthTitle{background-color:#fff;text-align:center;font-weight:bold;border-bottom:3px solid #ccc;padding:5px 2px 2px 2px; color: #999; border-top: 1px dotted #ccc;}
.t4SmallCalender { border-right: 1px solid #ccc; font-size: 12px;}
.t4SmallCalender .t4DayTitle{border-bottom:1px solid #ccc;background-color:#e5e5e5;}
.t4SmallCalender td{width:40px;height:40px;border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.t4SmallCalender .t4Day{vertical-align:top;}
.t4SmallCalender .t4DayOfWeek{background-color:#fc0;}
.t4SmallCalender .t4NonDayTitle{color:#CCCCCC;border-bottom:1px solid #CCCCCC;background-color:#EEEEEE;}
.t4SmallCalender .t4NonDay{background-color:#f8f8f8;}
.t4SmallCalender .t4WeekendDayTitle{color:#CCCCCC;border-bottom:1px solid #CCCCCC;background-color:#EEEEEE;}
.t4SmallCalender .t4WeekendDay{}
.t4SmallCalender .t4Today{vertical-align:top;background-color:#f90; color: #06c; font-weight: bold}

.t4StandardAlternatingRowColors { empty-cells: hide; border-top: 1px dotted #CCC; margin: 6px 0 12px 0; background:#FFF;}
.t4StandardAlternatingRowColors th.t4ReportHeader { }
.t4StandardAlternatingRowColors td.t4data { padding: 10px 0;}
.t4StandardAlternatingRowColors td.t4dataalt { padding: 10px 0;}
.t4StandardAlternatingRowColors td:hover { background:#F0F9FF; }
.t4StandardAlternatingRowColors td { border-bottom: 1px dotted #CCC; padding: 10px 0;}
.t4StandardAlternatingRowColors h3 { border: none; font-size: 16px; padding: 0; margin: 0}
.t4StandardAlternatingRowColors p { border: none; font-size: 14px; padding: 0; margin: 0}
.t4StandardAlternatingRowColors img { float: left; padding-right: 10px}

th.t4ReportHeader{empty-cells : show;	border-collapse : collapse;padding:2px;padding-right:8px;padding-left:8px;}
td.t4data{padding:2px 8px;empty-cells : show;	border-collapse : collapse;}
td.t4dataalt{padding:2px 8px;empty-cells : show;	border-collapse : collapse;}
td.subheader2{border:1px solid #AAAAAA;border-left:none;vertical-align:middle;}

.t4SidebarRegion {width:200px;margin-top:10px;margin-bottom:10px;border:0px solid #CCCCCC;}

.t4ReportsRegion {margin-right:10px;}
.t4RegionHeader { font-size: 16px; /*font-family: Georgia, "Times New Roman", Times, serif;*/ color: #F90; font-weight: bold; padding-bottom: 5px; border-bottom: 1px dotted #e5e5e5;}

.t4WizardProgressList {text-align:center;}
.t4WizardProgressList div{margin:0px;}
.t4WizardProgressList .t4current{background: url(images/bk_1.png);}

.t4VerticalSidebarList{width:100%;}
.t4VerticalSidebarList a {padding: 3px 0 3px 5px;}
.t4VerticalSidebarList a.t4nav{display:block}
.t4VerticalSidebarList .t4current a{display:block;text-decoration:none;background: url(images/bk_1.png);}

.t4NavigationRegion {width:150px;margin:10px 10px 10px 0px;margin-bottom:10px;}

.t4Standard {empty-cells: show;	border-collapse: collapse; border-left: 1px solid #ccc; font-size: 12px; width: 100%;}
.t4Standard th.t4ReportHeader {border:1px solid #ccc; border-left: none; background: #f2f2f2;}
.t4Standard td.t4data { border:1px solid #ccc; border-left:none; border-top:none;}

.t4Button { padding: 0 8px; border: 1px solid #06C; background: url(images/bk_btn2.png) repeat-x #09f; text-decoration:none; font-weight:bold; font-size: 13px; margin: 0 5px; color: #fff;}
.t4Button:hover { color: #f90;}
.t4ButtonRegionwithoutTitle { position: absolute;}

.t13ButtonAlternative3 { padding: 2px 0px; margin: 3px; background: url(images/bk_btn3.png) no-repeat; white-space: nowrap; text-decoration:none; font-weight:bold; color: #FFF; font-size: 14px; text-align: center; width: 100px; height: 20px; float: left}
.t13ButtonAlternative3:hover { color: #036;}

.t4ButtonAlternative2 { background: url(images/bk_sidemenu_it.png) no-repeat #0045ab; color: #FFF; text-align: left; width: 200px; height: ; float: left; font-size: 14px; font-weight: bold; padding: 5px 0 5px 10px; margin: 0}
.t4ButtonAlternative2 a:hover { color:#F90}

/* Candelario Mes */
.t4CalendarHolder { width:70%;}
.t4CalendarHolder .t4MonthTitle { font-weight:bold; text-align:center; font-size:14px; color:#fff; background: #036; border-bottom: 0px solid #f90; padding: 3px 0; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.t4Calendar { width:100%; background:#f2f2f2; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.t4Calendar td { height:30px; width:14%; border:1px solid #fff; border-left: none; border-top: none;}
.t4Calendar .t4DayOfWeek { padding:3px; background:#06C; color:#f90; border: 1px solid #fff; border-left:none; border-top:none;}
.t4Calendar .t4DayTitle { padding:2px; font-weight:bold; text-align:right; float:right; background:#fff; color: #06C;}
.t4Calendar .t4Day { vertical-align:top; background: #cae4ff;}
.t4Calendar .t4NonDayTitle { text-align:right; color:#ccc; font-weight:bold; float:right; padding:2px; background:#fff;}
.t4Calendar .t4NonDay { background-color: #f2f2f2;}
.t4Calendar .t4WeekendDayTitle { padding:2px; text-align:right; color:# 06C; font-weight:bold; float:right; background:#FFF;}
.t4Calendar .t4WeekendDay { background: #9cf}
.t4Calendar .t4Today { vertical-align:top; background-color: #09F;}
.t4Calendar .t4Today .t4DayTitle{ background-color:#fff;}

/* Candelario Semanal */
.t4WeekCalendarHolder{width:100%;}
.t4WeekCalendarHolder .t4MonthTitle{ font-weight:bold; text-align:center; font-size:15px; color:#fff; border: 1px solid #fff; background: #036; padding: 3px 0; border-top: none; border-left: none;}
.t4WeekCalendar {width:100%; background: #cae4ff;}
.t4WeekCalendar .t4DayOfWeek{ padding:3px; background: #06C; border: 1px solid #fff; border-top:none; border-top: none; border-left: none; color: #f90}
.t4WeekCalendar td { height:25px; width:12%; border:1px solid #FFF; border-top: none; border-left: none}
.t4WeekCalendar .t4DayTitle{padding:2px;font-weight:bold;text-align:right;float:right;border:#000000 1px solid;border-right:none;border-top:none;background-color:#FFFFFF;}
.t4WeekCalendar .t4Day{height:25px;width:12%;vertical-align:top;}
.t4WeekCalendar .t4NonDayTitle{text-align:right;color:#EEEEEE;font-weight:bold;}
.t4WeekCalendar .t4NonDay{ background-color:#9cf;}
.t4WeekCalendar .t4Today{ height:25px; width:12%; vertical-align:top; border-right:#fff 1px solid; /*border-left:#fff 1px solid;border-bottom:#fff 1px solid;*/ background: #09F;}
.t4WeekCalendar .t4Today .t4DayTitle{background-color:#EEEEEE;}
.t4WeekCalendar .t4Hour { width:50px; padding:3px; border:1px solid #fff; border-top: none; border-left: none; background:#9CF; color: #036}
.t4WeekCalendar .t4HourTitle { width:50px; padding:3px; background:#FFFFFF;}

/* Candelario Diario */
.t4DayCalendarHolder{ width:50%;}
.t4DayCalendarHolder .t4MonthTitle{ font-weight:bold; text-align:center; font-size:15px; color:#fff; border: 1px solid #fff; background: #036; padding: 3px 0; border-top: none; border-left: none;}
.t4DayCalendar { width:100%;}
.t4DayCalendar .t4DayOfWeek { padding:3px; background: #06C; border: 1px solid #fff; border-top:none; border-top: none; border-left: none; color: #f90}
.t4DayCalendar td { height:25px; width:84%; border: 0px solid #FFF;}
.t4DayCalendar .t4DayTitle { padding:2px;font-weight:bold;text-align:right;float:right;border:#000000 1px solid;border-right:none;border-top:none;background-color:#FFFFFF;}
.t4DayCalendar .t4Day { height:25px;width:84%;vertical-align:top;}
.t4DayCalendar .t4Today { height:25px; width:84%; vertical-align:top; border: #fff 1px solid; border-top: none; border-left: none; background:#cae4ff;}
.t4DayCalendar .t4Today .t4DayTitle { background:#EEE;}
.t4DayCalendar .t4Hour { width:50px; padding:3px; border:1px solid #fff; border-top: none; border-left: none; background:#9CF; color: #036}
.t4DayCalendar .t4HourTitle { width:50px; padding:3px; background:#FFFFFF;}

/*//////////////////////////// apex_3_1.css /////////////////////////////////*/

.standardLook { border-collapse: collapse}
.standardLook td { border: 1px solid #e5e5e5}

.apex_worksheet { margin-right: 10px;}

.tiny { font-size: 10px;}

.formlayout { font-size: 12px; border-collapse:; empty-cells: hide; width: 100%;}
.formlayout td { /*border: 1px solid #EEE;*/ background: #F0F4F9;}
.formlayout td td { border: none;}

.nodatafound { display: }

.apexir_WORKSHEET_DATA th { background: url(images/bk_btn.png) repeat-x #f00;}
.apexir_WORKSHEET_DATA td { background: #f00;}

/* DHTML */
div.dhtmlMenuLG{white-space:nowrap;clear:both;}
div.dhtmlMenuLG div.dhtmlMenuItem{text-align:center;float:left;margin:0px 15px 0px 0px;}
div.dhtmlMenuLG a.dhtmlBottom{text-decoration:none;display:block;font-size:12px;margin:0px 5px;font-weight:bold;}
div.dhtmlMenuLG img.dhtmlMenu{}
div.dhtmlMenuLG div.htmldbBKHolder{float:left;}
div.dhtmlMenuLG img.dhtmlMenuOn{}

ul.dhtmlTree {list-style:none;}
ul.dhtmlTree li{padding:2px 0;vertical-align:middle;}
ul.dhtmlTree li img{margin:0 4px;vertical-align:middle;}

/*.dhtmlMenuLG2 li a{float:left;}

.dhtmlMenuLG2{list-style-type:none;padding:0;margin:0;vertical-align:middle;white-space:nowrap;}
.dhtmlMenuLG2 *{float:left;text-decoration:none;display:block;line-height:25px;height:25px;vertical-align:middle;white-space:nowrap;}
.dhtmlMenuLG2 li{background-image:url(../menu_small_m.gif);border:1px solid #999;}
.dhtmlMenuLG2 li.dhtmlMenuItem{margin:0 4px 0 0;} 
.dhtmlMenuLG2 li.dhtmlMenuItem a{padding:0 4px;}

.dhtmlMenuLG2 li.dhtmlMenuItem1{margin:0 4px 0 0;}  
.dhtmlMenuLG2 li.dhtmlMenuItem1 a{padding:0 4px;margin:0 4px 0 0;}
.dhtmlMenuLG2 li.dhtmlMenuItem1 img{margin:0 2px 0 0;}*/

.dhtmlSubMenu2 { background-color: #D8F0FF;font-size: 11px;width: 200px;list-style-type: none;margin:0em;padding-left:0em; position: absolute;}
.dhtmlSubMenu2 li { margin:0em;padding-left:0em;}
.dhtmlSubMenu2 .t13MIMG {vertical-align:;float:; border: none; position: absolute; right: 3px;}
/*.dhtmlMenuSep2{ text-align:center;}
img.dhtmlMenuSep2{display:block; margin:auto; width:80%;border:1px solid #efefef; height:1px; background-color:#ccc; }
.dhtmlSubMenu2 img.dhtmlSep {/*width:180px;height:1px;}

.dhtmlSubMenu2 .dhtmlSubMenuP { background-color:#ddd;text-align:center;color: #808080;border-bottom:#ccc 1px solid;padding:3px 8px;text-decoration: none;white-space: nowrap;font-weight:bold;}*/
.dhtmlSubMenu2 a.dhtmlSubMenuN:link,.dhtmlSubMenu2 a.dhtmlSubMenuN:visited {color:#06C;display:block;font-weight:normal;padding:3px 8px;text-decoration:none;white-space:nowrap;height:1%;overflow:hidden;}
.dhtmlSubMenu2 a.dhtmlSubMenuN:hover {background: #9CF; color: #06C;}
.dhtmlSubMenu2 a.dhtmlSubMenuS:link,.dhtmlSubMenu2 a.dhtmlSubMenuS:visited {color:#06C;display:block;font-weight:normal;padding:3px 8px;text-decoration:none;white-space:nowrap;height:1%;overflow:hidden;}
.dhtmlSubMenu2 a.dhtmlSubMenuS:hover {background-color: #9CF; color: #06C;}

/* Estilos Apexianos re-escritos */

.t0FormRegion { margin-right:10px; width: 98%;}
.t0FormRegion table { clear: both}
.t0ReportsRegion { margin-right:10px; width: 98%;}
.t0ReportsRegion table { clear: both}
.t0RegionHeader { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #F90; font-weight: bold; padding-bottom: 5px; border-bottom: 1px dotted #e5e5e5;}
.t0RegionBody { padding:0px; font-size: 14px;}
.t0RegionBody table { width: /*90%*/;}
.t0RegionBody h1 { color: #09F;  margin: 10px 0; padding: 0; font-size: 28px;}
.t0RegionBody h2 { color: #09F;  margin: 10px 0 10px 20px; padding: 0; font-size: 28px;}
.t0ButtonHolder { padding: 0; text-align: /*right*/;}

.t0Button { padding: 0 8px; border: 1px solid #06C; background: url(images/bk_btn2.png) repeat-x #09f; text-decoration:none; font-weight:bold; font-size: 13px; margin: 5px; color: #fff; float: left}
.t0Button:hover { color: #f90;}

.t0NavigationRegion { width: 100%; margin: 0; padding: 0}

.reportbox { clear: both; width: 100%;}
.t0Standard { empty-cells: hide; border-collapse: ; font-size: 12px; width: 100%;}
.t0Standard th { background: #f2f2f2; padding: 2px}
.t0Standard td { padding: 2px}
.t0Standard img { /*width: 300px*/}