div#mtsp_page_layout {margin:auto; min-width:908px; max-width:908px; width:908px; border: 0px solid #000000; z-index:1;}
div#mtsp_page_layout div.mtsp_row {top:0; left:0; width:auto; height:inherit; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_0_0 {margin:0px; float:left; top:0px; left:0px; width:908px; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_1_0 {margin:0px; float:left; top:0px; left:0px; width:908px; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_2_0 {margin:0px; float:left; top:0px; left:0px; width:908px; z-index:1;}

.body-default 
{              OVERFLOW:auto; BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #transparent; TEXT-ALIGN: left; property-description: Estilo general de la página; property-predefined: 1;font-weight:normal }

.container-portlets-area 
{     property-description: Estilo por defecto de un área de portlets en una página;
property-predefined: 1;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
vertical-align: top;
text-align: center;
border-width: 1px;
border-style: none;
border-color: #000000;
margin: 0px;
padding: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top; }

.portlet-area 
{ property-description: Estilo del area de portlet;
property-predefined: 1;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555555;
font-weight: normal;
vertical-align: baseline;
text-align: left;
border-width: 2px;
border-style: none;
border-color: #000000;
margin: 0px;
padding: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
 }

.portlet-font 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo del texto en el portlet; property-predefined: 1;font-weight:normal }

.portlet-font-dim 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #999999; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo del texto en el portlet pero con el color más apagado; property-predefined: 1 }

.portlet-form-button 
{              BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 11px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; property-description: Estilo de un botón en un portlet; property-predefined: 1 }

.portlet-form-field 
{              property-description: Estilo de un elemento de formulario en un portlet; property-predefined: 1; font-family: Arial, Helvetica, sans-serif; color=000000; font-size=12; text-align=left; vertical-align=baseline; border-width=1; border-style=none; border-color=000000; background-color=transparent; background-repeat=no-repeat; background-position=left top; margin=1; padding=1; }

.portlet-form-field-label 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-SIZE: 14px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial Narrow, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo usado en celdas de campos dentro de los portlets; property-predefined: 1 }

.portlet-form-input-field 
{              BORDER-RIGHT: #909090 1px dotted; PADDING-RIGHT: 4px; BACKGROUND-POSITION: left top; BORDER-TOP: #909090 1px dotted; PADDING-LEFT: 4px; FONT-SIZE: 11px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 4px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #909090 1px dotted; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #909090 1px dotted; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffcf; TEXT-ALIGN: left; property-description: Estilo de un campo de entrada en un portlet; property-predefined: 1 }

.portlet-msg-info 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #ff0000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo de mensajes de información; property-predefined: 1 }

.portlet-section-alternate 
{              property-description: Estilo alternativo del texto del portlet; property-predefined: 1; font-family: Arial, Helvetica, sans-serif; color=000000; font-size=12; text-align=left; vertical-align=baseline; border-width=1; border-style=none; border-color=000000; background-color=transparent; background-repeat=no-repeat; background-position=left top; margin=1; padding=1; }

.portlet-section-body 
{              font-size: 12px;font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; vertical-align: baseline; text-align: left; border-width: 1px; border-style: none; border-color: #000000;margin: 5px;padding: 5px;background-color: #FFFFF0;background-repeat: no-repeat;background-position: left top; property-description: Estilo del cuerpo del portlet; property-predefined: 1 }

.portlet-section-footer 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo de la sección al pie del portlet; property-predefined: 1 }

.portlet-section-header 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo de la  cabecera del portlet; property-predefined: 1 }

.portlet-section-subheader 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo del texto en la subcabecera del portlet; property-predefined: 1 }

.portlet-section-text 
{              BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 1px; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px; PADDING-LEFT: 1px; FONT-SIZE: 13px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px; MARGIN: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 1px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Georgia, Times New Roman, Times, serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; property-description: Estilo de un texto destacado en el portlet; property-predefined: 1 }

.portlet-title 
{              font-size: 14px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #909090;font-weight: normal;vertical-align: bottom;text-align: left;border-width: 1px;border-style: none;border-color: #000000;margin: 0px;padding: 0px;background-color: transparent;background-repeat: no-repeat;background-position: left top; property-description: Estilo del título del portlet; property-predefined: 1 }

.copy_portlet-area 
{     property-description: Copy of Estilo del area de portlet;
property-predefined: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
vertical-align: baseline;
text-align: left;
border-width: 2px;
border-style: none;
border-color: #000000;
margin: 1px;
padding: 1px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top; }

.copy_container-portlets-area 
{     property-description: Copy of Estilo por defecto de un área de portlets en una página;
property-predefined: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
vertical-align: top;
text-align: center;
border-width: 1px;
border-style: none;
border-color: #000000;
margin: 1px;
padding: 1px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top; }

.copy_body-default 
{     property-description: Copy of Estilo general de la página;
property-predefined: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
vertical-align: baseline;
text-align: left;
border-width: 1px;
border-style: none;
border-color: #000000;
margin: 1px;
padding: 1px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top; }




.oculto{
display:none;
}

.clear{
clear:both;
}

/* --- Diseño general ---------------------------------------------------------------------------- */
.body-default{
padding-top: 10px;
background-position: left 115px ;
background-color: #FFFFFF;
background-image:url(http://docs.softcomputing.es/public/mibisoc/images/mibisoc-fondo.png);
background-repeat:repeat-x;
}

a{
color: #CC0000;
}

a:visited{
color: #CC0000;
}

p {
text-align: justify;
}
.mtsp_row{
background: transparent url(http://www.softcomputing.es/metaspace-cache/254.png) repeat-y top left !important;
float: left;
}

.inicio-pagina{
background: transparent url(http://www.softcomputing.es/metaspace-cache/239.gif) no-repeat top left;
text-align: center;
}

.logo{
height: 80px;
margin: 0px 50px 0px 50px;
text-align: left;
padding-top: 24px;
}

.logo a{
color: transparent;
}

.logo a:visited{
color: transparent;
}

.logo img{
border: 0px none transparent;
}

.imagen-cabecera{
background: transparent url(http://docs.softcomputing.es/public/mibisoc/images/mibisoc-front.jpg) no-repeat bottom right;
border-bottom: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4;
border-right: 1px solid #D4D4D4;
line-height: 150px;
margin: 0px 50px;
}

.titulo{
background: transparent url(http://www.softcomputing.es/metaspace-cache/255.png) no-repeat center left;
padding-left: 20px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
color: #0062A1;
font-weight: bold;
margin-top: 30px;
}

.apartado{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0062A1;
font-weight: bold;
margin-top: 30px;
}


div.separador{
margin:30px 50px 20px;
border-top: 1px solid #EFEFEF;
line-height: 1px;
}

div.patrocinio{
padding: 0px 50px;
text-align: center;
margin:0px 0px 20px;
vertical-align: middle;
}

div.patrocinio img{
margin:0px 20px;
vertical-align: middle;
}

.resaltado{
font-weight: bold;
}

/* --- Pie de pagina ------------------------------------------------------------------------------ */
.pie-pagina{
box-sizing: border-box;
-moz-box-sizing: border-box;
background-image: url(http://www.softcomputing.es/metaspace-cache/240.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
float: left;
width: 100%;
padding-bottom: 30px;
}

.pie-pagina .info-contacto{
float: left;
margin: 10px 0px 0px 10px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #555555;
}

.pie-pagina .iconos-w3c{
float: right;
margin-top: 20px;
}

.pie-pagina .iconos-w3c .icono{
float:right;
margin-right: 20px;
height: 54px;
}

.pie-pagina .iconos-w3c .xhtml{
background-image: url(http://www.softcomputing.es/metaspace-cache/248.jpg);
background-repeat: no-repeat;
border: 0px none;
}

.pie-pagina .iconos-w3c .wcag{
background-image: url(http://www.softcomputing.es/metaspace-cache/250.jpg);
background-repeat: no-repeat;
border: 0px none;
}

.pie-pagina .iconos-w3c .taw3{
background-image: url(http://www.softcomputing.es/metaspace-cache/252.jpg);
background-repeat: no-repeat;
border: 0px none;
}

.iconos-w3c .icono a img{
borner: 0px;
border-style: none;
}

.icono a{
border: 0px none;
}


/* --- Barra de idioma --------------------------------------------------------------------------- */

#barra-idioma {
  margin: 0;
  padding: 0;
  /** display:inline-block en todos los navegadores **/
  display: -moz-inline-stack; /* FF2*/
  display: inline-block;
  zoom: 1; /* IE7 (hasLayout)*/
  *display: inline; /* IE */
  /** fin **/
}

#barra-idioma a {
  padding: 0 25px 0 0;
  margin: 0 15px 0 0;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}

#barra-idioma a.castellano {
  background: transparent url(http://www.softcomputing.es/metaspace-cache/241.gif) no-repeat center right;
}

#barra-idioma a.english {
  background: transparent url(http://www.softcomputing.es/metaspace-cache/242.gif) no-repeat center right;
}

/* --- Formulario del Buscador Web ----------------------------------------------------------- */

#formulario-buscador {
  margin: 0;
  padding: 0;
  /** display:inline-block en todos los navegadores **/
  display: -moz-inline-stack; /* FF2*/
  display: inline-block;
  zoom: 1; /* IE7 (hasLayout)*/
  *display: inline; /* IE */
  /** fin **/
}

#formulario-buscador input {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#formulario-buscador img {
  border: none;
  vertical-align: middle;
}

#formulario-buscador #buscar {
  vertical-align: middle;
}

/* --- Pagina a 1 columna ----------------------------------------------------------------------- */
.contenido1col{
margin: 0px 50px 50px;
}

/* --- Contacto ----------------------------------------------------------------------- */
.datos-contacto{
  float: left;
  margin: 0px 0px 0px 30px;
  width: 470px;
  *display: inline; /*fix for IE6 (double margin size in float elements */
}

.imagen-contacto{
  float: left;
  margin-left: 50px;
  *display: inline; /*fix for IE6 (double margin size in float elements */
}

.imagen-contacto img{
  border: 1px solid #BDC4C8;
}

/* --- Menú principal ---------------------------------------------------------------------------- */
/* This is the part for the CSS menu - these settings are for a horizontal menu */
#cssmenu{                         /* menu list container */
height: 28px;
    list-style-type: none;      /* disable the display of the list item bullets */
    margin: 0px 50px;  
    padding:0px;             /* space around the list container */
    
                 /* space within the list container */
    /*position: static;*/           /* need this so that the z-index stuff works correctly */
    position:relative; top:0px;left:0px;
    background-color: #2577AA;     /* the default background color within the main menu container */
    color: #000;                /* the default font color (not links) within the main menu container */
    z-index: 25;              /* push the menu up in the layer order a bit so it isn't hidden behind anything */
    vertical-align: middle;
        /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		word-spacing: -1em; /* space between inline-block elements */
		border-top: 1px solid #D4D4D4;
		border-left: 1px solid #D4D4D4;
		border-right: 1px solid #D4D4D4;
}

#cssmenu li{                      /* top-level menu element */
float: left;
    list-style-type: none;      /* disable the display of the list item bullets */
    text-decoration:none;
	border-right: white solid 1px;    /* border for each of the main menu items */
    background-color: transparent;     /* main menu item background color */
    color: #fff;                /* main menu item font color (not links) */
    margin: 0px;                /* spacing between main menu items */
    padding: 0px 6px;               /* padding within main menu items */
    /*width: 150px;               /* the width of each main menu item */
*width: 1px; 			/* auto width for inline-block in IE */
    line-height: 28px;
    height: 28px;
		word-spacing: normal; /* no inherit parent word-spacing */
     }    

#cssmenu ul {                     /* third-level (or greater) menu element list elements */
    position: absolute;         /* this is so that it doesn't push that page content around on hover */
    margin: 0px;                /* space around the list container */
    padding: 0px;               /* space within the list container */
    list-style-type: none;      /* disable the display of the list item bullets */
    display: none;
    width: 180px;               /* should be the same as #cssmenu li width */
    background-color: #2577AA;     /* sub-menu default background color */
    border: #FFF solid 1px;     /* the border around the sub-menu list */
    color: #FFF;                /* sub-menu default font color (not links) */
    z-index: 99;                /* want to be sure this is above the rest of the menu */        
    
}

#cssmenu ul li{                   /* second-level or greater menu element links */
    /*margin: 0px;*/                /* space around the list container */
    /*padding: 0px;*/               /* space within the list container */
    background-color: #transparent;     /* default background color for sub-menu container */
    color: #fff;                /* default font color (not links) for sub-menu container */
    /*border: #fff solid 1px;               /* sub-menu item border settings */
    margin: 0px 0px 0px 0px;          /* Para que los sub-items que se despliegan coincidan con el item principal */
    padding: 0px;               /* This is for padding between menu items in the drop-downs */
    width: 180px;               /* (padding*2) must be subtracted from #cssmenu li width and set for this one, or borders won't display properly. */
    height:22px;
line-height: 22px
    /*z-index: 1099;*/
    padding: 0px 6px; 
}

#cssmenu li a{                    /* top-level menu element links */
    text-align: left;         /* text alignment in main menu item links */
    /*width: 150px;               /* set this to #cssmenu ul width */
    display: block;
    color:#fff;
    /*height:28px; */
    text-decoration:none;
    padding-top:0px;
    white-space: nowrap;
}

#cssmenu ul a {                   /* all the other level menu link elements */
    padding: 0px 6px;
    margin: 0px;
    /*width: 150px;               /* (padding*2) must be subtracted from #cssmenu ul li width and set for this one, or borders won't display properly. */
    display: block;
    height:22px;
    line-height:22px;
    color:#fff;        
}

#cssmenu a:hover,                 /* top-level hovering properties */
#cssmenu li:hover
{
    /*display: block;*/
    /*background-color: #d82000;*/
    /*background-color: #CC6666;*/
    /*color: yellow; */
    /*width: 150px; */              
}

#cssmenu ul li:hover,             /* higher level hovering properties */
#cssmenu ul li a:hover {
    /*display: block;*/
    /*width: 109px;*/               /* should be set to the same value as #cssmenu ul li width */
    /*background-color: #d82000;*/
    /*background-color: #CC6666;*/
    /*color: yellow; */
    /*width: 150px;*/               
}



#cssmenu ul ul{                   /* higher-level list containers */
    display: none;              /* don't display by default */
    position: absolute;
    margin-left: 108px;         /* this should be the width of #cssmenu ul li */
    margin-top: 4em;           /* this will push the sub-menu up to the level of it's parent */
	/*width:120px;*/
	
}

/* only non-MSIE browsers use this */
#cssmenu ul li>ul,
#cssmenu ul ul li>ul{
    margin-top: 2em;           /* should be set to the same as #cssmenu ul ul margin-top */
}

/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
#cssmenu li:hover ul ul,              
#cssmenu li:hover ul ul ul,
#cssmenu li:hover ul ul ul ul,
#cssmenu li:hover ul ul ul ul ul
{
    display:none;
}

#cssmenu li:hover ul,
#cssmenu ul li:hover ul,
#cssmenu ul ul li:hover ul,
#cssmenu ul ul ul li:hover ul,
#cssmenu ul ul ul ul li:hover ul
{
    display:block;
}

li>ul {
    top: auto;
    left: auto;
}

.content {                      /* This is used for the content that will appear below the menu */
    clear: left;
}
/* --- Fin menú principal ------------------------------------------------------------------------- */