/*
* site: lupadelcuento
* archivo CSS principal: style.css
*
* basado libremente en tema 'clean-simple':
*	Description: Free 3 column theme by Tricksdaddy,
*	ported to GetSimple by Mark Moore, based on Google+.
*	Author: Simrandeep Singh/Mark Moore
*
* copyright 2013 · mws | diseño+desarrollo & DTR-Sistemas
*/


/* Resets 
-------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:400;
}

ol,ul,li {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:700;
}

q:before,q:after {content:'';}

pre {
	background:#EEE;
	border:1px solid #DDD;
	clear:both;
	overflow:auto;
	margin:15px 0;
	padding:5px;
}

em {font-style: italic;}

a {outline: 0;}


/* Defaults
-------------------------------------------------------------------------- */
.naranja { color: #F25A07; }
.naranja2 { color: #DF4900; }
.verde { color: #8CC63E; }
.verde2 { color: #6690D2; }
.morado { color: #B624E5; } 
.morado2 { color: #8022D2; }
.azul { color: #4147DD; } 
.azul2 { color: #3324B2; }
.azulmarino { color: #4248DD; }
.azulmarino2 { color: #00CCFF; }

.aligncenter {
	display:block;
	margin:0 auto;
}

.alignleft {
	float:left;
}

.alignright, .post_category {
	float:right;
}

.gallery-caption {
	color: #333;
	font-size: 12px;
}

.clear {
	clear: both;
	display: block;
	/*height: 1px;
	margin: -1px 0 0;/*DTR: motivo de esto en un "clear"??*/
}

body {
	background:#ddd;
	font-family: Arial,Helvetica,FreeSans,sans-serif;
	font-size: 1em;
	line-height:100%;
	color:#555;
}

a {
	color: #F25A07; /* #8CC63E; verde */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height:1.25em;
	margin:0 0 5px;
	padding:6px 0;
  text-indent: 2em;/*DTR: 2015-02-25*/
}

h1 {
	font-size:2em;
	line-height:40px;
}

h2 {
	font-size:1.7em;
	line-height:35px;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.1em;
	margin-bottom:4px;
}

h5 {
	font-size:1em;
}

h6 {
	font-size:9px;
}

form {
	line-height: 1em;
	font-size: 1em;
}

input, label {
	padding: 2px 3px;
	margin: 0 5px;
}


/* Ajustes específicos para BOTONES
-------------------------------------------------------------------------- */
input[type="submit"], input[type="reset"], input[type="button"] {
	min-width: 70px;
	/*height: 35px;/**/
	height:2.5em;
	margin: 10px 4px;
	padding: 0 6px;
	background: #F25A07;/*Naranja de los bordes*/
	/*background: #FE7800;/*DTR: Naranja mas claro*/
  -webkit-border-radius:8px 8px 8px 8px;
  -moz-border-radius:   8px 8px 8px 8px;
  -ms-border-radius:    8px 8px 8px 8px;/*behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     8px 8px 8px 8px;
	border-radius:        8px 8px 8px 8px;
}

textarea {
	resize: none;
}

strong/*, .current/*DTR:no current*/ {
	font-weight:700;
}


/* Header
-------------------------------------------------------------------------- */
#header {
	background: #8CC63E;
	padding: 0;
	/*min-width: 100%;/*DTR:delegar que se ajuste el ancho al del #wrapper.*/
	height: 110px;
	overflow: hidden;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #f25a07;
}

#header-top {
	/*width: 990px;/**/
	width:auto;/*DTR: si no tiene ancho, se ajusta al maximo posible.*/
	margin: 0 20px;
	padding:0 10px;
}

#header-top .logo {
	position: absolute;
	margin-top: 10px;
	height: 85px;
	width: 460px;
	background: url(../img/logo_full.jpg) no-repeat #8CC63E;	
/*border: 1px dashed #f00;*/
}

#header #logo a:hover {	
	text-decoration:none;
}

#header .h-l {
	float:right;
	padding:14px 0;
	margin-left:30px;
}

.h-l-1 {
	float:left;
	margin-left:20px;
}


/* Main Navigation
-------------------------------------------------------------------------- */
/*	Iconos Navegación cabecera
-------------------------------------------------------------------------- */
#main-nav-container {
  /*position: absolute;
	top: 60px;
	left: 960px;
	width: 150px;/**/
	position:absolute; top:60px; left:730px; width:150px;/*DTR: la posicion "left" cambia con "do_layout()".*/
}

#main-nav {
	height: 28px;
	margin: 0;
	padding: 10px 0;
}

#main-nav ul {
	list-style: none;
	height: 28px;
}

#main-nav li { 
	float: left;
	width: 28px;
	height: 28px;
	margin: 0px 3px;
	list-style: none;
}

#main-nav li a {
	display: block;
	background: transparent;
	width: 24px;
	height: 24px;
	margin-top: 2px;
	text-decoration: none;
}

#main-nav li a:hover {
	margin-top: 5px;
}


/* Wrapper and Main Content
-------------------------------------------------------------------------- */
#wrapper {
	/*float: left;
	/*min-width: 100%;/**/
	min-width:1100px;max-width:1920px; width:auto;/*DTR: ancho minimo= #wrapper(lados) + #main(todo)(= #main(lados) + #content(lados+ANCHO_MINIMO) + sidebar(todo)).*/
	/*margin-bottom: 100px;/**/
  /*margin:0 auto 100px auto;/*DTR: forzar que se centre y salga scroll vertical.*/
  margin:0 0 25px 0;/*DTR: forzar que no se centre y salga scroll vertical.*/
/*border: #f00 1px dashed;*/
}
.ie6 #wrapper {
  width:expression(document.body.clientWidth < 1100 ? "1100px" : (document.body.clientWidth > 1920 ? "1920px": "auto"));
}

#main {
	/*width: 1390px;/*DTR: no usar ancho fijo.*/
	/*min-width:1000px; width:auto;/*DTR: ancho minimo= #main(lados) + #content(lados+ANCHO_MINIMO) + sidebar(todo).*/
	/*height: 620px;/**/
	min-height: 580px;/*DTR: mejor alto minimo en lugar de alto fijo.*/
	/*margin-left: 30px;/**/
	/*margin-left: 20px;/*DTR: no hace falta un margen aqui, se ajusta #content y #sidebar-l.*/
	background:#ddd;
	clear:both;
	padding:10px 0 8px 0;
/*border: #0f0 1px dashed;*/
}
.ie6 #main {
  height:expression(document.body.clientHeight < 580 ? "580px" : "auto");
}
#main a {
	color: #f25a07; /* naranja */
}

.archive_title h1 {
	font-size:1em;
	line-height:20px;
	color:#555;
	margin:0 0 15px;
}


/* Content
-------------------------------------------------------------------------- */
#content {
	/*margin-left: 180px;/**/
	margin-left:200px; margin-right:10px;/*DTR: ajustar margen aqui en lugar de en #main.*/
	/*width: 850px;/**/
  width:auto;/*DTR: el ancho se establece en "do_layout()" segun #wrapper(interno) - #sidebar(todo) - #content(margen+bordes+marcos+sombra).*/
	min-width: 500px;max-width:1320px;/*DTR: ancho minimo= #wrapper - margenes(left=sidebar_l) - padding - border - sidebar + ANCHO_FORZADO.*/
	/*height: 580px;/**/
	/*min-height: 580px;/*DTR: mejor altura minima en lugar de fija.*/ 
	/*padding: 15px;/**/
	padding: 10px;/*DTR: no hace falta tanto marco*/
  background: #FFF;
  -webkit-box-shadow: 1px 3px 5px 1px #000;
  -moz-box-shadow:    1px 3px 5px 1px #000;
  -ms-box-shadow:     1px 3px 5px 1px #000;behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      1px 3px 5px 1px #000;
  box-shadow:         1px 3px 5px 1px #000;
/*border: #f80 1px dashed;/**/
  -webkit-border-radius:7px 7px 7px 7px;
  -moz-border-radius:   7px 7px 7px 7px;
  -ms-border-radius:    7px 7px 7px 7px;/*behavior:url(iehack_pie.php);/**/
  -o-border-radius:     7px 7px 7px 7px;
  border-radius:        7px 7px 7px 7px;/**/
}
.ie6 #content {
  width:expression(document.body.clientWidth < 500 ? "500px" : (document.body.clientWidth > 1320 ? "1320px": "auto"));
  height:expression(document.body.clientHeight < 580 ? "580px" : "auto");
}


/* Paneles de Contenido: entry
-------------------------------------------------------------------------- */
.entry {
	/*width: 810px;/*DTR:*/
	/*height: 520px;/**/
  min-height:420px;/*DTR:*/
	color:#333;
	line-height:1.6em;
	margin:0px 0px 5px 0px;
	padding:10px;
/*border: 1px dashed #f00;*/
}
.ie6 .entry {
  /*width:expression(document.body.clientWidth < 500 ? "500px" : (document.body.clientWidth > 1320 ? "1320px": "auto"));/**/
  height:expression(document.body.clientHeight < 520 ? "520px" : "auto");
}

.entry fieldset {
	/*width: 500px;/**/
	border: 1px solid #F25A07;
	background: #8CC63E;	
	margin: 10px auto;
	padding: 5px 20px;
	font-size: 1.1em;
  -webkit-border-radius:0 10px 10px 0;
  -moz-border-radius:   0 10px 10px 0;
  -ms-border-radius:    0 10px 10px 0;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     0 10px 10px 0;
	border-radius:        0 10px 10px 0;
}

.entry fieldset legend {
	background: #eee;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	padding: 4px 8px;
	border: 1px solid #F25A07;
  -webkit-border-radius:0 10px 10px 0;
  -moz-border-radius:   0 10px 10px 0;
  -ms-border-radius:    0 10px 10px 0;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     0 10px 10px 0;
	border-radius:        0 10px 10px 0;
}

.entry fieldset select, .entry fieldset input {
	float: right;
}

.entry fieldset textarea {
	height: 10em;
	width: 98%;
}


.entry table {
	margin: 10px auto;
}

.entry table tr th {
	background:#F4F4F4;
	border-color:#fff;
	border-style:solid;
	border-width:1px 0 0 1px;
	color:#666666;
	font-weight:bold;
	padding:5px 5px;
	text-align:center;
	text-transform:uppercase;
}

.entry table tr td {
	line-height: 1.5em;
	font-size: .8em;
	/*border-color: #fff;/**/
	border-color: #822;/*DTR:PRUEBAS*/
	border-style: solid;
	border-width: 1px 0 0 1px;
	padding: 8px 12px;
}


/* POST
-------------------------------------------------------------------------- */
.post {
	clear: both;
	/*max-height: 510px;/*DTR:*/
	/*width: 810px;/*DTR:*/
  text-align:justify;/*DTR: 2015-02-24*/
  overflow: auto;
	margin: 0 auto;
	padding: 10px;
	font-family: Arial,Verdana,sans-serif;
	font-size : .8em;
	color: #333;
	border: 1px solid #8CC63E;
  -webkit-border-radius:0 10px 10px 0;
  -moz-border-radius:   0 10px 10px 0;
  -ms-border-radius:    0 10px 10px 0;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     0 10px 10px 0;
	border-radius:        0 10px 10px 0;
}

.post-title {
	border-bottom:1px solid #E3E3E3;
	margin-bottom:5px;
	padding:0
}

.post .entry-title {
	font-weight:400;
	font-size:22px;
	line-height:22px;
	color:#262625;
}

.post h3 {
	font-size:18px;
	font-weight:700;
	clear:both;
	margin:10px 0 10px 0;
	padding-left:0;
}

.post ul,
.post ol {
	padding-left:30px;
	margin-bottom:0;
	clear:both;
}

.post ul li {
	line-height: 1.3em;
	list-style-type: disc;
}

.post ul li ul li {
	list-style-type: circle;
}

.post ol li {
	list-style-type: decimal;
}

.post blockquote {
	display:block;
	color:#555;
	border-left:5px solid #E8E8E8;
	background-color:#F3F3F3;
	font-style:italic;
	padding:0 15px;
	margin:10px 0 10px 20px;
}

.post .datosficha {
	display: none;
}

.post .thumbnail {
	width: 125px;
	height: 170px;
	cursor: pointer;
	border: 2px outset #fff;
	border-top: 0;
	border-left: 0;
  -webkit-box-shadow: 1px 2px 5px 1px #883;
  -moz-box-shadow:    1px 2px 5px 1px #883;
  -ms-box-shadow:     1px 2px 5px 1px #883;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      1px 2px 5px 1px #883;
	box-shadow:         1px 2px 5px 1px #883;
}

.post .finfo {
	cursor: pointer;
	color: #F25A07;
}

.post .finfo:hover {
	text-decoration: underline;
	/*font-weight: bold;*/
}

.post #devel {
	width: 700px;
	margin: 0 auto;
	padding: 10px 20px 30px;
	font-size: .95em;
	background: #FFF89C url(../img/chincheta1.png) no-repeat 100% 2%;
	border: 1px solid #000;
}

.post .libroficha {/*DTR: añadido para colocar fichas */
/*float:left;/**/
}


/* CONTENT: breadcrumbs
-------------------------------------------------------------------------- */
#content .breadcrumbs {
	font-size: .9em;
	/*width: 850px;/*DTR:*/
	/*height: 30px;/*Si se fija la altura, con mensajes largos no se ajusta y se sale.*/
	height: auto; min-height: 1.8em;/*DTR: que la altura sea automatica segun lo que contiene, pero con un minimo al menos.*/
	/*line-height: 30px;/*DTR: Si se fija la linea, queda luego mucho espacio en blanco.*/
	line-height: 1.8em;/*DTR: interlineado a "Doble Espacio" == al doble del tamaño de la fuente.*/
	/*margin-left: -20px;/**/
	margin-left: -10px;/*DTR:*/
	padding-right: 15px;
	padding-left: 20px;/*DTR*/
	color: #000;
	text-align: right;
	background: #DDD;
	border-bottom: #444 2px solid;
  /**x/
  -webkit-box-shadow: 1px 3px 5px 1px #000;
  -moz-box-shadow:    1px 3px 5px 1px #000;
  -ms-box-shadow:     1px 3px 5px 1px #000;/*behavior:url(iehack_pie.php);position:relative;/**x/
  -o-box-shadow:      1px 3px 5px 1px #000;
	box-shadow:         1px 3px 5px 1px #000;
  -webkit-box-shadow: 1px 3px 5px 1px #000;/**/
  -webkit-border-radius:0 14px 14px 0;
  -moz-border-radius:   0 14px 14px 0;
  -ms-border-radius:    0 14px 14px 0;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     0 14px 14px 0;
	border-radius:        0 14px 14px 0;
}

#content .breadcrumbs a {
	color: #f25a07;/*naranja*/
}
#content .breadcrumbs a:link, #header .breadcrumbs a:visited {
	/*color:#888;/*gris, aunque no tiene sentido apagarlo si se ha visitado*/
	/*text-decoration: underline;/*tampoco tiene sentido subrayarlo*/
}

#content .breadcrumbs a:focus, 
#content .breadcrumbs a:hover {
	/*color:#444;/*negro(casi), aunque no tiene sentido apagarlo si se se enfoca.*/
	text-decoration: underline;
}

#index #content .breadcrumbs {
	display:none; /* no reason to have breadcrumbs on homepage */
} 


/* Sidebars
-------------------------------------------------------------------------- */
#sidebar-l {
  position: absolute;/**/
  /*--position:relative; float:left; z-order:99;/*DTR: ajustar mejor el planteamiento de bloques*/
  /*top: 110px;/**/
  top:108px; left:20px;/*DTR: ajustar mejor la posicion*/
  min-height: 460px;
  /*width: 180px;/**/
  width: 185px;/*DTR: que tape un poco el lateral izq. del #content.*/
  /*background-color: #FFFFD7;/*amarillento, DTR:PROBAR Por ahora que se vea asi*/
  background-color: #F7F7E0;/*papel-reciclado, DTR:un toque de fondo*/
  /*background-color: #FCFCF7;/*papel-blanco, DTR:sutil*/
  /*background-color: #FFFFFF;/*blanco, DTR:sin gusto ni color*/
  
  -webkit-border-radius:7px 17px 17px 7px;
  -moz-border-radius:   7px 17px 17px 7px;
  -ms-border-radius:    7px 17px 17px 7px;/*behavior:url(iehack_pie.php);/**/
  -o-border-radius:     7px 17px 17px 7px;
	border-radius:        7px 17px 17px 7px;/**/
  -webkit-box-shadow: 1px 3px 5px 1px #000;
  -moz-box-shadow:    1px 3px 5px 1px #000;
  -ms-box-shadow:     1px 3px 5px 1px #000;behavior:url(iehack_pie.php);/**/
  -o-box-shadow:      1px 3px 5px 1px #000;
	box-shadow:         1px 3px 5px 1px #000;/**/
	z-index: 2;
}
.ie6 #sidebar-l {
  /*width:expression(document.body.clientWidth < 500 ? "500px" : (document.body.clientWidth > 1320 ? "1320px": "auto"));/**/
  height:expression(document.body.clientHeight < 460 ? "460px" : "auto");
}


/* Sidebar Menu - PRIMER nivel
-------------------------------------------------------------------------- */
#menu_desp {
  position: relative;
  /*margin: 10px 0 15px -12px;/**/
  margin: 10px 0 15px -17px;/*DTR:Probar mas desplazamiento el DIV padre esta +20px desplazado.*/
  z-index: 1;
}

.accButton {
  position: relative;/*DTR:*/
  /*position:static;/*DTR:Se necesita para la capa z-index*/
  /*width: 180px; padding:0px;/**/
  /*DTR: Mejorar el movimiento del selector*/
  width: 190px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding:0px 0px 0px 0px;
  /*----*/
  
  /*height: 40px;/*No usar si se pone los "a" y "span" con tamaño*/
  font-size: 0;
  /*cursor: pointer;/**/
  margin: 15px 0 0 0;
  /**x/
  -webkit-border-radius:0 23px 23px 0;
  -moz-border-radius:   0 23px 23px 0;
  -ms-border-radius:    0 23px 23px 0;/*behavior:url(iehack_pie.php);/**x/
  -o-border-radius:     0 23px 23px 0;
  border-radius:        0 23px 23px 0;/**/
  /**x/
  -webkit-box-shadow: 2px 3px 4px #666;
  -moz-box-shadow:    2px 3px 4px #666;
  -ms-box-shadow:     2px 3px 4px #666;/*behavior:url(iehack_pie.php);/**x/
  -o-box-shadow:      2px 3px 4px #666;
  box-shadow:         2px 3px 4px #666;/**/
  /*z-index: 10;/**/
}

.accButton.active, .accButton.current, .accButton:hover {
  /*margin-left: 6px;/**/
  /*margin-left: 11px;/*DTR:Probar mas desplazamiento el DIV padre esta +20px-17px+11px desplazado.*/
  /*DTR: Mejorar el movimiento del selector*/
  background-position: 10px 0px;
  padding:0px 0px 0px 10px;
  /*----*/

}
.accButton.active > ul, .accButton.current > ul, .accButton:hover > ul {
  left: -15px;/*DTR: Se pone a la izquierda porque tiene posicion relativa.*/
  top: 5px;/*DTR: Se pone abajo un poco para separar de la sombra.*/
}/*DTR:*/

.accButton > a {
  cursor: pointer;/*DTR: Poner aqui el puntero*/
}
.accButton > a, .accButton > span {
  background: none;
  display: block;
  /*width: 178px; height: 38px;/**/
  width: 180px; height: 40px;/*mejor poner el tamaño de la imagen de fondo*/
  -webkit-border-radius:0 23px 23px 0;
  -moz-border-radius:   0 23px 23px 0;
  -ms-border-radius:    0 23px 23px 0;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     0 23px 23px 0;
  border-radius:        0 23px 23px 0;/**/
  -webkit-box-shadow: 2px 3px 4px #666;
  -moz-box-shadow:    2px 3px 4px #666;
  -ms-box-shadow:     2px 3px 4px #666;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      2px 3px 4px #666;
  box-shadow:         2px 3px 4px #666;/**/
}

.accContent {
  clear:both;
  position: relative;
  background: none !important;
  /*margin: -10px 0 10px 42px;/**/
  margin: 0px 0 0px 35px;/**/
  font-size: 0.75em;
  -webkit-box-shadow: 2px 3px 5px #666;
  -moz-box-shadow:    2px 3px 5px #666;
  -ms-box-shadow:     2px 3px 5px #666;/*--no-va-bien--behavior:url(iehack_pie.php);/**/
  -o-box-shadow:      2px 3px 5px #666;
  box-shadow:         2px 3px 5px #666;
  -webkit-border-radius:17px 18px 6px 6px;
  -moz-border-radius:   17px 18px 6px 6px;
  -ms-border-radius:    17px 18px 6px 6px;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     17px 18px 6px 6px;
  border-radius:        17px 18px 6px 6px;/**/
  /*z-index: 5;/**/
  /*z-index: -5;/*DTR:Debe ser negativo si va dentro de la "LI".*/
  width:152px;/*DTR: ancho completo de LI=(ancho+padding+margin+border)= 140 + 5+5 + 1+1/**/
}

.accContent li {
  /*width: 140px; padding: 5px;/*DTR: pasar a los elementos interiores*/
  /*border: 1px solid #aaa;/**/
  border: 1px dotted #a7c0c0;/*DTR:Un poco de color para resaltar.*/
  /*background:#eee;/**/
  /*background:#f7ffff;/*DTR:Un poco de color para resaltar.*/
  background:#fdffff;/*DTR:Un poco de color para resaltar.*/

  font-size:9pt;/*anular tamaño de la fuente en estas lineas*/
}

.accContent li.li_hdr {
  /*background:#aaa;/**/
  background:#a7dfdf;/*DTR:Un poco de color para resaltar.*/
  -webkit-border-radius:20px 20px 0 0;
  -moz-border-radius:   20px 20px 0 0;
  -ms-border-radius:    20px 20px 0 0;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     20px 20px 0 0;
	border-radius:        20px 20px 0 0;
}
.accContent li.first {
	/*border:0px solid #aaa;
  border-top:5px;/**/
}
.accContent li.last, .accContent li.last > a, .accContent li.last > span {
  /*background: #aaa;/**/
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:   0 0 4px 4px;
  -ms-border-radius:    0 0 4px 4px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     0 0 4px 4px;
	border-radius:        0 0 4px 4px;
}
.accContent li.li_hdr span, .accContent li a {
  height:auto;/*anular alto fijo en estas lineas*/
}
.accContent li > a {
	cursor: pointer;/*DTR: Poner aqui el puntero*/
}
.accContent li > a, .accContent li > span {
	background: none;
	display: block;
	width:140px; padding:5px; /*DTR:Quitar de LI y ponerlo aqui*/
}
.accContent li.current {/*DTR:Agregar estilo a los titulos activos.*/
  font-weight:700;
  /*background: #fff;/**/
  /*background:#fffff7;/*DTR:Un poco de color para resaltar.*/
  background:#f0f7f7;/*DTR:Un poco de color para resaltar.*/
}
.accContent li > span {/*DTR:Agregar estilo a los titulos sin URL.*/
  color: #F25A07;/*naranja*/
  /*color: #E09050;/*naranja grisaceo*/
  font-weight:700;
}
.accContent li.selecciones-sub1 {/*DTR:Agregar estilo a los titulos indentados.*/
  text-indent:1em;
}
.accContent li a:hover {
  display: block;
  text-decoration: none;/*underline;/**/
  /*background-color:#8dd;/*DTR:Un poco de color para resaltar.*/
  background-color:#be9;/*DTR:Un poco de color para resaltar.*/
}/*DTR: falta decoracion*/


/* Sidebar Menu - Fondos
-------------------------------------------------------------------------- */
#menu_desp #novedades {
  background-image: url(../img/c01_180x40.png);
}
#menu_desp #selecciones {
  background-image: url(../img/c02_180x40.png);
}
#menu_desp #busca {
  background-image: url(../img/c03_180x40.png);
}
#menu_desp #proyectos {
  background-image: url(../img/c04_180x40.png);
}
#menu_desp #recursos {
  background-image: url(../img/c05_180x40.png);
}
#menu_desp #digital {
  background-image: url(../img/c06_180x40.png);
}
#menu_desp #entidades,/*DTR: ampliar para el menu raiz */
#menu_desp #autores {
  background-image: url(../img/c07_180x40.png);
}

/*DTR:Cambios de color personalizados para cada submenu en particular.*/
/*---*/
#menu_desp #selecciones .accContent li {      border-color:#4248DD; }
#menu_desp #selecciones .accContent li.li_hdr { background:#4248DD; }
#menu_desp #selecciones .accContent li a {      }
#menu_desp #selecciones .accContent li a:hover {}

#menu_desp #recursos .accContent li {         border-color:#DCC100; }
#menu_desp #recursos .accContent li.li_hdr {    background:#DCC100; }
#menu_desp #recursos .accContent li a {         }
#menu_desp #recursos .accContent li a:hover {   }

#menu_desp #digital .accContent li {          border-color:#F25A07; }
#menu_desp #digital .accContent li.li_hdr {     background:#F25A07; }
#menu_desp #digital .accContent li a {          }
#menu_desp #digital .accContent li a:hover {    }

#menu_desp #entidades .accContent li {        border-color:#E4184F; }
#menu_desp #entidades .accContent li.li_hdr {   background:#E4184F; }
#menu_desp #entidades .accContent li a {        }
#menu_desp #entidades .accContent li a:hover {  }
/*-----*/


/* SIDEBAR (ADS / banners derecha)
-------------------------------------------------------------------------- */
#sidebar {
  background-color: #fff;
  /*position: absolute;
  top: 100px;
  width: 310px;
  left: 1100px;
  margin-right: 0;/**/
  width: 280px; margin-right:10px; position: absolute; top:123px; left:730px;/*DTR: posicion "left" cambia con "do_layout()".*/
  font-size: .75em;
  padding: 0 5px;
  -webkit-box-shadow: 1px 3px 5px 1px #000;
  -moz-box-shadow:    1px 3px 5px 1px #000;
  -ms-box-shadow:     1px 3px 5px 1px #000;behavior:url(iehack_pie.php);/**/
  -o-box-shadow:      1px 3px 5px 1px #000;
  box-shadow:         1px 3px 5px 1px #000;
  -webkit-border-radius:7px 7px 7px 7px;
  -moz-border-radius:   7px 7px 7px 7px;
  -ms-border-radius:    7px 7px 7px 7px;/*behavior:url(iehack_pie.php);/**/
  -o-border-radius:     7px 7px 7px 7px;
	border-radius:        7px 7px 7px 7px;/**/
  
}

#ads-box {
	color:#000;
	background:#f3f3f3;
	border:#ddd 1px solid;
	margin-bottom:20px;
	overflow:hidden;
	padding:10px 10px;
}

#ads-box img {
	border:1px solid #CCC;
	margin:5px;
	width:125px;
	height:125px;
}

.sidebar-wrap {
	padding-bottom:4px;
	margin:5px 0 20px;
}


/* Search
-------------------------------------------------------------------------- */
input#s {
	font-weight:400;
	width:360px;
	color:#999;
	background:#fff;
	border:1px solid #ccc;
	font-size:110%;
	margin-right:5px;
	padding:7px 10px;
}

#searchsubmit {
	color:#fff;
	font-weight:bold;
	cursor: pointer;
	margin:0;
	padding:6px 10px;
	border: 1px solid #777;
	background:#333537;
}

#searchresults {
	border:4px solid #ddd;
	margin:10px 0;
	padding:10px;
}


/* Footer
-------------------------------------------------------------------------- */
#footer {
	/*min-width: 100%;/**/
	width:auto;/*DTR: anchura al maximo disponibles segun #wrapper.*/
	background-color: #666;
	color:#fff;
	border-top: 1px solid #000;
}

#footer a {
	color: #8CC63E;
}

#footer a img {
  position:relative;
  top:-5px;
}

#footer #links {
	/*margin: 0 200px;/*DTR:*/
	margin: 0 auto;/*DTR: centrado automatico*/
	/*width: 880px;/*DTR: no se porque se fija un ancho aqui!!!*/
	/*height: 80px;/*DTR:*/
	padding: 5px;
	text-align: center;
/*border: 1px dashed #000;*/
}

#footer ul {
  /*margin: 10px auto;/**/
  margin: 0px auto;
}

#footer ul li {
	display: inline;
	line-height: 1.5em;
	font-size: .85em;
	padding: 5px 7px;
}

#footer #banda {
	height: 20px;
	background: #2D2D2D;
	border-top: #fff 1px solid;
}

#footer #copys {
	/*position: absolute;
	left: 460px;/*DTR: no se porque se fija un pie de pagina!!!*/
	text-align: center;
	padding: 2px;
	letter-spacing: .1em;
	font-size: .6em;
}


/* Correo Electronico
-------------------------------------------------------------------------- */
.correolupa {/*--Imagen del correo ya creada--*/
  /*display:inline-block;/**/
  line-height:48px; height:48px; width:256px;
  background: url(../img/lupa_correo_w256x48.png) no-repeat left center;
  /*border: 1px dashed #f00;/**/
  /*background-color:#8CC63E;/**/
}
.correolupapie {/*--Imagen del correo ya creada para el pie--*/
  display:inline-block!important;/**/
  line-height:32px!important; height:32px; width:256px;
  background: url(../img/lupa_correo_b256x48.png) no-repeat left center;
  /*border: 1px dashed #f00;/**/
  /*background-color:#8CC63E;/**/
}
.correolupatxt {
  /*--Para crear la imagen del correo--*/
  display:inline-block;
  background: url(../img/hico_cont.png) no-repeat left center;
  /*color:#44D;/*azulmarino*/
  /*color:#0CF;/*azulmarino2*/
  color:#000;
  text-shadow:1px 1px 10px #EA0;
  font-weight:bold;
  padding-left:24px; text-align:left;
  line-height:32px; height:32px; width:15em;
}

/*FIN.
-------------------------------------------------------------------------- */