/* BODY */
body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	background-color: #FFF;
	margin: 0px;
}

/* FONT */
a {
	font-size: 12px;
	color: #06C;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #06C;
}
a:hover {
	text-decoration: underline;
	color: #06C;
}
a:active {
	text-decoration: none;
	color: #06C;
}

h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}

hr {
	border: 0px;
	border-top: 1px solid #777;
}

/* BACKGROUND */
.background {
	background-color: #F5F5F5;
}
.accentuate {
	background-color: #ED1B24;
	color: #FFF;
}

/* TABLE */
.tableHeader {
	padding: 2px 5px 2px 5px;
	background-color: #CCCCFF;
}

.tableRow {
	padding: 2px 5px 2px 5px;
}

.tableRowColor {
	background-color: #EBF2F9;
}

.tableRowRed {
	background-color: #FFBFBF;
	color: #FFF;
}

.tableRowInactive, .tableRowInactive a {
	font-style: italic;
	color: #CCC;
}

.tableRowActive  {
	background-color: #FFE6E6;
}

td img {
	margin-bottom: -3px;
}

tr:hover {
	background-color: #F5F5F5;
}

/* DIV */
#header {
	position: relative;
	min-height: 75px;
	overflow: auto;
}

#loader {
	background-color: #CCCCCC;
	font-size: 18px;
	color: #FFFFFF;
}

.pad {
	width: 100% - 20px;
	padding: 10px;
}

.img {
	margin-bottom: -3px;
}

/* DRAG AND DROP */
.itemPostSmall {
    background-color: #ED1B24;
    height: 150px;
    overflow: hidden;
    width: 150px;
}

.itemPostMedium {
    background-color: #ED1B24;
    height: 150px;
    overflow: hidden;
    width: 307px;
}

.itemPostBig {
    background-color: #ED1B24;
    height: 307px;
    overflow: hidden;
    width: 307px;
}

.itemPostDraggable {
    float: left;
	font-size: 0.9em;
    margin: 0 7px 7px 0;
    position: absolute;
}

.itemLugarDraggable {
    float: left;
	font-size: 0.9em;
    margin: 0px;
    position: absolute;
}