/* vim: set foldmethod=marker: */
/* vim: set syntax=css: */
/* vim: set autoindent: */
/* vim: set tabstop=3: */
/* vim: set nu: */

/* 
	Leonardo Vidarte
	lvidarte[at]gmail
	webmaster Pagina/12
*/

/* Hoja de estilos para una nota estandar */

/* #nota_top {{{ */
/* Parte superior de la Nota (volanta-titulo-copete) */
div#nota_top {
	border-top: solid 1px #DBDBDB;
	padding: 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

	/* Volanta */
	div#nota_top h5 {
		margin: 0px;
		font-size: 11px;
		color: #444;
		font-weight: normal;
		text-transform: uppercase;
	}

	/* Titulo */
	div#nota_top h2 {
		margin: 15px 0px 5px 0px;
		font-size: 24px;
	}

	/* Copete */
	div#nota_top h4 {
		margin: 0px;
		font-size: 14px;
		color: #333;
		font-weight: normal;
		line-height: 20px;
	}

		div#nota_top h4 a {
			color: #1D53A1;
			border-bottom: dashed 1px #AAA;
		}
	
		div#nota_top h4 a:hover {
			color: #1D53A1;
			text-decoration: none;
			border-bottom: solid 1px #000;
		}

		div#nota_top h4 a:visited {
			color: #993399;
		}

/* #nota_top }}} */
/* #foto_subnotas {{{ */
div#foto_subnotas {
	float: right;
	width: 302px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
	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: dashed 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;
				}
/* #foto_subnotas }}} */
/* #nota {{{ */
/* Resto de la nota: botoneras, autor, nota, foto, epigrafe y subnotas.
   nota_bot contiene dos bloques flotantes: botonera 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;
	}
	
	/* Botonera de la izquierda de la nota */
	div#botonera_left {
		float: left;
		width: 35px;
	}
		
		div#botonera_left a img {
			display: block;
		}
			
	div#autor {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	/* Botonera debajo de la nota */
	div#botonera_bot {
		padding-top: 15px;
		text-align: right;
	}
/* #nota }}} */
/* #cuerpo {{{ */
/* Contiene el texto principal de la nota */
div#cuerpo {
	font-size: 13px;
	margin-left: 5px;
}

	div#cuerpo a {
		color: #1D53A1;
		border-bottom: dashed 1px #AAA;
	}
	
	div#cuerpo a:hover {
		color: #1D53A1;
		text-decoration: none;
		border-bottom: solid 1px #000;
	}

	div#cuerpo a:visited {
		color: #993399;
	}
	
	div#cuerpo hr {
		display: block;
		color: #000;
		background-color: #CBDFFF;
		height: 1px;
		border: none;
	}

	div#cuerpo p {
		margin: 10px 0px;
		line-height: 1.5em;
	}

	div#cuerpo p.autor {
		margin: 10px 0px -10px 0px;
		font-weight: bold;
		font-style: italic;
	}

	div#cuerpo p.letrachica {
		font-size: .85em;
		line-height: 1.3em;
		margin-top: 5px;
	}

	div#cuerpo h1 {
		font-size: 1.8em;
		margin: 20px 0px 10px 0px;
	}

		div#cuerpo > h1:first-child { margin-top: 0px } /* Solo Firefox */

	div#cuerpo h2 {
		/*font-size: 20px;*/
		font-size: 1.6em;
		margin: 20px 0px 10px 0px;
		padding-bottom: 5px;
		border-bottom: dashed 1px #DBDBDB;
	}

		div#cuerpo > h2:first-child { margin-top: 0px } /* Solo Firefox */

	div#cuerpo h3 {
		/*font-size: 18px;*/
		font-size: 1.45em;
		margin: 10px 0px;
	}

		div#cuerpo > h3:first-child { margin-top: 0px } /* Solo Firefox */

	div#cuerpo h4 { 
		/*font-size: 14px;*/
		font-size: 1em;
		line-height: 1.5em;
		margin: 10px 0px;
	}
		
	div#cuerpo h5 {
		/*font-size: 12px;*/
		font-size: .85em;
		margin: 5px 0px
	}

	div#cuerpo .margen0, div#cuerpo .primera, div#cuerpo .first { margin-top: 0px ! important }
	div#cuerpo .margen10 { margin-top: 10px ! important }
	div#cuerpo .margen20 { margin-top: 20px ! important }
	div#cuerpo .margen30 { margin-top: 30px ! important }
	div#cuerpo .margen40 { margin-top: 40px ! important }
	div#cuerpo .margen50 { margin-top: 50px ! important }
	div#cuerpo .nomargen { margin: 0px ! important }

	div#cuerpo .noborde, div#cuerpo .borde0 {
		border: none;
		padding: 0px ! important;
	}
	div#cuerpo .borde, div#cuerpo .borde1 { border: solid 1px #DBDBDB ! important }
	div#cuerpo .borde2 { border: dashed 1px #DBDBDB	! important }

	div#cuerpo .fgrojo { color: #CF1920 ! important }
	div#cuerpo .fgazul { color: #1D53A1 ! important }
	div#cuerpo .fgverde { color: #396 ! important }
	div#cuerpo .fgamarillo { color: #FC3 ! important }
	div#cuerpo .fgocre { color: #996 ! important }
	div#cuerpo .fgturquesa { color: #399 ! important }
	div#cuerpo .fgvioleta { color: #669 ! important }
	div#cuerpo .fgnaranja { color: #F63 ! important }
	div#cuerpo .fgblanco { color: #FFF ! important }
	div#cuerpo .fgnegro { color: #000 ! important }
	div#cuerpo .fggris { color: #666 ! important }
	
	div#cuerpo .bgrojo { background-color: #FFEFF4 ! important }
	div#cuerpo .bgazul { background-color: #E2ECF6 ! important }
	div#cuerpo .bgverde { background-color: #EFFFEF ! important }
	div#cuerpo .bgamarillo { background-color: #FFFFEF ! important }
	div#cuerpo .bgocre { background-color: #EFE7D1 ! important }
	div#cuerpo .bgturquesa { background-color: #EFFFFD ! important }
	div#cuerpo .bgvioleta { background-color: #FFEFFF ! important }
	div#cuerpo .bgnaranja { background-color: #FFF3DF ! important }
	div#cuerpo .bgblanco { background-color: #FFF ! important }
	div#cuerpo .bgnegro { background-color: #000 ! important }
	div#cuerpo .bggris { background-color: #F5F5F5 ! important }
	
	div#cuerpo .mayusculas { text-transform: uppercase ! important }
	
	div#cuerpo b { }
	div#cuerpo strong { }
	div#cuerpo i { }
	div#cuerpo em { }

	div#cuerpo pre {
		width: 440px;
		overflow: scroll;
		padding: 10px;
		margin: 10px 0px;
		border: dashed 1px #DBDBDB;
		background: #F5F5F5;
	}
	
	div#cuerpo .izq {
		float: left;
		margin: 10px 10px 5px 0px;
	}
	
	div#cuerpo .der {
		float: right;
		margin: 10px 0px 5px 10px;
	}

	div#cuerpo .centro {
		_text-align: center; /* hack IE6 */
		margin: 10px 0px 5px 0px;
	}

	div#cuerpo .foto {
		_text-align: left; /* hack IE6 */
		padding: 5px;
		margin: 0 auto;
		font-size: .75em;
		line-height: 1.3em;
		background: #FFF;
	}

		div#cuerpo .foto img {
			display: block;
			margin-bottom: 5px;
		}

		div#cuerpo .foto p { font-size: 1.2em }

	div#cuerpo form {
		border: solid 1px #DBDBDB;
		background: #F9F9F9;
		padding: 10px;
	}

		div#cuerpo form input {
			border: solid 1px gray;
			background: #BBB;
		}

	div#cuerpo table {
		/*font-size: 12px;*/
		font-size: .9em;
		line-height: 1.4em;
		border-collapse: collapse ! important;
	}
	
	div#cuerpo table caption {
		font-weight: bold;
		/*background: #EEE;*/
		background: #E2ECF6;
		padding: 5px;
		border: solid 1px #DBDBDB;
	}
	
	div#cuerpo table th {
		border: solid 1px #DBDBDB;
		text-align: left;
		vertical-align: top;
		background: #F5F5F5;
		padding: 5px;
	}
	
	div#cuerpo table td {
		border: solid 1px #DBDBDB;
		padding: 5px;
	}

	div#cuerpo ul li {
		list-style-type: square;
	}

	div#cuerpo .nobullet {
		list-style-type: none;
	}

	div#cuerpo blockquote {
		/*font-size: 12px;*/
		font-size: .9em;
		line-height: 1.5em;
		padding: 5px 20px 5px 45px;
		color: #666;
		margin-left: 20px;
		background-image: url(/commons/imgs/quote.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}

	div#cuerpo .caja12 {
		background-color: #E2ECF6;
		padding: 10px;
		margin: 20px 0px 10px 0px;
	}

		div#cuerpo .caja12 p {
			margin: 10px 20px;
		}

		div#cuerpo .caja12 p.autor {
			margin: 10px 20px -10px 20px;
		}
		div#cuerpo .caja12 h2 {
			border-bottom: solid 1px #FFF;
		}

		div#cuerpo .caja12 .izq {
			padding-left: 20px;
		}

		div#cuerpo .caja12 .der {
			padding-right: 20px;
		}
/* #cuerpo }}} */
/* #claves {{{ */
#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: dashed 1px #AAA;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	#claves #cuerpo_clave {
	}
/* #claves }}} */
/* #xmail {{{ */
#xmail {
	font: normal 11px Tahoma, Helvetica, sans-serif;
	background: #F4F9FF;
	border: solid 1px #DBDBDB;
	border-left: none;
	position: absolute;
	left: 43px;
	width: 474px;
	padding: 0px;
}

	#xmail #form_mail {
		background: none ! important;
		padding: 0px ! important;
		margin: 0px ! important;
		height: 151px ! important;
	}

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

		#m_cerrar a { color: #666 }
		#m_cerrar a:hover { color: #000 }
	
	#xmail #m_tit {
		padding: 5px;
		margin-left: 5px;
	}
	
	#xmail form {
		border: none ! important;
		margin: 0px;
		padding: 0px;
	}
	
	#form_mail table td {
		padding: 2px ! important;
		border: none ! important;
	}
	
	#form_mail table td.t_tit {
		font-size: 11px ! important;
		padding-left: 20px ! important;
	}

	#form_mail input {
		background: #FFF ! important;
		font-size: 11px;
	}

/* #xmail }}} */