/*
azul 0884ed
oscuro 055ba4
*/
body {background: #FFF; margin:0; padding:0; font: 13px/140% Arial, Helvetica, sans-serif; color:#333;}

small {font-size:11px;}
/*selector idiomas*/
.idiomas {width:100%; height:19px; position:relative;}
.idiomas ul {margin: 0; padding: 4px 0 4px 4px; width:100%; height:11px; width:42px; position:absolute; right:0; top:0;}
.idiomas ul li {margin:0; padding: 0 4px 0 0; display:block; height:11px; width:17px; float:left;}
.idiomas ul li a {display:block; float:left; width:17px; height:11px; margin:0; border:1px solid #CCC;}
.idiomas ul li a span {display:none;}
.es_ES {background-image: url(es_ES.gif); background-position: left top; background-position: no-repeat;}
.en_GB {background-image: url(en_GB.gif); background-position: left top; background-position: no-repeat;}

.cabecera_deco {width:100%; background: #FFF url(images/fnd_cab.jpg) left bottom repeat-x; border-bottom:1px solid #0884ed;}
.cabecera {width:900px; margin:0 auto; height:150px; position:relative;}
.cabecera h1 {margin:0; padding:50px 0 0 300px; width:250px; font: 20px/140% Arial, Helvetica, sans-serif; color:#0884ed; vertical-align:middle; float:left; text-align:center;}
.cabecera h1 a {width:296px; height:150px; display:block; position:absolute; left:0; top:0; background: url(logo_cab.jpg) left top no-repeat;}
.cabecera h1 span {display:none;}

.slogan { font-size:18px; color: #0884ed; position:absolute; width: 300px; height:60px; left:350px; top:45px; text-align:center;}

.acceso_area {background: #CCC url(images/fnd_acceso.jpg) left top no-repeat; padding:30px 10px 7px 10px; width:159px; height:50px; right:0; bottom:0px; position:absolute; display:none;}
.acceso_area h3 {display:none;}
.acceso_area p {margin:0 0 5px 0; padding:0;}

/*menu valido*/
.menu {height:30px; position:relative; z-index:100; background-color:#FFF; font-weight:bold; font-size:13px; border-bottom:1px solid #0884ed;}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {width:900px; padding:0;margin:0 auto; list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; float:left;text-decoration:none !important; color:#0884ed; height:30px; padding:0 10px 0 10px; line-height:30px;}
/* a hack so that IE5.5 faulty box model is corrected 
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#0884ed url(images/drop_arrow.gif) right center no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#72b3ea url(images/drop_arrow_over.gif) right center no-repeat;}
.menu ul ul :hover > a.drop {background:#72b3ea url(images/drop_arrow_over.gif) right center no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#0884ed; border-left:1px solid #FFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#72b3ea;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:160px; background:#0884ed; padding:0; margin:0; font-weight:normal; font-size:12px;}

.menu ul ul li {margin:0px !important; width:160px; padding:0; float:left; border-bottom:1px solid #FFF;}

/* another hack for IE5.5 
* html .menu ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu ul ul ul{left:160px; top:0px; width:160px; margin:0; padding:0;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-160px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; /*border-collapse:collapse;*/}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {display: block;background:#0884ed; color:#FFF; height:auto; line-height:100%; padding:5px 10px 5px 10px; width:140px; margin:0;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:140px;w\idth:140px;}

/* style the top level hover */
.menu a:hover{color:#FFF; background-color: #999;}
.menu :hover > a {color:#FFF;background-color: #999;}

.menu ul ul a:hover{color:#333; background-color: #72b3ea;}
.menu ul ul :hover > a {color:#333;background-color: #72b3ea;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;z-index:100;}
.menu ul ul ul{ background:#72b3ea;}
.menu ul ul ul a:link,.menu ul ul ul a:visited { background:#72b3ea; color:#333;}
.menu ul ul ul a:hover,.menu ul ul ul a:active { background:#CCC; color:#333;}
/*FIN menu valido*/

.contenidos {width:900px; margin:0 auto; padding:20px 0 20px 0; background:#FFF; text-align: justify;}
.contenidos_columnas {width:900px; margin:0 auto; padding:0; background:#FFF url(images/fnd_columnas.gif) left top repeat-y; text-align: justify;}
.columna_izq {padding:20px 20px 20px 0; float:left; width:580px;}
.columna_der {padding:20px; float:left; width:260px; background:#666; color:#EEE;}
.contenidos strong, .contenidos_columnas .columna_izq strong {color:#055ba4;}


.m_usuarios {list-style-type: none; margin:0 0 40px 0!important; padding:0 !important; list-style-position:outside; height:159px;}
.m_usuarios span {display:none;}
.m_usuarios li {float:left; margin:0; padding:0;list-style-type: none;}
.m_usuarios li a:link, .m_usuarios li a:visited {padding:0 12px 0 0; margin-bottom:20px; display:block; width:139px; height:159px; float:left; background-position:left top; background-repeat:no-repeat;}
.m_usuarios li a:hover, .m_usuarios li a:active {padding:0 12px 0 0; display:block; width:139px; height:159px; float:left; background-position:left bottom; background-repeat:no-repeat;}
.m_usuarios .laboratorios {background-image: url(images/usuario_laboratorio.jpg);}
.m_usuarios .dentistas {background-image: url(images/usuario_dentista.jpg);}
.m_usuarios .pacientes {background-image: url(images/usuario_paciente.jpg);}

form {margin:0; padding:0;}
input, textarea, .campo {border: 1px solid #0884ed; background:#FFF; font: 13px/100% Arial, Helvetica, sans-serif; margin:0; vertical-align:middle; padding:1px; vertical-align:middle;}
.btn_img {padding:0 !important; margin:0; vertical-align:middle;}
.btn_form {background:#0884ed; font: bold 13px/140% Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:0; vertical-align:middle;}

p {margin:0 0 15px 0; padding:0;}
a img {border:none;}

h2 {font: 20px/140% Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:0; color:#0884ed;}
h2 a:link, h2 a:visited {color:#0884ed; text-decoration:none;}
h2 a:hover, h2 a:active {color:#0884ed; text-decoration:underline;}
.columna_der h2, .columna_der h3 {color:#EEE;}
.columna_der h2 a:link, .columna_der h2 a:visited, .columna_der h3 a:link, .columna_der h3 a:visited {color:#EEE; text-decoration:none;}
.columna_der h2 a:hover, .columna_der h2 a:active, .columna_der h3 a:hover, .columna_der h3 a:active {color:#EEE; text-decoration:underline;}

h3 {font: bold 16px/140% Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; color:#0884ed;}

a:link, a:visited {color:#0884ed; text-decoration:underline;}
a:hover, a:active {color:#0884ed; text-decoration:none;}

.columna_der a, .columna_der strong {color:#FFF !important;}

.img_der{float: right; margin: 0 0 20px 20px; padding:2px; border:1px solid #999; display:inline;}
.img_izq {float: left; margin: 0 20px 20px 0; padding:2px; display:inline; border:1px solid #999;}

.columna_der .img_der{float: right; margin: 0 0 5px 10px; padding:1px; border:1px solid #999; display:inline;}
.columna_der .img_izq {float: left; margin: 0 10px 5px 0; padding:1px; display:inline; border:1px solid #999;}

.contenidos ul, .contenidos_columnas ul {padding:0 0 0 20px;margin:0 0 15px 0;list-style:square; list-style-position:inside;}
.contenidos ul li, .contenidos_columnas ul li {margin:0 0 0 0;	padding:0;}
.contenidos ol, .contenidos_columnas ol {padding:0 0 0 20px;margin:0 0 15px 0; list-style-position:inside;}

.columna_der ul, .columna_der ol {padding:0;}

.caja_gris {background:#EEE; padding:15px 15px 0 15px; border:1px solid #CCC; margin:0 0 15px 0;}

.paginacion {clear: both;margin-bottom:20px;text-align:center;}
.paginacion a:link,.paginacion a:visited {border: 1px solid #0884ed;background: #EEE;text-decoration:none;padding: 0 5px 1px 5px;	margin: 0 3px 0 3px;}
.paginacion a:hover,.paginacion a:active { background:#0884ed; color:#FFF;}
.paginacion .anteriores {float: left;margin:0;}
.paginacion .siguientes {float:right;margin:0;}
.paginacion .actual:link, .paginacion .actual:visited, .paginacion .actual:hover, .paginacion .actual:hover {font-weight:bold;background:#EEE;border:1px solid #999 !important;cursor:default;color:#999 !important;}

.clearer {clear: both;height: 0;max-height: 0;overflow: hidden;}

.pie_deco {width:100%; background: #FFF url(fnd_pie.jpg) left top repeat-x; border-top:1px solid #0884ed; padding:0 0 15px 0;}
.pie {width:900px; margin:0 auto; font-size:12px; color:#333; line-height:120%;}
.pie a {color:#333 !important;}
.pie p {padding-top:15px;}
.pie .avisos_legales {float: right; width:300px; text-align:right;}

/*listado labs*/
.caja_busca_labs {padding:28px 15px 0 15px; background: url(fnd_busca_labs.jpg) left top no-repeat; margin:0 0 30px 0;}
.caja_busca_labs .titulo,  .caja_busca_dentistas .titulo {font-size:18px; color:#0884ed; font-weight:normal;}
.caja_busca_labs form {padding: 0 0 15px 0;}
.listado_labs { width:920px; position:relative;}
.listado_labs .item {padding: 0; margin:0 20px 25px 0; font-size:11px; color:#333333; float: left; width:440px; background:#EEE; height: 110px; overflow:hidden;}
.listado_labs .item p {padding:10px 10px 0 10px; margin:0 0 10px 0;}
.listado_labs .item h3 {font-size:16px; font-weight:bold; color:#0884ed; background:#FFF; padding:0 0 2px 0; margin:0; border-bottom:1px solid #999;}
.listado_labs .item img {float:left; margin:0 10px 0 0; padding:1px; background:#CCCCCC; border:1px solid #999;}

.sin_registros { background:#F3DA8B; border: 1px solid #FF9900; color: #333; font-weight:bold; padding:10px 10px 0 10px; margin:0 0 20px 0;}
.sin_registros p {margin: 0 0 10px 0;}

.caja_busca_dentistas {padding:28px 15px 0 15px;width: 370px; background: #FFF url(fnd_busca_dentistas.jpg) left top no-repeat; margin:0 0 30px 0; float:right; position:relative; height:auto; display:block;}

.listado_dentistas{}
.listado_dentistas .item {padding: 5px 5px 20px 5px; margin:0 0 25px 0; font-size:13px; color:#333333; float: left; background:#FFF; border-bottom:1px solid #CCC; display:block; width:900px;}
.listado_dentistas .item:hover {background:#EEE;}
.listado_dentistas .item p {padding:10px 0 0 10px; margin:0; border-left:1px solid #0884ed;}
.listado_dentistas .item h3 {font-size:16px; font-weight:bold; color:#0884ed; padding:0; margin:0;}
.listado_dentistas .item img {float:right; margin:0; padding:1px; background:#CCCCCC; border:1px solid #999;}
.listado_dentistas .item a {color: #000 !important;}