/* #################### MENU LATERAL #################### */

ul.menu {
  border: solid #439FC7 4px ;
}

.moduletable_menu {
  font-size: 12px ;
}

.menu {
  padding:0px;
  margin-bottom: 25px;  
  margin-left:0px;
  margin-right:0px;
}

ul.menu, ul.menu ul {
  list-style-type: none;
  padding-left:0px;
  margin: 0px;
}
.menu li {
  background: #439FC7 ;
  padding:15px 5px 1px 5px;
  margin: 0px;
  border-width: 0px;
  border-bottom: solid #CCCCCC 1px ;
}
.menu li a, .menu li a:visited{
  color: #FFFFFF ;
  font-weight: bold ;
  height: 25px;
}
.menu li a:hover{
  color: #DDDDDD ;
  font-weight: bold ;
  text-decoration: none;
}
.menu #current a{
  color: #32CBFE ;
  text-decoration: none ;
}
.menu #current li a{
  color: #FFFFFF ;
  text-decoration: none;
}

.menu li li{
  padding:5px 5px 1px 15px;
  border-bottom-width: 0px;
  font-size: 0.9em ;
}
.menu li li a, .menu li li a:visited{
  color: #FFFFFF ;
  font-weight: normal ;
}
.menu li li a:hover{
  color: #DDDDDD ;
  font-weight: normal ;
  text-decoration: none;
}

/* #################### MENU TOP #################### */

#top ul.menu {
  list-style-type: none;
  padding-left:0px;
  border-width: 0px;
}

#top .menu li {
  background: #FFFFFF ;
  border-style: solid;
  border-width: 0px;
  margin: 0px;
  margin-bottom: 5px;  
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}

#top .menu li a, #top .menu li a:visited{
  height: 25px;
  color: #666666 ;
  font-weight: bold ;
}
#top .menu li a:hover{
  color: #333333 ;
  font-weight: bold ;
  text-decoration: none;
}

#top .menu #current a{
  text-decoration: underline;
}

/* #################### TABLES WYSIWYG #################### */

.mwtabla {
    border-collapse: collapse;
    border:1px solid #BFD9E5;
}
.mwtabla td, .mwtabla th {
    border:1px solid #BFD9E5;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size:11px;
}

.mwtabla th {
    background-color: #E5E57F;
    text-align: center;
}

.mwtablabackLight {
    background-color: #F5F5F5;
}

.mwtablabackDark{
    background-color: #EEEEEE;
}

/* #################### MISC SETTINGS #################### */

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

UL {
  list-style: circle outside;
  margin: 0px;
  padding-left: 20px;
}

UL LI{
  padding: 0px;
  padding-left: 5px;
  margin: 6px;
}

#top ul {
  list-style-type: none;
  padding-left:0px;
}
#top UL LI{
  padding: 0px;
  padding-left:2px;
  margin: 0px;
}

body {
  font-family: verdana, arial, sans-serif ;
  font-size: 13px ;
  color: #666666 ;
  margin: 0px;
  margin-top: 0px;
  text-align: center;
}

HR {
  background       : #CCCCCC;
  height           : 1px;
  width            : 75%;
}

.footer {
  color             : #FFFFFF ;
  background        : #999999 ;
  white-space       : pre;
}

/* ###################### LINKS ###################### */

a:link, a:visited {
  color            : #66769d ;
  text-decoration  : none;
  font-weight      : bold;
}

a:hover {
  color            : #2a375a ;
  text-decoration  : underline;
  font-weight      : bold;
}

a img, a:hover img, a:visited img {
  border: 0px solid #FFFFFF;
}


/* ################### MODULE SETTINGS ################### */

.moduletable {
  background: transparent ;
  padding: 0px;
  margin-bottom:10px;
  border-color: solid 0px #FFFFFF ;
}

.moduletable h3{
  padding: 0;
  margin: 0;
  margin-bottom:6px;
  color: #89a0ac;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #666666;
}

.componentheading, .contentheading{
  padding-top: 4px;
  font-size: 1.2em;
  font-weight      : bold;
  color: #3F8FB6;
  border-bottom: 0px solid #FFFFFF;  
}


/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  padding-left     : 5px;
  padding-right    : 5px;
}

.contentpaneopen {
  padding-left     : 5px;
  padding-right    : 5px;
}

.contentpaneopen h1 {
  padding: 5px;
  margin: 0px;
  font-size        : 1.5em;
  font-weight      : normal;
  color            : #666666;
}
.contentpaneopen h2 {
  padding: 0px;
  margin: 0px;
  font-size        : 16px;
  font-weight      : normal;
  color            : #006699;
}
.contentpaneopen h3 {
  padding: 0px;
  margin: 0px;
  font-size        : 13px;
  font-weight      : normal;
  color            : #006699;
}

.contentdescription {
  font-size        : 9pt;
  color            : #333333;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */

.inputbox, .button {
  font-size        : 0.9em;
  padding: 0px;
  color            : #000000;
  background-color : #EEEEEE;
  border           : 1px solid #CCCCCC;
}
.search .inputbox  {
  font-size        : 8pt;
  font-weight      : bold;
  background       : #FFF;
  border           : 0px solid #CCCCCC;
}

/* ##################### SMALL FONT SETTINGS ##################### */
.small {
  font-size        : 0.8em;
  color: #999999;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-size        : 0.8em;
  color            : #000000;
  font-weight      : normal;
}

.createdate {
  font-size        : 0.8em;
  color            : #999999;
  text-decoration  : none;
  font-weight      : normal;
}



/* ##################### Tableless design ##################### */

#header {
  float:right;
  margin: 0;
  padding: 0;
  width: 885px;
  clear: right;
  height: 165px;
  min-width: 885px;
  min-height: 165px;
  border: solid 0px #00ff00;
}

#cabecera_foto {
  float:right;
  width: 700px;
  margin:0;
  padding: 0;
}

#top {
  float:right;
  padding: 0px;
  padding-left: 0px;
  padding-right: 4px;
  height: 20px;
  min-height: 20px;
  width: 880px;
  border: solid 0px #00ffff;
}
#cabecera_logo {
  float:left;
  width: 120px;
  margin:0;
  padding: 0;
}


#center {
  margin: 0;
  margin-left: 60px;
  padding: 0;
  clear: right;
  width: 885px;
}
#footer {
  margin: 0;
  margin-top: 20px;
  padding-top:0px;
  width: 95%;
  clear: both;
}

#lateral {
  float:left;
  width: 60px;
  margin: 0;
  padding: 0;
}

#left {
  float:left;
  width: 180px;
  margin: 0;
  padding: 0;
  border: solid 0px #0000ff;
}

#middle {
  margin: 0px;
  margin-left: 190px;
  margin-right: 190px;
  width: 495px;
  background: url('../images/fons.jpg') no-repeat center top;  
  border: solid 0px #0000ff;
}

#middle_right {
  margin: 0px;
  margin-left: 190px;
  margin-right: 0px;
  width: 685px;
  background: url('../images/fons.jpg') no-repeat center center;  
  border: solid 0px #0000ff;
}

#right {
  float:right;
  margin: 0;
  padding: 0;
  width: 180px;
  border: solid 0px #0000ff;
}
#left_top {
  float:left;
  margin:0;
  padding:0;
  height: 20px;
  overflow: hidden;
  width: 180px;
  border: solid 0px #0000ff;
}

#middle_top {
  margin:0px;
  padding:0;
  padding-left:8px;
  height: 20px;
  overflow: hidden;
  width: 490px;
  border: solid 0px #0000ff;
}

#right_top {
  float:right;
  margin:0;
  padding:0;
  height: 20px;
  overflow: hidden;
  width : 180px;
  border: solid 0px #0000ff;
}

#container_centrado {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 950px;
  border: solid 0px #0000ff;
}

html>body, html>body #contents {
  height: auto;
}
.smallline {
        clear:both;
        height:5px;
        font-size:5px;
        border:none;
        margin:0; padding:0;
        background:transparent;
        }
.cleaner {
        clear:both;
        height:1px;
        font-size:1px;
        border:none;
        margin:0; padding:0;
        background:transparent;
        }