#container{
	width:498px;
	margin:0;
}


#cabecera, #cabecera_superior, #cabecera_inferior {
	width:400px;
}

#contenido_form {
	width:485px;
	height:auto;
	margin:5px 5px;
	overflow:hidden;
}

/*//////////////////////////////////////1. Definición del contenedor con bordes redondeados//////////////////////////////////////////////*/
/* Este es el contenedor al que le pondremos bordes redondos */
div.recuadro_contenedor{
   width:100%;
   height:auto;
   background:#d49271;
   margin-bottom:10px;
}
/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido_recuadro_contenedor{ 
   margin:0 10px;
   overflow:hidden;
}

/* En el interior de este colocaremos los elementos del formulario*/
div.recuadro_contenedor_form {
	clear:both;
	margin:20px 0px 12px 10px;
}

/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top_recuadro_contenedor, span.bottom_recuadro_contenedor{
   width:100%;
   height:10px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top_recuadro_contenedor {
   background:url(../images/contenedor_izquierda.gif) top left no-repeat; 
}
span.bottom_recuadro_contenedor{
   background:url(../images/contenedor_izquierda.gif) bottom left no-repeat;
}
span.top_recuadro_contenedor span, span.bottom_recuadro_contenedor span{
   width:10px; /* De acuerdo al tamaño de la imagen GIF */
   height:10px; /*De acuerdo al tamaño de la imagen GIF */
   float:right;
   font-size:10px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
   /*font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
}
span.top_recuadro_contenedor span{
   background:url(../images/contenedor_derecha.gif) top right no-repeat;
}
span.bottom_recuadro_contenedor span{
   background:url(../images/contenedor_derecha.gif) bottom right no-repeat;
}

/*//////////////////////////////////////2. Definición del contenedor del título con bordes redondeados//////////////////////////////////////////////*/

/* Este es el contenedor al que le pondremos bordes redondos */
div.recuadro_contenedor_titulo{
   width:100%;
   height:auto;
   background:#990000;
}
/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido_recuadro_contenedor_titulo{ 
   margin:0 6px;
   overflow:hidden;
}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top_recuadro_contenedor_titulo, span.bottom_recuadro_contenedor_titulo{
   width:100%;
   height:6px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top_recuadro_contenedor_titulo {
   background:url(../images/contenedor_izquierda_titulo.gif) top left no-repeat;
   _background:url(../images/contenedor_izquierda_top_titulo.gif) top left no-repeat; 
}
span.bottom_recuadro_contenedor_titulo{
   background:url(../images/contenedor_izquierda_titulo.gif) bottom left no-repeat;
   _background:url(../images/contenedor_izquierda_bottom_titulo.gif) bottom left no-repeat;
}
span.top_recuadro_contenedor_titulo span, span.bottom_recuadro_contenedor_titulo span{
   width:6px; /* De acuerdo al tamaño de la imagen GIF */
   height:6px; /*De acuerdo al tamaño de la imagen GIF */
   float:right;
   font-size:10px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
   /*font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
}
span.top_recuadro_contenedor_titulo span{
   background:url(../images/contenedor_derecha_titulo.gif) top right no-repeat;
   _background:url(../images/contenedor_derecha_top_titulo.gif) top right no-repeat;
}
span.bottom_recuadro_contenedor_titulo span{
   background:url(../images/contenedor_derecha_titulo.gif) bottom right no-repeat;
   _background:url(../images/contenedor_derecha_bottom_titulo.gif) bottom right no-repeat;
}

div.contenido_recuadro_contenedor_titulo_img{
	margin:0 65px 0 6px;
	/*margin-right:60px;*/
	float:left;
}

div.contenido_recuadro_contenedor_titulo_texto{
	margin-top:18px;
	line-height:20px;
	font-size:1.2em;
	float:left;
}

/*Este div contendrá las explicaciones de los 3 iconos usados en la web*/
div.definicion_iconos, div.definicion_iconos_2{
	margin-right:10px;
	float:right;
	font-size:0.85em;
	text-align:right;
	/*margin:0px 10px 0px 0px;*/
}

div.definicion_iconos ul li {
	overflow:hidden;
	_margin-bottom:5px;
}

/*Este div contendrá las explicaciones de 1 icono usado en la web*/
div.definicion_iconos_2{
	margin-top:17px;
}


div.definicion_iconos img, div.definicion_iconos_2 img{
	margin-left:10px;
	vertical-align:middle;
}

/*div.definicion_iconos li.nuevo{
	list-style: none;
	background: url(rombo.gif) left bottom no-repeat;
	padding-left: 15px;
}*/

span.idioma {
	text-decoration:underline;
	font-weight:bold;
}


/*//////////////////////////////////////3. Definición de las partes del formulario genéricas//////////////////////////////////////////////*/

#contenedor_formulario{
	clear:both;
	width:100%;
	overflow:hidden;
	margin-bottom:200px;	
}
.titulo{
	font-family:Arial,verdana,Helvetica,sans-serif;
	font-size:1.5em;
	text-transform: uppercase;
	margin:0px 0px 23px 10px;
}


/*Estilo de los botones*/
.submit { 
color: #434343; 
background-color: #eaeaea; 
border: #434343; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
width:152px;
height:22px;
/*margin-left:374px;*/
margin:22px 0px 0px 374px;
}

/*Estilo de los botones al pasar por encima*/
.submit:hover { 
/*color: #ffffff;*/ 
background-color: #c3c3c3; 
} 

.campo {
	width:820px;
	margin-bottom:28px;
	overflow:hidden;
	/*height:27px;*/
}

form .campo, form .buttons {
	clear:both;
	margin:0 0 1.5em;
}

.campo label {
	display:inline;
	float:left;
	/*width:298px;*/
	width:244px;
	text-align:right;
}

input.texto_peque,input.texto_semi_largo, input.texto_largo, input.password, textarea, select, form.formulario label.error {
	font-family:Arial,verdana,Helvetica,sans-serif;
	font-size:0.9em;
}

/*Estílos comunes a todos los inputs existentes*/
input.texto_peque, input.texto_peque_boletin, input.texto_semi_peque,input.texto_semi_largo, input.texto_largo, input.password, textarea {
	/*border:1px solid #444444;*/
	border:none;
	margin-left:48px;
	padding:4px;
}

.mailing {
	width:520px;
	height:200px;
	overflow:auto;
}

.copy_portapapeles {
	clear:both;
	float:right;
}

.copy_portapapeles:hover {	cursor:pointer;}

.copy_portapapeles a{	font-weight:normal;}

select {
	width:120px;
	padding:4px;
}

/*Ancho del input pequeño (equivale al del numero de la revista*/
input.texto_peque, input.texto_peque_boletin
{
	width:40px;
}

input.texto_peque_boletin { margin-left:20px; }

input.texto_semi_peque
{
	width:145px;
	*width:140px;
	float:left;
}

/*Ancho de los input que tienen por ejemplo un boton al lado*/
input.texto_semi_largo
{
	width:415px;
	margin-right:10px;
}

/*Ancho de los input que ocupan la totalidad del espacio destinado al input*/
input.texto_largo
{
	/*width:459px;*/
	width:514px;
	_width:510px;
}
label.error{
	color:#990000;
	margin-left:25px;
	text-align:left;
	width:350px;
}

form.formulario label.error{
	clear:both;
	margin:10px 0px 10px 292px;
	width:auto;
}

form.formulario .columna2 label.error{
	margin:10px 0px 10px 217px;
}

#imagen_actual {
	clear:both;
	color:#ffffff;
	text-align:left;
	margin:10px 0px 0px 346px;
}

form.formulario .intro_texto {
	margin-left:94px;
}

span.comentario{
	font-size:0.75em;
}

form.formulario label.descripcion{
	clear:both;
	margin:26px 0px 15px 94px;
	text-align:left;
}


select.select1, select.select2, select.select3, label.error {
	font-family:Arial,verdana,Helvetica,sans-serif;
	font-size:0.875em;
}

/*Estilo del select situado a la izquierda*/
select.select1 {
	margin: 0px 5px 0px 48px;
}
/*Estilo del select situado a la derecha*/
select.select2 {
	margin: 0px 0px 0px 5px;
}

select.select3 {
	margin: 0px 5px 0px 20px;
}

.ver_todo{
	float:right;
}

.ver_todo img{
	vertical-align:middle;
	margin-left:10px;
}

.seccion_tematica{
	float:left;
	overflow:hidden;
}

.seccion_tematica_titulo{
	float:left;
	overflow:hidden;
	clear:both;
	margin-top:10px;
}

/*//////////////////////////////////////////////////////////4. PAGINACIÓN////////////////////////////////////////////////////////////////*/

#num_paginas {
	width:100%;
	text-align:center;
	font-size:0.8em;
}

#num_paginas .info_paginas {
	display:inline;
	margin: 10px;
	padding:4px;
	font-weight:bold;
	border:#990000 solid 1px;
	background-color:#990000;
}

#num_paginas a:link, #num_paginas a:visited, #num_paginas a:active, #num_paginas a:hover {
	display:inline;
	margin:5px;
	padding:4px 8px 4px 8px;
	border:#990000 solid 1px;
	background-color:#dba17d;
}

#num_paginas a:hover  {
	background-color:#c60d0d;
	font-weight:bold;
	text-decoration:none;
}

#num_paginas .pagina_actual{
	display:inline;
	margin:5px;
	padding:4px 8px 4px 8px;
	border:#666 solid 1px;
	color:#666;
	background-color:#CCC;
}

/*//////////////////////////////////////5. Definición estilos propios de las páginas//////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////REVISTA////////////////////////////////////////////////////////////////////*/


/*Estilo de la etiqueta con el texto año*/
form.formulario label.anno{
	float:none;
	margin-left:40px;
	width:50px;
}

/*Estilo del input en el que se introduce el año de la revista*/
input.anno, input.anno_boletin
{
	margin-left:10px;
	width:40px;
}

input.anno_boletin
{
	margin-left:20px;
}

/*/////////////////////////////////////////////////////ARTICULO////////////////////////////////////////////////////////////////////*/


form.formulario .radio{
	width:524px;
	margin-left:45px;
	float:left;
	text-align:left;
}

form.formulario .radio input{
	float:left;
}

form.formulario label.buttonradio{
	float: left;
	width:auto;
	margin-right:50px;
}

#secciones_y_apartados{
	width:100%;
	/*margin:0px 10px 0px 10px;*/
	overflow:hidden;
}

.bloque_seccion{
	float:left;
	overflow:hidden;
	width:215px;
	margin-bottom:15px;
}

h3.seccion{
	text-decoration:underline;
	text-transform:none;
	font-weight:bold;
	margin-bottom:12px;
	overflow:hidden;
}

.nueva_seccion {
	clear:both;
	margin:30px 0px 15px 30px;
	overflow:hidden;
}

div.recuadro_contenedor_secciones_y_apartados {
	clear:both;
	margin:40px 10px 12px 10px;
}

.bloque_seccion label{
	display:block;
	width:auto;
	margin-bottom:5px;
}

.bloque_seccion input{
	float:left;
	margin-right:13px;
	
}

#checkbox_titular{
	float:left;
	margin-left:48px;
}

#checkbox_titular input {
	vertical-align:middle;
}

/*/////////////////////////////////////////////////////LIBRO////////////////////////////////////////////////////////////////////*/

form.formulario .campo label.label2 {
	display:inline;
	float:left;
	/*width:215px;*/
	width:168px;
	text-align:right;
}

form.formulario label.buttonradio_libro{
	float: left;
	/*width:auto;*/
	/*margin-left:45px;*/
	text-align:left;
	width:121px;
	margin-right:10px;
}

.columna1{
	float:left;
	overflow:hidden;
	width:446px;
}
.columna2{
	float:left;
	overflow:hidden;
	width:369px;
}

/*/////////////////////////////////////////////////////USUARIOS////////////////////////////////////////////////////////////////////*/
div.recuadro_contenedor_form_users {
clear:both;
margin:40px 0px 12px 0px;
}

#tabla{
	border: inset 0px;
	border-top:#F4F4F4 dashed 1px;
	clear:both;
}

#tabla th, #tabla td {
padding:10px 2px 10px 2px;

}

#tabla th.cabecera{
	text-decoration:underline;
	font-weight:bold;	
}

#tabla td.claro {
	background-color:#dc9e7f;
}

#tabla td.oscuro {
	background-color:#d49271;
}

/*/////////////////////////////////////////////////////APARTADOS Y SECCIONES////////////////////////////////////////////////////////////////////*/
.bloque_edicion_seccion_apartados, .bloque_uno_edicion_seccion_apartados {
	float:left;
	overflow:hidden;
	width:333px;
	margin-left:90px;
	_margin-left:50px;
	margin-bottom:50px;
	border-bottom:1px dotted;
	*margin-top:20px;
}

.fila_contenido {
	width:100%;
	clear:both;
	overflow:hidden;
}

.bloque_uno_edicion_seccion_apartados {
	clear:left;
}

.bloque_edicion_seccion_apartados h2, #arti_online_doc h2{
	font-weight:bold;
	text-transform: uppercase;
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
	*margin-top:50px;
}

.bloque_edicion_seccion_apartados a, .bloque_uno_edicion_seccion_apartados a, #arti_online_doc a{
	float:left;
}

.bloque_edicion_seccion_apartados img, .bloque_uno_edicion_seccion_apartados img, #arti_online_doc img  {
	margin-right:12px;
}


.bloque_edicion_seccion_apartados li, .bloque_uno_edicion_seccion_apartados li {
	margin-left:30px;
	margin-bottom:5px;
	overflow:hidden;
}

span.new {
	text-decoration:underline;
}

/*contiene el título y en enlace para crear una nueva seccion dentro de "Artículos, artículos online y documentos"*/
#arti_online_doc{
	margin:0px 0px 20px 97px;
	/*margin-left:97px;
	margin-bottom:20px;*/
	clear:both;
	overflow:hidden;
}




/*///////////////////////////////////////////////////FORMULARIO APARTADO SECCION////////////////////////////////////////////////////////////////////*/
#form_contenerdor_apartsec{
	overflow:hidden;
	width:484px;
	background-color:#990000;
}

#apartadossecciones div.recuadro_contenedor{
	width:476px;
	overflow:hidden;
   background:#fff;
   margin: 10px 5px;
}

#apartadossecciones div.recuadro_contenedor_titulo{
   width:100%;
   height:inherit;
   background:#990000;
}

#form_contenerdor_apartsec .campo {
	width:100%;
	margin-bottom:15px;
	overflow:hidden;
	clear:both;
	/*height:27px;*/
}

#form_contenerdor_apartsec .submit {
	margin-left:174px;
}

#form_contenerdor_apartsec .campo label {
	width:150px;
	/*margin-right:20px;*/
	height:20px;
	/*overflow:auto;*/
	margin-top:5px;
	font-size:14px;
	*margin-top:7px;
	*line-height:10px;
}

#form_contenerdor_apartsec input.texto_semi_peque
{
	width:200px;
	border:1px solid #990000;
}

/*/////////////////////////////////////////////////////////////LISTADO REVISTAS////////////////////////////////////////////////////////////////////*/
div.recuadro_contenedor_lista_revistas {
clear:both;
margin:40px 0px 12px 0px;
}

.revista {
	margin-bottom:28px;
	overflow:hidden;
	width:100%;
	background-image:url(../images/fondo_info_revista.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.columna1_revista {
	margin-left:19px;
	_margin-left:10px;
	margin-bottom:15px;
	float:left;
	width:141px;
}

.img_revista {
	border:1px solid #FFF;
	clear:both;
}

.ver_contenido{
	text-align:right;
	margin-right:10px;
	margin-top:5px;
	/*background:url(../images/editar.gif) top right no-repeat; */
}

.columna2_revista {
	width:701px;
	float:left;
	overflow:auto;
}

.campo_revista {
	clear:both;
	width:100%;
	overflow:auto;
	margin-bottom:15px;
}
.campo_revista_c1 {
	float:left;
	width:115px;
	text-align:right;
}

.campo_revista_c2 {
	float:left;
	/*width:auto;*/
	margin-left:48px;
}

.campo_revista_c3 {
	float:right;
	text-align:right;
	/*width:auto;*/
}

.negrita {
	font-weight:bold;
}

.revista a img {
	margin-left:10px;
	vertical-align:middle;
}

/*////////////////////////////////////////////////////////CONTENIDO REVISTA/////////////////////////////////////////////////////*/
div.recuadro_contenedor_contenido_revista {
clear:both;
margin:40px 0px 12px 0px;
}

div.recuadro_contenedor_contenido_revista table {
	margin: 10px 0px 50px 0px;
}


div.recuadro_contenedor_contenido_revista .titulo{
	margin:0px 10px 10px 10px;
	display:inline;
	font-size:1.4em;
	clear:left;
	/*font-weight:bold;*/
}
div.recuadro_contenedor_contenido_revista .subtitulo{
	margin:0px 10px 10px 10px;
	display:inline;
	font-size:1.4em;
	clear:left;
	/*font-weight:bold;*/
}