/* equivalencia 10px=1em. */
html {font-size: 125%;}
body {font-size: .5em; font-family:arial,sans-serif;}
/*body, html{font-size: 62.5%;}
body {font-size: 101%;font-family:arial,sans-serif;}
html>/**//*body {font-size: 100%;}*/
/* inicializacion de las propiedades del modelo de caja a cero */
* { margin:0; padding:0; }
fieldset, img, acronym, abbr {border:0;}
/* imagenes como caja de bloque principal */
img {display: block;}
/* supresion de los marcadores de las listas */
ol, ul { list-style:none; }
/* tablas */
table {border-collapse:collapse; border-spacing:0;}
/* dimension de fuente por defecto para los elementos principales */
li p, li li, li address, li dt, li dd, dd p, dd li, td p, td li, th p, th li, td dt, td dd, th dt, th dd, address p, address li, h1, h2, h3, h4, h5, h6 {font-size: 1em;}
p, pre, address, li, dt, dd, th, td, caption, legend {font-size: 1em;}
input.texto, select {font-size:1em; font-family:sans-serif; vertical-align:middle;}
/* HTML 5 */
header, nav, article, section, header, hgroup, aside, footer, figure {display:block}
/* redefinicion del modelo de caja para los elementos DIV y declaracion de la clase 'clear' para el resto de elementos para evitar problemas de entidad con las flotaciones */
.clear:after, div:after, header:after, nav:after, article:after, section:after, header:after, hgroup:after, aside:after, footer:after, figure:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clear, div, header, nav, article, section, header, hgroup, aside, footer, figure { height:auto; min-height: 0;}
* html .clear {height: 1%;}
* html div {height: 1%;}
/* definicion de la presentacion general de los enlaces */
a {color:#06c;}
a:hover, a:focus, a:active {color:#CC3D00;}
/*capitalize*/
.capitalize{text-transform: capitalize;}
.mayusculas{text-transform: uppercase;}
/* estados */
.estado_bien {color:#11680C;}
.estado_mal {color:#C62137;}
/* elementos ocultos */
.indentado, .movil {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;}
.oculto {display:none;}
/*anchos de campo a 14px*/
#contenedor #cuerpo .ancho_46 {width:3.2857em;}
/* 1. ESTILOS PRINCIPALES */
@font-face {
font-family: titulos;
src: url("OTB_TTF_TypeWritersSubstitute-Black.eot") /* EOT file for IE */
}
@font-face {
font-family: titulos;
src: url("OTB_TTF_TypeWritersSubstitute-Black.ttf") /* TTF file for CSS3 browsers */
}
html {background:#FFDD42 url(OTB_IMG_CSS_fondo_principal.gif) repeat-x 0 0;}
html body {font-family:verdana,"dejavu sans",arial,sans-serif;}
#contenedor {border:1px solid #d6d6d6; background-color:#fff; margin:1.6em auto; padding:.9em; width:98.2em;}
/* 1. CAMPOS DE FORMULARIO */
#contenedor form label input,
#contenedor form label textarea {border:1px solid #bfbfbf; font-family:verdana,"dejavu sans",arial,sans-serif; font-size:1em; padding:.0714em .1428em;}
#searchsubmit, p.botonera input {font-family:verdana,"dejavu sans",arial,sans-serif; font-size:1.2em;}
p.botonera input {font-size:1em;}
/* 2. CABECERA */
#cabecera,
#cabecera_titulo,
#cabecera_titulo div.fondo {height:12.8em;}
#cabecera {background:#a0a0a0 url(OTB_IMG_CSS_fondo_body_01.jpg) no-repeat center center;border:1px solid #bfbfbf; position:relative;}
#cabecera.revac {background-image:url(OTB_IMG_CSS_fondo_body_revac.jpg);}
/* Las imagenes de fondo aleatorias tienen los estilos en otra CSS */
#cabecera_titulo {padding:0 1em; position:relative; z-index:1;}
#cabecera_titulo h1 {color:#FFF4C6; font-family:titulos,verdana,"dejavu sans",arial,sans-serif;}
#cabecera_titulo h1 a {color:#FFF4C6; font-size:7.2em; text-decoration:none; text-shadow:#000 0 0 .06944em;}
#cabecera_titulo p {color:#fff; font-size:1.5em; font-weight:bold;}
#cabecera_titulo>p {text-shadow:#000 0 0 .2em;}
#cabecera_titulo h1,
#cabecera_titulo p {position:relative; z-index:2;}
#cabecera_titulo div.fondo {background-color:#000; left:0; opacity:.5; position:absolute; top:0; width:98em; z-index:1;} /* propiedad filter en CSS para IE */
/* 2.1. BUSCADOR */
#buscador {position:absolute; right:1em; top:1em; z-index:2;}
#buscador p label span {color:#fff; font-size:1.2em; font-weight:bold;}
#buscador p label input {border:1px solid #bfbfbf; font-family:verdana,"dejavu sans",arial,sans-serif; font-size:1.2em; opacity:.85; padding:.1666em; width:15em;}
#buscador #searchsubmit {cursor:pointer;}
.msie_60 #cabecera #buscador fieldset {width:32.6em;}
/* 2.2. NAVEGACION PAGINAS */
#navegacion_cabecera {background:#fff; bottom:0; padding:0 1em; opacity:.8; position:absolute; right:0; z-index:2;}
.msie_60 #navegacion_cabecera {background:none; padding:0;}
.msie_60 #navegacion_cabecera ul {background:#fff; float:right; padding:0 1em; width:auto;}
#saltar li,
#navegacion_cabecera li {border-left:1px solid #585858; float:left; margin-left:1em; padding:.6em 0 .6em .9em; width:auto;}
#navegacion_cabecera li:first-child,
.msie_60 #navegacion_cabecera li.primero {border-left:0; margin-left:0; padding-left:0;}
#saltar li a,
#navegacion_cabecera li a {color:#080808; font-size:1.2em; font-weight:bold; text-decoration:none;}
#saltar li a:hover,
#navegacion_cabecera li a:hover {color:#cc3d00; text-decoration:underline;}
#navegacion_cabecera li.rss a {background:url(OTB_IMG_CSS_rss_peq.png) no-repeat 0 0; padding-left:1.5em;}
#navegacion_cabecera li.menu {position:relative;}
.msie_60 #navegacion_cabecera li.menu {margin-right:-1em; padding-right:1em;}
#navegacion_cabecera li.menu ul {background-color:#fff; border:1px solid #BFBFBF; border-top:0; display:none; padding:.9em; position:absolute; right:-.1em; top:2.7em; width:12em;}
.msie_60 #navegacion_cabecera li.menu ul {right:.9em;}
#navegacion_cabecera li.menu:hover {border-bottom:1px solid #fff; margin-bottom:-.1em; margin-right:-1em; padding-right:1em;}
#navegacion_cabecera li.menu.hover {border-bottom:1px solid #fff; margin-bottom:-.1em;}
#navegacion_cabecera li.menu.hover,
#navegacion_cabecera li.menu:hover ul {display:block;}
#navegacion_cabecera li.menu ul li {border:0; border-top:1px solid #BFBFBF; float:none; margin:.4em 0 0 0; padding:.4em 0 0 0;}
#navegacion_cabecera li.menu ul li:first-child {border-top:0; margin-top:0; padding-top:0;}
/* 2.3. MIGAS */
#migas {left:1em; position:absolute; top:13.6em; width:64em;}
#migas p {color:#000; font-size:1.1em; font-weight:normal; line-height:160%;}
#migas p img {display:inline;}
#migas p strong {font-weight:normal;}
/* 3. CUERPO */
#cuerpo {padding:4.6em 0 0 0;}
.home #cuerpo {padding-top:1.6em;}
/* 4. CONTENIDO */
#contenido {float:left; padding:0 2em 0 1em; width:64em;}
#contenido div.hentry {margin-bottom:3.2em; padding:2.2em 0 0 0; position:relative;}
#contenido .post h1 {margin-bottom:1.2em;}
#contenido .post h1 a,
.contenido_publicodigo #contenido .post h1,
.contenido_cursos #contenido .post h1,
.contenido_cursos_interior #contenido .post h2,
.contenido_articulo #contenido .post h1 {color:#404040; font-size:2.2em; margin-bottom:.5454em; text-decoration:none;}
.contenido_cursos_interior #contenido .post h1 {color:#606060; font-size:1.6em; margin-bottom:.5em;}
#contenido .post h1 a:hover {text-decoration:underline;}
#contenido div.hentry p.post_fecha_publicacion {background:url(OTB_IMG_CSS_ico_calendario.png) no-repeat 0 0; color:#998733; font-size:1.2em; font-weight:bold; left:0; line-height:1.3333em; padding-left:2em; position:absolute; top:0;}
#contenido h1.titulo_archivo {font-size:1.6em; margin-bottom:.625em;}
#contenido .post h2,
.contenido_cursos_interior #contenido .post h3 {color:#585858; font-size:1.8em; margin:0 0 .5em 0;}
.contenido_articulo #contenido .post h2,
.contenido_cursos_interior #contenido .post h3 {margin-top:.7777em;}
.contenido_articulo #contenido .post h3,
.contenido_cursos_interior #contenido .post h4 {color:#252525; font-size:1.6em; font-weight:bold; margin:1em 0 .5em 0;}
.contenido_articulo #contenido .post h4,
.contenido_cursos_interior #contenido .post h5 {color:#222; font-size:1.4em; font-weight:bold; margin:1em 0 .5em 0;}
.contenido_cursos_interior #contenido .post .titulo_ejemplos {background:url(OTB_IMG_CSS_titulo_ejemplos_codigo.png) no-repeat 0 0;}
.contenido_cursos_interior #contenido .post h3.titulo_ejemplos {background-position:0 .1666em; padding-left:1.1111em;}
.contenido_cursos_interior #contenido .post h4.titulo_ejemplos {padding-left:1.25em;}
.contenido_cursos_interior #contenido .post h5.titulo_ejemplos {padding-left:1.4285em;}
#contenido .post div.texto_articulo p,
#contenido .post div.texto_articulo li {font-size:1.4em; margin-bottom:.8571em;}
#contenido .post div.texto_articulo li p {font-size:.8571em; margin-bottom:.6666em;}
#contenido .post div.texto_articulo ol,
#contenido .post div.texto_articulo ul {padding-left:1.4em; margin-bottom:1.2em;}
#contenido .post div.texto_articulo li {background:url(OTB_IMG_CSS_bola_01.png) no-repeat 0 .5em; margin-bottom:.5714em; padding-left:.5714em;}
#contenido .post div.texto_articulo ol li {background:none; list-style-position:inside; list-style-type:decimal; margin-bottom:.5714em; padding-left:0;}
#contenido .post div.texto_articulo li ol,
#contenido .post div.texto_articulo li ul {font-size:.7142em; padding:.6em 0 0 1.6em;}
#contenido .post div.texto_articulo li ol li,
#contenido .post div.texto_articulo li ul li {font-size:1.4em;}
#contenido form p.botonera {padding-left:13em;}
#contenido form p.botonera input {cursor:pointer;}
#contenido form p label input,
#contenido form p label textarea {width:29.7142em;}
#contenido .post div.texto_articulo p.centrado,
#contenido .post div.texto_articulo p.imagen {text-align:center;}
#contenido .post div.texto_articulo p.imagen img {display:inline;}
#contenido .post div.texto_articulo div.video {margin-bottom:2em; text-align:center;}
#contenido .post div.texto_articulo div.video object {margin:0 auto;}
#cuerpo #contenido div.texto_articulo div.imagen,
#cuerpo #contenido div.texto_articulo div.wp-caption {background-color:#f7f7f7; border:1px solid #d6d6d6; color:#2e2e2e; margin-bottom:1.2em;}
#cuerpo #contenido div.texto_articulo div.imagen p {margin:0; padding:0;}
#cuerpo #contenido div.texto_articulo div.imagen p.caption,
#cuerpo #contenido div.texto_articulo div.wp-caption p.wp-caption-text {border-top:1px solid #D6D6D6; font-size:1.2em; padding:.5833em; width:auto;}
#cuerpo #contenido div.texto_articulo div.imagen_izquierda {float:left; margin:0 1.6em 1.2em 0;}
#cuerpo #contenido div.texto_articulo div.imagen_derecha {float:right; margin:0 0 1.2em 1.6em;}
/* 4.1. TABLAS */
#contenido table {width:60em;margin:0 0 1.2em 2em;}
.contenido_colores_wcag2 #contenido table {width:54em;}
#contenido table caption {font-size:1.4em; font-weight:bold; padding:.2857em;}
#contenido table thead th {font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;color: #fff;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: .46em .46em .46em .92em; background: #8F8F8F no-repeat;}
#contenido table th {font-weight:bold;font-size:1.2em;color: #496268;background:#F4F4F4;padding: .5em;padding-left:1em;vertical-align:top;}
#contenido table tbody th {text-align:left;}
#cuerpo #contenido table tbody td ul,
#cuerpo #contenido table tbody td ol,
#cuerpo #contenido table tbody td li {font-size:1em;}
#contenido table td {font-size:1.2em;padding: .5em;padding-left:1em;vertical-align:top;background: #FFFFFF;}
#contenido td, #contenido th {border:.1em solid #A6A6A6;}
#contenido table .h_derecha {text-align:right;}
#contenido table .h_centro {text-align:center;}
#contenido table .v_inferior {vertical-align:bottom;}
#contenido table .v_centro {vertical-align:middle;}
/* 4.2 CODIGO FUENTE */
#contenido pre {background-color: #FFF6DD; border:1px solid #FFDF77; border-left-width:.8em; font-family:lucida sans unicode, courier new, monospace; font-size:1em; margin: 1em 0 1em 1.3em; padding:.4em .4em .4em 1em; white-space: pre-wrap;}
#contenido .codigo_imagen pre {border-bottom:0; margin-bottom:0;}
#contenido pre code {display:block; font-family:lucida sans unicode, courier new, monospace; font-size:1.4em; overflow:auto;}
.msie #contenido pre code {font-size:1.4em}
#contenido p code, #contenido p code {background:#FFF6DD;padding:0 .1em; font-size:1.2em;}
#contenido tr pre {font-family:lucida sans unicode, courier new, monospace; font-size:1em;}
/* 4.3. COMENTARIOS */
#comentarios_articulo {margin-top:3em;}
#comentarios_articulo p {font-size:1.4em; margin-bottom:.5714em;}
#listado_comentarios {padding:1em 4em 0 4em;}
#listado_comentarios p {font-size:1.3em; margin-bottom:.6153em;}
#listado_comentarios div.comentario {background-color:#f7f7f7; border:1px solid #d6d6d6; margin-bottom:2em; padding:.9em; position:relative;}
#listado_comentarios div.comentario h3 {font-size:1.4em; width:30.4285em;}
#listado_comentarios div.comentario p.datos_comentario {font-size:1.1em; position:absolute; right:.8181em; top:.8181em;}
#hacer_comentario {padding-top:1em;}
#hacer_comentario h3 {font-size:1.6em; margin-bottom:.5em;}
#hacer_comentario form p label span {float:left; padding-right:.2857em; text-align:right; width:12.7142em;}
#hacer_comentario form p label span.pequeno {display:inline; float:none; font-size:.7142em; width:auto;}
/* 4.4. CONTACTO */
#pagina_contacto p label span {float:left; padding-right:.2857em; text-align:right; width:12.7142em;}
#contenido #pagina_contacto div.captcha p {float:left; margin:0 .5714em 0 0; width:auto;}
/* 4.5. PAGINACION ANTERIOR-SIGUIENTE */
#contenido div.navegacion {background-color:#f7f7f7; border:1px solid #d6d6d6; padding:.4em .9em; margin:0 -1em 1em -1em;}
#contenido div.navegacion ul li {width:31.4em;}
* html #contenido div.navegacion ul li {width:31em;}
#contenido div.navegacion ul li a {font-size:1.4em;}
#contenido div.navegacion ul li.anterior {float:left;}
#contenido div.navegacion li.anterior a {background:url(OTB_IMG_CSS_paginacion_01_anterior.png) no-repeat 0 .0714em; float:left; padding-left:1.1428em;}
#contenido div.navegacion li.anterior a:focus,
#contenido div.navegacion li.anterior a:hover {background-image:url(OTB_IMG_CSS_paginacion_01_anterior.png); background-position:0 -13.0714em;}
#contenido div.navegacion ul li.siguiente {float:right;}
#contenido div.navegacion li.siguiente a {background:url(OTB_IMG_CSS_paginacion_02_siguiente.png) no-repeat right .0714em; float:right; padding-right:1.1428em; text-align:right;}
#contenido div.navegacion li.siguiente a:focus,
#contenido div.navegacion li.siguiente a:hover {background-image:url(OTB_IMG_CSS_paginacion_02_siguiente.png); background-position:right -13.0714em;}
/* 4.6. RESULTADOS BUSQUEDA */
#contenido.resultados_busqueda div.hentry h2 {font-size:1.6em;}
#contenido.resultados_busqueda div.hentry {border-bottom:1px solid #BFBFBF; margin-bottom:2.4em; padding-bottom:.9em;}
#contenido.resultados_busqueda div.hentry p.info_resultado {font-size:1.1em;}
#contenido.resultados_busqueda div.hentry p.texto_resultado {font-size:1.4em; margin-bottom:.5714em;}
#contenido.resultados_busqueda #buscador_resultados {margin:.8em 0 3.2em 0;}
#contenido.resultados_busqueda #buscador_resultados p {font-size:1.4em;}
#contenido.resultados_busqueda #buscador_resultados p.intro {margin-bottom:.5714em;}
#contenido.resultados_busqueda #buscador_resultados p label span {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;}
#contenido.resultados_busqueda #searchsubmit {cursor:pointer;}
/* 4.7. CONTENIDOS RELACIONADOS */
#contenido div.relacionado,
#contraste_color,
#contraste_color_publi,
#publicodigo_publi {background-color:#f7f7f7; border:1px solid #d6d6d6; border-width:1px 0; margin:1.8em -1em 0 -1em; padding:1em;}
.msie_60 div.relacionado {margin-left:-1em; padding:2em;}
#contenedor #contenido div.relacionado h2 {font-size:1.4em; margin:0 0 .7142em 0;}
#contenido div.relacionado div.bloque_relacionado {margin:2.4em 0 0 0}
#contenido div.relacionado div.bloque_relacionado:first-child {margin-top:0;}
/* 4.7.1. ENLACES REDES SOCIALES */
#compartir ul li {float:left; margin-right:.6em;}
#compartir ul li a {position:relative; text-decoration:none;}
#compartir ul li a #js_tooltip {background:url(OTB_IMG_CSS_tooltip_enlace_social.png) no-repeat center 0; display:block; left:-4.2em; padding-top:.8em; position:absolute; top:3.2em; width:14.4em;}
.applewebkit #compartir ul li a #js_tooltip {top:.4em;}
#compartir ul li a #js_tooltip span {background-color:#F6FFC9; border:1px solid #D4E094; border-top:0; color:#585858; display:block; font-size:1.1em; font-weight:bold; min-height:2.3636em; padding:.5454em; text-align:center;}
.msie_60 #compartir ul li a #js_tooltip span {height:2.3636em;}
/* 4.7.2. ARTICULOS RELACIONADOS */
#articulos_relacionados ul {padding-left:1em;}
#articulos_relacionados li {background:url(OTB_IMG_CSS_bola_02.png) no-repeat 0 .5em; font-size:1.2em; margin-bottom:.5em; padding-left:.6666em;}
/* 4.7.3. METADATOS */
#contenido div.info_articulo p,
#contenido div.info_articulo li {font-size:1.2em; margin-bottom:.5em;}
#contenido div.info_articulo ul {padding:0 1em;}
#contenido div.info_articulo li {background:url(OTB_IMG_CSS_bola_02.png) no-repeat 0 .5em; padding-left:.6666em;}
#contenido div.info_articulo p {font-weight:bold;}
/* 4.8 CITAS */
#contenido blockquote {background:#fff6dd url(OTB_IMG_CSS_citas.png) no-repeat 0 0; border:1px solid #FFDF77; margin:2em; padding:.9em .9em .9em 4.4em;}
#contenido div.hentry div.texto_articulo blockquote p {margin:.5714em 0 0 0;}
#contenido div.hentry div.texto_articulo blockquote p:first-child {margin-top:0;}
#contenido blockquote p.citada {color:#737660; display:block; font-weight:bold; margin-top:2em; padding:.5714em .7142em .2857em .7142em;}
#contenido q {background:#fff6dd;}
/* 4.9 GALERIAS */
#contenido #galeria_t1 ul {padding:0;}
#contenido #galeria_t1 li {background:none; float:left; font-size:1em; margin:0 .8em .8em 0; padding:0 0 0 0; width:12em;}
#contenido #galeria_t1 li a {border:1px solid #d6d6d6; display:block; width:11.8em;}
#contenido #galeria_t1 li a img {border:1px solid #fff; height:11.6em; width:11.6em;}
#sb-container, #sb-wrapper {text-align:left;}
#sb-wrapper {background-color:#fff;}
#sb-container, #sb-overlay {left:0; margin:0; padding:0; position:absolute; top:0; width:100%;}
#sb-container {display:none; height:100%; visibility:hidden; z-index:999;}
body > #sb-container {position:fixed;}
#sb-container > #sb-overlay {height:100%;}
#sb-wrapper {position:relative;}
#sb-wrapper img {border:none;}
#sb-body {border:1px solid #fff; margin:0; padding:0 .9em; overflow:hidden; position:relative;}
#sb-body-inner {height:100%; position:relative;}
#sb-content.html {height:100%; overflow:auto;}
#sb-loading {height:100%; padding-top:1em; position:absolute; text-align:center; top:0; width:100%;}
#sb-body, #sb-loading {background-color:#fff;}
#sb-title {padding:0 1em;}
#sb-info {padding:.2em 1em;}
#sb-title, #sb-info {margin:0; overflow:hidden; position:relative;}
#sb-title-inner,#sb-info-inner{font-family:'Lucida Grande',Tahoma,sans-serif; position:relative;}
#sb-info-inner{line-height:1.3333em;}
#sb-title, #sb-title-inner {height:auto !important;}
#sb-title-inner{color:#000; font-size:1.2em; padding:.4166em 0;}
#sb-info, #sb-info-inner {height:2em;}
#sb-info-inner {color:#000;}
#sb-info-inner div {font-size:1.2em;}
#sb-nav{float:right; height:1.3333em; padding:.1666em 0; width:45%;}
#sb-nav a{cursor:pointer; display:block; float:right; height:1.3333em; width:1.3333em; margin-left:.25em;}
#sb-nav-close{background-image:url(OTB_IMG_shadowbox_close.png); background-repeat:no-repeat;}
#sb-nav-next{background-image:url(OTB_IMG_shadowbox_next.png); background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(OTB_IMG_shadowbox_previous.png); background-repeat:no-repeat;}
#sb-nav-play{background-image:url(OTB_IMG_shadowbox_play.png); background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(OTB_IMG_shadowbox_pause.png); background-repeat:no-repeat;}
#sb-counter{float:left; padding:.1666em 0; width:45%;}
#sb-counter a {color:#000; cursor:pointer; padding:0 .3333em 0 0; text-decoration:none;}
#sb-counter a.sb-counter-current {text-decoration:underline;}
div.sb-message {font-family:'Lucida Grande',Tahoma,sans-serif; font-size:1.2em; padding:.8333em ;text-align:center;}
div.sb-message a:link, div.sb-message a:visited {color:#000; text-decoration:underline;}
/* 4.10. DEFINICIONES (DL) */
#contenido dl.definicion {background:#F6FFC9 url(OTB_IMG_CSS_ico_definicion.png) no-repeat .9em .9em; border:1px solid #D4E094; margin-bottom:1.2em; padding:.9em .9em .9em 3.6em;}
#contenido dl dt,
#contenido dl dd {font-size:1.4em;}
#contenido dl dt {font-weight:bold; margin-bottom:.5714em;}
#contenido dl.definicion dt {margin-bottom:.1428em;}
#contenido dl dd {margin-bottom:.8571em;}
#contenido dl dd.definicion {margin-bottom:0;}
/* 4.11. CUADROS ESPECIALES: Descargas, etc. */
#contenido div.datos {background-color:#F6FFC9; border:1px solid #D4E094; margin-bottom:1.2em; padding:.9em .9em 0 .9em;}
#contenido div.advertencia {background:#FFF2BF url(OTB_IMG_CSS_ico_advertencia.png) no-repeat .9em .9em; border:1px solid #FFE27C; margin-bottom:1.2em; padding:.9em .9em 0 3.6em;}
/* 4.12. ESTADISTICAS */
#contenedor #contenido ul.estadistica {padding:0;}
#contenedor #contenido ul.estadistica li {background:none; font-size:1em; padding:0;}
#contenedor #contenido ul.estadistica li strong,
#contenedor #contenido ul.estadistica li em {float:left;}
#contenedor #contenido ul.estadistica li strong {font-size:1.4em; font-weight:normal; padding:.2857em .5714em 0 0; text-align:right; width:12.2857em;}
#contenedor #contenido ul.estadistica li em {border-color:#ddd; border-style:solid; border-width:0 .0625em .0625em 0; display:block; font-size:1.6em; font-style:normal; font-weight:bold; margin-top:.125em; padding:.125em .25em; text-align:right;}
/* 4.13. COLOR WCAG 2.0 */
.contenido_colores_wcag2 #contenido {width:58em;}
#contraste_color_publi,
#contraste_color {float:right; margin:0; width:35em;}
#contraste_color ul {padding-bottom:.8em;}
#contraste_color h2,
#contraste_color h2,
#contraste_color legend,
#contraste_color li,
#contraste_color p {font-size:1.4em; margin-bottom:.5714em;}
#contraste_color legend {font-weight:bold; margin-bottom:0; padding-bottom:.5714em;}
#contraste_color p label span {float:left; padding:.0714em .2857em 0 0; width:8em;}
#contraste_color p label input {width:4.4285em;}
#contraste_color p.botonera {margin:0; padding-left:8.2857em;}
#contraste_color p.botonera input {cursor:pointer;}
#contraste_color li strong {font-weight:normal;}
#contraste_color li em {font-style:normal; font-weight:bold;}
#contraste_color li.noCumple em {color:#C62137;}
#contraste_color li.cumple em {color:#11680C;}
#contraste_color p.ejemplo {border:1px solid #000000; font-size:1.2em; margin-bottom:.6666em; padding:0.1666em 0.3333em;}
#contraste_color p.ejemplo_grande {font-size:1.8em; margin-bottom:.4444em; padding:0.1111em 0.2222em;}
#contraste_color_publi {margin-top:2em; padding:1em;}
#contraste_color_publi h2 {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;}
#contraste_color_publi div.textwidget {padding-left:7.5em;}
/* 4.14. DESPLEGABLES */
#contenido h4.js_desplegable_activar {padding:.4285em 0;}
#contenido h4.js_desplegable_activar a {background:url(OTB_IMG_CSS_plegar_desplegar_contenido.png) no-repeat 0 .2142em; color:#404040; padding-left:1.1428em;}
#contenido h4.js_desplegable_activar a:hover {background-position:-70.6428em .2142em; color:#CC3D00;}
#contenido h4.js_desplegable_activar.desplegado a {background-position:0 -13.2857em;}
#contenido h4.js_desplegable_activar.desplegado a:hover {background-position:-70.6428em -13.2857em;}
/* 4.15. LARGA VIDA IE6 */
#contenido .post div.texto_articulo p.larga_vida_ie6 {background:#f7f7f7 url(OTB_IMG_CSS_larga_vida_ie6.png) no-repeat 1em .6em; border:1px solid #d6d6d6; border-width:1px 0; color:#3B6B7F; font-size:1em; min-height:5.1em; margin:2em -1em; padding:1.2em 0 1em 8.4em;}
#contenido .post div.texto_articulo p.larga_vida_ie6 strong {font-size:2em; font-weight:normal;}
#contenido .post div.texto_articulo p.larga_vida_ie6 em {color:#2E5463; font-size:1.6em; font-style:normal;}
/* 4.16. PUBLICODIGO */
.contenido_publicodigo #contenido {padding:0; width:98.2em;}
#publicodigo_publi {margin:2em 0 0 0; padding-left:12.7em;}
#publicodigo_publi h2 {display:none;}
#publicodigo form p {margin-bottom:.8em;}
#publicodigo form p label textarea {font-size:1.6em; font-family:lucida console, arial; height:17.5em; line-height:140%; padding:.5625em; width:60.125em;}
#publicodigo form p.boton input {cursor:pointer; float:right; font-size:1.6em;}
/* 4.17. LISTA EN 4 COLUMNAS */
div#contenido .post div.texto_articulo .lista_columnas {padding:0;}
div#contenido .post div.texto_articulo .lista_columnas li {float:left; width:11.4285em;}
div#contenido .post div.texto_articulo .lista_columnas_5 li {width:9.1428em;}
div#contenido .post div.texto_articulo .lista_columnas_4 li {width:11.4285em;}
div#contenido .post div.texto_articulo .lista_columnas_3 li {width:15.238em;}
div#contenido .post div.texto_articulo .lista_columnas_3 li {width:15.238em;}
div#contenido .post div.texto_articulo .lista_columnas_2 li {width:22.8571em;}
/* 4.18. FIGURA IMAGEN */
#contenido .post div.texto_articulo figure.imagen {background-color:#FFF6DD; border:1px solid #FFDF77; margin:1.8em 0 2em 1.3em; padding:.9em; text-align:center;}
#contenido .post div.texto_articulo .codigo_imagen figure.imagen {border-left-width:.8em; border-top:0; margin-top:0; padding-top:2em;}
#contenido .post div.texto_articulo figure.imagen img {display:block; margin:0 auto 1em auto;}
#contenido .post div.texto_articulo figure.imagen figcaption {color:#585858; font-size:1.2em; font-weight:bold;}
/* 4.19. LISTA ORDENADA SECUENCIA */
#contenedor #contenido .secuencia li ol {padding-left:0;}
#contenedor #contenido .secuencia li ol li {background:url(OTB_IMG_CSS_secuencia_01.png) no-repeat 0 0; margin-bottom:0; padding-bottom:.5714em; padding-left:1.1428em;}
#contenedor #contenido .secuencia li ol li.ultimo {background-image:url(OTB_IMG_CSS_secuencia_02.png);}
/* 4.20. IMAGEN EN LISTA */
#contenido .imagen_lista {display:block; font-size:.7142em; padding:1em 0 2em 2em;}
/* 4.21. CAMPO DE PRUEBA EN CONTENIDO */
#contenido p.campo span,
#contenido p.campo input {float:left;}
#contenido p.campo span {padding:.1428em .4285em 0 0;}
/* 4.22. SABER MAS */
#contenido .saber_mas {background-color:#EDF3FF; border:1px solid #D8E5FF; padding:1em;}
#contenedor #contenido p.saber_mas,
#contenedor #contenido .saber_mas p,
#contenedor #contenido .saber_mas li {font-size:1.2em;}
#contenedor #contenido p.saber_mas {padding:.8333em;}
#contenedor #contenido .saber_mas li {background:url(OTB_IMG_CSS_bola_03.png) no-repeat 0 .5em;}
/* 5. NAVEGACION */
#navegacion {float:right; min-height:50em; padding:0 0 0 1em; width:27em;}
.msie_60 #navegacion {height:50em;}
#navegacion .bloque_navegacion {background-color:#f7f7f7; border:1px solid #d6d6d6; margin-bottom:3em; padding:0 1em 1em 1em;}
#navegacion .bloque_navegacion h2,
#navegacion .bloque_navegacion h2 a {color:#998733; color:#404040;}
#navegacion .bloque_navegacion h2 {background-color:#efefef; font-size:1.4em; margin:0 -.7142em .5714em -.7142em; padding:.2857em .7142em;}
#navegacion .bloque_navegacion h2 a:hover {color:#cc3d00; text-decoration:underline;}
#navegacion .bloque_navegacion ul {padding-left:1.2em;}
#navegacion .bloque_navegacion ul li {background:url(OTB_IMG_CSS_bola_02.png) no-repeat 0 .5em; font-size:1.2em; margin-bottom:.5em; padding-left:.6666em;}
#navegacion .bloque_navegacion ul li ul {font-size:.8333em;}
#navegacion .bloque_navegacion div.texto {}
#navegacion .bloque_navegacion div.texto p {font-size:1.2em; margin-top:.6666em;}
#navegacion .bloque_navegacion div.texto p:first-child {margin-top:0;}
/* 5.1. TWITTER PRO */
#navegacion #lista_twitter {border-bottom:1px solid #d6d6d6;}
#navegacion #lista_twitter li,
#navegacion #controlesSlide ul li {background:none; padding:0;}
#navegacion #lista_twitter {min-height:9.4em; padding:0 0 .6em 0;}
.msie_60 #navegacion #lista_twitter {height:9.4em;}
#navegacion #lista_twitter li {background-color:#fff; margin:0; min-height:7.1666em; padding:.3333em;}
.msie_60 #navegacion #lista_twitter li {height:7.1666em;}
#navegacion #lista_twitter li span.entry-meta {display:block; font-size:.8333em; padding-top:.4em;}
#controlesSlide {border-top:1px solid #fff; padding-top:.6em;}
#controlesSlide ul {float:right;}
#controlesSlide ul li,
#controlesSlide p {float:left;}
#controlesSlide ul li {margin-right:.3333em;}
#controlesSlide a {background:#6b6b6b; color:#fff; display:block; font-weight:bold; padding:.1666em .4166em; text-decoration:none;}
div#controlesSlide a:hover {background:#cc3d00;}
#controlesSlide li.activo a {background:#000;}
#controlesSlide p a {font-size:1.2em;}
/* 5.2. RSS */
#bloque_rss div.feed {background:url(OTB_IMG_CSS_rss.png) no-repeat 0 0; min-height:3.2em; padding:.4em 0 0 3.6em;}
* html #bloque_rss div.feed {height:3.2em;}
#bloque_rss div.feed a {font-size:1.4em; font-weight:bold;}
/* 5.3. DESPLEGABLES: ARCHIVO, CATEGORIAS */
#navegacion div.bloque_desplegable {padding-bottom:0;}
#navegacion div.bloque_desplegable h2 {margin-bottom:0;}
#navegacion div.bloque_desplegable ul {padding:.8em 0 1em 0;}
#navegacion div.bloque_desplegable h2 a.plegado,
#navegacion div.bloque_desplegable h2 a.desplegado {background:url(OTB_IMG_CSS_plegar_desplegar.png) no-repeat 0 .2142em; padding:0 0 0 1.1428em;}
#navegacion div.bloque_desplegable h2 a.desplegado {background-position:0 -13.2857em;}
#navegacion div.bloque_desplegable h2 a:hover {background-position:-27.7857em .2142em;}
#navegacion div.bloque_desplegable h2 a.desplegado:hover {background-position:-27.7857em -13.2857em;}
/* 5.4. PUBLICIDAD ADSENSE Y OUTBOOK */
#navegacion div.publi {padding:0 2.4em;}
/* 5.5. PUBLICIDAD AMAZON */
#navegacion #libros {padding:0;}
#navegacion #libros li {background-image:none; border-bottom:1px solid #d6d6d6; border-top:1px solid #fff; font-size:1em; margin-bottom:0; padding:.8em 0;}
/* hack necesario solamente en real, para local dejar comentado */
.msie_60 #navegacion #libros li,
.msie_70 #navegacion #libros li {margin-bottom:-.2em;}
#navegacion #libros li a {display:block;}
#navegacion #libros li.primero {border-top:0; padding-top:0;}
#navegacion #libros li.ultimo {border-bottom:0; padding-bottom:0;}
#navegacion #libros li img {float:left; width:5.8em;}
#navegacion #libros li span {cursor:pointer; float:right; padding-left:.8em; width:18.2em;}
#navegacion #libros li span strong {display:block; font-size:1.2em; padding-bottom:.1666em;}
/* 5.6. NAVEGACION JERARQUICA */
#navegacion #navegacion_jerarquica h2 {display:none;}
#navegacion #navegacion_jerarquica ul {padding:0;}
#navegacion #navegacion_jerarquica ul li {background:none; padding:0;}
#navegacion #navegacion_jerarquica ul li a {background-color:#EFEFEF; color:#404040; display:block; font-size:1.1666em; font-weight:bold; margin:0 -0.7142em 0.5714em; padding:0.2857em 0.7142em;}
#navegacion #navegacion_jerarquica ul li a:hover {color:#cc3d00;}
#navegacion #navegacion_jerarquica ul ul li {background:none; border-bottom:1px solid #D6D6D6; border-top:1px solid #fff; margin:0; padding:.5em 0;}
#navegacion #navegacion_jerarquica ul ul li:first-child {border-top:0; padding-top:0;}
#navegacion #navegacion_jerarquica ul ul li:last-child {border-bottom:0; padding-bottom:0;}
#navegacion #navegacion_jerarquica ul ul li a {background-color:transparent; border:0; color:#06c; display:inline; font-size:1em; font-weight:normal; margin:0; padding:0;}
#navegacion #navegacion_jerarquica ul ul li.current_page_ancestor a,
#navegacion #navegacion_jerarquica ul ul li.current_page_parent a,
#navegacion #navegacion_jerarquica ul ul li.current_page_item a {font-weight:bold;}
#navegacion #navegacion_jerarquica ul ul ul {padding:1.2em 0 0 1.2em;}
#navegacion #navegacion_jerarquica ul ul ul li {background:url(OTB_IMG_CSS_bola_02.png) no-repeat 0 .5em; border:0; margin-bottom:.5em; padding:0 0 0 .6666em;}
#navegacion #navegacion_jerarquica ul ul ul li.page_item a {font-weight:normal;}
#navegacion #navegacion_jerarquica ul ul ul li.current_page_item a {font-weight:bold;}
/* 5.7. RECOMENDACIONES */
#navegacion div.bloque_recomendado {background:no-repeat 0 0; margin-bottom:1.2em; min-height:3.2em; padding-left:4.2em;}
.msie_60 #navegacion div.bloque_recomendado {height:3.2em;}
#navegacion div.bloque_recomendado_primero {margin-top:1.2em;}
#navegacion div.bloque_recomendado_ultimo {margin-bottom:0;}
#navegacion div.bloque_recomendado p {margin:0;}
#navegacion div.bloque_recomendado p.centrado {padding-top:.7em;}
#navegacion div.bloque_recomendado p a {font-size:1.4em; font-weight:bold;}
/* 5.7.1. MOVILES */
#navegacion #bloque_recomendado_webmovil {background-image:url(OTB_IMG_CSS_ico_movil_32.png);}
#navegacion #bloque_recomendado_wipeout {background-image:url(OTB_IMG_CSS_ico_wipeout_32.png);}
#navegacion #bloque_recomendado_contraste {background-image:url(OTB_IMG_CSS_ico_wcag20_contraste_32.png);}
#navegacion #bloque_recomendado_publicodigo {background-image:url(OTB_IMG_CSS_ico_publicodigo_32.png);}
#navegacion #bloque_recomendado_html5 {background-image:url(OTB_IMG_CSS_html5_32.png);}
/* 6. PIE */
#pie {border-top:1px solid #BFBFBF; margin-top:2em; padding:1em 0; text-align:center;}
#pie p, #pie li {font-size:1.2em;}
#pie p, #pie div.pie_rss {margin-bottom:.5em;}
#pie div.pie_rss p,
#pie div.pie_rss ul,
#pie div.pie_rss li {display:inline;}
/* 7. MOVILES */
@media handheld, screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
.movil {display:block; line-height:100%; position:static; text-indent:0;}
body {padding:0 .4em;}
#contenedor {max-width:62em; padding:.4em; width:auto;}
.playstation #contenedor {font-size:180%; width:52em;}
.nav #contenedor #cabecera {background:#fff; border:0; height:auto;}
#cabecera h1 {background:none; margin-bottom:.4em;}
#cabecera h1 a {font-size:3.2em;}
#cabecera #cabecera_titulo {background:#989898; height:auto; margin-bottom:.4em; padding:.2em .2em .4em .2em;}
#cabecera #cabecera_titulo p {color:#FFF4C6; font-size:1.1em;}
#cabecera #cabecera_titulo div.fondo {display:none;}
#cabecera #migas {display:none; height:1%; top:0; width:1%;}
#cabecera #migas p {line-height:1%;}
#saltar, #buscador, #navegacion_cabecera {margin-bottom:.4em; position:static;}
#buscador p label span {color:#000;}
#cabecera #buscador p label input {opacity:1; width:10.5em;}
#navegacion_cabecera,
#saltar {border:1px solid #989898; border-width:1px 0; background:none; padding:.4em 0;}
#saltar {border-top:0;}
#navegacion_cabecera ul li,
#saltar li {border:0; display:block; float:none; margin:0 0 .4em 0; padding:0;}
#saltar li a {line-height:1.1666em;}
#navegacion_cabecera li.rss a {background-position:right 0; padding-left:0; padding-right:1.5em;}
#navegacion_cabecera li.menu {display:none;}
.nav #cuerpo {padding-top:1.2em;}
#contenido, #navegacion {float:none; padding:0; width:auto;}
#contenido {margin-bottom:1.8em;}
#contenido div.hentry p.post_fecha_publicacion {background:none; font-size:1.1em; padding-left:0;}
#contenido .post h1 a,
.contenido_articulo #contenido .post h1 {font-size:1.4em;}
#contenido div.hentry div.texto_articulo li,
#contenido div.hentry div.texto_articulo p {font-size:1.1em;}
#contenido div.relacionado {margin:1.8em 0 0 0;}
#contenido #info_articulo {margin:0; padding:.2em;}
#contenido #info_articulo p, #contenido #info_articulo li {background:none; font-size:1em; margin:0 0 .2em 0; padding:0;}
#compartir {margin-bottom:.6em;}
#contenido div.relacionado h2 {font-size:1.1em;}
#contenido div.relacionado li {font-size:1em;}
#compartir ul li {margin-bottom:.3em;}
#contenido table {margin-left:0; width:auto;}
#contenido table thead th,
#contenido table tbody td {font-size:1.1em; padding:.0909em;}
#contenido pre {margin-left:0;}
#contenido pre code {font-size:1.3em;}
#contenido div.hentry div.texto_articulo img {max-width:99%;}
#contenido div.navegacion {margin:1em 0; padding:.2em;}
#contenido div.navegacion ul li {width:auto;}
#contenido div.navegacion ul li a {font-size:1.1em; padding-left:1.0909em;}
#contenido div.navegacion ul li.anterior a {background-position:-.0909em -.0909em;}
#contenido div.navegacion ul li.anterior a:hover {background-position:-.0909em -185px;}
#contenido div.navegacion ul li.siguiente a {background-position:-.1818em -.0909em; padding-right:0; text-align:left;}
#contenido div.navegacion ul li.siguiente a:hover {background-position:-.1818em -185px;}
#contenido form p label input, #contenido form p label textarea {width:100%;}
#contenido blockquote {background-image:url(OTB_IMG_CSS_MOVIL_citas.png); padding-left:.9em; padding-top:1.2em;}
#contenido .post div.texto_articulo .codigo_imagen figure.imagen {margin-left:0;}
#contenido .post div.texto_articulo p.larga_vida_ie6 {margin:2em 0;}
#listado_comentarios div.comentario h3 {width:auto;}
#listado_comentarios div.comentario p.datos_comentario {position:static;}
#listado_comentarios div.comentario p.datos_comentario span {display:inline;}
#comentarios_articulo p {font-size:1.1em;}
#hacer_comentario form p label span {display:block; float:none; text-align:left; width:19.6363em;}
#hacer_comentario form p label input,
#pagina_contacto form p label input,
#hacer_comentario form p label textarea,
#pagina_contacto form p label textarea {width:90%;}
#hacer_comentario form p label textarea {height:3em;}
#contenido form p.botonera {padding-left:0;}
#pagina_contacto p label span {float:none; padding-right:0; text-align:left; width:auto;}
#contraste_color {float:none;}
#navegacion div.publi {padding:0;}
#navegacion #libros li span {float:left;}
}