/* Image styles */
img {
	border: none;
}

img.top {
	vertical-align: top;
	border: 0px;
}

img.middle {
	vertical-align: middle;
	border: 0px;
}

img.leftmargin {
	float: left;
	border: 0px;
	margin-right: 1ex;
	margin-top: .2ex;
	margin-bottom: .2ex;
}

img.rightmargin {
	float: right;
	border: 0px;
	margin-left: 1ex;
	margin-top: .2ex;
	margin-bottom: .2ex;
}
/* Basic styles */

blockquote {
	border: 2px dotted #ccc;
	background-color: #eee;
	margin: 1em 2em;
	padding: 0 1ex;
}

acronym,
abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
}

del {
	color: #999999;
}
ins {
	color: #009999;
	text-decoration: none;
}
code {
	font-size: 107%;
}


.nobr,
.line
{
	white-space: nowrap;
}
.center {
	text-align: center;
}
.right{
	text-align: right;
}
.clear{
	clear: both;
}
.small {
	font-size: 84%;
}

body {
	margin: 0;
	background-color: #fff;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 84%;
}

/* Titles */
#header {
        float:left;
        width:100%;
        background: url("../img/bg.gif") repeat-x bottom;
        font-size:85%;
        line-height:normal;
}
#TitleArea {
        clear: both;
        margin: 0 1em;
        padding: 0;
        border-top: 1px solid #fff;     /* force moz to display float before */
}
#TitleArea h1 
        {
        margin: 1ex 0 ;
        clear: both;
        padding: 1ex;
        font-family: verdana;
        font-size: 12px;
        color: #aa0000;
        font-weight: normal;
        padding-right:10px;
        background-color: #efede0;
        border: 1px solid #e1ddce;
        }

h1.logintitle {
	color: #000;
	font-size: 120%;
	padding: 0;
	margin: .5ex;
}
h2 {
	margin-top: 1ex;
	margin-bottom: 1ex;
        color: #000;
	font-size: 140%;
}
h3 {
        margin-left: 1ex;
        margin-top: 1ex;
        margin-bottom: 1ex;
        color: #a00;
        font-size: 120%;
}
div.panelinfo h3 {
	margin: 1ex 0;
	padding: 0;
}
h4 {
        margin-top: 0ex;
        margin-bottom: 1ex;
	font-size: 105%;
        color: #a00;
}
a
        {
        background-color: transparent;
        color: #007b31;
        text-decoration: none;
        }

A:hover
        {
        color: #f00;
        TEXT-DECORATION: none
        }

a.CurrentBlog,
a.OtherBlog,
a.ActionButton,
a.DeleteButton {
	color:#333;
	text-decoration: none;
	padding: 2px 1ex;
	border: 1px solid #000;
}
a.CurrentBlog {
        color:#360068;
        font-weight: normal;
        background-image: url("../img/desert-button-2.gif");
	background-color: #000;
}
a.CurrentBlog:hover {
	color: #333;
	text-decoration: bold;
	border: 1px solid #360068;
}
a.Currentemp,
a.Otheremp,
a.ActionButtonemp,
a.DeleteButtonemp {
        color:#990052;
        text-decoration: none;
        padding: 2px 1ex;
        border: 1px solid #990052;
}
a.Currentemp {
        color:#990052;
        font-weight: normal;
        background-image: url("../img/legacy-button.gif");
        background-color: #000;
}
a.Currentemp:hover {
        color: #333;
        text-decoration: bold;
        border: 1px solid #990052;
}
a.Otheremp {
        background-image: url("../img/legacy-button-2.gif");
        background-color: #e1ddce;
}
a.OtherBlog,
a.ActionButton,
a.DeleteButton {
	background-image: url("../img/desert-button.gif");
	background-color: #e1ddce;
}
a.OtherBlog {
	line-height: 3.5ex;
}
a.OtherBlog:hover,
a.ActionButton:hover {
	color: #360068;
	text-decoration: none;
	background-color: #fff;
	background-image: url("../img/desert-button-2.gif");
	border: 1px solid #360068;
}
a.DeleteButton:hover {
	color: #c00;
	text-decoration: none;
	background-color: #fff;
	background-image: url("../img/desert-button-2.gif");
	border: 1px solid #c00;
}


/* Tables: */

table.login
{
                position: absolute;
                left: 50%;
                top: 50%;
                width: 450px;
                height: 250px;
                margin-top: -125px;
                margin-left: -225px;

                overflow: auto;
                border: 1px solid red;
}
table.login_sat
{
                position: absolute;
                left: 50%;
                top: 50%;
                width: 450px;
                height: 250px;
                margin-top: -200px;
                margin-left: -225px;

                overflow: auto;
                border: 1px solid red;
}
table.rojo
{
        border: 1px solid #9e9286;
        margin: 0ex 1em;
        border-collapse: collapse;
}
table.rojo td {
        background-color: #fff;
        border-left: 1px solid #9e9286;
        font-size:85%;
        padding: .3ex 1ex;
}
table.rojo tr.marron td {
        background-color: #e1ddce;
}
table.rojo tr.rojo td {
        background-color: #ffdcdc;
}
table.rojo tr.odd td {
        background-color: #fac3b4;
}
table.rojo th {
        border-bottom: 1px solid #9e9286;
        border-left: 1px solid #9e9286;
        color: #9e9286;
        background-color: #efede0;
        padding: .3ex 1ex;
}
table.gris
{
	border: 1px solid #9e9286;
	margin: 0ex 1em;
	border-collapse: collapse; 
}

table.gris td {
	background-color: #fff;
	border-left: 0px solid #9e9286;
        font-size:85%;
	padding: .3ex 0ex;
}

table.gris tr.amarillo td {
        background-color: #fcf7e0;
}

table.gris tr.azul td {
        background-color: #cfe9f8;
}

table.gris tr.verde td {
        background-color: #b9f4af;
}

table.gris tr.verde_resalta td {
        background-color: #b9f4af;
        font-weight: bold;
}

table.gris tr.rojo td {
        background-color: #ffdcdc;
}
table.gris tr.marron td {
        background-color: #e1ddce;
}
table.gris tr.odd td {
	background-color: #efede0;
} 

table.gris th {
	border-bottom: 1px solid #9e9286;
	border-left: 1px solid #9e9286;
	color: #9e9286;
	background-color: #efede0;
	padding: .3ex 1ex;
}
tr.group td {
	font-weight: bold;
	color: #8e8276;
	background-color: #e3dfd0;
	border-top: 1px solid #9e9286;
	border-bottom: 1px solid #9e9286;	
	border-left: 0;
}
td.right {
	text-align: right;
}
table.gris .firstcol,
table.gris tr.odd .firstcol {
	border-left: 0;
}
table.acceso
{
        border: 0px solid #9e9286;
        margin: auto;
        border-collapse: collapse;
}
table.acceso td {
        background-color: #fbfaf9;
        border-left: 0px solid #9e9286;
        font-size:75%;
}
table.acceso tr.acceso td {
        background-color: #fbfaf9;
}
table.acceso tr.acceso td.literal
        {
	font-family: verdana;
        font-size: 9px; color: #666666;
        font-weight: bold;
        vertical-align: middle;
        }
table.acceso tr.marron td {
        background-color: #e1ddce;
}
table.acceso tr.verde td {
        background-color: #b9f4af;
}
table.acceso tr.marron td.literal
        {font-family: verdana;
        font-size: 9px; color: #666666;
        font-weight: bold;
        vertical-align: middle;
        }

/* Page layout: */
#cabecera {
	float:left;
	width:100%;
	background: url("../img/bg.gif") repeat-x bottom;
	font-size:85%;
	line-height:normal;
}
#logo {
	float:left;
        PADDING: 10px 15px 10px 15px ;
	vertical-align: middle;
	border: 0;
}
#cabecera_funciones {
	margin-top: .5ex;
	text-align:right;
	margin-right: 1ex;
	color: #360068;
}
#cabecera_funciones a {
	padding: 1px;
	color: #360068;
	background-color: transparent;
	text-decoration: none;
}
#cabecera_funciones a:hover {
	color: #000;
	background-color: #f0e0e0;
	text-decoration: none;
}
#cabecera_info {
	padding-left: 1em;
	line-height: 150%;
	color: #b0b0b0;
	white-space: nowrap;
}
.panelbody {
	margin: 0;
	padding: 0;
	/* border:	1px solid #f00; */
}
.left_col {
	vertical-align: top;
	float: left;
	width: 65%;
	clear: left;
	/* border:	1px solid #f00; */
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.right_col {
	/* border:	1px solid #f00; */
	width: 33%;
	vertical-align: top;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div.panelinfo {
	clear: both;
	background-color: #efede0;
	border: 1px solid #e1ddce;
	padding: 0 1ex; 
	margin: 1ex 1em;
}
div.panelinfo p {
	margin: 1ex 0;
	padding: 0;
}
div.panelblock {
	border: 1px solid #e1ddce;
	padding: 1ex;
	margin: 1ex 1em;
}
.footer {
	text-align: center;
	font-size: 74%;
	margin-top: 0ex;
	margin-bottom: 0ex;
	padding-bottom: 1ex;
	clear: both;
}

/* Main tabs: */
ul.tabs {
	margin:0;
	clear: both;
	padding: 0.1ex 1em 0;
	list-style: none;
}
ul.tabs li {
	float:left;
	background:url("../img/left_both.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #9e9286;
}
ul.tabs li a {
	float:left;
	display:block;
	white-space:nowrap;
	background: url("../img/right_both.gif") no-repeat right top;
	padding:4px 11px 3px 2px;
	text-decoration:none;
	color:#333;
}
ul.tabs li a {float:none;}

ul.tabs li a:hover {
        color:#333;
        text-decoration: none;             /* for IE */

	}
ul.tabs li:hover {			/* Won't work in IE */
	background-position:0% -150px;
	color:#333;
}
ul.tabs li:hover a {			/* Won't work in IE */
	background-position:100% -150px;
	color:#333;
}
ul.tabs li.current {
	background-position:0% -150px;
	border-width:0;
}
ul.tabs li.current a {
	background-position:100% -150px;
	color:#360068;
	padding-bottom:4px;
}
ul.tabs li.current a:hover {
	text-decoration: none;
	color:#6b3e09;
}

/* Sub-tabs */
ul.hack {
	margin:0;
	clear: both;
	padding: 0.1ex 1em 0;
	list-style: none;
}
ul.hack li {
	display: none;
}
div.pt
{
	margin: 0 1em;
}
div.panelblocktabs
{
	clear: both;
        margin-top: 1ex;
	float:left;
	width:100%;
	background: url("../img/tabs_bg.gif") repeat-x bottom;
	font-size:85%;
        line-height:normal;
        padding: 0;
        border-top: 1px solid #fff;     /* force moz to display float before */
}
div.tabbedpanelblock {
	clear: both;
	border: 1px solid #9e9286;
	border-top: none;
	background-color: #fbfaf9;
	padding: 0.2ex 0.2em 0.2ex 0.2em;
	margin: 0 1em 2ex 1em;
}


body {
	background: #fff url(../img/bg.png) repeat-y 50% 0;
	padding: 0px;
	margin: 0px;
	color: #000;
	font: 84% Arial, Helvetica, sans-serif;
}

table.invisible
{
	margin: 0ex 0em;
        border-collapse: collapse;
}
table.invisible td
{
	padding: 0ex 0ex;
}
td.right
{
	text-align: right;
}
div#pageFooter {
	clear: both;
	background-color: #fff;
	width: 738px;
	margin: 0 auto;
	padding: 0 0 1ex 0;
}
p.baseline {
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 74%;
	color: #999;
	padding: 1ex;
	margin: 0;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #78a;
}


/* Styles for sidebar (right) */
.bSideBar {
	width: 259px;	
	float: right;
	overflow: hidden;
	/* background: #900; */
}
.bSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

.left_col,
.right_col
 {
	float: none;
	width: 100%;
	clear: none;
	overflow: visible;
	margin: 0;
	padding: 0;
}
.left_col fieldset,
.right_col fieldset {
	margin: 1ex;
	padding: 0 1ex 1ex 1ex;
}
/* For the site header: */
#tagline{
	position: relative;
	font-style: italic;
	bottom: 20px;
	margin-left: 110px;
}
#version{
	position: relative;
	bottom: 15px;
	margin-bottom: .3ex;
}
#quicklinks {
	border-top: 1px solid #f90;
	border-bottom: 1px solid #f90;
	background-color: #fc9;
	text-align: center;
	font: bold 84% Verdana, Arial, Helvetica, sans-serif;
	padding-top: .1em;
	padding-bottom: .1em;
}


blockquote {
	border: 2px dotted #999;
	background-color: #eee;
	padding-left: 1em;
	padding-right: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Genral styles */
body
{
	background: #fff;
	color: #000;
}
body.acceso
{
        background: #E5E5e5;
        color: #000;
}
hr {
	height: 0px;
	width: 100%;
	border: 0;
	border-top: 1px solid #ccc;
}

	
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
ul.expanded li, ol.expanded li
{
	margin-top: 2ex;
	margin-bottom: 2ex;
}
fieldset
{
	border: 1px solid #ddd;
	margin: 1em;
	padding-bottom: 2ex;
	padding-left: 2ex;
	padding-right: 2ex;
}
legend
{
	font-weight: bold;
}

/* Titles */
#TIT1
        {
        font-family: verdana;
        font-size: 12px;
        color: #666666;
        font-weight: regular;
        padding-right:10px;
        }
#TIT2
        {
        font-family: verdana;
        font-size: 9px;
        color: #666666;
        font-weight: regular;
        padding-right:10px;
        }
#TIT4
        {
        font-family: verdana;
        font-size: 9px;
        color: #CC0000;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: 0.3ex;
        text-decoration: none;
        }
#tit1
        {
        font-family: verdana;
        font-size: 11px;
        color: #CC0000;
        font-weight: blod;
        margin: 1ex 1ex ;
        clear: both;
        padding: .3ex;
        text-decoration: none;

        }

#tit2
        {
        font-family: verdana;
        font-size: 11px;
        color: #CC0000;
        font-weight: regular;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: 0.3ex;
        text-decoration: none;

        }
#tit3
        {
        font-family: verdana;
        font-size: 10px;
        color: #000000;
        font-weight: regular;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: 0.3ex;
        text-decoration: none;
        }
#tit2azul
        {
        font-family: verdana;
        font-size: 11px;
        color: #0000FF;
        font-weight: regular;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: 0.3ex;
        text-decoration: none;
        }
#tit2verde
        {
        font-family: verdana;
        font-size: 11px;
        color: #2E8B57;
        font-weight: regular;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: 0.3ex;
        text-decoration: none;
      }
#tit2negro
        {
        font-family: verdana;
        font-size: 11px;
        color: #000000;
        font-weight: regular;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: 0.3ex;
        text-decoration: none;
        }      
#tit4
        {
        font-family: verdana;
        font-size: 8px;
        color: #000000;
        font-weight: regular;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: .3ex;
        text-decoration: none;
        }
#tit4verde
        {
        font-family: verdana;
        font-size: 8px;
        color: #00ff00;
        font-weight: blod;
        margin: 0.3ex 0.5ex ;
        clear: both;
        padding: .3ex;
        text-decoration: none;
        }
div.bSideItem h3 
	{
	color: #a00;
	}

input.search,
input.SaveButton,
input.ResetButton,
div.edit_actions input,
div.PostActionsArea input 
{
        font-family: verdana;
        font-size: 10px;
        font-weight: blod;
        text-align: center;
        vertical-align: middle;
        padding: 1px;
        margin: 1px 1px;
        color:#360068;
        background-image: url("../img/desert-button.gif");
        background-color: #e1ddce;
        border: 1px solid #360068;
}
textarea,
input,
select {
        border: 1px solid #360068;
        background-color: #f6edc6;
        padding: 1px;
        margin: 1px;
        vertical-align: middle;
}
span.line
{
        white-space: normal;
        display: block;

}
span.line input
{
        width: 98%;
}
.left_col fieldset,
.right_col fieldset {
        margin: 1ex;
        padding: 0 1ex 1ex 1ex;
}
fieldset.extracats {
        padding: 0 0 0 1ex;
        margin: 1ex;
        overflow: visible;
}
div.extracats
{
        height: auto;
        overflow: visible;
        padding: 0ex 1ex;
        margin: 0ex;
}
.notes,
.extracatnote
{
        display: none;
        color: #f00;
}
.container
{
        font-family: verdana;
        font-size: 12px;
        color: #666666;
        font-weight: regular;
        padding-right:10px;
	position: absolute;
        border: 1px solid #360068;
        background-color: #f6edc6;
        padding: 1px;
        margin: 1px;
        vertical-align: middle;
}
.edt /* for text input */
{
        border: 1px solid #360068;
        background-color: #f6edc6;
        padding: 1px;
        margin: 1px;
        vertical-align: middle;
        font-size: 13px;
}

.span0 /* even container line (0,2,4,...) */
{
 width: 100%;
}

.span1 /* odd container line (1,3,5,...) */
{
 width: 100%;
}
