/*----------------------------------------
Name: style.css
Developed by: Federico Viarnes
Author: Federico Viarnes
Web: fedeviar@gmail.com
Date Created: 07/2010
----------------------------------------*/


/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("jquery.lightbox-0.5.css");

/* Elements
----------------------------------------*/

/*global*/

a {text-decoration:underline;color:#000;}

html > body #container { height: auto;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; }
#container {
	width:930px;
	margin:0 auto; }
	
/*titles*/

h1 {font-size:16px;font-weight:lighter;}
h2 {font-size:14px;font-weight:lighter;}
h3 {font-size:12px;font-weight:lighter;}
h4 {font-size:10px;font-weight:lighter;}


/* Standard Definitions */

.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.hide		{visibility:hidden;}
.error 		{color:#F33;}


/*-------------------------------------------------------------------------------*/

/* antes del header (mensajes de notificacion) */

#msg {
	font-size:11px;
	padding:2px 5px;
	text-align:center;}

.error { background:#F66; color:#fff; border-bottom:1px solid #F33;}
.ok { background:#6F9; color:#000; border-bottom:1px solid #6C6;}

/* header */

#header { 
	border-bottom:1px solid #eee; 
	padding:10px 0;
	padding-bottom:20px;
	margin:0 auto;
	margin-bottom:30px;}

#h-left{
	float:left;
	letter-spacing:0.7px;
	font-size:21px;
	margin-top:20px;
	color:#000;}
	
#h-left p.panel a {
	font-size:11px;
	letter-spacing:0px;
	color:#999;
	text-decoration:none;}

#h-right{
	float:right;
	margin-top:8px;
	color:#333;
	font-size:14px;
	text-align:right;}

/* sidebar (menu) */

#sidebar { width:130px; float:left;}

#sidebar ul { border:1px solid #ccc; padding:0 0 50px 0;}
#sidebar ul li {
	font-size:14px;
	padding:5px;
	background:#FFC;
	border-bottom:1px solid #ccc;}
#sidebar ul li.activo { background:#FC9; }
#sidebar ul li a { color:#666; text-decoration:none;}
#sidebar ul li a:hover { color:#333; text-decoration:underline;}

/* contenido */

#content {
	float:left;
	padding-left:10px;
	padding-top:6px;
	width:790px;}
	
#content h1 {
	padding:0 10px;
	color:#666;
	font-weight:bold;}
	
#content p.inst {
	font-size:11px;
	padding:0 10px;
	margin-top:15px;
	color:#333;}

.r-msg {
	padding:6px;
	color:#666;
	background:#eee;
	border:1px solid #999;
	font-size:11px;
	margin-bottom:20px;
	margin-top:6px; }

/* listados */

#i-list table {
	margin-top:6px;
	background:#FFC;
	width:100%;
	border-bottom:1px solid #ccc;}

#i-list table tr {	
	border:1px solid #ccc;
	border-top:none;}
#i-list table tr.head {	
	font:bold 12px Arial; 
	color:#666; 
	border:1px solid #ccc;
	background:#FC9;}
#i-list table tr.head td { padding:1px 5px; }
#i-list table tr:hover { background:#f9e9be; }
#i-list table tr.hovernone:hover { background:#FFC; }
#i-list table tr.head:hover { background:#FC9; }
#i-list table tr td {	
	padding:2px 5px;
	cursor:default;}

#preview {
	float:left;
	width:416px;
	margin-left:10px; }
#preview .r-msg { margin-bottom:12px; }
#preview .r-msg p {
	font: normal 14px Arial;
	color:#666;}
#preview img {
	float:left; 
	border:1px solid #eee;
	margin-right:10px; }	

#preview p { font-size:11px; text-align:justify; }

.data {margin-top:20px; }
.data p {
	fotn-size:10px;
	color:#999; }

/* footer */

#footer {
	margin-top:5px;
	font-size:11px;
	color:#999;
	text-align:center; }
	
/* footer */

#l-footer {
	text-align:center;
	margin-top:15px;
	color:#ccc; 
	font-size:11px; }

#l-footer a {
	 font-size:10px; 
	 text-decoration:none;
	 color:#999; }
	

/* login */

#login {
	width:275px;
	margin:0 auto;
	margin-top:50px;
	font-size:11px;
	background:#FFC;
	border:1px solid #ccc;}
	
#login h1 {
	display:block;
	margin-bottom:5px;
	background:#FC9;
	font-size:12px;
	padding:5px 10px;
	border-bottom:1px solid #ccc; }
#login table tr td {padding:2px;}

/* logout */

a.lo { color:#999; text-decoration:none; }

/* forms */

/* login form */

#l-form { text-align:center; padding:10px; }
	
	#l-form label { color:#333; }
	#l-form input { 
		width:210px; 
		border:1px solid #ccc; 
		padding:2px; 
		height:14px;
		background:#fff; }
	#l-form input.button {
		width:60px; 
		border:1px solid #ccc; 
		padding:2px; 
		cursor:pointer;
		height:20px;
		background:#FC9;  }

#s-form {}
	
	#s-form label { color:#333; }
	#s-form input,#s-form textarea { 
		width:150px; 
		border:1px solid #666; 
		padding:2px; 
		background:#fff;
		margin:2px;
		margin-bottom:10px; }
	
	#s-form textarea.res {
		height:50px;}
	
	#s-form textarea {
		height:200px;
		width:400px;}
	
	#s-form input.button {
		width:60px; 
		border:1px solid #333; 
		padding:2px; 
		background:#fff;
		cursor:pointer;
		margin:2px;  }
	#s-form input.button:hover {
		background:#eee; }

	#s-form input.file {
		width:400px; }
	#s-form input.checkbox {
		border:none;
		width:20px; }

#s-form p.small {
	font-size:11px; }