/* CSS Document */

/* ------------------ iconos ---------------- */

.unknown {
	background: url(img/ico/unknown.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.dir {
	background: url(img/ico/dir.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.pdf {
	background: url(img/ico/pdf.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.exe {
	background: url(img/ico/exe.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.zip {
	background: url(img/ico/zip.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.doc {
	background: url(img/ico/doc.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.xls {
	background: url(img/ico/xls.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.ppt {
	background: url(img/ico/ppt.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.txt {
	background: url(img/ico/txt.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.gif {
	background: url(img/ico/gif.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.jpg {
	background: url(img/ico/jpg.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

.jpeg {
	background: url(img/ico/jpeg.png) left center no-repeat;
	width: 32px;
	height: 32px;
}

/* ------------------ fin iconos ---------------- */


/* ----------------- menu clients ---------------- */

ul.menu-clients {
	font-size: 95%;
	color: #808E95;
	list-style-position: inside;
}
ul.menu-clients li {
	padding: 0 0 .8em 0;
	font-weight: bold;
}
ul.menu-clients a {
	color: #4f4f4f;
	text-decoration: underline;
}
ul.menu-clients a:hover {
	/*color: #FD7C1B;*/
	text-decoration: none;
}

/* ---------------- action links (buttons) ---------------------- */

ul.actions {
	color: #fd7c1b;
	padding: 0 .5em 2em 0;
	/*border: 1px solid #f00;*/
}
ul.actions li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 95%;
	font-weight: bold;
}
ul.actions li {
	float: left;
  	display: inline;
  	list-style-type: none;
  	list-style-image: none;
  	padding: 0 1.5em 0 0;
}
ul.actions li a {
	display: block;
	font-weight: bold;
	background: transparent url(img/arrow-right.gif) no-repeat left 7px;
	padding-left: 15px;
	text-decoration: underline;
}
ul.actions li a:hover {
  	text-decoration: none;
}

/* ----------------- table index list ---------------- */

.data-table {
	margin: .5em 0 2em 0;
	width: 100%;
	/*background-color: #9dcbde;*/
	background-color: #ffdabf; /* el background de la table hace de border */
	/*border:1px solid #9DCBDE;*/
}

.data-table th {
	background-color: #ffeddf;
	padding: .5em 1em;
	text-align: left;
	color: #4f4f4f;
}

.view .data-table th {
	width: 25%;
}

.data-table th.file-type {
	width: 60px;
}

.data-table td {
	border: 0px none;
	background-color: #fff;
	padding: .5em 1em;
	text-align: left;
}

.data-table td.fieldset {
	padding: 1em 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #fd7c1b;
	font-size: 115%;
	font-weight: bold;
}

/* ---------------- table action links (buttons) ---------------------- */

th.actions {
	text-align: center;
	width: 120px;
}
td.actions {
	clear: both;
}

td.actions a.view {
	float: right;
	display: block;
	width: 32px;
	height: 24px;
  	background: transparent url(img/view.gif) no-repeat left top;
}
td.actions a.view:hover {
	background: transparent url(img/view-hover.gif) no-repeat left top;
}

td.actions a.edit {
	float: right;
	display: block;
	width: 32px;
	height: 24px;
  	background: transparent url(img/edit.gif) no-repeat left top;
}
td.actions a.edit:hover {
	background: transparent url(img/edit-hover.gif) no-repeat left top;
}

td.actions a.delete {
	float: right;
	display: block;
	width: 32px;
	height: 24px;
  	background: transparent url(img/delete.gif) no-repeat left top;
}
td.actions a.delete:hover {
	background: transparent url(img/delete-hover.gif) no-repeat left top;
}
td.actions a.download {
	float: right;
	display: block;
	width: 18px;
	height: 19px;
	margin: 5px 7px 0 7px; /* para equilibrarlo con los demas gifs */
	background: url(img/descargar.png) left -20px no-repeat;
}
td.actions a.download:hover {
	background-position: left 0px;
}

/* ------------- messages --------------- */

#flashMessage, #successMessage, #errorMessage, .error, .error_message {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}
#flashMessage, #successMessage {
	color: #888;
}
#errorMessage, .error, .error_message {
	color: #900;
}

/* ------------- forms ------------ */

form.admin {
	margin: .5em 0em 2em 0em;
	/*margin: .5em 0 1em 0;*/
	padding: 2em 2em;
	background-color: #efefef;
	border: 1px solid #dfdfdf;
	display: block;
}
form.admin div {
	vertical-align:top;
	/*margin-left:1em;*/
	margin-bottom:1em;
}
form.admin label {
	display: block;
	color: #4f4f4f;
	font-weight: bold;
	margin-bottom: .3em;
}
form.admin input[type=checkbox] {
	float: left;
	/*clear:left;*/
	margin: 2px 6px 7px 2px;
	width: auto;
}
form.admin input, form.admin textarea {
	width: 100%;
	border: 1px solid #cfcfcf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
form.admin textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
form.admin .my-checkbox {
	float: left;
	/*clear:left;*/
	width: auto;
	border-width: 0px;
}
form.admin h3.fieldset {
	margin: 2em 0 1em 0;
	padding: 0 0 .1em 0;
	background: transparent url(img/dotted-x-2.gif) repeat-x left bottom;
	color: #fd7c1b;
	font-size: 115%;
	font-weight: bold;
}

form.admin div.submit {
	margin-top: 3em;
	text-align: right;
}
form.admin div.submit input {
	width: auto;
	background-color: #808E95;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #fff;
	font-weight: bold;
	padding: .2em .6em .3em .6em !important; /* Mozilla (Firefox) */
	padding: .2em .2em .2em .2em; /* IE */
	cursor: pointer;
}
form.admin div.submit input:hover {
	background-color: #697A82;
}

div.upload form.admin {
	margin: 1em 0em 2em 0em;
}
div.upload form.admin h3.fieldset {
	margin: 1em 0 1em 0;
}
div.upload form.admin div.submit {
	margin-top: 2em;
}

.user form.admin input {
	width: 35%;
}

.info {
	margin-left: .5em;
	color: #888;
	font-size: 95%;
}

/* -------------- end forms -------------- */

.view .teaser {
	/*background-color: #efefef;
	padding: 10px;*/
	margin-bottom: 1.3em;
}