/*******************ERIC MEYER'S CSS RESET STYLES********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*******************FIN ERIC MEYER'S CSS RESET STYLES********************************************/

/*******************LAYOUT********************************************/
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#FFF;
		max-width:1000px;
		min-width:600px; 	/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:65%;
		font-family:"Trebuchet MS", Verdana, Arial;
	}
	
	div#contenido {
		width:1000px;
		position:absolute;
		left:50%;
		margin-left:-500px;
	}
	
	a {
		color:#369;
		text-decoration:none;
	}

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

	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0;
		border:0;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height:180px; 
		background-image:url(/images/cabecera.jpg);
	}
	
	#header h1{
		width:35%;
		height:auto;
		line-height:95%;
		font-family:"Trebuchet MS";
		font-size:3.2em!important;
		color:#4F0F6D;
		font-weight:bold;
		margin:22px 0 0 32%;
	}

	#header h2 
	{
		position:absolute;
		right:6%;
		top:15px;
		padding:0;
	}

	#header p {
		width:60px;
		float:right;
		margin:20px 0 0 14%;
		padding:0;
	}
	
	#header p a {
		font-size:1.3em;
		color:#4F0F6D;
		font-weight:700;
	}
	
	#header p a:hover {
		color:#27A25F;
	}
	
	#temas { 
		width:297px;			/* right column content width (right column width minus left and right padding) */
		left:29%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		margin:0px 0px 0px 0px;
		padding:15px;
	} 

	#temas ul { 
		list-style: none; 
		margin: 0px; 
		padding: 0px; 
		font-family:Verdana,Arial, Helvetica, sans-serif; 
		font-size:0.8em; 
		font-weight: bolder;
	} 

	#temas ul li{
		text-align:right;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		font-family:Trebuchet MS;
		font-size:1.8em;
		font-weight:700;
	}

	#temas li a { 
		text-decoration: none;
		height: 40px; 
		display: block; 
		padding: 15px 10px 0 0px;
		background: url(/images/menus.gif);
	} 

	#temas ul li a{ 
		color: #4F0F6D;
		background-position: 0 -58px;
	} 


	#temas ul li a:hover, #temas ul li a.activo{ 
		color: #FFD074; 
		background-position: 0 0px;
	} 

	#temas ul li a:active { 
		color: #fff; 
		background-position: 0 -117px;
	} 


	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		margin:0;
		padding:6px 15px !important;
	}

	#layoutdims p {
		padding:.4em 15px 0 15px;
		color:#E20A15;
		font-weight:700;
		font-style:italic;
		font-size:1.2em;
		text-align:center;
	}

	#layoutdims p span {
		color:#000;
		font-weight:700;
		font-style:italic;
	}


	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}

	.col1,
	.col2,
	#temas {
		float:left;
		position:relative;
		padding:0 0 1.2em 0;
		overflow:hidden;
	}
	
	/* 2 Column (right menu) settings */
	.fondo-lateral{
		background:#EBDCF0 url(/images/fondo-lateral.gif) repeat;
		/*background:#EBDCF0;*/
	}
	.rightmenu {
		margin-top:0px;
	}

	.rightmenu .colleft {
		right:25%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		min-height:650px;
		height:auto !important;
		width:65%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
		margin-top:10px;
	}
	
	.rightmenu .col1 p {
		margin-top:30px;
		color:#000;
		font-size:1em;
	}
	
	.rightmenu .col1 p.no_resultados {
		margin-top:100px;
		color:#000;
		font-size:2em;
		text-align:center;
	}
	
	.rightmenu .col1 div#buscador{
		text-align:right;
		margin:30px 5px 0px 0px;
	}

	#form_buscador input {
		width:242px;
		margin:0 0 4px;
		border:1px solid #EBDCF0;
		background:#FFF none;
		font-size:9pt;
	}

	.rightmenu .col1 div#buscador label{
		color:#4F0F6D;
		font-size:1.1em;
		font-weight:700;
		margin-right:5px;
		
	}

	.rightmenu .col1 div#buscador img{
		margin: 0px 0px 0px 5px;
		padding: 0px 0px 0px 0px;
	}

	.rightmenu .col1 .n_resultados{
		width:90%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size:1.2em;
		color:#B485CA;
		font-weight:700;
	}
	
	.rightmenu .col1 ul.registro {
		float:left;
		width:99%;
		color:#000;
		padding:0.5em 0 0.5em 0.2em;
		margin:0;
	}
	

	.rightmenu .col1 ul.cabecera {
		font-weight:700;
		color:#D47801;
		font-size:1.5em;
		background-color:#FFF;
		margin-top:1.5em
	}

	.rightmenu .col1 ul.registro li.columna_fecha,
	.rightmenu .col1 ul.registro li.columna_titulo,
	.rightmenu .col1 ul.registro li.columna_tematica {
		float:left;
		padding:0;
		margin:0;
	}
	
	.rightmenu .col1 ul.registro li.columna_fecha {
		width:90px;
	}

	.rightmenu .col1 ul.registro li.columna_titulo {
		width:340px;
	}

	.rightmenu .col1 ul.registro li.columna_tematica {
		width:200px;
	}
	
	.rightmenu .col1 ul.registro li a {
		padding:0;
		margin:0;
		color:#444468;
		font-weight:700;
		font-size:1.1em;
	}

	.rightmenu .col1 ul.registro li a:hover {
		text-decoration:underline;
	}
	.rightmenu .col1 h2 {
		color:#6c15a0;
		font-size:2em;
		font-weight:700;
		width:91%;
		float:left;
	}

	.rightmenu .col1 div.titulo img{
		margin:15px 15px 15px 0;
		float:left;
	}
	
	.rightmenu .col1 div.director div.titulo{
		margin:0px 0px 0px 50px;
	}
	
	.rightmenu .col1 div.director div.titulo .post_fecha{
		color:#B485CA;
		font-weight:bold;
		width:90%;
	}
	
	.rightmenu .col1 div.director .linea{
		background-color:#E5DBE9;
	}

	.rightmenu .col1 div.director div.parrafo {
		margin:1.5em 0 0 1.3em;
		float:left;
		line-height:140%;
		width:97% !important;
		width:590px;
	}
	
	.rightmenu .col1 div.director div.parrafo img{
		display:block;
		clear:both;
		margin:0 0 15px 0;
		float:left;
	}

	.rightmenu .col1 div.director div.parrafo div{
		float:left;
		margin:0 0 0 20px;
		font-size:1.2em;
		text-align:justify;
		font-weight:400;
		width:68% !important;
	}
	
	.rightmenu .col1 div.director div.parrafo h3{
		font-size:1.2em;
		color:#D47801;
		margin:0px 0px 10px 0px;
		padding:0;
		font-weight:700;
	}

	.rightmenu .col1 div.post_fecha{
		font-size:1.2em;
		color:#060606;
	}
	
	.rightmenu .col1 div.parrafo {
		margin:1.5em 0 0 7em;
		float:left;
		line-height:140%;
		width:90% !important;
		width:590px;
	}

	.rightmenu .col1 div.parrafo div {
		float:left;
		margin:0 0 0 15px;
		font-size:1.2em;
		text-align:justify;
		font-weight:400;
		width:94% !important;
		width:460px;
	}

	.rightmenu .col1 div.parrafo div img{
		display:block;
		clear:both;
		margin:0 0 15px 0;
	}

	.rightmenu .col1 div.parrafo div ul, li{
		margin:1em 0 0 1.5em;
	}

	.rightmenu .col1 div.parrafo div.seguir-leyendo {
		float:left;
		margin:1em 0 0 0em;
	}

	.rightmenu .col1 div.parrafo div.seguir-leyendo a {
		font-size:1em;
		font-weight:400;
		color:#9a744d;
		border-bottom: 1px dashed #776750;
		float:left;
	}

	.rightmenu .col1 div.parrafo div.seguir-leyendo a:hover {
		color:#664383;
	}

	.rightmenu .col1 div.parrafo img {
		float:left;
	}
	
	.rightmenu .col1 div.parrafo div.comentarios{
		float:left;
		margin:1em 0 0 0em;
		font-weight:400;
		color:#946f38;
	}
	
	.rightmenu .col1 div.parrafo div.comentarios a{
		font-size:1.2em;
		font-weight:400;
		color:#946f38;
	}

	.rightmenu .col1 div.parrafo div.comentarios a:hover{
		color:#27A25F;
	}

	.rightmenu .col1 div.parrafo div h3{
		font-size:1.2em;
		color:#D47801;
		margin:0;
		padding:0;
		font-weight:700;
	}

	.rightmenu .col1 div.comentario {
		margin:1em 1.5em 0 6.8em;
		float:left;
		line-height:140%;
		width:88%;
	}

	.rightmenu .col1 div.comentario div.linea {
		float:left;
		clear:both;
		display:block;
		background:#776750;
		height:2px;
		line-height:2px;
		margin:10px 0;
		width:99%;
	}

	.rightmenu .col1 div.comentario div.datos_autor {
		float:left;
		line-height:140%;
		width:15.5em;
		clear:both;
		font-size:1.1em;
	}

	.rightmenu .col1 div.comentario div.datos_comentario {
		float:right;
		line-height:140%;
		width:31em;
		font-size:1.2em;
		text-align:justify;
		color:#664383;
	}

	.rightmenu .col1 div.comentario div.datos_comentario img {
		float:left;
	}

	.rightmenu .col1 div.comentario div.datos_comentario div {
		float:left;
		margin-left:10px;
		width:90%;
	}

	.rightmenu .col1 div.comentario div.datos_comentario p {
		float:left;
		margin-left:0px;
		width:90%;
	}

	.rightmenu .col1 div.comentario div.datos_comentario p a {
		font-size:1em;
		color:#9a744d;
	}

	.rightmenu .col1 div.comentario div.datos_comentario p a:hover {
		font-size:1em;
		color:#664383;
	}

	.rightmenu .col1 div.comentario div.datos_comentario div div {
		float:left;
		margin-left:0px;
		width:100%;
	}

	.rightmenu .col1 div.comentario div.datos_autor .contador {
		color:#95662e;
		font-size:2em;
		font-weight:700;
		margin:40px 0px 0px 50px;
	}
	.coment_autor {
		color:#030303;
	}

	.coment_autor span	{
		color:#63347c;
	}

	.coment_autor a	{
		color:#7b6b51;
	}
	
	.coment_email a	{
		color:#63347c;
	}

	.coment_fecha span {
		color:#63347c;
	}

	.coment_fecha {
		color:#7b6b51;
	}
	

	.rightmenu .col1 div.area-tematica {
		margin:1.5em 1.5em 0 3.5em;
		float:left;
		line-height:140%;
		width:93%;
	}
		
	.rightmenu .col1 div.area-tematica p {
		clear:both;
		float:left;
		color:#E20A15;
		font-size:1.1em;
		margin-left:42px;
	}

	.rightmenu .col1 div.area-tematica p.pie {
		clear:both;
		float:left;
		color:#9f7f58;
		font-size:1.1em;
		margin:10px 0 0 42px;
		width:92%;
		text-align:justify;
	}

	.rightmenu .col1 div.area-tematica img {
		float:left;
	}
	
	.rightmenu .col1 div.area-tematica div.area_subtitulo {
		float:left;
		margin:0 0 5px 15px;
		color:#6c15a0;
		font-size:1.2em;
		font-weight:700;
		width:92%;
	}

	.rightmenu .col1 div.area-tematica div.area_descripcion {
		float:left;
		margin:0 0 0 15px;
		font-size:1.2em;
		text-align:justify;
		font-weight:400;
		width:92%;
		color:#060606;
	}
	

	.rightmenu .col1 div.area-tematica div.area_foto {
		clear:both;
	}
	
	.rightmenu .col1 div.area-tematica div.area_video,
	.rightmenu .col1 div.area-tematica div.area_foto,
	.rightmenu .col1 div.area-tematica div.area_fichero,
	.rightmenu .col1 div.area-tematica div.area_enlace {
		clear:both;
		float:left;
		margin:1.5em 0 0 4em;
		width:90%;
	}

	.rightmenu .col1 div.area-tematica div.area_enlace p {
		color:#E20A15;
		font-size:1.1em;
	}

	.rightmenu .col1 div.area-tematica div.area_enlace p a {
		color:#27A25F;
		text-decoration:underline;
	}

	.rightmenu .col1 div.area-tematica div.area_enlace p a:hover {
		color:#E20A15;
	}
	
	.rightmenu .col1 div.area-tematica div.area_fichero a {
		color:#9f7f58;
		display:block;
		width:500px;
		font-size:1.1em;
	}

	.rightmenu .col1 div.area-tematica div.area_fichero a span{
		color:#9f7f58;
		border-bottom:1px dashed #b7ada1;
		margin-right:10px;
		font-weight:bold;
		float:left;
	}

	.rightmenu .col1 div.area-tematica div.area_fichero a:hover, .rightmenu .col1 div.area-tematica div.area_fichero a:hover span{
		color:#664383;
	}

	.rightmenu .col1 div.area-tematica div.area_fichero a img {
		float:none;
	}
	
	.rightmenu .col1 div.area-tematica div h3{
		font-size:1.2em;
		color:#E20A15;
		margin:0;
		padding:0;
	}
	
	.rightmenu .col2 {
		width:266px;			/* right column content width (right column width minus left and right padding) */
		left:29%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		margin:0px 0px 0px 0px;
		padding:0px 15px 0px 15px;
	}
	

	.rightmenu .col2 img{
		float:left;
	}
	
	.rightmenu .lateral-superior{
		background-image:url(/images/lateral-superior.gif);
		margin:0px 0px 15px -15px;
		padding:0px 0px 0px 0px;
		width:296px;
		height:19px;
	}
	
	.rightmenu .lateral-inferior{
		background-image:url(/images//lateral-inferior.gif);
		margin:0px 0px 0px -15px;
		padding:0px 0px 0px 0px;
		width:296px;
		height:19px;
	}

	.rightmenu .col2 .lista1 li img{
		float:none;
	}
	.rightmenu .col2 h2 {
		margin-bottom:2em;
		margin-left:30px;
		margin-top:2px;
		color:#5655EE;
		font-size:1.2em;
		font-weight:700;
		border-bottom:2px solid #D6D3FB;
	}

	.rightmenu .col2 ul {
		margin:-20px 0 20px 4em;
		padding:0;
	}

	.rightmenu .col2 ul li {
		list-style:none;
		color:#373793;
		font-size:1.2em;
		font-weight:700;
		margin:0px 0px 0px 10px;
		padding:0px 0px 0px 5px;
	}
	
	.rightmenu .col2 ul.lista1 li {
		list-style-image:url(/images//icono-lista1.gif);
	}
	
	.rightmenu .col2 ul.lista2 li {
		list-style-image:url(/images//icono-lista2.gif);
	}

	.rightmenu .col2 ul.lista3 li {
		list-style-image:url(/images//icono-buzon.gif);
	}

	.rightmenu .col2 ul li a {
		color:#373793;
		font-size:1em;
		font-weight:700;
	}	

	.rightmenu .col2 ul li a:hover {
		color:#27A25F;
	}	

	.rightmenu .col2 ul li a.activo {
		color:#27A25F;
	}	
	
	#form_contacto {
		margin:-20px 0 5px 4em;
		padding:0;
		font-size:7pt;
		color:#623B74;
	}
	#form_contacto label {
		clear:left;
		float:left;
		width:60px;
		margin:0 0 4px;
	}
	#form_contacto input {
		float:right;
		width:159px;
		margin:0 0 4px;
		border:1px solid #EBDCF0;
		background:#FFF none;
		font-size:7pt;
	}
	
	#form_contacto textarea {
		float:right;
		width:159px;
		margin:0 0 4px;
		border:1px solid #EBDCF0;
		background:#FFF none;
		font-size:8pt;
	}

	#form_contacto textarea#txtcomentarios {
		height:90px;
	}
	#form_contacto p {
		margin-left:0;padding:0;
	}

	#form_contacto .botonera {
		clear:both;
		padding:4px 0 0;
		text-align:left;
	}
	#form_contacto .botonera a {
		clear:both;
		float:right;
		width:auto;
		color:#4F0F6D;
		font-weight:bold;
	}

	#cmb_archivo{
		width:235px;
		margin:-4px 0px 10px 30px;
		border:1px solid #EBDCF0;
		background:#FFF none;
		font-size:9pt;
	}

	.rightmenu .col2 .col3{
		margin:0px 0px 0px 0px;
	}
	
	.rightmenu .col2 .col3 h2{
		font-size:1.2em;
		color:#5655EE;
		font-weight:bold;
		margin:7px 0px 3px 1px;
		border-bottom:0px;
	}
	
	.rightmenu .col2 .col3 h2.primero{
		margin:-15px 0px 1px 1px;
	}
	
	.rightmenu .col2 .col3 h3{
		font-size:1em;
		color:#B94679;
		font-weight:bold;
		margin:2px 0px 0px 25px;
	}

	.rightmenu .col2 .col3 img{
		float:none;
		margin:0px 0px 0px 22px;
	}
	

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		margin-top:10px;
	}

	.formulario {
		font-size:1.1em;
		margin:0 10px 0 0;
	}
	
	.formulario div {
		clear:both;
		float:right;
		margin:15px 0 0 0;
	}

	.formulario div input {
		background-color:#7a15a1;
		color:#FFF;
		font-weight:700;
		font-size:11px;
		border:none;
		width:70px;
		height:18px;
		padding:0;
		margin-right: 8px;
	}

	.formulario input#btnEnviar:hover {
		color:#A36929;
	}

	.formulario fieldset {
		width:425px;
		float:right;
		margin:2.5em 0 0 0;
		border:none;
	}
	
	.formulario fieldset legend {
		color:#620f95;
		font-size:1.3em;
		font-weight:700;
	}
		
	.formulario fieldset ol {
		margin: 0;
		padding: 0;
	}
	
	.formulario fieldset li {
		list-style: none;
		padding: 5px 0 5px 15px;
		margin: 0;
	}
	
	.formulario fieldset label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
		width:100px;
	}
	
	.formulario fieldset input {
		background-color:#FDE7E9;
		width:300px;
		height:15px;
		border:dashed 1px #5B3F70;
		color:#040404;
	}

	.formulario fieldset input#captchacode{
		width:100px;
	}

	.formulario fieldset input#email_publico{
		width:15px;
	}
	
	.formulario fieldset label.email_publico{
		width:388px;
	}

	.formulario fieldset textarea {
		background-color:#FDE7E9;
		width:300px;
		height:115px;
		border:dashed 1px #5B3F70;
		overflow: auto;
	}

	.linea {
		display:block;
		background:#776750;
		height:4px;
		line-height:4px;
		margin-top:10px;
		width:98%;
	}

	.limpiar {width:0; height:0; clear:both; float:none; display:block; overflow:hidden;}
	
	#capaFondo1 {
		background-color: #888;
		position: absolute;
		visibility:hidden;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		width:100%;
		height:100%;
		padding-bottom: 10000px;
		margin-bottom: -10000px; 
		z-index:2;
	}