/* Hoja de estilos para la notas */

img { border: 0px; margin: 0 0 0 0; }

.boxes_titles{
	border-bottom: dotted 1px #DBDBDB;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight: bold;
	text-transform: uppercase;
}

label,input {
	display: block;
		float: left;
	margin-bottom: 6px;
}

br {
	clear: left;
}

/* Parte superior de la Nota (volanta-titulo-copete) */
div#news_head {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
	/* Volanta */
	div#news_head h3 {
		margin: 0px;
		font-size: 11px;
		color: #444;
		font-weight: normal;
		text-transform: uppercase;
	}
	/* Titulo */
	div#news_head h4 {
		color: #0c4556;
		margin: 4px 0px 5px 0px;
		font-size: 16px;
		text-align: left;
	}
	/* Copete */
	div#news_head h5 {
		margin: 0px;
		font-size: 12px;
		color: #333;
		font-weight: bold;
		line-height: 20px;
		text-align: left;
	}

div#foto_subnotas {
	float: right;
	width: 202px;
	margin: 10px 0px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
}
	div#foto_subnotas .imagen {
		border: solid 1px #DBDBDB;
	}
		div#foto_subnotas .imagen .epigrafe {
			background: #F9F9F9;
			font-size: 10px;
			font-style: normal;
			line-height: 12px;
			padding: 3px;
		}
	/* Subnotas */
	div#subnotas {
		border: solid 1px #DBDBDB;
		background: #F9F9F9;
		margin-top: 15px;
		color: #444;
	}
		div#subnotas strong {
			display: block;
			font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
			background: #EEE url(/commons/imgs/notas/titulo_bloques.gif) top repeat-x;
			padding: 5px;
			border-bottom: dotted 1px #DBDBDB;
			color: #444;
			margin-bottom: 5px;
		}
		div#subnotas ul {
			font-size: 12px;
			line-height: 14px;
			margin: 0px;
			padding: 5px 5px 5px 0px;
		}
			div#subnotas ul li {
				margin-left: 25px;
				margin-bottom: 5px;
			}
			div#subnotas ul li a {
				color: #444;
				padding-left: -5px;
				}
				div#subnotas ul li a:hover {
					color: #000;
				}

/* Resto de la nota: comandos, autor, nota, foto, epigrafe y subnotas.
   nota_bot contiene dos bloques flotantes: comando y nota.
   A su vez nota contiene otro flotante a la derecha: caja_derecha,
   que contiene la imagen, el epigrafe y las subnotas */
div#nota {
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
	/* Link a la nota madre */
	div#nota_madre {
		color: #666;
		border-top: solid 1px #DBDBDB;
		background: #F9F9F9;
		text-align: center;
		font-size: 12px;
		padding: 3px;
	}
	/* Comandos de la izquierda de la nota */
	div#comandos_left {
		float: left;
		width: 35px;
	}
		div#comandos_left a img {
			display: block;
		}
	div#autor {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	div#fechas {
		font-size: 12px;
		font-weight: bold;
		margin-right: 15px;
		color: #666;
		text-align: right;
	}
	/* Contiene el texto principal de la nota */
	div#cuerpo {
	font-size: 13px;
	line-height: 1.5em;
	margin-left: 40px;
	text-align: left;
	}
		div#cuerpo br {
		}
		/* Etiquetas para el formato de una nota.
		   Acá se definen todas las etiquetas que se usaran
		   en el cuerpo de una nota */
		div#cuerpo p {
			margin: 0px 0px 10px 0px;
		}
		div#cuerpo h1 { }
		div#cuerpo h2 {
			font-size: 20px;
			border-bottom: dotted 1px #DBDBDB;
			padding-bottom: 5px;
			margin: 30px 0px 20px 0px;
		}
			div#cuerpo > h2:first-child { margin-top: 0px; } /* Solo Firefox (fucking IE) */

		div#cuerpo h3 {
			margin: 30px 0px 10px 0px;
			font-size: 16px;
		}

			div#cuerpo > h3:first-child { margin-top: 0px; } /* Solo Firefox (fucking IE) */

		div#cuerpo h4 {
			margin: 20px 0px 2px 0px;
			font-size: 13px;
		}

		div#cuerpo h5 { }

		div#cuerpo b { }
		div#cuerpo strong { }
		div#cuerpo i { }
		div#cuerpo em { }

	/* Comandos debajo de la nota */
	div#comandos_bot {
		padding-top: 15px;
		text-align: right;
	}


#claves {
	margin-top: 15px;
	padding: 5px;
	border: solid 1px #DBDBDB;
	border-left: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}


	#claves #titulo_clave {
		font-weight: bold;
		font-size: 13px;
		border-bottom: dotted 1px #AAA;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	#claves #cuerpo_clave {
	}

/* Se aplica a formulario para enviar articulo por mail */
#email {
	font: normal 11px Tahoma, Helvetica, sans-serif;
	background: #F8F8F8;
	border: solid 1px #DBDBDB;
	width: 450px;
	padding: 0px;
}

	#email #form_style {
	background: none ! important;
	padding: 0px ! important;
	margin: 0px ! important;
	height: 151px ! important;

	}

	#email #m_cerrar {
		float: right;
		padding: 5px;
		color: #666;
	}

		#m_cerrar a { color: #666 }
		#m_cerrar a:hover { color: #000 }

	#email #m_tit {
		padding: 5px;
		margin-left: 5px;
	}

	#form_style .m_label {
		text-align: right;
		width: 100px;
		padding-right: 20px;
	}

	#form_style .m_submit {
		font-size: 11px;
		padding-left: 120px;
	}

/* Se aplica a formulario para enviar comentarios */
#comment {

	font: normal 11px Tahoma, Helvetica, sans-serif;
	background: #F8F8F8;
	border: solid 1px #DBDBDB;
	width: 450px;
	padding-left: 5px;
	margin-top: 10px;
	margin-left: 40px;
}

	#comment #form_style_c {
/*		background: none ! important;
		padding: 0px ! important;
		margin: 0px ! important;
		height: 151px ! important;
*/
	}

	#comment #c_cerrar {
		float: right;
		padding: 5px;
		color: #666;
	}
		#c_cerrar a { color: #666 }
		#c_cerrar a:hover { color: #000 }

	#comment #cm_tit {
		padding: 5px;
		margin-left: 5px;
	}

	#comment form {
		border: none ! important;
		margin: 0px;
		padding: 0px;
	}

	#form_style_c .c_label {
		text-align: right;
		width: 100px;
		padding-right: 20px;
	}

	#form_style_c .c_submit {
		font-size: 11px;
		padding: 2px 0px 3px 120px;
	}

#comment_lists {
	font-family: Tahoma, Helvetica, sans-serif;
	border: solid 1px #DBDBDB;
	font-size: 11px;
	padding: 10px;
	width: 100%;
}
	#comment_lists #even {
		background: #fff;
		padding: 10px;
	}
	#comment_lists #ods {
		background: #F8F8F8;
		padding: 10px;
	}
	#comment_lists #info {
		padding: 10px;
	}

/* Se aplica a caja con información del texto */
#textinfo {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background: #F8F8F8;
	border: solid 1px #DBDBDB;
	width: 450px;
}

	#textinfo #i_cerrar {
		float: right;
		padding: 5px;
		color: #666;
	}
		#i_cerrar a { color: #666 }
		#i_cerrar a:hover { color: #000 }

	#textinfo #i_tit {
		padding: 5px;
		margin-left: 5px;
	}

	#textinfo ul {
		padding: 0 0 4px 0;
		margin: 0 0 0 20px;
	}
	#textinfo #txtlist li {
		display: inline;
		list-style-type: none;
		padding-right: 30px;
	}

/* End Boxes */

	.img_new_header {
	border: 1px solid #666666;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 2px;
	float: left;
	}

	/*Se aplica al formulario de contacto*/
	#contactar_form {
	font: normal 11px Tahoma, Helvetica, sans-serif;
	background: #EFF7F7;
	border: solid 1px #DBDBDB;
	width: 474px;
	padding: 0px;
	font-weight:bold;
	margin-left:15px;

}
	#contactar_form .INPUTSMALL {
		border:1px solid #D6DFDE;
		color:#3D5C71;
	}
	#contactar_form .captchapict {
		border:1px solid #D6DFDE;
		color:#3D5C71;
	}
	#contactar_form #form_style {
	background: none ! important;
	padding: 0px ! important;
	margin: 0px ! important;
	height: 151px ! important;

	}

	#contactar_form #m_cerrar {
		float: right;
		padding: 5px;
		color: #666;
	}

		#m_cerrar a { color: #666 }
		#m_cerrar a:hover { color: #000 }

	#contactar_form #m_tit {
		color:#000033;
		padding: 5px;
		margin-left: 5px;
	}

	#contactar_form form {
		border: none ! important;
		margin: 0px;
		padding: 0px;
	}

	#form_style table td {
		padding: 2px;
	}

	#form_style table td.t_tit {
		font-size: 11px;
		padding-left: 20px;
	}
	.bannerbar li{
		display:inline;
		padding:3px;
		width:auto;
	}