/*
CSS URI: http://www.apnoot.com/css/estilos.css
Descripción: Estilos aplicación ApNoot - www.apnoot.com
Version: 1.0
Autor: iridia estudio
Autor URI: http://www.iridiaestudio.com/
*/

/*
	TOC
		- Genérico
		- Layout
			- Cabecera
			- Contenedor
				- Contenido
				- Pie
*/

/* Genérico
---------------------------------------------------*/
* {
 	margin: 0;
 	padding: 0;
	}
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #505064;
	}
a {
 	color: #007eb5;
 	text-decoration: none;
 	outline:0;
	}
	a:hover {
		color: #e8009b;
		}
.contenido-caja-grande a {
	border-bottom: 1px solid #007eb5;
}	
	.contenido-caja-grande a:hover {
		border-bottom: 1px solid #e8009b;
	}
img {
	border: 0;
	}
p {
	margin:0 0 12px 0;
	line-height: 20px;
	}
p.ultimo {
	margin: 0;
}
ul {
	list-style: none;
	}
ul.lineal li {
	display: inline;
	}
ol {
	margin: 15px 60px 0 50px;
	}
	ol li {
		margin: 0 0 15px 0;
		line-height: 18px;
		}
span.corchete-izquierda {
	color: #66cd33;
	margin: 0 3px 0 0;
	}
span.corchete-derecha {
	color: #66cd33;
	margin: 0 0 0 3px;
	}
	.fuerte {
		font-weight: bold;
	}
span.num-central {
	margin: 0 5px;
}	
/* Formularios */
form p{
	margin: 0;
}
fieldset {
	border: solid 0 transparent; /* none no funciona en Opera 7 */
}
label {
	float: left;
	clear: left;
	color: #4b4b5f;
	font-weight: bold;
	margin: 0 0 7px 0;
	font-size: 0.9em;
}
.contenido-caja-pequenya label.no-visible,
.contenido-caja-mediana-principal label{
	width: 0;
	height: 0;
	float: left;
	text-indent: -1000em;
	line-height: 0px;
	margin: 0;
}
input,
textarea {
	float: left;
	clear: left;
	color: #000;
	padding: 2px 5px;
	background: #fff url('../img/bg-inputs.jpg') top repeat-x;
	}	
	.exterior input,
	.exterior textarea {
		border: 1px solid #a1a1a6;
	}
	.interior input,
	.interior textarea {
		border: 1px solid #cdcdd2;
	}
textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.05em;
}
input.boton {
	border: 0;
	padding: 0;
}
/* Mensaje de aviso */
#flashMessage{
	position: absolute;
	top: 38px;
	left: 0;
}
.interior #flashMessage {
	top: 20px;
}
	#flashMessage p{
		padding: 2px 0 0 29px;
		margin: 0 0 0 20px;
		}	
	#flashMessage p.aviso {
		background: url(../img/alerta-verde.jpg) no-repeat left center;
		color: #53ad32;
	}
	#flashMessage p.error {
		background: url(../img/alerta-rojo.jpg) no-repeat left center;
		color: #cc0000;
	}
/* Editor JS */
#mce_editor_0_parent {
	clear: left;
	float: left;
	margin: 15px 0 0 0;
	border-top: 1px solid #cdcdd2;
}
	#mce_editor_0_parent table td {
		border: 1px solid #cdcdd2;
		border-top: 0;
		padding:2px 5px;
	}	
/* Layout
---------------------------------------------------*/
.cabecera {
	width: 965px;
	text-align: left; /*ie6*/
	margin: auto;
	background: url(../img/icono.jpg) no-repeat center right;
	font-size: 0.9em;
	}
	h1 {
		margin: 52px 0 28px 0;
		float: left;
		}
		.interior h1 {
			margin: 52px 0 0 0;		
		}
	.navegacion-cabecera {
		float: right;
		padding: 66px 111px 0 0;
	}
	.userinfo-navegacion {
		float: right;
		margin: 81px 110px 0 0;
	}
		.interior .userinfo-navegacion {
			margin-top: 64px;
		}
	li.salir-apnoot {
		margin: 0 8px 0 0;
	}
	div.menu{
		margin: 5px 0 0 0;
		float:left;
		width:100%;
		}
		div.menu ul{
			float:right;
			margin:0 0 0 0;
			}
			div.menu ul li {
				float: left;
			}
			div.menu ul li.consultar {
				margin: 0 0 0 2px;
			}
		.menu a{
		   	display:block;
			height:0 !important;
			padding:26px 0 0 0;
		  	overflow:hidden;
			height /**/: 26px;
			}
		.menu a:hover {
			background-position: 0 2px !important;
			}
		.menu a.seleccionada{
			background-position: 0 2px !important;
			}
		.menu a.pastilla-crear{
		  	width:205px;
		  	background: url('../img/pastilla-crear-spa.jpg') no-repeat 0 -24px;
			}
		.menu a.pastilla-consultar{
		  	width:211px;
		  	background: url('../img/pastilla-consultar-spa.jpg') no-repeat 0 -24px;
			}
.contenedor {
	clear: both;
	background: url(../img/barra-separacion.jpg) repeat-x top;
	}
.contenido {
	position: relative; /*para mensajes*/
	width: 960px;
	margin: auto;
	text-align: left; /*ie6*/
	}
	.exterior .contenido {
		padding: 80px 0 0 0;
	}
	.interior .contenido {
		padding: 50px 0 0 0;
	}
.contenido-principal {
	float: left;
	width: 710px;
}
	.contenido-principal h3{
		margin-top: 30px;
	}
.contenido-secundario {
	float: right;
	width: 211px;
}
	/* Cajas */
	h2, 
	h3 {
		font-size:1em;	
		clear: left;
	}
	h3 {
		font-size: 0.9em;
	}
		.exterior h2,
		h2.oscura {
			color: #4b4b5f !important;
			background-color: #d0cfd4;
			margin-right: 1px;
		}
		.interior h2 {
			color: #fff;
		}
	.titulo-caja-grande {
		background: url(../img/caja-grande-top.jpg) no-repeat;
		padding:3px 0 3px 22px;
	}
	.contenido-caja-grande {
		background: url(../img/caja-grande-bg.jpg) repeat-y -1px 0;
		padding: 35px 35px 24px 35px;
	}
	.bottom-caja-grande {
		background: url(../img/caja-grande-bottom.jpg) no-repeat;
		height: 11px;
		margin-bottom: 35px;
	}
	/* Caja mediana principal + caja mediana */
	.titulo-caja-mediana-principal,
	.titulo-caja-mediana {
		background: url(../img/top-caja-azul.jpg) no-repeat;
		padding:3px 0 3px 22px;
		width: 673px;
	}
	.titulo-caja-mediana-principal {
		background-color: #6d6c72;
		border-bottom: 1px solid #97969c;
	}
	.titulo-caja-mediana {
		background: url(../img/top-caja-mediana.jpg) no-repeat;
		background-color: #d0cfd5;
		border-bottom: 1px solid #dddce1;
		}
	.contenido-caja-mediana-principal,
	.contenido-caja-mediana {
		background: url(../img/laterales-caja-azul.jpg) repeat-y; 
		padding: 20px 30px 12px 30px;
		width: 635px;
		float: left;
		position: relative; /* para enlace volver a anotación de gestionar compartidos */
	}
	.contenido-caja-mediana {
		background: url(../img/laterales-caja-mediana.jpg) repeat-y; 
		}
		.contenido-caja-mediana-principal form {
		}
		.contenido-caja-mediana-principal p.botones {
			margin: 15px 7px 0 0;
			float: right;
		}	
			p.botones input {
				float: right;
			}
			/* compartidos */
			p.gestion-compartidos {
				border-bottom: 1px dashed #d2d2d8;
				padding: 10px 0 10px 0;
			}
			#opciones-anotacion {
				padding: 0 0 7px 0;
				margin: 0 0 10px 0;
				border-bottom: 1px dashed #d2d2d8;
			}
			#propietario-nota-compartida {
				position: absolute;
			}
				#propietario-nota-compartida span.texto {
					color: #737388;
				}
				#propietario-nota-compartida span.user {
					color: #505064;
				}
			#opciones-anotacion ul {
				text-align: right;
			}
			#opciones-anotacion ul li.ultima {
				margin: 0 0 0 10px;
			}
			ul.datos-usuario li {
				margin: 0 0 9px 0;
			}
			ul.datos-usuario li.ultima {
				margin: 0;
			}
			/* comentarios */
				div.comentario {
					position: relative;
				}
				div.bloque-eliminar {
					position: absolute;
					top: 4px;
					right: 0;
					font-size: 0.9em;
				}
				p.datos-comentario {
					padding: 0 0 5px 0;
					margin: 0 0 10px 0;
					border-bottom: 1px dashed #d2d2d8;
					color: #8d8d97;
				}
				.comentario-autor p.datos-comentario {
					color: #4b4b5f;
				}
				p.texto-comentario {
					margin: 0 0 25px 0;
					padding: 0;
				}
				textarea#CommentTexto {
					width: 611px;
					height: 135px;
					margin: 0 0 16px 0;
					line-height: 21px;
					padding: 10px;
				}
				label#label-comentario {
					color: #4b4b5f;
					font-weight: bold;
					margin: 0 0 10px 0;
					font-size: 0.9em;
				}
			input.guardar-continuar {
				border: 0;
			 	color: #007eb5;
				font-size: 0.9em;
				background: url('/img/separador-menus.jpg') no-repeat center right;
				margin: 6px 15px 0 0;
				padding: 0 10px 0 0;
			}
			input.guardar-continuar:hover {
				color: #e8009b;
			}
			/* listados tablas */
			table.listado {
				width: 100%;
				border-spacing: 0;
				border-collapse: collapse;
				margin: 0 0 25px 0;
			}
			table.listado th {
				padding: 0 0 10px 0;
				color: #737378;
				border-bottom: 1px dashed #737378;
			}
			table.listado td {
				border-bottom: 1px dashed #d2d2d8;
			}
			table.listado td.fecha {
				width: 70px;
				color: #8d8d87;
			}
			table.listado .columna-opciones {
				width: 186px;
				color: #8d8d87;
				text-align: right;
				font-weight: normal;
			}
				table.listado .eliminar {
					width: 70px;
					text-align: left;
				}
			table.listado .columna-opciones ul {
				margin: 0 0 0 0;
			}
				table.listado .columna-opciones ul li.ultima {
					padding: 0 0 0 7px;
					margin: 0 0 0 5px;
				}
			table.listado .columna-opciones a {
				font-weight: normal;
				display: inline;
			}
			table.listado td a {
				display: block;
				padding: 10px 0 10px 5px;
			}
				span.contenido-td {
					display: block;
					margin: 1px 0 1px 0; /* 1px */
					border-collapse: collapse;
				}
					table.listado td.fecha span,
					table.listado td.columna-opciones span {
						padding: 10px 5px 10px 0;
					}
					span.td-text {
						padding: 10px 0 10px 5px;
					}
					
				table.listado tr.altrow span.contenido-td {
					background-color: #fafafa;
				}
				table.listado tr:hover span.contenido-td {
					background-color: #fcebef; 
				}
			table.resultados {
			}
		div.volver-a-nota {
			position: absolute;
			top: 23px;
			right: 30px;
		}
		.contenido-caja-mediana-principal input.titulo {
			width: 240px;
		}
			.paging {
				text-align: right;
				padding: 0 14px 5px 0;
			}
			.paging li.derecha {
				padding: 0 0 0 10px;
				margin: 0 0 0 5px;
			}
	.bottom-caja-mediana-principal{
		background: url(../img/bottom-caja-azul.jpg) no-repeat;
		height: 11px;
		margin-bottom: 25px;
		width: 695px;
	}
	.bottom-caja-mediana {
		background: url(../img/bottom-caja-mediana.jpg) no-repeat;
		height: 13px;
		margin-bottom: 25px;
		width: 695px;
	}
	/* Caja pequeña */
	.titulo-caja-pequenya {
		background: url(../img/top-caja-peque.jpg) no-repeat;
		padding:3px 0 3px 22px;	
		background-color: #d1d0d6;
		border-bottom: 1px solid #e0dfe5;
		width:189px;
	}
	.contenido-caja-pequenya {
		background: url(../img/laterales-caja-peque.jpg) repeat-y;
		padding: 18px 0 5px 18px;
		width: 193px;
		float: left;
		font-size: 0.9em;
	}
			.contenido-caja-pequenya-acciones {
				background: url(../img/laterales-caja-peque.jpg) repeat-y;
				padding: 12px 0 5px 18px;
				width: 193px;
				float: left;
				font-size: 0.9em;
			}	
		.contenido-caja-pequenya label,
		.contenido-caja-mediana label {
			font-weight: normal;
			margin: 0 0 0 5px;
			color: #8d8d97;
			clear: none;
			font-size: 1em;
		}
		.contenido-caja-pequenya label {
			width: 140px;
			margin: -1px 0 0 9px;
			line-height: 13px;
		}
		input.check,
		#permitir-comentarios input {
			margin-top: 1px;
			border: 0;
			background: none;
			height: 13px; /* ie */
			width: 13px; /* ie */
		}
			#permitir-comentarios input {
				margin-top: 2px; 
			}
		.contenido-caja-pequenya li {
			clear: left;
			float: left;
			padding: 5px;
			width: 165px;
			margin: 0 0 5px 0;
		}
		ul#acciones li {
			margin: 0;
			padding: 0;
		}
		li.nueva {
			background-color: #d8f0cc;
			}
		.contenido-caja-pequenya input#CategoryNombre,
		.contenido-caja-pequenya input#contentout1,
		.contenido-caja-pequenya input#contentout2,
		.contenido-caja-pequenya input#notesTexto {
			width: 165px;
		}
		ul.buscar-categorias {
			float: left;
		}
		ul.buscar-categorias li {
			float: left;
			border-bottom: 1px dashed #d2d2d8;
			width: 159px;
			margin: 0;
			padding: 5px 8px 7px 1px;
			color: #e8009b;
			line-height: 16px;
		}
		ul.buscar-categorias li.sin-punto {
			background: none;
			padding-left: 0;
			width: 167px;
		}
		span.contador {
			color: #999;
			margin: 0 0 0 8px;
			font-size: 0.95em;
		}		
		p.pie-categorias-buscar {
			float:left;
			padding: 7px 0 0 0;
			font-size: 0.95em;
		}
		div#categorias-nota {
			float: left;
			margin: 0 35px 25px 35px;
			font-size: 0.9em;
		}
				div#categorias-nota.alone {
					padding: 0 0 25px 0;
					border-bottom: 1px dashed #d2d2d8;
				}
			span.archivada-categorias{
				float: left;
			}
			ul#lista-categorias-nota {
				float: right;
				width: 540px;
			}
			ul#lista-categorias-nota li {
				background: url('/img/separador-menus.jpg') no-repeat center left;
				padding: 0 0 0 12px;
				margin: 0 0 0 8px;
			}
			ul#lista-categorias-nota li.primera {
				background: none;
				padding: 0;
				margin: 0;
			}
	.contenido-caja-pequenya p.enviar {
		float: right;
		padding: 12px 18px 0 0;
		margin: 0;
	}
	.bottom-caja-pequenya {
		background: url(../img/bottom-caja-peque.jpg) no-repeat;
		height: 11px;
		margin-bottom: 30px;
		clear: left;
	}
	/* rayas en textos */
	.contenido-texto {
		clear: right;
		padding: 10px 0;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}	
	/* Home
	-------------------------------------------------------------*/
	#formulario-login {
		float: left;
		width: 412px; /* 442 - 30 = 412 */
		padding: 2px 30px 0 0;
		border-right: 1px solid #dddde2;
	}
		p.acceso-usuario {
			float: right;
		  	width: 169px; /*anterior 163*/
			height: 18px;
		  	background: url('../img/acceso-usuario-spa.jpg') no-repeat 0 0;
		  	text-indent: -10000px;
			margin: 0;
			}
		#formulario-login a,
		#formulario-login a:hover {
			border: 0;
		}
		#formulario-login input.login {
			width: 402px;
			margin: 0 0 23px 0;
		}
		#formulario-login form {
			margin: 30px 0 0 0;
		}
		#formulario-login p.forget {
			width: 200px;
			float: left;
			padding: 6px 0 0 0;
		}
			p.forget a {
				font-size: 0.9em;
			}
		#formulario-login p.enviar {
			float:right;
		}	
	#introduccion-apnoot {
		float: left;
		width: 407px;
		padding: 6px 0 0 35px;
	}
		#nuevo-usuario {
			float: right;
		  	background: url('../img/bola-verde.jpg') no-repeat left 2px;
			padding: 0 0 18px 19px;
		}	
			#nuevo-usuario a,
			#nuevo-usuario span {
				font-size: 0.8em;
				border: 0;
				font-weight: bold;
			}
		#introduccion-apnoot .contenido-texto {
		}
			span.first{
				margin: 0 0 0 28px;
				}
			p.primero{
				background:#fff url('../img/flecha.jpg') no-repeat;	
				}
	/* Alta ApNoot
	-------------------------------------------------------------*/
	#formulario-alta {
		float: left;
		width: 443px;
		border-right: 1px solid #dddde2;
	}
		#formulario-alta.loginado {
			padding-bottom: 27px;
		}
	#formulario-alta .contenido-texto {
		margin: 20px 0 0 0;
	}
	.campo {
		float: left;
		margin: 0 0 15px 0;
	}
	#formulario-alta input {
		float: left;
		clear: left;
	}
		#formulario-alta input.contrasenya,
		#formulario-alta input.movil {
			width: 175px;
		}
		#formulario-alta input.nombre,
		#formulario-alta input.correo {
			width: 185px;
			margin-right: 25px;
		}
		.obligatorios-condiciones {
			float: left;
			margin: 12px 0 0 0;
		}
			p.aceptar-condiciones {
				margin: 16px 0 0 0;
				line-height: 15px;
			}
				p.aceptar-condiciones label {
					font-weight: normal;
					margin-left: 5px;
					color: #8d8d97;
					clear: none;
				}
				p.aceptar-condiciones input {
					border: 0; /* ie6 */
				}
				p.obligatorios {
					font-size: 0.9em;
				}
			p.boton-crear {
				margin: 5px 35px 0 0;
				float: right;
			}
	#texto-alta-apnoot {
		float: left;
		width: 407px;
		padding: 27px 0 0 35px;
	}		
	/* Contacto
	-------------------------------------------------------------*/
	#contactar-nombre-mail {
		float: left;
		width: 230px;
		padding: 0 28px 0 0;
	}
		#contactar-nombre-mail input {
			width: 220px;
		}
	#contactar-asunto-comentarios {
		float: left;
		padding: 0 0 0 28px;
		width: 601px;
		border-left: 1px solid #dddde2;
	}
		#contactar-asunto-comentarios input.asunto,
		#contactar-asunto-comentarios textarea {
			width: 590px;
		}
		#contactar-asunto-comentarios p.enviar {
			float: right;
			margin: 0;
			margin-top: 20px;
		}
	#contactar-nombre-mail label.mail, 
	#contactar-asunto-comentarios label.comentarios {
		margin-top: 20px;
	}
	/* Olvidé mi contraseña / Forgot
	-------------------------------------------------------------*/
	#info-forget {
		float: left;
		width: 406px;
		padding: 23px 30px 0 0;
	}
	#form-forget {
		float: left;
		padding: 17px 0 0 30px;
		width: 412px;
		border-left: 1px solid #dddde2;
	}
		#form-forget input.mail {
			width: 402px;
		}
		#form-forget p.enviar {
			float: right;
			margin: 0;
			margin-top: 15px;
			margin-bottom: 3px;
		}
		/* Vista de la nota
		-------------------------------------------------------------*/
		#vista-nota{
			font-size: 1.1em;
		}
		#vista-nota h3 {
			font-size: 1.1em;
			color: #2f2f44;
			margin: 20px 0 15px 0;
		}
		#vista-nota h4 {
			font-size: 1.0em;
			color: #2f2f44;
			margin: 0 0 8px 0;
		}
		#vista-nota p, #vista-nota li, #vista-nota blockquote {
			color: #505064;
			font-size: 0.9em;	
		}
		#vista-nota p {
			margin: 0 0 10px 0;
		}
		#vista-nota p, #vista-nota blockquote {
			line-height: 21px;
		}
		#vista-nota b {color: #5a5a6e;}
		#vista-nota a {
			border-bottom: 1px solid #007eb5;
			color: #007eb5 !important;
			text-decoration: none !important;
		}
		#vista-nota ul, #vista-nota ol {
			margin: 20px 0 25px 50px;
		}
		#vista-nota blockquote {
			margin: 25px 70px 25px 50px;
		}
		#vista-nota ul li {
			list-style: square;
		}
		#vista-nota li {
			margin-bottom: 7px;
		}
.pie {
	clear: both;
	float: left;
	font-size: 0.9em;
	margin: 0 0 600px 0;
	width: 100%;
}
	.pie ul li {
		background: url('/img/separador-menus.jpg') no-repeat center right;
		padding: 0 12px 0 0;
		margin: 0 10px 0 0;
		}
	.interior .pie ul li {
		color: #e8009b;
	}
		span.texto-idioma {
			color: #8d8d97;			
		}
		.pie li.ultima {
			background: none;
			padding-right: 0;
			margin-right: 0;
			}
	ul.residual {
		float:left;
		margin: 0 0 0 35px;
		color: #e8009b;
		}
	ul.idiomas {
		float: right;
		padding: 0 35px 0 0;
	}
		ul.idiomas li {
			padding: 0 8px 0 0;
			margin: 0 6px 0 0;
			}
	a.iridia-estudio {
		float: right;
		clear: both;
		margin: 20px 35px 0 0;
		color: #aaa;
		}
		a.iridia-estudio:hover {
			color: #888;
		}
		.interior a.iridia-estudio{
			margin: 0 55px 0 0;
			clear: none;
		}
	p.info-sms{
		clear: both;
		float: left;
		margin: 18px 0 0 35px;
		width: 550px;
	}
/* -------------------------------------- */
.clear {
	clear: both;
}