﻿@charset "utf-8";

/* CSS Document */ /**** Embedded Styles from http://localhost:8081/c/portal/layout?p_l_id=PUB.1.1 ****/
#p_p_id_56_INSTANCE_tKSS_ .portlet-borderless-container {
    
}

#p_p_id_56_INSTANCE_tKSS_ .portlet-header-bar {
    
}

#p_p_id_56_INSTANCE_tKSS_ .portlet-title {
    
}

#p_p_id_56_INSTANCE_tKSS_ .portlet-borderless-container {
    
}

#p_p_id_56_INSTANCE_tKSS_ .portlet-borderless-container A {
    color: #7e174d;
    font-family: Arial;
}

#p_p_id_56_INSTANCE_tKSS_ .portlet-borderless-container A:visited {
    
}

#p_p_id_56_INSTANCE_tKSS_ .portlet-borderless-container A:hover {
    color: #ab688b;
    text-decoration: underline;
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-borderless-container {
    background-color: #ffffff;
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-header-bar {
    
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-title {
    
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-borderless-container {
    
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-borderless-container A {
    
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-borderless-container A:visited {
    
}

#p_p_id_56_INSTANCE_AA6o_ .portlet-borderless-container A:hover {
    
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-borderless-container {
    background-color: #ffffff;
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-header-bar {
    
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-title {
    
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-borderless-container {
    
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-borderless-container A {
    
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-borderless-container A:visited {
    
}

#p_p_id_56_INSTANCE_rJOr_ .portlet-borderless-container A:hover {
    
}

/******************************************************************************/
    /* Liferay                                                                    */
    /******************************************************************************/ /* Global */
    /***************************************/ /****************INMA*******************/
    /***************************************/
a {
    color: #404040;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial;
    font-size: 76%;
}

body#cas {
    background-color: #E5E5E5;
    height: 100%;
}

body * {
    font-size: 1em;
}

.font-xx-small {
    font-size: 0.7em;
}

.font-x-small {
    font-size: 0.8em;
}

.font-small {
    font-size: 0.9em;
}

.font-large {
    font-size: 1.1em;
}

.font-x-large {
    font-size: 1.2em;
}

.font-xx-large {
    font-size: 1.3em;
}

form {
    margin: 0;
    padding: 0;
}

select {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

ul {
    list-style-type: none;
    margin: 5px 0 10px 20px;
    padding: 0;
}

ul li {
    list-style-image: url("../images/bullet.gif");
}

img {
    border: 0;
    margin: 0;
    padding: 0
}

input,button,select {
    font-size: 0.8em;
}

textarea {
    font-family: Arial;
    font-size: 1em;
}

.form-button {
    border-color: #d3d3d3;
    border-style: solid;
    border-width: 1px;
}

.form-button-hover {
    border-bottom: solid 1px #d3d3d3;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #d3d3d3;
    border-top: solid 1px #ffffff;
}

.form-text {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

.tree-js-pop-up DIV {
    background-color: #D3D3D3;
    border: 2px Outset #FFFFFF;
    display: none;
    padding: 4px;
    position: absolute;
    text-align: left;
    z-index: 10;
}

.pop-up-outer {
    border: 1px solid #383838;
    background-color: #FFFFFF;
}

.pop-up-inner {
    border: 1px solid #747474;
}

.pop-up-header {
    background-color: #000000;
    height: 25px;
}

.pop-up-title {
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 10px;
}

.pop-up-close a {
    color: #FFFFFF;
    margin-right: 7px;
    white-space: nowrap;
    text-decoration: underline;
}

h1 {
    font-size: 1.0em;
    text-align: center;
}

h3 {
    font-size: 0.8em;
    text-align: center;
}

/* Alpha */
.alpha {
    background-color: #d3d3d3;
}

.alpha-gradient {
    background: url(/html/themes/fps/color_schemes/05/portlet_title_bg_gradient.gif) repeat-x;
}

.alpha-neg-alert {
    color: #FF0000;
}

.alpha-pos-alert {
    color: #007F00;
}

.alpha-separator {
    background: url(/html/themes/fps/color_schemes/05/portlet_title_bg_x.gif) repeat-x;
    height: 1px;
    font-size: 0;
}

A.alpha {
    background: none;
    color: #000000;
    text-decoration: none;
}

A.alpha:hover {
    color: #000000;
    text-decoration: underline;
}

FONT.alpha {
    background: none;
    color: #000000;
}

/* Beta */
.beta {
    background-color: #cccccc;
}

.beta-gradient {
    background: url(/html/themes/fps/color_schemes/05/portlet_menu_bg_gradient.gif) repeat-x;
}

.beta-neg-alert {
    color: #FF0000;
}

.beta-pos-alert {
    color: #007F00;
}

.beta-separator {
    background: url(/html/themes/fps/color_schemes/05/portlet_menu_bg_x.gif) repeat-x;
    height: 1px;
    font-size: 0;
}

A.beta {
    background: none;
    color: #000000;
    text-decoration: none;
}

A.beta:hover {
    color: #000000;
    text-decoration: underline;
}

.beta {
    background: none;
    color: #000000;
}

/* Gamma */
.gamma {
    background-color: #FFFFFF;
}

.gamma-gradient {
    background: url(/html/themes/fps/color_schemes/05/portlet_bg_x.gif) repeat-x;
}

.gamma-neg-alert {
    color: #FF0000;
}

.gamma-pos-alert {
    color: #007F00;
}

.gamma-tab {
    border-bottom: 1px solid #cccccc;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: 0px;
    padding-bottom: 27px;
    padding-left: 0px;
}

.gamma-tab ul,.gamma-tab li {
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid #cccccc;
    color: #CCCCCC;
    display: inline;
    float: left;
    line-height: 22px;
    list-style-type: none;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.gamma-tab ul.current,.gamma-tab li.current {
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
}

.gamma-tab li a {
    color: #777777;
}

.gamma-tab li.current a {
    color: #000000;
}

.gamma-tab li.toggle {
    background: none;
    border: 0px;
    float: right;
    margin-right: 0px;
    padding-right: 0px;
}

A.gamma {
    background: none;
    color: #000000;
    text-decoration: none;
}

A.gamma:hover {
    color: #000000;
    text-decoration: underline;
}

FONT.gamma {
    background: none;
    color: #000000;
}

/* Bg */
.bg {
    background-color: #ffffff;
}

.bg-neg-alert {
    color: #FF0000;
}

.bg-pos-alert {
    color: #007F00;
}

A.bg {
    background: none;
    color: #000000;
    text-decoration: none;
}

A.bg:hover {
    color: #000000;
    text-decoration: underline;
}

FONT.bg {
    color: #000000;
}

/******************************************************************************/
    /* Liferay Layout CSS                                                         */
    /******************************************************************************/
#layout-outer-side-decoration { /*background-color: #f5f5f5;*/ /*height: 100%;*/
    width: 95%;
    margin: 0px auto;
    margin-top: 0px;
    background: #FFF url(../images/imagenes/sombra_izq.jpg) repeat-y;
}

#layout-inner-side-decoration { /*background-color: #ffff11;
	margin: 0 auto 0 auto;
	*/ /*height: 100%;*/
    margin-bottom: 0px;
    display: block;
}

#contenedor { /*width:100%;*/
    background: url(../images/imagenes/sombra_der.jpg) repeat-y top right;
    margin-bottom: 0px;
    display: block;
    padding-left: 17px;
    padding-right: 17px;
}

#layout-box {
    margin: 0 auto 0 auto;
    text-align: left;
    /*height: 800px;*/
}

#layout-top-banner {
    height: 75px;
    position: relative;
    left: -8px;
    text-align: left;
    z-index: 3;
}

#layout-top-banner * {
    white-space: nowrap;
}

#portal-dock {
    position: absolute;
    right: 10px !important;
    right: -30px;
    top: 25px;
    height: 54px;
    width: 54px;
}

#portal-dock-title {
    text-align: right;
    height: 25px;
    position: absolute;
    right: 10px !important;
    right: -30px;
    top: 0;
}

.portal-dock-box {
    cursor: pointer;
    font-size: 0;
    height: 54px;
    padding: 2px;
    position: absolute;
    width: 54px;
    top: 0;
    left: 0;
}

.portal-dock-box div {
    background-color: #a0a0a0;
}

#layout-user-menu {
    position: relative;
    text-align: right;
}

.layout-my-places {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    white-space: nowrap;
}

.layout-my-places-arrow {
    background-color: #CCCCCC;
    padding: 2px;
}

#portal-dock-my-places {
    cursor: default;
    padding-top: 2px;
    position: relative;
    text-align: right;
}

#portal-dock-my-places table {
    float: right;
}

#portal-dock-my-places ul {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    position: absolute;
    text-align: left;
    right: 0;
    top: 20px;
    margin: 0;
}

#portal-dock-my-places ul li {
    cursor: pointer;
    padding: 2px;
    white-space: nowrap;
}

#layout-global-search {
    
}

#layout-nav-more-menu li {
    padding: 2px 2px 2px 5px;
}

#layout-nav-container {
    float: left;
    z-index: 2;
    color: #BF82A4;
}

#layout-nav-divider {
    clear: both;
    font-size: 0;
    height: 10px;
    margin-bottom: 10px;
}

.layout-nav-divider {
    background-color: #ffffff;
}

.layout-nav-selected {
    background-color: #ffffff;
}

.layout-nav-tabs-box {
    height: 27px;
    position: relative;
}

.layout-tab,#layout-tab-add {
    background-color: #e6e6e6;
    float: left;
    font-weight: bold;
    height: 27px;
    margin-right: 1px;
    margin-top: 1px;
    position: relative;
    text-align: right;
}

.layout-tab a {
    color: #000000;
}

#layout-tab-add,#layout-tab-add a {
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
}

#layout-tab-selected,#layout-tab-selected a {
    background-color: #BF82A4;
    color: #ffffff;
}

.layout-tab-text {
    padding: 6px 20px 0 20px;
}

.layout-tab-text {
    padding: 6px 20px 0 20px;
}

.layout-tab-text * {
    white-space: nowrap;
}

.layout-tab-text-editing {
    padding: 0 0 0 0;
}

.layout-tab-close {
    margin: 6px 3px 0 0;
}

.layout-tab-input {
    margin: 6px 2px 0 0;
}

#layout-content-outer-decoration {
    z-index: 0;
}

/* Column Layout */
#layout-bottom-container {
    background: #E4E4E4 url(../images/imagenes/sombra_pie_izq.jpg) no-repeat top left;
    height: 37px;
    text-align: center;
    padding-left: 40px;
    position: relative;
}

.layout-add-select-style {
    
}

.portal-add-content {
    padding: 8px;
}

.portal-tool-tip {
    background-color: #FFFFCC;
    border: 1px solid #000000;
    padding: 2px;
    font-size: 0.9em;
}

.layout-column-arrow-up {
    background-image: url(../images/imagenes/arrow-up.png);
    font-size: 0;
    position: absolute;
    height: 48px;
    width: 40px;
}

.layout-column-arrow-down {
    background-image: url(../images/imagenes/arrow-down.png);
    font-size: 0;
    position: absolute;
    height: 48px;
    width: 40px;
}

#layout-column_column-1,#layout-column_column-2,#layout-column_column-3,#layout-column_column-4,#layout-column_column-5
    {
    min-height: 75px;
}

.layout-column-highlight {
    background: url(../images/imagenes/diagonal-lines.gif) scroll repeat;
}

/******************************************************************************/
    /* Portlet CSS                                                                */
    /******************************************************************************/ /* Liferay Portlet */
.portlet-dragging-placeholder {
    background-color: #f4f4f4;
}

#portlet-place-holder DIV {
    background-color: #cccccc;
}

.portlet-loading {
    background: url(../images/imagenes/loading_animation.gif) no-repeat top left;
    margin-top: 10px;
    padding-top: 40px;
    text-align: left;
}

.portlet-shadow-tl div {
    background-image: url(../images/imagenes/shade-tl.png);
    font-size: 0;
    height: 12px;
    width: 16px;
}

.portlet-shadow-tc {
    background-color: #E6E6E6;;
}

.portlet-shadow-tr div {
    background-image: url(../images/imagenes/shade-tr.png);
    font-size: 0;
    height: 12px;
    width: 16px;
}

.portlet-shadow-ml {
    background-color: #E6E6E6;;
}

.portlet-shadow-mr {
    background-color: #E6E6E6;;
}

.portlet-shadow-bl div {
    background-image: url(../images/imagenes/shade-bl.png);
    font-size: 0;
    height: 12px;
    width: 16px;
}

.portlet-shadow-bc {
    background-color: #E6E6E6;;
}

.portlet-shadow-br div {
    background-image: url(../images/imagenes/shade-br.png);
    font-size: 0;
    height: 12px;
    width: 16px;
}

.portlet-container {
    background-color: #E6E6E6;
    width: 100%;
}

.portlet-box {
    border: 0px;
    margin-top: 1px;
}

.portlet-minimum-height {
    
}

.portlet-header-bar {
    position: relative;
}

.portlet-borderless-container {
    position: relative;
}

.portlet-borderless-bar {
    text-align: left;
    font-size: 0.8em;
}

.portlet-wrap-title {
    height: 20px;
    position: relative;
}

.portlet-title {
    font-weight: bold;
    color: #E6E6E6;
    position: absolute;
    top: -38px;
    left: 5px;
    font-size: 30px;
}

.portlet-small-icon-bar {
    padding-left: 2px;
    position: absolute;
    top: 1px;
    right: 2px;
}

.portlet-spacer {
    font-size: 0;
    height: 10px;
}

/* Fonts */
.portlet-font {
    color: #000000;
}

.portlet-font A {
    color: #000000;
}

.portlet-font-dim {
    color: #404040;
}

/* Messages */
.portlet-msg-status {
    color: #000000;
    font-style: italic;
}

.portlet-msg-info {
    color: #000000;
}

.portlet-msg-error {
    color: #FF0000;
}

.portlet-msg-alert {
    color: #FF0000;
    font-style: italic;
}

.portlet-msg-success {
    color: #007F00;
}

/* Sections */
.portlet-section-header {
    background: #d5d5d5;
    color: #000000;
    font-weight: bold;
}

.portlet-section-header A {
    color: #000000;
}

.portlet-section-body {
    color: #000000;
    background: #f4f4f4;
}

.portlet-section-body-hover,TR.portlet-section-body:hover {
    color: #000000;
    background: #f6f6f6;
}

.portlet-section-body A {
    color: #000000;
}

.portlet-section-body-hover A,TR.portlet-section-body:hover A {
    color: #000000;
}

.portlet-section-alternate {
    color: #000000;
    background: #ebebeb;
}

.portlet-section-alternate-hover,TR.portlet-section-alternate:hover {
    color: #000000;
    background: #f6f6f6;
}

.portlet-section-alternate A {
    color: #000000;
}

.portlet-section-alternate-hover A,TR.portlet-section-alternate:hover A {
    color: #000000;
}

.portlet-section-selected {
    color: #000000;
    background: #f6f6f6;
}

.portlet-section-selected-hover,TR.portlet-section-selected:hover {
    color: #000000;
    background: #f6f6f6;
}

.portlet-section-selected A {
    color: #000000;
}

.portlet-section-selected-hover A,TR.portlet-section-selected:hover A {
    color: #000000;
}

.portlet-section-subheader {
    background: #efefef;
    color: #000000;
    padding: 2px;
}

.portlet-section-footer {
    color: #000000;
}

.portlet-section-text {
    color: #000000;
}

/* Forms */
.portlet-form-label {
    color: #000000;
}

.portlet-form-input-field {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

.portlet-form-button {
    background: url(/html/themes/fps/color_schemes/05/button_gradient.gif) repeat-x;
    border-color: #d3d3d3;
    border-style: solid;
    border-width: 1px;
}

.portlet-icon-label {
    color: #000000;
}

.portlet-dlg-icon-label {
    color: #000000;
}

.portlet-form-field-label {
    color: #000000;
}

.portlet-form-field {
    color: #000000;
}

/******************************************************************************/
    /* Display Tag Library                                                        */
    /******************************************************************************/
TR.even {
    background-color: #cccccc;
    color: #000000;
}

TR.odd {
    background-color: #FFFFFF;
    color: #000000;
}

/*-----------------ESTILOS AÃ‘ADIDOS-----------------*/
#titulo_directorio {
    background: url(../images/imagenes/titulo_directorio.gif) no-repeat 10px 0px;
    height: 37px;
}

#titulo_enlaces {
    background: url(../images/imagenes/titulo_enlaces.gif) no-repeat 10px 0px;
    height: 37px;
}

.oculto {
    display: none;
}

.btn_programa {
    float: left;
    background: url(../images/imagenes/btn_contrato.gif) no-repeat;
    width: 73px;
    height: 59px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn_convocatorias {
    float: left;
    background: url(../images/imagenes/btn_convocatorias.gif) no-repeat;
    width: 73px;
    height: 59px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn_blog {
    float: left;
    background: url(../images/imagenes/btn_blog.gif) no-repeat;
    width: 73px;
    height: 59px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn_contrataciones {
    float: left;
    background: url(../images/imagenes/btn_contrataciones.gif) no-repeat;
    width: 73px;
    height: 59px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn_empleo {
    float: left;
    background: url(../images/imagenes/btn_empleo.gif) no-repeat;
    width: 73px;
    height: 59px;
    margin-bottom: 10px;
}

.limpiar {
    clear: both;
    height: 1px;
    margin: 0px;
    padding: 0px;
}

.pie {
    background: #E4E4E4 url(../images/imagenes/sombra_pie_der.jpg) no-repeat top right;
    height: 37px;
    right: 0px !important;
}

.vinculo_nivel_1 {
    background: url(../images/imagenes/img_lista.gif) no-repeat;
    display: block;
    padding-left: 20px;
    padding-bottom: 5px;
    color: #8A004D;
    font-weight: bold;
}

.vinculo_nivel_2 {
    display: block;
    margin-left: 25px;
    padding-bottom: 5px;
}

.nombre_directorio {
    font-size: 10px;
    clear: left;
    color: #8A004D;
}

.bloque_directorio {
    float: left;
    margin-right: 10px;
}

.btn_telefono {
    float: left;
    background: url(../images/imagenes/btn_telefono.gif) no-repeat;
    width: 12px;
    height: 13px;
    margin-right: 10px;
}

.btn_movil {
    float: left;
    background: url(../images/imagenes/btn_movil.gif) no-repeat;
    width: 12px;
    height: 13px;
    margin-right: 10px;
}

.btn_correo {
    float: left;
    background: url(../images/imagenes/btn_correo.gif) no-repeat;
    width: 12px;
    height: 13px;
    margin-right: 10px;
}

.textoPie {
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}

div.calendar {
    position: relative;
}

.calendar,.calendar table {
    border: 1px solid #bdb2bf;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: url("normal-bg.gif");
    font-family: "trebuchet ms", verdana, tahoma, sans-serif;
}

.calendar {
    border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center; /* They are the navigation buttons */
    padding: 2px; /* Make the buttons seem like they're pressing */
    background: url("title-bg.gif") repeat-x 0 100%;
    color: #000;
    font-weight: bold;
}

.calendar .nav {
    font-family: verdana, tahoma, sans-serif;
}

.calendar .nav div { /*background: transparent url("menuarrow.gif") no-repeat 100% 100%;*/
    
}

.calendar thead tr {
    background: url("title-bg.gif") repeat-x 0 100%;
    color: #000;
}

.calendar thead .title { /* This holds the current "month, year" */
    font-weight: bold; /* Pressing it will take you to the current date */
    text-align: center;
    padding: 2px;
    background: url("title-bg.gif") repeat-x 0 100%;
    color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    
}

.calendar thead .name { /* Cells <TD> containing the day names */
    border-bottom: 1px solid #797979;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
    color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
    background: url("hover-bg.gif");
    border-bottom: 1px solid #797979;
    padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
    background: url("active-bg.gif");
    color: #fff;
    padding: 3px 1px 0px 3px;
    border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
    background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
    font-family: verdana, tahoma, sans-serif;
    width: 2em;
    color: #000;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #999;
}

.calendar tbody .day.othermonth.oweekend {
    color: #f99;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #797979;
    background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,.calendar tbody .rowhilite td.wn {
    background: url("rowhover-bg.gif");
}

.calendar tbody td.today {
    font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
    background: url("hover-bg.gif");
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
    padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
    font-weight: bold;
    border: 1px solid #797979;
    padding: 1px 3px 1px 1px;
    background: url("active-bg.gif");
    color: #fff;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #565;
    color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    padding: 2px;
    background: url("status-bg.gif") repeat-x 0 0;
    color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
    background: #afa;
    border: 1px solid #084;
    color: #000;
    padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #7c7;
    padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #797979;
    background: url("normal-bg.gif");
    color: #000;
    z-index: 100;
    font-size: 90%;
}

.calendar .combo .label,.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: url("hover-bg.gif");
    color: #000;
}

.calendar .combo .active {
    background: url("active-bg.gif");
    color: #fff;
    font-weight: bold;
}

.calendar td.time {
    border-top: 1px solid #797979;
    padding: 1px 0px;
    text-align: center;
    background: url("dark-bg.gif");
}

.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm {
    padding: 0px 5px 0px 6px;
    font-weight: bold;
    background: url("normal-bg.gif");
    color: #000;
}

.calendar td.time .hour,.calendar td.time .minute {
    font-family: monospace;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    background: url("hover-bg.gif");
    color: #000;
}

.calendar td.time span.active {
    background: url("active-bg.gif");
    color: #fff;
}

.menu_izq ul {
    padding-left: 0px;
    margin-left: 0px;
}

.enlace_verde {
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 0px 5px 10px 5px;
}

.enlace_verde:link,.enlace_verde:visited,.enlace_verde:active {
    color: #006D2C;
}

.enlace_verde:hover {
    color: #00AE46;
}

span.enlace_verde,span.enlace_verde:hover {
    color: #006D2C;
}

#enlaces_centro {
    width: 420px;
    margin: 0px auto;
    padding-top: 65px;
}

/******************* DIRECTORIO *********************/
.resalte_directorio {
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    margin: 0px auto 15px auto;
}

.resalte_directorio td {
    padding: 2px;
}

.resalte_directorio .der {
    text-align: right;
}

table.directorio {
    width: 100%;
}

.directorio th {
    height: 24px;
    padding: 0px;
    background-position: center top;
    background-repeat: no-repeat;
}

.directorio th span {
    display: none;
}

.directorio th.correo {
    background-image: url(../images/imagenes/icono_correo.gif);
}

.directorio th.tlf {
    background-image: url(../images/imagenes/icono_tlf.gif);
}

.directorio th.movil {
    background-image: url(../images/imagenes/icono_movil.gif);
}

.directorio tbody td {
    height: 13px;
    padding: 0px;
    font-size: 11px;
    color: #555555;
    border-bottom: 2px solid #E6E6E6;
    background-color: #FFFFFF;
}

.directorio tbody td.izq {
    background: #FFFFFF url(../images/imagenes/directorio_izq.gif) no-repeat top left;
}

.directorio tbody td.der {
    background: #FFFFFF url(../images/imagenes/directorio_der.gif) no-repeat top right;
}

/******************************************** LOGIN *********************************************/

/*NO SE USA*/
.recuadro_password {
    width: 500px;
    height: 270px;
    padding: 75px 0px 2px 122px;
    background: url(../images/imagenes/recuadro_password.gif) no-repeat 9.3em 0;
    margin: 0 auto;
    background-size:500px 300px;
}

.recuadro_password_welcome {
    width: 500px;
    height: 270px;
    padding: 75px 0px 22px 122px;
    background: url(../images/imagenes/recuadro_password.gif) no-repeat 9.3em 0;
    margin: 0 auto;
}

.recuadro_password_change {
    width: 500px;
    height: 300px;
    padding: 75px 0px 2px 122px;
    background: url(../images/imagenes/recuadro_password.gif) no-repeat 9.3em 0;
    margin: 0 auto;
}

.recuadro_instrucciones_contrasena{
	width: 96%;
	height: 195px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 11px;
	margin-top: 15px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	padding: 14px
}


.login_interior {
/*     padding: 40px 140px 0 15px; */
	text-align: left;
	padding-left: 18px;
}

.login_interior label {
	display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  margin-top: 8px;
  font-weight: 700;
}

.login_interior input {
    font-size: 13px;
    padding: 2px;
    color: #404040;
    border: 1px solid #666666;
    line-height: 13px;
}

.botonera {
    text-align: center;
    padding-bottom: 10px;
    margin-top: 20px;
}

.botonera input {
    
    height: 34px;
    background-color: #222222;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: bold;
    color: #FFFFFF;
    border: 0px;
    cursor: pointer;
    margin-right: 10px;
    text-transform: uppercase; 
    width: 200px;

}

.botonera input:hover {
    color: #E8CCDB;
}

/******************************************* LOGOUT ***********************************************/
.recuadro_logout {
    width: 280px;
    height: 72px;
    padding: 98px 150px 22px 10px;
    background: url(../images/imagenes/recuadro_logout.gif) no-repeat top left;
    margin: 50px auto 30px auto;
}

.logout_interior {
    padding: 0px 20px;
     text-align: center;
}

/******************************************* AVISOS, ERRORES Y EXITOS ***********************************************/
.error,.notice,.success {
    padding: .5em;
    border: 2px solid #ddd;
}

.error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

.notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

.error a {
    color: #8a1f11;
}

.notice a {
    color: #514721;
}

.success a {
    color: #264409;
}

#status {
    margin-top: 4em;
}

#status-reset {
    margin: 0 auto;
    text-align: left;
    width: 340px;
}

input.readonly {
    background-color: #eee;
}

#image-captcha {
    margin-top: 10px;
}
.cabeceraImas {
    background: url('../Images/fondo_cabecera.png') repeat-y scroll center top #870150;
    height: 100px;
    color: #666666; 
    line-height: 1;
    border: 0pt;
}

.cabecera_logo_fps {
    left: 67px;
    position: absolute;
    top: 17px;
    border: 0pt;
}

.cabecera_contacto {
    left: 650px;
    position: absolute;
    top: 37px;
    color: white;
    text-align: center;
    line-height: 17px;  
    border: 0pt;  
}

.recuadroBlanco{
	background: none repeat scroll 0 0 #FFFFFF;
	margin-left: 22px;
	margin-right: 3px;
    margin-bottom: 12px;
    border-color: #870150;
    border-style: solid;
    border-width: 1px;
    
}



/*** estilos de la nueva web *****/

.cabecera2{
	padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto;
}
.cabecera2interior{
	box-sizing: border-box; text-align:center; width:100%;border-bottom: 1px solid #d0d0d0;
}

.contenido2{
	padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto;
}
.contenido2interior{
	margin-right: -15px; margin-left: -15px;
}
.contenido2interior2{
	display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%;
}

.contenido2interior2interior{
	box-sizing: border-box;font-family: 'Roboto Light', Arial, Helvetica, sans-serif; font-weight: 300;
}


.tituloContenido{
	width: 600px;
}
.tituloContenidoInterior{
	text-align: center; background: #087021 !important; margin: 0px !important; padding: 20px; text-transform: uppercase; color: #FFF; font-size: 30px;
} 

.formularioDatos2{
	width: 600px; background: #FFF; margin-top: -10px;
}
.formularioDatos2Interior{
	border: 1px solid #d8d8d8; padding: 20px; box-sizing: border-box; font-family: 'Roboto Light', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.42857143; color: #333;
	text-align: left;
}
.formularioDatos2Interior p{
	text-align: left;
}

