div#mtsp_page_layout {margin:auto; min-width:900px; max-width:912px; width:912px; border: 0px solid #000000; z-index:1;}
div#mtsp_page_layout div.mtsp_row {float:left; top:0; left:0; width:auto; height:inherit; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_0_1 {margin:0px; float:left; top:0px; left:0px; width:898px; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_1_0 {margin:0px; float:left; top:0px; left:0px; width:449px; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_1_1 {margin:0px; float:left; top:0px; left:450px; width:449px; z-index:1;}
div#mtsp_page_layout div#mtsp_cell_2_1 {margin:0px; float:left; top:0px; left:0px; width:898px; z-index:1;}

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

.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: 0px;
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: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
vertical-align: baseline;
text-align: left;
border-width: 0px;
border-style: none;
border-color: #000000;
margin: 0px;
padding: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top; }

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

.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;font-weight:normal }

.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;font-weight:normal }

.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 }

.texto-enlace-demos 
{                                property-description: Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
vertical-align: baseline;
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; }

.texto-titulo 
{                             property-description: Copia de Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
vertical-align: baseline;
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; }

.texto 
{ property-description: Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
font-weight: normal;
vertical-align: baseline;
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;
 }

.texto-negrita 
{                  property-description: Copia de Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
font-weight: bold;
vertical-align: baseline;
text-align: left;
border-width: 1px;
border-style: none;
border-color: #000000;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: left top; }

.letra-gigante 
{              property-description: Copia de Copia de Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
font-weight: bold;
vertical-align: baseline;
text-align: left;
border-width: 1px;
border-style: none;
border-color: #000000;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: left top; }

.textomargen 
{         property-description: Copia de Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: normal;
vertical-align: baseline;
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; }

.texto-negritamargen 
{         property-description: Copia de Copia de Copia de Estilo del texto en el portlet;
property-predefined: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
font-weight: bold;
vertical-align: baseline;
text-align: left;
border-width: 1px;
border-style: none;
border-color: #000000;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: left top; }




/* CSS para limpiar todos los elementos de cualquier navegador ------------- */

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend, ul, li, ol {
margin:-0px;
padding:0pt;
z-index:1;
}

body {
font-size:14px;
}
table {
border-collapse:collapse;
border-spacing:0pt;
}
fieldset, img {
border:0pt none;
}
address, caption, cite, code, dfn, em, strong, th, var, legend {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
white-space:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0pt none;
}
/* hack ie6 png*/
/*img { behavior: url(http://212.89.11.76/mtspcache/15177.htc) }*/

/* CSS de maquetacion------------- */
div.derecha-arriba{
height:97px;
width:451px;
background:url('http://212.89.11.76/mtspcache/14772.jpg') no-repeat;
}
.container-portlets-area{background:#ffffff;}
div.pie{
border-top:2px #002b46 solid;height:30px;overflow:hidden;
background:#fff;
}

div.pie-izq{
border-right:2px #002b46 solid;width:620px;height:30px;overflow:hidden;
padding-left:30px;padding-top:5px;}

div.pie-derch{
position:relative;top:-33px;left:661px;height:30px;overflow:hidden;
}

div.serviciomedioambiente{
position: relative; top: 5px;overflow:hidden;}

div.parte-derecha{
width:451px;
height:372px;
background:url('http://212.89.11.76/mtspcache/14784.gif') repeat-y;}
div.parte-izq{
width:450px;
height:50px;
background:url(http://212.89.11.76/mtspcache/14816.gif) no-repeat  #ffffff;}
div.parte-izq-titulo{
width:450px;
height:35px;
background:url(http://212.89.11.76/mtspcache/14816.gif) no-repeat  #ffffff;
text-align:center;
padding-top:15px;}

div.fondo-presentacion{
background:url(http://212.89.11.76/mtspcache/14998.jpg) no-repeat  #ffffff;
}

div.parte-izq-contenido{
width:410px;
padding:10px 30px 0px 15px;
background:#fff;
min-height:300px;
}


div.derecha-servicios{
width:210px;
float:left;
}
div.derecha-demos{
float:right;
width:240px;
}
div.demos-titulo{
margin: 20px 0 20px 80px;
}
div.demos-demo{
width:240px;float:left;
}
div.demos-diana{
width:30px;
float:left;}

div.demos-enlace{
float:right;
margin:3px 0px 10px 10px;
width:200px;} 

.texto-enlace-demos{
 text-decoration:none; }

div.izq-arriba{
height:50px;
}
div.titulo-articulo{
   padding:20px 0px 0px 180px;
}
div.texto-articulo{
   margin:20px 20px 0px 20px;
}

div#mtsp_cell_0_1 {margin:0px;  top:0px !important; left:0px;position:relative;height:96px !important;}

h3{
font-size:13px;
font-weight:bold;
}
.recursostd1{padding:5px;}
.lista{ padding:10px;
}


/* CSS para el menu r ------------- */

#cssmenu{                         /* menu list container */
      padding:0px 0 0 10px; margin:0; list-style:none; font: 10px verdana, sans-serif;  position:relative; z-index:99;top:0px;left:0px;
background:url(http://212.89.11.76/mtspcache/14770.jpg) no-repeat;height:98px;
width:890px;
    }
    #cssmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 0px;    /* border for each of the main menu items */
        background: #235D82;     /* main menu item background color */
        color: #FFFFFF;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 3px;               /* padding within main menu items */
        width: 100px;               /* the width of each main menu item */
        display: block;
    }

    #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: 176px;               /* should be the same as #cssmenu li width */
        background: #235D82;     /* sub-menu default background color */
        border: #002b46 solid 1px;     /* the border around the sub-menu list */
        color: #000;                /* 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 */
        background: #235D82;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 100px;               /* (padding*2) must be subtracted from #cssmenu li width and set for this one, or borders won't display properly. */
    }

    #cssmenu li a{                  /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 100px;               /* set this to #cssmenu ul width */
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        border:1px solid;
    }
    
    #cssmenu ul a {                   /* all the other level menu link elements */
        padding: 2px;
        margin: 0px;
        width: 172px;               /* (padding*2) must be subtracted from #cssmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
        text-align: left;
        border:none;
    }

    #cssmenu a:hover,                 /* top-level hovering properties */
    #cssmenu li:hover{
        display: block;
        background: #235D82;
        color: #FFFFAA;
    }
    
    #cssmenu ul li:hover,             /* higher level hovering properties */
    #cssmenu ul li a:hover{
        display: block;
        width: 172px;                 /* should be set to the same value as #cssmenu ul li width */
        background: #002b46;
        color: #FFFFFF;
    }

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

    /* 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;
    }


/*tabla de cursos*/
.tablacursos
{width:430px;
 color:black;
}
.tdcursosmodalidad
{text-align:center;
font-weight:bold;
padding-top:10px;
}
.tdcursostitulo
{text-align:center;
font-weight:bold;
padding-bottom:15px;
padding-top:10px;
padding-left:3px;
}
.tdcursostituloaccion
{text-align:left;
font-weight:bold;
padding-bottom:15px;
padding-top:10px;
}
.tdcursosaccion
{text-align:left;
}
.tdcursoscontenido
{text-align:center;
padding-top:5px;
}
.tdcursoscontenido a
{
text-decoration:none;
}
.textomargen{
margin-left:20px;
}
.texto-negritamargen{
margin-left:20px;
}
.centro-virtual{
padding-top:250px !important;
padding-left:230px !important;
padding-top:0px;
padding-left:0px;
}