/*
  *	archivo creado artesanalmente con notepad++ 
  *	http://notepad-plus.sourceforge.net
  *
  *	emilio mariscal ( emi420@gmail.com )
  * 	http://proyecto83.com
  *
  */
  
/*-------------------------------------------------------------
	estilos generales
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */  

html { height: 100% ; }

body {
	background: #F5F4F2 url(/imagenes/fondos/body.png) repeat-x 0 0 ;
	font-family:  Arial, verdana, helvetica, sans-serif ;
	font-size: 62.5% ;
	color: #173335 ;
	height: 100% ; 
}

/*** Internet Explorer 6 ***/
* html body {
	height: auto ;
}

h1,h2 {
	letter-spacing: -1px ;
	font-size: 2.2em ;
}


.pagina.interior h2 {
	font-size: 2em ;
}

.pagina.interior h2 strong.desc {
	display:block;
	font-size:0.6em;
	font-weight:normal;
	letter-spacing:normal;
	margin-top:10px;
}

h1 {
	font-size: 2.2em ;
	margin-bottom: .8em ;
}

.contenedor h1 a {
	color: #000 ;
	text-decoration: none ;
}

h1.articulo a {
	color: #325b0a ;
}

.cuadro h1 {
	font-size: 2em ;
	margin: 0 0 .6em 0 ;
}

h2 {
	color: #000 ;
	margin: 1em 0 1em 0 ;
	font-size: 1.8em ;
}

.barra h2 {
	font-weight: bold ;
	letter-spacing: 0 ;
}

h3, .pagina.interior h2.subtitulo  { 
	font-size: 1.6em ;
	margin: .7em 0 .7em 0 ;
}

.pagina.interior h2.subtitulo  { 
	color: #173335 ;
}

h4 {
	margin: 1em 0 1em 0 ;
	font-size: 1.4em ;
}

.cuadro h2 {
	margin: 0 ;
}

p,span, li, label {
	font-size: 1.2em ;
}

p {
	line-height: 160% ;
	margin-bottom: 1em ;
}

a {
	color: #D65400 ;
	text-decoration: none !important ;
}

a:hover {
	color: #dd3300 ;
	text-decoration: underline  ;
}

p a, span a {
	text-decoration: underline ;
}

h2 a, h3 a {
	color: #000 ;
}

h2 a:hover{
	color: #000 ;
	text-decoration:none;
}

hr {
	height: 0 ;
	border: 0 ;
	background: none ;
}

pre.code {
	display: block ;
	background: #f1f1f1 ;
	border: 1px dashed #ddd ;
	padding: 1em ;
	margin: 0 ;
	font-size: 1.2em ;
}

/*-------------------------------------------------------------
	layout / contenedor
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.contenedor {
	width: 74% ;
	min-width: 890px ;
	margin: 0 auto ;
	
	min-height: 100%;
    height: auto !important ;
	height: 100% ;
	background: url(/imagenes/fondos/cabecera-der.png) no-repeat 100% 0 ;
}

/*** El layot liquido esta desactivado para Internet Explorer 6 ***/
* html .contenedor {
	width: 890px ;
}

/*-------------------------------------------------------------
	logo / cabecera
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.logo {
	background: url(/imagenes/logo.png) ;
	width: 207px ;
	height: 43px ;
	float: left ;
	margin-top: 10px ;
	margin-left: .5em ;
	cursor: pointer ;
}

/*** IE6 ***/
* html .logo {
		background: url(/imagenes/logo.gif) ;
}

.logo span {
	display: none ;
}

.cabecera {
	width: 74% ;
	min-width: 890px ;
	background: url(/imagenes/fondos/cabecera-izq.png) no-repeat 0 0 ;
	height: 6.2em ;
	position: absolute ;
	top: 0 ;
	left: auto ;
}

/*** El layot liquido esta desactivado para Internet Explorer 6 ***/
* html .cabecera {
	width: 910px ;
}


.cabecera .inside {
	background: url(/imagenes/fondos/cabecera.png) repeat-x ;
	margin-left: 1.3em ;
	margin-right: 1.3em ;
}

.cabecera.menu-activo {
	height: 40.2em ;
}

/* --------------------------------------
	pagina
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.pagina {	
	background: #fff  ;
	padding: 1.5em 1.5em 0 1.5em;
	overflow: hidden ;
	min-height: 500px ;
	height: 100% !important ; /**** ajuste:  modificado (height: auto% !important ;) **/
	margin: 6.2em 1.3em 0 1.3em ;
	border-left: 1px solid #f2f1ef ;
	border-right: 1px solid #f2f1ef ;
}


/*** IE6 ***/
* html .pagina {
	/*padding-bottom: 50em ;  ajuste:  modificado (no hace falta) */
}

.pagina.interior {
	background-repeat: no-repeat ;
	background-position: left top ;
	margin-bottom: 0 ;
	margin-top: 6.2em ;
}

/*-------------------------------------------------------------
	barra
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.pagina-pie {
	height: 14px ;
	clear: both ;
	background: #000 url(/imagenes/fondos/pagina-pie.png) repeat-x 0 100%;
	margin: 0 1.25em 3em 1.25em;
}

.pagina-pie .detalle-izq {
	height: 14px ;
	background: url(/imagenes/fondos/pagina-pie-izq.png) no-repeat 0 0;
	width: 22px ;
	float: left ;
}

.pagina-pie .detalle-der {
	height: 14px ;
	background: url(/imagenes/fondos/pagina-pie-der.png) no-repeat 100% 0 ;
	float: right ;
	width: 22px ;
}

/*-------------------------------------------------------------
	contenido
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.contenido {
	background: none !important ;
}

.contenido.izq {
	width: 68% ;
}

.contenido.izq.min {
	width: 58% ;
}

.contenido p {
	color: #333 ;
}

/*-------------------------------------------------------------
	barra
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.barra {
	width: 30% ;
}

.barra.der.max {
	width: 34% ;
}

/*-------------------------------------------------------------
	pie de pagina
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.pie {		
	background: #E1DCD9 url(/imagenes/fondos/pie.png) repeat-x ;
	clear: right ;
	height: 51px ;
}

.pie ul {
	display: block ;
	margin: 0 auto ;
	width: 455px ;
	margin-top: 1.6em ;
}

.pie ul.menu li {
	display: block ;
	float: left ;
	margin-right: 2em ;
	font-size: 1.1em ;
	height: 19px ;
	padding: 3px 5px 0 5px ;
}

.pie ul.menu li:hover {
	background: url(/imagenes/fondos/pie-li.png) no-repeat 0 0 ;
}

.pie a, .pie a:hover, .pie a:visited {
	color: #fff ;
	text-decoration: none ;
}

/*-------------------------------------------------------------
	clases ıtiles
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.izq {
	float: left ;
}

.der {
	float: right ;
}

img.imagen {
	display: block ; 
	padding: .7em ;
	border: 1px solid #E1DCD9;
	background: #fff ;
}

.center {
	text-align: center ;
}

.wrapper.imagen {
	min-height: 23em ;
	height: auto !important ;
	height: 22em ;
}

/*-------------------------------------------------------------
	cuadros
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.cuadro h1, .cuadro h1 a {
	color: #5D8D01 ;
}

.cuadro {
	margin-bottom: 1.5em ;
}

.cuadro .inside {
	background: #F3F2F0 ;
	padding: 0 1.5em .3em 1.5em ;
	border-left: 1px solid #D4D0C8 ;
	border-right: 1px solid #D4D0C8 ;
}

.cuadro.cuadrado .inside {
	padding: 1.5em ;
	border: 1px solid #D4D0C8 ;
}

.cuadro .inside ul li h3 {
	margin: .3em 0 .3em 0 ;
}

.cuadro .inside p {
	margin-top: 1em ;
}

.cuadro .inside li p {
	font-size: .9em ;
	margin-top: 0 ;
}

.cuadro .top-left, 
.cuadro .top-right ,
.cuadro .bottom-left,
.cuadro .bottom-right {
	background-image: url(/imagenes/cuadros/cuadro1.png);
}

.cuadro .top-left {
	margin-right: 15px; 
	height: 15px;
	font-size: 2px; 
}

.cuadro .top-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-position: 100% 0; 
	height: 15px; 
	font-size: 2px;
}

.cuadro .bottom-left {
	margin-right: 15px; 
	background-position: 0 -13px; 
	height: 15px;
	font-size: 2px;
}

* html .cuadro .bottom-left {
	margin-right: 13px; 
}


.cuadro .bottom-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-position: 100% -15px;
	height: 15px; 
	font-size: 2px; 
}
a.aprender-mas {
	display: block ;
	background: url('../imagenes/iconos/ayuda.png') no-repeat 0 0 ;
	padding-left: 1.5em ;
	height: 15px ;
	float: right ;
	margin-right: .7em ;
}


* html .pagina .contenido.izq .cuadro.destacado .bottom-right {
	margin-top: -17px; 
	height: 17px ;
}

/*-------------------------------------------------------------
	cuadro newsletter
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.cuadro.newsletter .top-left, 
.cuadro.newsletter .top-right ,
.cuadro.newsletter .bottom-left,
.cuadro.newsletter .bottom-right {
	background-image: url('../imagenes/cuadros/cuadro2.png');
}

.cuadro.newsletter .inside {
	padding: 0 1em 0 1em ;
	background: #5D8D01 url(/imagenes/cuadros/cuadro2-inside-top.png) repeat-x top ;
	border-left: 1px solid #517C01 ;
	border-right: 1px solid #517C01 ;
}

.cuadro.newsletter .inside, .cuadro.newsletter .inside h2 {
	color: #fff ;
}

.cuadro.newsletter .inside h2 {
	font-size: 1.4em ;
	margin-bottom: 1em ;
}

.cuadro.newsletter .inside .boton, .menu-expandido.contenido  div.inputtext .boton {
	background: #5E8E01 url(/imagenes/botones/input-text-boton.png) no-repeat 0 0 ;
	width: 38px ;
	height: 30px ;
	border: 0 ;
	float: right ;
	margin-top: -5px ;
	cursor: pointer ;
}

* html .menu-expandido.contenido  div.inputtext .boton {
	background-image: url(/imagenes/botones/input-text-boton.gif) ;
}

.menu-expandido.contenido  div.inputtext .boton {
	background-color: #f1f1f1 ;
}

.menu-expandido.contenido  div.inputtext {
	margin-top: 1em ;
	margin-bottom: 0 ;
}

.cuadro.newsletter .inside div.inputtext, .menu-expandido.contenido div.inputtext {
	margin-bottom: .5em ;
	width: 100% ;	
	background: url(/imagenes/fondos/input-text.png) no-repeat 0 0 ;
	padding: .5em 0 .5em .3em ;
}

* html .cuadro.newsletter .inside div.inputtext {
	background: url(/imagenes/fondos/input-text.gif) no-repeat 0 0 ;
}

* html .menu-expandido.contenido div.inputtext {
	background: url(/imagenes/fondos/input-text.gif) no-repeat 0 0 ;
}

.cuadro.newsletter .inside div.inputtext input.inputtext, .menu-expandido.contenido  div.inputtext input.inputtext {
	float: left ;
	width: 74% ;
	margin-top: -5px ;
	padding-left: .5em ;
	color: #666 ;
	border: 0 ;
	background: none ;
	padding-top: .4em ;
}

* html  .menu-expandido.contenido  input.inputtext  { 
	width: 74% ;
}

* html  .menu-expandido.contenido label { 
	float: none ;
	margin-bottom: .5em ;
	width: auto ;
}

.boton.margin-left-2 { 
	margin-left: 15.8% ;
}

.menu-expandido.contenido .boton.margin-left { 
	margin-left: 37.4% ;
}

* html  .menu-expandido.contenido .boton.margin-left { 
	margin-bottom: 1em ;
}

.cuadro.newsletter .inside p.mensaje {
	background: url(/imagenes/cuadros/cuadro2-inside-mensaje.png) no-repeat 0 0 ;
	clear: left ;
	margin-bottom: 0 ;
}

.cuadro.newsletter .inside p.mensaje span {
	font-size: 1em ;
	display: block ;
	margin: .5em 0 0 .5em ;
	background: url(/imagenes/cuadros/cuadro2-inside-mensaje.png) no-repeat 100% 0 ;
	padding-right: .5em ;
}

.cuadro .top-left {
	margin-right: 15px; 
	height: 15px;
	font-size: 2px; 
}

.cuadro .top-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-position: 100% 0; 
	height: 15px; 
	font-size: 2px;
}

.cuadro .bottom-left {
	margin-right: 15px; 
	background-position: 0 15px; 
	height: 15px;
	font-size: 2px;
}

.cuadro .bottom-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-position: 100% 15px;
	height: 15px; 
	font-size: 2px; 
}

/*-------------------------------------------------------------
	listados
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

ul.listado {
	margin: 1em 0 1em 1em ;
}

.contenido ul.listado {
	margin-bottom: 2em ;
	line-height: 140% ;
}

ul.listado li {
	background-image: url(/imagenes/bullets/marca.png) ;
	background-repeat: no-repeat ;
	background-position: 0 1.2em ;
	padding: 1em 0 .4em 2em ;
	height: 1.2em ;
}
	
/*-------------------------------------------------------------
	variedades
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.hr {
	background-image: url(/imagenes/fondos/hr.png) ;
	background-repeat: repeat-x ;
	background-position: left top ;
	height: 1px ;
}

.barra.der .menu-expandido.contenido .hr {
	padding: .5em 0 1em 0 ;
}

.cuadro .hr {
	margin: 1em 0 0 0 ;
}

.separador, .clear {
	height: 1px ;
	background: 0 ;
	display: block ;
	clear: left;
	padding: 0 ;
}

div.banner {
	margin: 0 0 2em 0 ;
}

.hidden {
	display: none ;
}


/*-------------------------------------------------------------
	paginador
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.paginador {
	margin: 40px 0 0 31%  ;
	color: #555;
}

/**** ajuste:  agregado para recurso.html **/
.paginador.variante{
margin: 20px 0 40px 25%;
}

/**** ajuste:  modificado para recurso.html (margin: 40px 0 0 21%;) **/
* html .paginador {
	margin: 40px 0 0 15%;
}

.paginador img, .paginador span {
	float: left ;
	margin: 0 10px 0 10px ;
}

.paginador span {
	padding-top: 3px ;
	font-size: 1.2em ;
}



/*-------------------------------------------------------------
	menu principal
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.cabecera .menu {
	float: right ;
	background-position: bottom left ;
	height: 28px ;
	margin-top: 23px ;	
	padding: 13px 0 ;
	margin-right: 1.6em ;
}

.cabecera .menu li {
	display: block ;
	height: 26px ;
	float: left ;
	padding: 0 ;
	font-size: 1.2em ;
	background: url(/imagenes/fondos/tab-off.png) no-repeat 0 0;
	font-weight: bold ;
	margin-left: 2px ;
}

.cabecera .menu li a {
	display: block ;
	background: url(/imagenes/fondos/tab-off.png) no-repeat 100% 0 ;
	margin-left: 15px ;
	padding: .5em 1em 0 0 ;
}

.cabecera .menu li.selected {
	background: url(/imagenes/fondos/tab.png) no-repeat 0 0;
}

.cabecera .menu li.selected a {
	background: url(/imagenes/fondos/tab.png) no-repeat 100% 0;
	color: #5D8D01 ;
}

.cabecera .dw-menu li {
	font-size: 1em ;
	padding: 0 ;
	margin : 0 ;
}

.cabecera .menu li.ultimo {
	background: none ;
	padding-right: 0 ;
}

.cabecera .menu .dw-submenu.hidden {
	display: none ;
}

.cabecera .menu .dw-submenu {
	margin-top: 1.7em ;
	position: absolute ;
	background: url(/imagenes/fondos/menu-mas.png) no-repeat ;
	margin-left: -100px ;
	width: 160px ;
}

* html .cabecera .menu .dw-submenu#dw-mas {
	margin-left: -160px ;
	position: absolute ;
}

*:first-child+html  .cabecera .menu .dw-submenu#dw-mas {
	margin-left: -160px ;
	position: absolute ;
	width: 161px ;
}

.cabecera .menu .dw-submenu ul li {
	background: url(/imagenes/fondos/menu-mas.png) no-repeat 0 -50px ;
	border-right: 1px solid #D4D0C8 ;
}

.cabecera .menu .dw-submenu ul li:hover {
	background: url(/imagenes/fondos/recurso1.png) repeat-x ;
	border-left: 1px solid #D4D0C8 ;
	width: 159px ;
}

.cabecera .menu .dw-submenu ul li:hover a {
	margin-left: 1.2em ;
}


 .cabecera .menu .dw-submenu ul li a {
	background: none ;
 }

.cabecera .menu .dw-submenu ul li {
	display: block ;
	width: 160px ;
}

.cabecera .menu .dw-submenu ul li.top {
	display: block ;
	background: url(/imagenes/fondos/menu-mas.png) no-repeat 0 -17px ;
	height: 6px ;
	width: 100% ;
	border: 0 ;
}

.cabecera .menu .dw-submenu ul li.bottom {
	display: block ;
	background: url(/imagenes/fondos/menu-mas.png) no-repeat 0 -387px ;
	height: 7px ;
	width: 100% ;
	border: 0 ;
}

.cabecera .menu .dw-submenu ul li.bottom span.right {
	display: block ;
	float: right ;
	background: url(/imagenes/fondos/menu-mas.png) no-repeat -454px -387px ;
	height: 7px ;
	width: 16px ;
}

/*-------------------------------------------------------------
	recursos
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

div.recurso, div.trackback {
	background: url(/imagenes/fondos/recurso1.png) repeat-x ;
	margin-bottom: .5em ;
	clear: both ;
	width: 100% ;
}

div.recurso.destacado {
	background: url(/imagenes/fondos/recurso1-destacado.png) repeat-x ;
}

div.recurso.comercial {
	background: url(/imagenes/fondos/recurso2.png) repeat-x ;
}

div.recurso.otro, div.trackback {
	background: url(/imagenes/fondos/recurso3.png) repeat-x ;
}

div.recurso.ficha {
	background: none ;
}

div.recurso h3 {
	margin: .4em 0 0 0 ;
	line-height: 140% ;
}

div.recurso.ficha h2 {
	font-size: 1.6em ;
	margin: 0 0 .5em 0 ;
}

div.trackback h3 {
	font-size: 1.2em 
}

div.recurso h1 {
	line-height: 120% ;
	margin: -.2em 0 .5em 0 ;
}      

.recurso a, .trackback a {
	color: #D65400 ;
/***	text-decoration: underline ; ***/ /*** 16/09/09 - Prueba AdSense ***/
}

.recurso a:hover, .trackback a:hover {
	text-decoration: underline !important;
}

.recurso.comercial a {
	color: #5D8D01 ;
}

.recurso.otro a {
	color: #447293 ;
}

.trackback .inside {
	padding-left: 1em ;
}

.recurso .inside {
	float: left ;
	width: 85% ;
}

.recurso .inside p {
	margin: .5em 0 .5em 0 ;
	line-height: 140% ;
}

.recurso .info {
	font-size: 1.1em ;
	color: #555 ;
}

.recurso .info strong {
	color: #5D8D01 ;
	font-weight: bold ;
}

.recurso .votos {
	background: url(/imagenes/fondos/votar1.png) repeat-x ;
	float: left ;
	width: 52px ;
	height: 58px ;
	margin-right: 1.2em ;
	text-align: center ;
	padding-top: .5em ;
	margin-left: 1em ;
}

.recurso.comercial .votos {
	background: url(/imagenes/fondos/votar2.png) repeat-x ;
}

.recurso.otro .votos {
	background: url(/imagenes/fondos/votar3.png) repeat-x ;
}


.recurso.destacado .votos {
	margin-top: .1em ;
}

.recurso .votos span {
	color: #999 ;
	font-size: 1.1em ;
}

.recurso .votos strong {
	color: #D65400 ;
	font-size: 1.6em ;
	font-weight: bold ;
	letter-spacing: -.5pt ;
	line-height: 110% ;
}

.recurso.comercial .votos strong {
	color: #5D8D01 ;
}

.recurso.otro .votos strong {
	color: #447293 ;
}


.recurso .votos .boton.votar {
	background: none ;
	width: 52px ;
	height: 20px ;
	border: 0 ;
	padding: 0 ;
	font-weight: normal ;
	margin: .2em 0 0 0 ;
	color: #fff ;
	font-size: 1.1em ;
}

/**** ajuste:  modificado para los carteles de los votos **/
* html .recurso .votos .boton.votar {
	padding-right: 1.7em ;
	padding-top:.4em;
}

/**** ajuste:  agregado para los carteles de los votos **/
*:first-child+html .recurso .votos .boton.votar {
	padding-right: 1.7em ;
	padding-top:.4em;
}

div.recurso.on {
	background-position: 0 -200px ;
}

.recurso.ficha .info {
	padding-top: .5em ;
}

.recurso.ficha .votos {
	margin-left: 0 ;
}


/**** ajuste:  agregado para los carteles de los votos **/
* html .recurso.ficha .votos .votar {
	padding-left: 1.1em ;
	padding-top:.4em;
}

/**** ajuste:  agregado para los carteles de los votos **/
*:first-child+html .recurso.ficha .votos .votar {
	padding-left: 1.1em ;
	padding-top:.4em;
}

/*-------------------------------------------------------------
	barra / menus
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.pagina  h2.menu  {
	font-size: 1.4em ;
	margin: 0 0 .9em 0 ;
}


.pagina h2.menu-expandido  {
	font-size: 1.4em ;
	margin-top: 0 ;
}

.pagina  .menu, .pagina  .menu-expandido {
	background: url(/imagenes/barra/menu-item.png) no-repeat 0 0 ;
	height: 30px ;
	padding: 12px 0 0 15px ;
	margin-bottom: 0 ;
}

.pagina  .menu, .pagina  .menu-expandido.contenido {
	margin-bottom: 1.4em ;
}

.pagina  .menu {
	margin-bottom: .7em ;
}

.pagina  .menu a, .pagina  .menu-expandido a {
	display: block ;
	background: url(/imagenes/barra/menu-item.png) no-repeat 100% 0 ;
	height: 30px ;
	padding: 12px 0 0 0 ;
	margin: -12px 0 0 0 ;
}

.pagina  h2.menu a:hover, .pagina  h2.menu-expandido a:hover {
	text-decoration: none ;
}

.pagina  .menu-expandido, .pagina  .menu-expandido a  {
	height: 22px ;
}

.pagina  .menu-expandido.contenido {
	height:	auto ;
	background: url(/imagenes/barra/menu-item.png) no-repeat 0 100% !important ;
	padding: 0 ;
}

.pagina  .menu-expandido.contenido a {
	background: none ;
}

.pagina  .menu-expandido.contenido .bottom-right {
	height:	13px ;
	width: 13px ;
	float: right ;
	background: #000 url(/imagenes/barra/menu-item.png) no-repeat 100% 100% ;
}

* html .pagina  .menu-expandido.contenido .bottom-right {
	margin-top: -13px ;
}

.pagina  .menu-expandido .inside {
	padding: 0 1em 0 1em ;
	background: #F5F5F3 ;
	border-left: 1px solid #D4D0C8 ;
	border-right: 1px solid #D4D0C8 ;
}


* html .pagina  .menu-expandido .inside {
	width: 91% ;
	margin-bottom: .5em ;
}

.pagina  .menu-expandido.contenido h3,  .menu-expandido.contenido a {
	background: none ;
	color: #D65400 ;
	text-decoration: underline ;
}

.pagina  .menu-expandido.contenido h3 {
	line-height: 120% ; 
	background: none ;
	font-size: 1.1em ;
	font-weight: normal ;
}

.pagina  .menu-expandido.contenido p {
	font-size: 1.1em ;
	margin-bottom: 0 ;
}

.pagina .menu-expandido.contenido .interior.detalle {
	float:right;
	width:59%;
	margin-right:11px
}

* html .pagina .menu-expandido.contenido .interior.detalle {
	width:135px;
	padding-left:5px
}

.pagina  .menu span, .pagina  .menu-expandido span {
	font-size: 1.1em ;
}

/*-------------------------------------------------------------
	menus
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

#menu-usuarios span {
	background:  url(/imagenes/iconos/usuarios.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-sugerir-recurso span {
	background:  url(/imagenes/iconos/sugerir.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-enviar-a-un-amigo span {
	background:  url(/imagenes/iconos/enviar.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-paginas-amigas span {
	background:  url(/imagenes/iconos/paginas-amigas.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-paginas-socias span {
	background:  url(/imagenes/iconos/paginas-socias.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-ultimos-recursos span {
	background:  url(/imagenes/iconos/ultimos-recursos.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-foro-de-discusion span {
	background:  url(/imagenes/iconos/foro.png) no-repeat ;
	padding-left: 1.8em ;
}

#menu-buscador span {
	background:  url(/imagenes/iconos/buscador.png) no-repeat ;
	padding-left: 1.8em ;
}

/*-------------------------------------------------------------
	interior de menus
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */
.barra .menu-expandido.contenido ul {
	padding-top: .5em ;
}

* html .barra .menu-expandido.contenido ul {
	margin-bottom: .5em ;
}

.barra .menu-expandido.contenido ul li {
	border-top: 1px dashed #ddd ;
	padding-top: 5px ;
}

*:first-child+html .barra .menu-expandido.contenido ul.links li {
	padding-top: 0 ;
}

* html .barra .menu-expandido.contenido ul.links li {
	padding-top: 0 ;
}

.barra .menu-expandido.contenido ul li p {
	line-height: 120% ;
}

.barra .menu-expandido.contenido ul li h3 {
	margin: .2em 0 .5em 0 ;
}

.barra .menu-expandido.contenido .inside ul li a {
	background: none ;
}

.barra .menu-expandido.contenido ul.links li {
	padding-top: 8px ;
}

.barra .menu-expandido.contenido ul.links li a,
ul.links li a {
	background: url(/imagenes/bullets/link.png) no-repeat 0 55%  ;
	padding-left: 1.5em ;
}

.barra .menu-expandido.contenido ul.links li a.info {
	background: url(/imagenes/bullets/flechita.png) no-repeat 0 55%  ;
}

/*** Boton ***/

span.boton {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	/* Safari (?) */
	background-position:0 0;
	background-repeat:no-repeat;
	height:21px;
	text-decoration:none;
	color:#333;
	font-style:normal;
	margin: 0 20px 0 0;
	padding: 0;	
	vertical-align:middle;	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

span.boton, span.boton button, span.boton input {
    background-image:url(/imagenes/detalles/botones.png);
}

span.boton button, span.boton input{
	margin:0;
	padding:0 .25em;
	width:auto;
	overflow:visible;
	white-space:nowrap;
	cursor:pointer;
    color:#333;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height: 21px;
	padding: 8px 6px 3px 3px;
	margin: 0 -16px 0 6px;
	border:none;
	vertical-align:text-top;
	_position:relative;
    _padding-left: 0 ;
	_padding-right: 8px;
	_top:0;
	_right:-8px;

}

span.boton.big, span.boton.big button, span.boton.big input {
    background-image:url(/imagenes/barra/menu-item.png);
}

span.boton.big {
	height: 40px;
}

span.boton.big button, span.boton.big input {
	height: 40px;
	font-size:16px !important;
	font-weight: bold ;
	padding-right: 10px ;
	 _padding-right: 24px ;
	
}



/*** Opera (?) ***/
span.boton button {
   line-height:2.5;
}

span.boton button, span.boton input{
	padding-top:0px;
	line-height:1.6;
}

span.boton.link input, span.boton.destacado input{
	color: #D65400;
	text-decoration: underline;
}

span.boton.big.link button, span.boton.big.link input {
	text-decoration: none ;
}

span.boton img {
	float: left;
	margin: 5px -8px 0 8px;
}

* html span.boton img {
   display: none; 
}

/*-------------------------------------------------------------
	Tooltips
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.tooltip {
	margin: 0 0 0 0 ;
	background: url(/imagenes/cuadros/tooltip_flecha.gif) no-repeat 0 15px ;
	padding-left: 8px ;
	width: 19em ; 
}

.tooltip.derecha {
	background: url(/imagenes/cuadros/tooltip_flecha_der.gif) no-repeat 100% 15px ;
	padding-right: 8px ;
	width: 35em ; 
}

.tooltip_content p {
	margin: 0 ;
}

.tooltip_content input.check {
	vertical-align: center ;
}

.tooltip_content h2 {
	margin: 0 0 0.7em 0 ;
	font-size: 1.5em ;
	font-weight: bold ;
}

.tooltip_content {
	padding: 0.8em ;
	border: 1px solid #C7C2AC ;
	color: #404031;
	background: #FEFFC3 ;
	cursor: pointer ;
}



/*-------------------------------------------------------------
	comentarios
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.comentario {
	background: #f2f2f2 url(/imagenes/fondos/comentario.png) no-repeat 0 0 ;
	padding: .5em ;
	margin-bottom: 1em ;
	border-top: 1px solid #ddd ;
}

.pagina .comentario h3 {
	text-decoration: none ;
	font-size: 1.2em ;
	font-weight: normal ;
	color: #333 ;
	line-height: 120% ;
}

.comentario p.info {
	color: #666 ;
	font-size: 1.1em ;

}

.comentario p.info strong {
	color: #5D8D01 ;
}

/*-------------------------------------------------------------
	Formularios y objetos de formulario
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input.inputtext {
	border: 1px solid #d4d0c8 ;
	background: #fff url(/imagenes/fondos/input-text.png) no-repeat -13px -1px ;
	padding: 4px ;
	margin-bottom: .4em ;
}

.formulario h2 {
	margin-bottom: .5em ;
	margin-top: 0;
	font-size: 1.8em ;
}

.formulario h2 span {
	color: #333 ;
	font-size: 1em ;
	float: none ;
}

.formulario div.fieldset {
	overflow: hidden ;
	background: url(/imagenes/fondos/recurso2.png) repeat-x ;
	padding: 1em 0 0 2em ;
	margin-bottom: 1.5em ;
}

* html .formulario div.fieldset { 
	width: 99% ;
}

div.fieldset div.fieldset {
	background: none ;
	padding: 0 0 0 .7em ;
}

.formulario label {
	display: block ;
	float: left ; 
	width: 15% ;
	padding-top: 1em ;
	font-weight: bold ;
}

input.texto, .textarea {
	background: #fff url(/imagenes/fondos/input-text.png) no-repeat -13px -1px ;
	padding: .4em ;
	border: 1px solid #B4B4B4 ;
	margin: 0 .5em .5em .5em ;
	color: #888 ;
}

.textarea {
	padding: 0 ;
}

.texto.selected {
	background: #fff ;
	color: #000 ;
}

.contenedor .pagina .formulario input.texto.error  {
	background: #fff url(/imagenes/fondos/recurso1.png) repeat-x ;
}

.contenedor .pagina .formulario input.texto.valido  {
	background: #fff ;
}

.textarea textarea {
	border: 0 ;
	width: 98.5% ;
	margin: 0 ;
	background: none ;
	padding: .4em ;
}

/*** IE6 ***/
* html .textarea textarea {
	margin-left: -18px ;
	width: 100%;
}


*:first-child+html  .textarea textarea {
	margin-left: 5px ;
	padding-right: 0 ;
	width: 97% ;
}

/*** IE6 ***/
* html input.texto {
	background: #fff url(/imagenes/fondos/input-text.gif) no-repeat -13px -1px ;
}

.formulario input.texto, .textarea {
	width: 62% ;
	float: left ;
}

.textarea {
	width: 63.2% ;
	margin-left: 6px ;
}

* html .textarea {
	margin-left: 5px ;
}

*:first-child+html  .textarea {
	margin-left: 5px ;
	padding-right: 0 ;
	width: 63% ;
}

.formulario input.texto.corto {
	width: 32% ;
	margin-left: 0 ;
}

* html .formulario input.texto.corto {
	width: 32% ;
	margin-left: -13px ;
}


.formulario input.opcion {
	float: left ;
	margin: .8em .4em .4em .4em ;
}

.formulario label.opcion {
	font-weight: normal ;
	width: auto ;
	padding: .9em 0 0 0 ;
}

.formulario span.nota-input , .formulario p.info {
	color: #777 ;
	font-size: 1.1em ;
}

.formulario span.nota-input {
	display: block ;
	float: left ;
	width: auto ;
	padding: .9em 0 0 0 ;
}

.formulario span.nota-input.v2 {
	padding: .1em 0 .8em 0 ;
	margin-left: 95px ;
}

.formulario p.info {
	padding-left: 17% ;
	margin-left: .5em ;
	background: url(/imagenes/iconos/info.png) no-repeat 15.2% 0;
}

.formulario p.info.error {
	background: none ;
	padding-left: 15.2% ;
	color: #993300 ;
	font-weight: bold ;
}

.formulario p.info.izq {
	margin-left: 0 ;
	padding-left: 2em ;
	background-position: 0 50% ;
}

.formulario input.checkbox {
	float: left ;
	margin-right: .5em ;
}

.formulario label.checkbox {
	display: block ;
	width: auto ;
	float: left ;
	padding-top: .2em ;
	padding-bottom: .7em ;
	font-size: 1em ;
	font-weight: normal ;
}

* html div.fieldset.checkboxes.campo {
	margin-left: 12.5em ;
}

.fieldset.checkboxes ul, .fieldset.botones ul {
	float: left ;
	margin-right: .4em ;
}

.fieldset h3 {
	margin: .4em 0 1.2em 0 ;
	font-size: 1.2em ;
}

.fieldset.checkboxes ul li {
	display: block ;
	clear: both ;
	padding: .4em .4em 0 .4em ;
	background: url(/imagenes/fondos/recurso2.png) repeat-x ;
	border: 1px solid #bcd097 ;
	overflow: hidden ;
	margin-bottom: .4em ;
	width: 150px ;
}

.fieldset.checkboxes .der ul li {
width: 100px ;
}

.fieldset.checkboxes .izq , .fieldset.botones .izq{
	overflow: hidden ;
	display: block ;
	clear: both ;
	width: 60% ;
}

.fieldset.botones .izq {
	width: 40% ;
}

.fieldset.checkboxes .der,  .fieldset.botones .der{
	padding-right: 2em ;
	float: left ;
}

.formulario .captcha {
	border: 1px solid #bcd097 ;
	margin: 0 0 .7em 0 ;
}

.formulario select {
	margin-left: .5em ;
}

.formulario.lightbox div.textarea textarea {
	height: 80px ;
}

.formulario.lightbox label {
	width: 20% ; 
}

.formulario.lightbox input.texto {
	width: 50% ; 
}

.formulario.lightbox div.textarea {
	width: 52% ;
}

.fieldset.checkboxes .izq  {
width: 65% ;
}

.fieldset.checkboxes .der
width: 20% !important ;
}


/*-------------------------------------------------------------
	Formularios en cuadros de la derecha / ej: formulario de login
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.barra.der .menu-expandido.contenido .login label {
	display: block ;
	width: 30%; 
	float: left ;
	font-weight: bold ;
	padding-top: .5em ;
	padding-bottom: .5em ;
}

.barra.der .menu-expandido.contenido  .login .inputtext {
	width: 55% ; 
	margin-left: .5em ;
}

.barra.der .menu-expandido.contenido  .login .inputtext:focus {
	background: #fff ;
}

.barra.der .menu-expandido.contenido  .login .boton {
	margin:3px 0 -15px 38%
}

.barra.der .menu-expandido.contenido  .login .boton input {
	padding-left:0!important
}

* html .barra.der .menu-expandido.contenido  .login .boton {
	float:right;
	clear:right;
	margin:-3px 43% 0 0
}

* html .barra.der .menu-expandido.contenido  .login .boton input {
	margin-left:0!important
}

.login .interior {
margin-left: 30% ;
height: 20px !important ;
margin-top: 0 !important ;
}

.login .interior label {
width: auto !important ;
padding-top: 2px !important ;
font-weight: normal !important ;
font-size:1em;
margin-right:5px
}

.login .checkbox {
float: left ;
}

.contenedor-elementos label {
	display:inline-block;
	float:left;
	margin:5px 0 0 10px
}

.contenedor-elementos input {
	float:right;
	margin-right:10px
}

* html .contenedor-elementos label {
	margin:3px 0 0 0
}

/*-------------------------------------------------------------
	Menı desplegable de un botın
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu-boton {
	position: absolute ;
	z-index: 9999 ;
	padding: .4em ;
	background: #fff ;
	border: 1px solid #ddd ;
	margin: -.6em 0 0 0 ;
	width: 125px ;
}

#menu-ordenar_c  {
	width: 145px ;
}

*:first-child+html  .menu-boton {
	margin: 1.65em 0 0 2px ;
}

* html  .menu-boton {
	margin: 1.65em 0 0 0 ;
}

.menu-boton input.checkbox { 
	float: left ;
	margin: 0 .5em 0 0;
}

.menu-boton label { 
	display: block ;
	float: left ;
	font-size: 1em ;
	padding-top: 0 ;
	font-weight: bold ;
}

.menu-boton li {
	display: block ;
	padding: 0 1em 1em 1em ;
	border-bottom: 1px dashed #ddd ;
	height: 12px ;
	clear: both ;
}

.menu-boton li .checkbox {
	float: left ;
	margin-top: 4px ;
}

.menu-boton li label {
	display: block ;
	padding-top: 5px ;
	float: left ;
}

.menu-boton li label a {
	text-decoration:none;
	cursor:default;
	color:#173335
}

.menu-boton li:hover {
	background: url(/imagenes/fondos/recurso1.png) repeat-x ;
}

.menu-boton li.ultimo {
	border-bottom: 0 ;
	text-align: center ;
	padding-bottom: 1em ;
	padding-top: 5px ;
}

/*-------------------------------------------------------------
	Bısquedas relacionadas
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.busquedas {
	float: left ;
	margin-right: 1em ;
}

ul.busquedas li {
	margin-bottom: 1em ;
}


/*-------------------------------------------------------------
	listado de tags // botones grandes
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

ul.tags  {
	width: 62% ;
	font-size: 1.1em ;
	font-weight: bold ;
}

.boton-grande {
	margin-left: 21% ;
}

* html .boton-grande {
	margin-left: 20% ;
}

.boton-grande li a {
	font-weight: bold ;
}

ul.tags.corto, .boton-grande {
	width: 22% ;
	font-size: 1.4em ;
	text-align: center ;
}

ul.tags.corto li a, .boton-grande li a {
	padding-right: 1em ;
}

ul.tags li, .boton-grande li {
	background: url(/imagenes/barra/menu-item.png) no-repeat 0 0 ;
	height: 30px ;
	padding: 12px 0 0 15px ;
	margin-bottom: .5em ;
}

ul.tags li  a, .boton-grande li a {
	display: block ;
	background: url(/imagenes/barra/menu-item.png) no-repeat 100% 0 ;
	height: 30px ;
	padding: 12px 0 0 0 ;
	margin: -12px 0 0 0 ;
}


/*-------------------------------------------------------------
	Variedades
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.pagina .contenido.izq {
	background: none ;
}

.fieldset h3.subtitulo   { 
	color: #333 ;
	text-decoration: none ;
	font-size: 1.2em ;
	font-weight: bold ;
}

.pagina div.recurso h3 {
	font-size: 1.4em ;
	font-weight: bold ;
}

.error  {
	color: #ee0000 !important ;
}

/*-------------------------------------------------------------
	saber mas
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.contenido.izq.saber {
	width: 546px ;
	margin-right: 1em ;
}

.saber-mas {
	padding: 10px;
	border: 1px solid #d5d2ce;
	width: 510px ;
}

.saber-mas p {
	color: #FFFFFF ;
	padding: 10px 20px ;
	margin-bottom: 0 ;	
}

.saber-mas p.naranja {
	background-color: #d65400 ;
}

.saber-mas p.verde {
	background-color: #5d8d01 ;
}

.saber-mas p.gris {
	background-color: #666 ;
}

.saber-mas p.naranja, 
.saber-mas p.verde,
.saber-mas p.gris  {
	height: 80px ;
}

.saber-mas span {
	font-weight: bold;	
	margin-bottom: 5px ;
}

.barra.der-saber  {
	float: left ;
	width: 33% !important ;
}

.barra.der-saber .contenido{
	height: 470px ;
}

h1.sabermas {
	border-bottom: 2px solid #eb9e49 ;
	padding: 5px 0 20px 0 ;
}

.barra.der-saber h2 {
	text-align: center ;
	font-size: 2em ;
}

.barra.der-saber h3 {
	font-size: 2.3em !important ;
	color: #000 !important ;
	font-weight: bold !important ;
	text-decoration: none !important ;
	line-height: 120% ;
	margin-top: 0 ;
}

.barra.der-saber .contenido{
	background: none ;
}

.barra.der-saber h4 {
	color: #5d8d01 ;
	font-size: 1.7em ;
}

div.boton-stw {
	text-align: center ;
}

.barra.der-saber a, .barra.der-saber a:hover {
	color: #d05200 ;
	text-decoration: underline ;
}

*:first-child+html #mb_overlay {
margin-top: -20px ;
}

* html #mb_overlay {
margin-top: -20px ;
}

#mb_overlay.on {
margin-top: 0 !important ;
}

/*** correccion ie6 ***/

* html  .pagina .contenido.izq {
background: none !important ;
}

* html  h2 a {
	color: #000 !important ;
	text-decoration: none !important ;
}

/*** agregados: paginas socias ***/

.pagina .contenido.izq ul.links li {
margin-top: .5em ;
}

/*** agregados: aviso ***/

.aviso {
	background: #fff1a8  ;
	padding: .5em ;
	margin-bottom: 1em ;
	border: 1px solid #FFD700 ;
}


/*** caja de sugerencias ***/

.suggestionsBox {
	position: absolute ;
	left: 30px;
	margin: 35px 0px 0px 168px;
	width: 200px;
	background-color: #fff ;
	border: 1px solid #333;	
	color: #333 ;
padding-bottom: 10px ;
}

.suggestionsBox h3 {
margin-left: 10px ;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px 3px 3px 10px ;
	cursor: pointer;
	list-style: none !important ;
}

.suggestionList li:hover {
	background-color: #BCD097;
}

.suggestionsBox img {
display: none ;
}
/** Pantalla Publicidad **/

.publicidad {}
.publicidad p {
	line-height:115%
}

.publicidad p strong {
}

.publicidad ol {
	list-style-type:decimal;
	list-style-position:inside;
	margin-bottom:10px;
	padding-left:25px
}

.publicidad ul {
	list-style-position:inside;
	list-style-type:disc;
	margin-bottom:10px;
	padding-left:25px
}

.publicidad ul li {
	margin:8px 0
}

.publicidad ol li {
	margin:4px 0
}

/** Acerca de **/

.staff {}

.staff img {
	float:left;
	margin:0 15px 0 0
}

.staff .info {
	float:left;
	width:72%
}

.staff .info p {
	line-height:130%;
	margin-bottom:6px
}

.staff .top-left, 
.staff .top-right ,
.staff .bottom-left,
.staff .bottom-right {
	background-image: url(/imagenes/cuadros/cuadrostaff.png);
}

.staff .top-left {
	margin-right: 9px; 
	height: 9px;
	font-size: 2px; 
}

.staff .top-right {
	margin-top: -9px; 
	margin-left: 9px; 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px;
}

.staff .bottom-left {
	margin-right: 9px; 
	background-position: 0 -9px; 
	height: 9px;
	font-size: 2px;
}

* html .cuadro .bottom-left {
	margin-right: 13px; 
}

.staff .bottom-right {
	margin-top: -9px; 
	margin-left: 9px; 
	background-position: 100% -9px;
	height: 9px; 
	font-size: 2px; 
}

.staff .inside {
	background-color:#f4f4f4;
	padding:0 10px
}

/*** pager ***/

.pager {
	text-align:center;
	padding-top:25px ;
	margin-top: 25px ;
	border-top: 1px solid #ddd ;
	margin-bottom: 15px ;
}

.pager li {
	display:inline
}

.pager li a {
	color:#E96F00;
	text-decoration:none;
	padding:3px 5px;
	border:1px solid #EB9E49;
	font-size:1.1em
}

.pager li a:hover {
	color:#fff;
	background-color:#E96F00;
	padding:3px 5px;
	border:1px solid #EB9E49 ;
}

.pager .selected a {
	color:#999;
	border:1px solid #ddd
}

.pager .blank {
	margin:0 5px;
	color:#E96F00
}