@import url(links.css);

BODY 
{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#123; font-size:8pt; text-align:center; padding-top:4px; background-image:url(/background.gif) }
INPUT, SELECT, TEXTAREA
{ border:1px solid #CCC; font-size:10px }
TEXTAREA.form
{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px }
FORM
{ border:0px; margin:0px }
TABLE
{ border-collapse: collapse }
P
{ font-family:Verdana, Arial, Helvetica; font-size:11px }
H2
{ font-family:Verdana, Arial, Helvetica; font-size:12px; }

TD
{font-family:Verdana, Arial, Helvetica; font-size:12px; }

TD.sin_resultados
{font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; text-align:center; padding:12px }
DIV.box_user
{ background-color:#efefef; padding:4px 8px; text-align:right; margin-bottom:15px; margin-left:5px; color:#345; }
H3.title
{ padding:0px 0px 5px 15px; text-align:left; font-family:Verdana, Arial, Helvetica; font-size:14px; color:#456; margin:-10px 0px 10px 0px }
DIV.content 
{ position:relative; margin:0 auto; width:760px; text-align:justify; padding:4px }
DIV.content2
{ position:relative; margin:0 auto; width:500px; text-align:justify; padding:4px }
DIV.titulo_principal
{ margin:10px 0px 25px 10px }
DIV.titulo_principal_sub
{ font-family:Verdana, Arial, Helvetica; font-size:12px; color:#456; text-align:right; font-weight:bold; float:right; clear:both; padding-right:122px; top:-40px; position:relative }
DIV.rec_notalegal
{ padding:0px 15px; background-color:#FFF; text-align:justify }
SPAN.asterisco, DIV.error
{ color:#FF0000; font-weight:bold }
DIV.col_cat_1
{ float:left; clear:left; width:90px; }
DIV.col_cat_2, DIV.col_cat_3, DIV.col_cat_4, DIV.col_cat_5, DIV.col_cat_6, DIV.col_cat_7
{ float:left; clear:none; width:90px; }
DIV.col_cat_8
{ float:left; clear:right; width:90px; }
DIV.icon_categoria
{ width:85px; text-align:center; margin:12px; height:85px }
DIV.formlogin
{ padding:4px; background-color:#ededed;}
DIV.nombre_profesional
{ font-family:Verdana, Arial, Helvetica; font-size:14px; font-weight:bold }

DIV.form_cell
{ width:170px; text-align:right; float:left; clear:left }
DIV.form_input
{ float:left; clear:right }


UL#menufoot, UL#menulareal
{ list-style-type:none; margin:0px; padding:4px 4px 4px 0px }
UL#menufoot LI
{ float:left; clear:none; padding:4px 15px 4px 0px;  }
UL#menulareal
{ padding-top:22px; }
UL#menufoot
{ height:20px; padding:15px 0px 0px 0px; padding-left:55px }

/******************************** BOTONES **************************************/

.buttons
{ color:#345; font-size:8pt; font-family:Arial, Helvetica; background-image:url(/images/bgbtn2.gif); background-repeat:no-repeat; background-color:#FFFFFF; border-style: solid; border-width:1px; border-color: #c0c0c0 #696969 #696969 #c0c0c0 }
.buttons:active
{ color:#FA8700; font-size:8pt; font-family: Arial, Helvetica; background-image:url(/images/bgbtn2_down.gif); background-repeat:no-repeat; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color: #c0c0c0 #696969 #696969 #c0c0c0 }


/******************************** TABLAS **************************************/

TABLE.categorias, TABLE.registro, TABLE.servicios
{ margin: 0px 10px 0px 10px }
TABLE.categorias tbody td
{ cursor:pointer }
TABLE.categorias tbody td.center
{ text-align:center; padding:2px; vertical-align:top; width:85px }
TABLE.registro tbody td.derecha, TABLE.servicios tbody td.derecha
{ text-align:right; }
TABLE.registro
{ margin:0 auto 0 auto }
TABLE.registro tbody td
{ padding:4px }

/* Tabla de categorias */
TABLE.servicios tbody td
{ padding-left:2px; padding-right:2px; }

/* Tabla principal de dos columnas */
TABLE.principal
{ width:100%; height:470px; margin-top:15px }
TABLE.principal tbody td
{ text-align:left; vertical-align:top }
TABLE.principal tbody td.left
{ width:180px; border-right:1px dotted #ccc; padding-right:5px }
TABLE.principal tbody td.right
{ width:580px }

/* Tabla de filtros de la seccion categorias */
DIV.detalle_prfesional
{ margin:0px auto 0px auto; background-color:#EEF; width:95%; padding:8px; border:1px solid #ABC }
TABLE.enc_detalle_categoria
{ margin:12px auto 12px auto; background-color:#EEF; width:95%; padding:8px; }
TABLE.enc_detalle_categoria td
{ text-align:center; padding:8px; width:100px; text-align:center; vertical-align:middle }

/* Tabla de profesionales */
TABLE.profesionales
{ margin:2px auto 2px auto; background-color:#EEF; width:95% }
TABLE.profesionales td
{ padding:10px; }
TABLE.profesionales tr
{ border-bottom:2px solid #FFF }


/******************************************************************************/
/* Correccion de ocupado de espacio para capas flotantes **********************/
/******************************************************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}