@charset "utf-8";
/*------------------------------------------------------------------------------------------------
  Reset
  ----------------------------------------------------------------------------------------------*/
body { margin: 0; padding:0; font: 10px Verdana,Arial,Helvetica,sans-serif; background: #fff url(../imagenes/body-background.gif) repeat-x left top; }
p, h1, h2, h3, h4, h4, div, li, a, img { margin: 0; padding: 0; }
.textoCMS { margin: 18px 0; }
img { border: none; }

/* Tipografias */
@font-face{ font-family: 'GothamNarrowMedium';  src: url("/media/fonts/GothamNarrowMedium.eot"); }
@font-face{ font-family: 'GothamNarrowMedium';  src: url("/media/fonts/GothamNarrow-Medium.otf") format('opentype'); }
h1 { font: normal 30px/30px 'GothamNarrowMedium', Arial, Helvetica, sans-serif; color: #444; margin: 16px 0;}
h1.sinMargen { font: normal 30px/38px 'GothamNarrowMedium', Arial, Helvetica, sans-serif; margin: 0 0 8px;}
h2 { font: normal 18px/27px Arial, Helvetica, sans-serif; color:#7B8188;}
h3 { font: bold 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#6a6a6a; }
p, li, dd, dt, pre, .textoCMS, td, th { font: normal 13px/18px Arial, Helvetica, sans-serif; color:#636B75; }
p { margin: 0 0 18px; }
td p { margin: 0; }
.aclaraciones { margin: 0; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#636B75; } 
.smallcaps { font: bold small-caps 16px/18px Georgia, "Times New Roman", Times, serif; }
.pregunta { font: normal 30px/38px 'GothamNarrowMedium', Arial, Helvetica, sans-serif; margin: 0 0 8px; padding: 0; }
.respuesta { font: normal 18px/27px Arial, Helvetica, sans-serif; color:#7B8188; margin: 0 0 20px 0; padding: 0; }

/* Listas */
ul, ol, dl { margin: 0px 0px 18px; padding: 0 13px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin: 0; padding: 0 36px;}
ul { list-style: square; }
ul ul { list-style: disc; }
ul ul ul { list-style: circle; }
ol { list-style: decimal inside; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: upper-alpha; }
li { margin: 0; padding: 0;}
ul p, ol p, dt p, dd p { margin: 0; }
dt { font-weight: bold; margin: 18px 0 0;}
dd { margin: 0 18px; }

/* Links */
a { color: #003366; }
a:hover { color: #FF0000; }

/* Breadcrumbs */
.breadcrumbs { font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#444; margin: 0px; }
.breadcrumbs a { color: #333333; }
.breadcrumbs a:hover { color: #FF0000; }

/* Formularios */
form { margin:0; padding: 0px; }
label { display: block; font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; margin-top: 10px; }
label span { font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#888888; }
fieldset { margin-bottom: 8px; padding: 0 16px 16px; }

/* Mensajes de error en los formularios */
.error { background-color: #FEE7D6; margin: 18px 0px 0px; padding: 6px; }
.errorPublic { background-color: #FEE7D6; padding: 6px; margin-top: -8px;}

/* Mensajito de respuesta despues de realizar alguna accion, generalmente en el panel */
#mensaje_de_respuesta { margin: 0px 0px 10px; padding: 8px 10px; background: #FEF8EB; border-bottom: 2px solid #FCEBC9; }
#mensaje_de_respuesta p{ margin: 0;}

/*------------------------------------------------------------------------------------------------
  Layout
  Usamos esta grilla ---> http://gridr.atomeye.com/?c=12&cw=60&cm=16&om=16
  12 Columnas de 60 pixeles cada una, con gutters y margenes de 16 pixeles.
  ----------------------------------------------------------------------------------------------*/
#top { width: 896px; margin: 16px auto 0; padding: 6px 0 16px; overflow: hidden;}
#nav { text-align: center; margin: 0; padding: 0; background: url(../imagenes/nav-background.gif) repeat-x left top; height: 35px; }
#contenido { width: 928px; margin:0 auto; padding: 16px 0; overflow: hidden; }
#pie { width: 928px; margin: 16px auto 0; padding: 32px 16px; background: url(../imagenes/pie-background.gif) repeat-x center top; text-align: center; clear:both;}

/*------------------------------------------------------------------------------------------------
  Barra de Login de Usuarios
  ----------------------------------------------------------------------------------------------*/
#usuarios { float: right; margin-top: -88px; text-align: right; }
#usuarios p { margin: 0; }

/*------------------------------------------------------------------------------------------------
  Top
  ----------------------------------------------------------------------------------------------*/
#top h1 { margin: 0; padding: 0; }
#top h1 a, #encabezado h1 a:hover { /*float: left;*/ display:block; text-indent:-9999px; width: 384px; height: 90px; margin: 0px 256px; padding: 0; background: url(../imagenes/logo.gif) no-repeat left top; text-decoration: none; outline: none; }

/*------------------------------------------------------------------------------------------------
  Navegacion
  ----------------------------------------------------------------------------------------------*/
#nav ul { width: 916px; list-style:none; margin:0 auto; padding: 0; height: 35px; overflow: hidden; clear: both; }
#nav ul li { margin:0; padding:0; display:inline; }
#nav ul li a { float:left; height:35px; margin:0px; padding: 35px 0 0; overflow:hidden; outline: none; }

#nav #nav-inicio a        { background:url(../imagenes/nav.gif) no-repeat 0 0;      width: 64px; }
#nav #nav-civiles a       { background:url(../imagenes/nav.gif) no-repeat -64px 0;  width: 81px; }
#nav #nav-comerciales a   { background:url(../imagenes/nav.gif) no-repeat -145px 0; width:118px; }
#nav #nav-consumidor a    { background:url(../imagenes/nav.gif) no-repeat -263px 0; width:212px; }
#nav #nav-divorcios a     { background:url(../imagenes/nav.gif) no-repeat -475px 0; width: 98px; }
#nav #nav-laborales a     { background:url(../imagenes/nav.gif) no-repeat -573px 0; width: 99px; }
#nav #nav-marcas a        { background:url(../imagenes/nav.gif) no-repeat -672px 0; width:167px; }
#nav #nav-rurales a       { background:url(../imagenes/nav.gif) no-repeat -839px 0; width: 77px; }

#nav #nav-inicio a:hover        { background:url(../imagenes/nav.gif) no-repeat 0 -35px;      }
#nav #nav-civiles a:hover       { background:url(../imagenes/nav.gif) no-repeat -64px -35px;  }
#nav #nav-comerciales a:hover   { background:url(../imagenes/nav.gif) no-repeat -145px -35px; }
#nav #nav-consumidor a:hover    { background:url(../imagenes/nav.gif) no-repeat -263px -35px; }
#nav #nav-divorcios a:hover     { background:url(../imagenes/nav.gif) no-repeat -475px -35px; }
#nav #nav-laborales a:hover     { background:url(../imagenes/nav.gif) no-repeat -573px -35px; }
#nav #nav-marcas a:hover        { background:url(../imagenes/nav.gif) no-repeat -672px -35px; }
#nav #nav-rurales a:hover       { background:url(../imagenes/nav.gif) no-repeat -839px -35px; }

#inicio                 #nav #nav-inicio a        { background:url(../imagenes/nav.gif) no-repeat    0   -70px; }
#civiles                #nav #nav-civiles a       { background:url(../imagenes/nav.gif) no-repeat  -64px -70px; }
#comerciales            #nav #nav-comerciales a   { background:url(../imagenes/nav.gif) no-repeat -145px -70px; }
#defensa-del-consumidor #nav #nav-consumidor a    { background:url(../imagenes/nav.gif) no-repeat -263px -70px; }
#divorcios              #nav #nav-divorcios a     { background:url(../imagenes/nav.gif) no-repeat -475px -70px; }
#laborales              #nav #nav-laborales a     { background:url(../imagenes/nav.gif) no-repeat -573px -70px; }
#marcas-y-patentes      #nav #nav-marcas a        { background:url(../imagenes/nav.gif) no-repeat -672px -70px; }
#rurales                #nav #nav-rurales a       { background:url(../imagenes/nav.gif) no-repeat -839px -70px; }

/*------------------------------------------------------------------------------------------------
  Promo Home 1
  ----------------------------------------------------------------------------------------------*/
#promo-Home-1 { width: 896px; margin: 0 16px 16px; padding: 0; background: url(../imagenes/promos/primerportal.gif) no-repeat left top; height: 210px; text-indent:-9999px; }

/*------------------------------------------------------------------------------------------------
  Form de Consultas
  ----------------------------------------------------------------------------------------------*/
#box_consultas { background: #F8F5E3 url(../imagenes/box-consultas-top.gif) no-repeat left top; margin: 0px 0px 20px; padding: 6px 0px 0px; }
#box_consultas .bottom_box_consulta { background: url(../imagenes/box-consultas-bottom.gif) no-repeat left bottom; margin: 0px; padding: 0px 0px 16px; }
#box_consultas label { display: inline; }

/* Respuesta cuando entra por preguntas frecuentes */
h2.respuesta { margin-bottom: 30px; }

/*------------------------------------------------------------------------------------------------
  Banners laterales para los estudios destacados
  ----------------------------------------------------------------------------------------------*/
#banner_destacados { margin: 0; padding: 0; list-style: none; }
#banner_destacados li { margin: 0 0 8px; padding: 8px 10px; background: #E7F7FE; font: 11px/18px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #7FD7F7; }
#banner_destacados li a { margin: 0; padding: 0; font: 13px/18px Arial, Helvetica, sans-serif; }

/*------------------------------------------------------------------------------------------------
  Solapas Estudios
  ----------------------------------------------------------------------------------------------*/
#solapas_estudios { float: right; margin-top: -38px; }
#solapas_estudios ul { list-style:none; }
#solapas_estudios ul li { margin:0; padding:0; display:inline; }
#solapas_estudios ul li a { float:left; padding: 0; margin-left: 16px; }

/*------------------------------------------------------------------------------------------------
  Tablas con Listados de Datos
  ----------------------------------------------------------------------------------------------*/
table.listado { width: 100%; border-collapse: collapse; }
table.listado tr { border: 1px solid #EBEBEB; }
table.listado tr.celeste { background: #fafcff; }
table.listado th { padding: 6px 8px; text-align: left; font-weight: bold; background: #E8F4FD; border-bottom: 1px solid #E9E9E9; }
table.listado td { padding: 6px 8px; }
table.listado td p { margin: 0; } 
table.listado td p.aclaraciones { margin: 0; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#7E8792; }


/*------------------------------------------------------------------------------------------------
  Dashboard Estudios
  ----------------------------------------------------------------------------------------------*/
#dash_estudio_widget_saldo_actual { float: right; padding: 8px 16px; margin-top: 16px; background: #FEF8EB; border-bottom: 2px solid #FCE8BE; border-top: 1px solid #FCE8BE; border-right: 1px solid #FCE8BE; border-left: 1px solid #FCE8BE; }
#dash_estudio_widget_saldo_actual p { margin: 0; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#636B75; text-align: center; } 
#dash_estudio_widget_saldo_actual p.aclaraciones { margin: 0; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#636B75; } 

#menu_lateral_estudios { list-style: none; margin: 0 0 18px; padding: 0; }
#menu_lateral_estudios li { margin: 5px 0; padding: 0; }
#menu_lateral_estudios li a { font: normal 13px/20px Arial, Helvetica, sans-serif; padding: 5px 0; }

/*------------------------------------------------------------------------------------------------
  Panel de Control de Inventario
  ----------------------------------------------------------------------------------------------*/
h3.ranking { margin: 0 0 8px 40px; }
ul.ranking { padding: 0; }
ul.ranking li { list-style: none; margin: 0 0 8px 40px; padding: 0; font: normal 13px/18px Arial, Helvetica, sans-serif;}
ul.ranking li span.number { display: block; float: left; margin-left: -40px; width: 30px; padding-right: 6px; color: #993333; font-weight: bold; text-align: right; }
ul.ranking li span.especialidades { font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #727B87; }
/*------------------------------------------------------------------------------------------------
  Enmarcado de letras en el glosario.
  ----------------------------------------------------------------------------------------------*/
.enmarcado { border-bottom: 1px solid #CCCCCC; padding-bottom: 16px; margin-bottom: 26px; }
.enmarcado span { float: left; margin: 0 0 0 13px; padding: 5px 13px 4px; font: normal 22px/22px Georgia, "Times New Roman", Times, serif; background: #fff; border: 1px solid #CCCCCC; }

/*------------------------------------------------------------------------------------------------
  Paginador
  ----------------------------------------------------------------------------------------------*/
.pagination { margin: 20px 0 0; padding: 0; list-style: none; text-align: center; }
.pagination li { display: inline; font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif; margin: 0px 2px 0px 0px; }
.pagination li a { color:#003366; padding: 6px 6px; text-decoration: none; background: #ffffff; border: 1px solid #CCCCCC; }
.pagination li a:hover{ background: #E8F4FD; text-decoration: none; border: 1px solid #E8F4FD; }
.pagination li.current { font: bold 1.1em/2.8em Verdana, Arial, Helvetica, sans-serif; padding: 6px 5px; color: #31313F; }

/*------------------------------------------------------------------------------------------------
  Pie de Pagina
  ----------------------------------------------------------------------------------------------*/
#pie p { font: 12px/18px Arial, Helvetica, sans-serif; color: #777777; }
#pie a { text-decoration: none; color: #333333; padding: 0 4px; }
#pie a:hover { text-decoration: underline; }
#pie p.creditos { color: #777777; }

/*------------------------------------------------------------------------------------------------
  Directorio
  ----------------------------------------------------------------------------------------------*/
.directorio-nav { text-align: center; background: #D7EBF6; padding: 10px; margin: 0 0 20px 0; color: #4d7eb8; }
.directorio-nav a, .directorio-nav strong { font-size: 9pt; color: #000; }
/* Base Grilla */
table.directorio_destacados,
table.directorio_comunes { width: 100%; border-collapse: collapse; }
table.directorio_destacados tr, 
table.directorio_comunes tr { border: 1px solid #EBEBEB; }
table.directorio_destacados th,
table.directorio_comunes th { background: #4D7EB8; color: #fff; font-weight: bold; padding: 5px; }
table.directorio_destacados tr.celeste td,
table.directorio_comunes tr.celeste td { background: #F1F4F9; }
/* Detacados Only */
table.directorio_destacados td { padding: 16px }
table.directorio_destacados td h3 { font: bold small-caps 17px/20px Arial, Helvetica, sans-serif; }
table.directorio_destacados td h3 a { text-decoration: none; }
table.directorio_destacados td h3 a:hover { text-decoration: underline; }
table.directorio_destacados td p.tagline { font: normal 15px/18px Arial, Helvetica, sans-serif; color:#545A63; margin-bottom: 8px; }
table.directorio_destacados td p.especialidades { font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; }
/* Comunes */
table.directorio_comunes td { padding: 8px 16px }
table.directorio_comunes td h3 { font: bold 13px/18px Arial, Helvetica, sans-serif; }
table.directorio_comunes td h3 a { text-decoration: none; }
table.directorio_comunes td h3 a:hover { text-decoration: underline; }

#menu_lateral_directorio ul { list-style: none; margin: 0 0 18px; padding: 0; }
#menu_lateral_directorio li { font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; }
#menu_lateral_directorio li a { font: normal 13px/18px Arial, Helvetica, sans-serif;}

/* Ficha del Estudio */
.mapa { border: 1px solid #333; }
#empresa a.volver { font-size: 12pt; margin-left: 10px; }
#empresa div.titulo { padding-top: 15px; font-size: 9pt; font-weight: bold; }
#empresa div.dato { padding: 5px 0 0 10px; font-size: 9pt; }
#empresa .datos ul { margin: 0; }

/*------------------------------------------------------------------------------------------------
  Mini Grilla
  ----------------------------------------------------------------------------------------------*/
.col1  { float: left; width: 60px; margin: 0px 0px 0px 16px; padding: 0px; }
.col2  { float: left; width: 136px; margin: 0px 0px 0px 16px; padding: 0px; }
.col3  { float: left; width: 212px; margin: 0px 0px 0px 16px; padding: 0px; }
.col4  { float: left; width: 288px; margin: 0px 0px 0px 16px; padding: 0px; }
.col5  { float: left; width: 364px; margin: 0px 0px 0px 16px; padding: 0px; }
.col6  { float: left; width: 440px; margin: 0px 0px 0px 16px; padding: 0px; }
.col7  { float: left; width: 516px; margin: 0px 0px 0px 16px; padding: 0px; }
.col8  { float: left; width: 592px; margin: 0px 0px 0px 16px; padding: 0px; }
.col9  { float: left; width: 668px; margin: 0px 0px 0px 16px; padding: 0px; }
.col10 { float: left; width: 744px; margin: 0px 0px 0px 16px; padding: 0px; }
.col11 { float: left; width: 820px; margin: 0px 0px 0px 16px; padding: 0px; }
.col12 { float: left; width: 896px; margin: 0px 0px 0px 16px; padding: 0px; }
.singutter { margin-left: 0;}

/* Utilitarios Grilla */
.inset1 { margin-left: 76px; }
.left48 { float: left; margin: 0 0 0 6px}