@charset "utf-8";
/* CSS Document */

/* JUAN A CALZADOS
/* Autor: Gemma Valls
/* Empresa: Entorno Digital - www.entornodigital.es
--------------------------------------------------------------------------- */

/* 0. RESET */
/* 1. BASICOS */
/* 2. ESTRUCTURA */
/* 3. LOGIN */
/* 4. EXPEDIENTES */
/* 5. NUEVA ANOTACIÓN */


/* 0. RESET
--------------------------------------------------------------------------- */
/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* 1. BASICOS
--------------------------------------------------------------------------- */

body { background: url(../images/fondo_logo.jpg) repeat-y top left #f8f8f8; font-family: Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:16px;}
.cuadro { width:148px; height:18px; margin:3px 0 0 4px; padding:3px; border:solid 1px #8AC970;}
.left { float:left;}
.right { float:right;}
.marginleft { float:left; margin-left:20px;}
.lin { border-bottom:1px solid #000; padding-bottom:10px;}
.fondo { background:url(../images/degradado.jpg) repeat-x; padding-bottom:10px;}
.bot { padding:2px 10px; text-decoration:none; color:#000; background: url(../images/button.jpg)0 0 no-repeat; font-weight:normal; border-right:1px solid #007D40; border-bottom:1px solid #007D40; border-top:1px solid #8AC970; border-left:1px solid #8AC970;}
.clear { clear:both;}
.espacio { margin-bottom:10px;}
a { color:#000;}
a:hover { color:#868686; text-decoration:none;}
a:visited { color:#868686;}


/* 2. ESTRUCTURA
--------------------------------------------------------------------------- */

#wrapper {}
#header { float:left; width:182px;}
#main { position: absolute; left:200px; width:800px;}


/* 3. LOGIN
--------------------------------------------------------------------------- */

#logincont { width:300px; margin: 120px 0 0 120px; text-align:right; }
	#logincont #login { margin-right:55px; text-align:right; }


/* 4. EXPEDIENTES
--------------------------------------------------------------------------- */

#buscador { width:780px; height:35px; padding: 20px 0 10px 20px; border-bottom:1px solid #716f64;}
#buscador .lupa { margin:3px;}
#expediente { float:left; width:800px; margin: 20px 0;}
#anotaciones { float:left; width:800px; border:solid 1px #8AC970;}
	#anotaciones .tit { float:left; width:760px; font-weight: bold; background-color: #EBF6E8; border-bottom:1px solid #007D40; padding:2px 20px;}
		#anotaciones .tit .fecha, #anotaciones .tit .titanotacion{ float:left; width:100px; padding-top:3px;}
		#anotaciones .tit .titanotacion{ float:left; padding-left:10px;}
		#anotaciones .tit .titfichero{ float:right; width:90px; text-align:center;}
		#anotaciones .tit a, a.boton { padding:2px 10px; text-decoration:none; color:#000; background: url(../images/button.jpg)0 0 no-repeat; font-weight:normal; border-right:1px solid #007D40; border-bottom:1px solid #007D40; border-top:1px solid #8AC970; border-left:1px solid #8AC970;}

	#anotaciones .list { float:left; width:760px; border-bottom:1px solid #c0c0c0; padding:6px 20px; background-color:#FFF;}
		#anotaciones .list .fecha { float:left; width:100px;}
		#anotaciones .list .fichero a { text-decoration:none; color:#000; float:right;}
		#anotaciones .list .fichero a:hover { text-decoration:underline;}
		#anotaciones .list .anotacion { float:left; margin-left:10px; width:70%;}


/* 5. NUEVA ANOTACIÓN
--------------------------------------------------------------------------- */

#anotacion { width:100%; padding: 10px 0 0 20px;}
	#anotacion .tit { font-weight:bold;}
	#anotacion .txt { width:75%; margin:10px 0;}
	#anotacion #nuevanota { margin:6px 0;}
#anotacion textarea {font-family: Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:16px; width:700px;}