/* Minification failed. Returning unminified contents. (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (528,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (534,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (538,16): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (542,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (594,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (659,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (890,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (891,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1010,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1015,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1025,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1036,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1044,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1067,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1125,21): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1130,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1135,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1145,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1149,21): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1150,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1151,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1155,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1156,22): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1166,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1171,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1176,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1206,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1234,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1248,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1270,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1400,19): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1406,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1411,20): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1419,19): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1428,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1432,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1460,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1464,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1475,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1476,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1485,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1491,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1496,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1501,27): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1519,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1524,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1531,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1544,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1564,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1566,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1571,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1572,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1576,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1578,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1614,19): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1628,16): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1642,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1649,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1702,19): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1715,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1759,19): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1790,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1797,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1798,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1802,19): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1812,67): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1812,92): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1813,69): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1813,93): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1814,67): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1814,91): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (1848,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1863,19): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1945,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1951,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (1964,19): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1975,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (1976,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2031,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2039,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2131,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2143,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2162,17): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2199,13): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2224,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2244,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2250,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2262,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2271,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2278,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2282,16): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2288,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2336,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2340,16): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2382,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2398,16): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2406,16): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2410,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2419,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2486,17): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2530,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2538,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2607,20): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2794,20): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2807,19): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (2892,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2909,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (2923,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3006,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3043,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3076,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3101,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3158,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3251,19): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3267,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3272,15): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3288,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3292,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3304,25): run-time error CSS1039: Token not allowed after unary operator: '-colorDetalle' (3305,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3379,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3382,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3398,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3504,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3525,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3526,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3531,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3532,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3559,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (3860,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3862,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3942,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3946,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3950,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (3967,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (4003,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4006,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4064,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (4129,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (4129,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' (4215,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4221,15): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4229,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4248,16): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4300,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4319,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4325,14): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (4348,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4354,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario' (4364,26): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' (4536,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario' */ * { transition: background-color 0.3s ease; } /*---------Variables colores-----*/ :root { --colorPrimario: #323bd2; --colorDetalle: #F4F4F4; --colorSecundario: #01a7f9; } /*---------patchBootstrap xxs-----*/ /* [+] col-xxs- */ .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } /* [+] col-xxs- */ @media (min-width:991px) { .col-sm-2-5 { width: 19.999%; } } @media (max-width: 479px) { .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; } .col-xxs-12 { width: 100%; } .col-xxs-11 { width: 91.66666667%; } .col-xxs-10 { width: 83.33333333%; } .col-xxs-9 { width: 75%; } .col-xxs-8 { width: 66.66666667%; } .col-xxs-7 { width: 58.33333333%; } .col-xxs-6 { width: 50%; } .col-xxs-5 { width: 41.66666667%; } .col-xxs-4 { width: 33.33333333%; } .col-xxs-3 { width: 25%; } .col-xxs-2 { width: 16.66666667%; } .col-xxs-1 { width: 8.33333333%; } .col-xxs-pull-12 { right: 100%; } .col-xxs-pull-11 { right: 91.66666667%; } .col-xxs-pull-10 { right: 83.33333333%; } .col-xxs-pull-9 { right: 75%; } .col-xxs-pull-8 { right: 66.66666667%; } .col-xxs-pull-7 { right: 58.33333333%; } .col-xxs-pull-6 { right: 50%; } .col-xxs-pull-5 { right: 41.66666667%; } .col-xxs-pull-4 { right: 33.33333333%; } .col-xxs-pull-3 { right: 25%; } .col-xxs-pull-2 { right: 16.66666667%; } .col-xxs-pull-1 { right: 8.33333333%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-12 { left: 100%; } .col-xxs-push-11 { left: 91.66666667%; } .col-xxs-push-10 { left: 83.33333333%; } .col-xxs-push-9 { left: 75%; } .col-xxs-push-8 { left: 66.66666667%; } .col-xxs-push-7 { left: 58.33333333%; } .col-xxs-push-6 { left: 50%; } .col-xxs-push-5 { left: 41.66666667%; } .col-xxs-push-4 { left: 33.33333333%; } .col-xxs-push-3 { left: 25%; } .col-xxs-push-2 { left: 16.66666667%; } .col-xxs-push-1 { left: 8.33333333%; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-12 { margin-left: 100%; } .col-xxs-offset-11 { margin-left: 91.66666667%; } .col-xxs-offset-10 { margin-left: 83.33333333%; } .col-xxs-offset-9 { margin-left: 75%; } .col-xxs-offset-8 { margin-left: 66.66666667%; } .col-xxs-offset-7 { margin-left: 58.33333333%; } .col-xxs-offset-6 { margin-left: 50%; } .col-xxs-offset-5 { margin-left: 41.66666667%; } .col-xxs-offset-4 { margin-left: 33.33333333%; } .col-xxs-offset-3 { margin-left: 25%; } .col-xxs-offset-2 { margin-left: 16.66666667%; } .col-xxs-offset-1 { margin-left: 8.33333333%; } .col-xxs-offset-0 { margin-left: 0; } } /* [+] hidden-xxs */ @media (max-width: 479px) { .hidden-xxs { display: none !important; } } /* [+] visible-xxs and visible-xxs- */ .visible-xxs { display: none !important; } .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block { display: none !important; } @media (max-width: 479px) { .visible-xxs { display: block !important; } table.visible-xxs { display: table; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } .visible-xxs-block { display: block !important; } .visible-xxs-inline { display: inline !important; } .visible-xxs-inline-block { display: inline-block !important; } } /*******************************************************************************/ /***Elimnar bordes de puntos de los enlaces***/ /*******************************************************************************/ a:hover, a:focus, .btn:focus { outline: none; } /*******************************************************************************/ /***Fuentes***/ /*******************************************************************************/ a:hover, a:focus { outline: none; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli'), url("../fonts/muli.woff2") format('woff2'), url("../fonts/muli.woff") format('woff'); } @font-face { font-family: 'muliregularitalic'; src: url('../fonts/muli-italic-webfont.eot'); src: url('../fonts/muli-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/muli-italic-webfont.woff2') format('woff2'), url('../fonts/muli-italic-webfont.woff') format('woff'), url('../fonts/muli-italic-webfont.ttf') format('truetype'), url('../fonts/muli-italic-webfont.svg#muliregularitalic') format('svg'); font-weight: normal; font-style: normal; } /*******************************************************************************/ /***Márgenes, Ajustes Alineaciones***/ /*******************************************************************************/ .mleft10 { margin-left: 10px; } .mleft12 { margin-left: 12px; } .noPadd { padding: 0; } .floatLeft { float: left; } .mRigth5 { margin-right: 5px; } .mRigth10 { margin-right: 10px; } .mRigth3 { margin-right: -3px; } .mBot5 { margin-bottom: 5px; } .mBot20 { margin-bottom: 20px; } .mBtt6 { margin-bottom: 6px; } .mTop6 { margin-top: 6px; } .mTop10 { margin-top: 10px; } .mTop20 { margin-top: 20px; } .mTop30 { margin-top: 30px; } .mTop40 { margin-top: 40px; } .desplegableMenuAccesoSocios .mTop10 { margin-top: 10px; } .line-height160 { line-height: 160%; } .form-controlTop { margin-top: 5px; font-size: .9em; } .justify-content-center { justify-content: center; } .d-flex { display: flex; } .w-100 { width: 100%; } .centrarImagen { display: block; margin-right: auto; margin-left: auto; } .centrarImagen img { display: block; margin-right: auto; margin-left: auto; } .centrar { text-align: center; } .mLeftCheck { margin-left: -5px; } .avisoSAOM { color: #777; background-color: #FFF; border: none; font-weight: bold; padding: 8px; } .avisoSAOM i { display: inline-block; margin-right: 0.3em; } @media (min-width: 941px) { .mLeftCheck { margin-left: 20px; } } .alinearFotoIzquierda { height: auto; float: left; margin: 5px 15px 10px 0; } .alinearFotoDerecha { height: auto; float: right; margin: 5px 0 10px 15px; } /*******************************************************************************/ /***Estructura***/ /*******************************************************************************/ .letraMini { font-style: oblique; font-size: 10px; font-weight: bold; } .letraMiniSinNegrita { font-style: oblique; font-size: 11px; } .container { width: 100%; min-height: 600px; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Muli', sans-serif; margin-bottom: 100px; /***Tamaño del alto del pie***/ } h1 { text-indent: -9999px; width: 185px; height: 72px; background: url("../img/logos/logoh1.png") no-repeat center; float: left; margin-top: 10px; margin-bottom: 0; } @media only screen and (max-width : 1085px) { h1 { margin-left: 15px; } } .accesosDirectos { text-align: center; font-size: 13.5px; color: var(--colorPrimario); text-transform: uppercase; font-weight: bold; } .accesosDirectos a { color: var(--colorPrimario); } .accesosDirectos a:hover { color: var(--colorSecundario); } .accesosDirectos a:focus { color: var(--colorSecundario); } .accesosDirectos img { margin-top: 40px; margin-bottom: 20px; max-width: 150px; transition: all 0.5s; } .btnAccesoDirecto:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); transition: all 0.5s; } img { max-width: 100%; } .contenedor { max-width: 1400px; background-color: #fff; margin: 0 auto; min-height: 100%; position: relative; } .contenido { padding: 0 .8em; color: #444; margin-bottom: 5em; } .cabecera { margin: 0; min-height: 65px; position: relative; } #pestaniaSuperior { height: 60px; line-height: 45px; position: absolute; top: 0; right: 0; padding: 5px 10px 5px 10px; font-weight: bold; font-size: 1em; } #pestaniaSuperior a { color: var(--colorPrimario); } #pestaniaSuperior .dropdown-menu a.btn-primary { color: #fff; } #pestaniaSuperior .nombreSocioLogueadoCabecera { display: block; line-height: 1.5em; margin: 0.85em 0 1.3em 0; } #pestaniaSuperior .lhAuto { line-height: normal; margin-bottom: 0.5em; } #pestaniaSuperior .lhAuto label { margin-bottom: 0; } #pestaniaSuperior .dropdown-menu .lhAuto { text-align: left; } #pestaniaSuperior .lhAuto input { margin-top: 0; } @media (min-width: 471px) { #pestaniaSuperior { margin-top: 15px; } } @media only screen and (max-width : 470px) { #pestaniaSuperior { width: 100%; top: 10px; } h1 { z-index: 10; width: 185px; height: 72px; } } .cajonHazteSocioMini { height: 60px; width: 100%; float: left; padding-left: 20px; background: url("../img/iconos/iconoHazteSocioVerde.png") no-repeat center left 10px; fnt-size: .8em; background-color: #F3E4F0; margin-bottom: 10px; padding: 8px 0 0 40px; } .cajonHazteSocioMini:hover { background: url("../img/iconos/iconoHazteSocioBlanco.png") no-repeat center left 10px; background-color: var(--colorSecundario); color: #FFFFFF !important; } .cajonHazteSocio { width: 162px; padding-right: 12px; border-right: 2px solid #ebebeb; float: left; text-align: right; background: url("../img/iconos/iconoHazteSocioVerde.png") no-repeat center left 3px; } .cajonHazteSocio, .iconoAccesoSocios { text-transform: uppercase; } .cajonHazteSocio:hover { background: url("../img/iconos/iconoHazteSocioMorado.png") no-repeat center left 3px; } @media only screen and (max-width : 970px) { .cajonHazteSocio { width: 140px; padding-left: 10px; border-right: 2px solid #ebebeb; float: left; font-size: .8em; margin-left: 4px; background: url("../img/iconos/iconoHazteSocioVerdePeq.png") no-repeat center left 10px; } .cajonHazteSocio:hover { background: url("../img/iconos/iconoHazteSocioMoradoPeq.png") no-repeat center left 10px; } } @media only screen and (max-width : 590px) { .cajonHazteSocio { background: none; width: 105px; border-right: 2px solid #ebebeb; float: left; font-size: .8em; } } @media only screen and (max-width : 610px) { .cajonHazteSocio { display: none; } } .hazteSocioDropdown { display: none; text-align: center; } @media only screen and (max-width : 610px) { .hazteSocioDropdown { margin-top: 8px; display: block; } } .cajonNotificaciones { border-right: 2px solid #ebebeb; float: left; margin-left: 12px; margin-top: 0; padding-right: 12px; text-align: center; } .cajonNotificaciones a em { color: #707070; } .miniClear { display: block; } @media only screen and (max-width : 391px) { .miniClear { display: none; } } .desplegableMenuAccesoSocios { color: #5b8ac7; z-index: 1000; border-top: none; margin-top: -2px; min-width: 203px; left: -13px; padding: 10px 15px 10px 15px; } .cajonAccesoSocios { padding-right: 12px; border-right: 2px solid #ebebeb; float: left; margin-left: 12px; margin-top: 0; text-align: center; } .iconoAccesoSocios { background: url(../img/iconos/iconoAccesoSociosVerde.png) no-repeat center left; padding-left: 45px; } .iconoAccesoSocios:hover { background: url(../img/iconos/iconoAccesoSociosMorado.png)no-repeat center left; } @media only screen and (max-width : 970px) { .cajonAccesoSocios { padding-right: 3px; font-size: .8em; margin-left: 12px; border: none; } .cajonNotificaciones { padding-right: 3px; font-size: .8em; margin-left: 12px; border: none; } .iconoAccesoSocios { background: url(../img/iconos/iconoAccesoSociosVerdePeq.png) no-repeat center left; padding-left: 35px; } .iconoAccesoSocios:hover { background: url(../img/iconos/iconoAccesoSociosMoradoPeq.png)no-repeat center left; } } @media only screen and (max-width : 815px) { .cajonNotificaciones { margin-right: 5px; } } @media only screen and (max-width : 492px) { .cajonAccesoSocios { border-right: none; margin-left: 8px; } } @media only screen and (max-width : 455px) { .cajonAccesoSocios { margin-left: 120px; } } @media only screen and (max-width : 470px) { .iconoAccesoSocios { background: none; } .iconoAccesoSocios:hover { background: none; } .cajonAccesoSocios { margin-left: 60px; } } .cajonBuscarMobile { display: none; position: relative; } .cajonBuscarMobile .btn-primary { border-radius: 0; } @media only screen and (max-width :815px) { .cajonBuscarMobile { clear: both; display: block; width: 98%; margin: 12px auto; margin-bottom: 20px; } } .cajonBuscar { width: 240px; padding-right: 12px; border-right: 2px solid #ebebeb; float: left; margin-left: 12px; position: relative; height: 44px; } .cajonBuscadorInterno { width: 101%; padding-right: 5px; float: left; position: relative; margin-bottom: 10px; } .cajonBuscadorInterno .btn-primary { border-radius: 3px; } @media (min-width: 768px) { .cajonBuscadorInterno { padding-right: 12px; width: 102%; } } .lupita { height: 28px; position: absolute; right: 18px; top: 10px; margin-top: -2px; display: inline; padding: .4em .5em; background-color: var(--colorSecundario); border: var(--colorSecundario); color: #FFFFFF !important; } .lupita.lupitaWhoIsWho { margin-top: 0; top: 3px; } @media only screen and (max-width :920px) { .cajonBuscar { width: 240px; border-right: 2px solid #ebebeb; float: left; margin-top: 0; } } @media only screen and (max-width :860px) { .cajonBuscar { width: 240px; border-right: 2px solid #ebebeb; float: left; margin-top: 0; } } @media only screen and (max-width :780px) { .cajonBuscar { padding-right: 4px; border: none; width: 150px; margin-top: 0; margin-left: 4px; } } .cajonBuscarMobile .lupita { top: 5px; right: 4px; } @media only screen and (max-width :815px) { .cajonBuscar { display: none; } } .cajonSocialIcons { margin-top: 7px; float: right; margin-left: 170px; } @media (min-width: 816px) { .cajonSocialIcons { margin-top: 0; float: right; margin-left: 10px; } } .navbar-login { padding: 10px; padding-bottom: 0px; } .navbar-login-session { padding: 10px; padding-bottom: 0px; padding-top: 0px; } #modalRecordarContrasenia { z-index: 999999; } .clearFix { display: block; clear: both; height: 4px; } hr { margin: 1.6em 0; border: none; border-bottom: dotted 1px #bbb; } .requerido { color: #c90000; margin: 0 5px 0 5px; } .navbar-collapse .glyphicon-chevron-down { margin-left: 10px; } @media (min-width: 801px) { .navbar-collapse .glyphicon-chevron-down { display: none; } } /*------Desplegar menú -----*/ @media (min-width: 801px) { .nav li:hover > ul { display: block; background-color: #F3F2F7; } .dropdown-menu > li > a { color: #9F9EA4; font-weight: bold; } } .dropdown-menu > li > a:hover { background-color: var(--colorSecundario); color: #FFFFFF; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: var(--colorSecundario); color: #FFFFFF; } /*------flecha scroll top arriba -----*/ .go-top { position: fixed; bottom: 2em; right: 2em; text-decoration: none; color: #fff; background-color: var(--colorPrimario); font-size: 12px; padding: 1em; display: none; z-index: 10; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } .go-top:hover, .go-top:active, .go-top:focus { background-color: var(--colorSecundario); color: #fff; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } /*---navbar----*/ .navbar .navbar-nav > li .activo { background-color: var(--colorSecundario); color: #FFFFFF; } .navbar { background-color: #F2F2F7; min-height: 34px; margin-bottom: 0; margin-bottom: 10px; -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.3); z-index: 999; } .navbar .navbar-text { color: #f5f5f5; } .navbar .navbar-nav > li > a { color: #FFF; font-size: 1.2rem; text-transform: uppercase; background-color: var(--colorPrimario); text-decoration: none; font-weight: bold; padding: 2rem clamp(1rem, 1.8rem, 2rem); } @media (min-width: 991px) { .anchoInicio { padding-left: 12px; padding-right: 12px; } } @media (min-width: 850px) { .anchoInicio { padding-left: 8px; padding-right: 8px; } } @media(min-width:830px) and (max-width:1040px) { .navbar .navbar-nav > li > a { font-size: 1rem; } } @media(min-width:768px) and (max-width:829px) { .navbar .navbar-nav > li > a { font-size: 0.9rem; } } @media (min-width: 1038px) { .anchoInicio { padding-left: 0; padding-right: 0; } } @media(min-width:768px) and (max-width:920px) { .navbar .navbar-nav > li > a { padding: 2rem clamp(1rem, 0.2rem, 2rem); } } @media (min-width: 768px) { .navbar-nav { display: flex; flex-wrap: nowrap; float: none; justify-content: space-between; } .navbar-nav::before { display: none; } } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-color: var(--colorSecundario); } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: #ffffff; background-color: var(--colorSecundario); } .navbar .navbar-nav > li > a:focus { color: #ffffff; background-color: var(--colorSecundario); } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { color: #ffffff; background-color: #8dc63f; } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { color: #ffffff; background-color: var(--colorSecundario); } .navbar .navbar-toggle { border-color: var(--colorSecundario); color: var(--colorSecundario); background-color: var(--colorSecundario); } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: var(--colorPrimario); border-color: var(--colorPrimario); } .navbar .navbar-toggle .icon-bar { background-color: #fff; } .navbar .navbar-collapse, .navbar .navbar-form { border: none; background-color: var(--colorPrimario); padding: 0; } .navbar .navbar-link { color: var(--colorSecundario); } .navbar .navbar-link:hover { color: #ffffff; background-color: var(--colorSecundario); } .navbar .container-fluid, .navbar-collapse { padding-left: 0; padding-right: 0; } .navbar-collapse.in { margin: 0; padding: 0; } .navbar-default a { color: #fff; text-transform: uppercase; text-decoration: none; font-size: .8em; } @media only screen and (max-width : 1080px) { .navbar-default a { color: #fff; text-transform: uppercase; text-decoration: none; } } .navbar-default a:hover { text-decoration: none; background-color: var(--colorSecundario); } .navbar-brand { display: none; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #9F9EA4; font-weight: bold; padding: 20px; background-color: #F3F2F7; } @media (min-width: 801px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #9F9EA4; background-color: #F3F2F7; } .navbar-default a { text-align: left; } } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: var(--colorSecundario); } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #F2F2F7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #fff; background-color: var(--colorSecundario); } .navbar-default .navbar-link { color: #fff; } .navbar-default .navbar-link:hover { color: #fff; } .navbar-default .btn-link { color: #fff; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #fff; } .dropdown-menu { background-color: #F3F2F7; color: var(--colorPrimario); } .bootstrap-select .dropdown-menu { background-color: #FFF; } .dropdown-toggle:hover > .dropdown-menu { display: block; } /*--- retoque alto cada li para color de fondo completo ---*/ #menuLogin.dropdown-menu { text-align: left; } .dropdown-menu .divider { height: 1px; margin: 0; } .dropdown-menu > li > a { padding: 20px 20px; } @media only screen and (max-width: 940px) { .dropdown-menu { text-align: center; } } /*---/navbar----*/ .rss, .linkedin, .twitter { display: block; float: left; width: 42px; height: 42px; text-indent: -9999px; background-size: 42px 42px; } .rss:hover, .linkedin:hover, .twitter:hover { filter: alpha(opacity=50); /* For IE8 and earlier */ -moz-opacity: .5; opacity: .5; } .rss { background: url("../img/iconos/iconoRss.png") no-repeat left center; } .linkedin { background: url("../img/iconos/iconoLinkedin.png") no-repeat left center; } .twitter { background: url("../img/iconos/iconoTwitter.png") no-repeat left center; } .bs-example { margin: 20px; } /*-------------- Responsive ----------------------*/ @media only screen and (max-width : 940px) { .navbar { text-align: center; background-color: #F2F2F7; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0; min-height: 35px; } .navbar-toggle { margin-left: 0; margin-right: 0; float: none; border-radius: 0; } .navbar-nav { margin: 0; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin: 0; } } @media only screen and (max-width : 480px) { .navbar ul { text-align: center; border: 0; min-height: 35px; } } @media only screen and (max-width : 480px) { .listadoVisualJuntaDirectiva li { min-height: 10em; } } .nav-tabs > li > a { font-weight: bold; border-radius: 0; } .nav-tabs > li > a:hover { background: #FAFCFE; } .nav-tabs > li.active a { color: #ffffff; cursor: default; background: var(--colorPrimario); border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs > li > a { color: var(--colorPrimario); } .nav-tabs > li > a:hover { color: #ffffff; background: var(--colorPrimario); } .nav-tabs > li.active a:hover { color: #ffffff; cursor: default; border: 1px solid #ddd; border-bottom-color: transparent; background: var(--colorPrimario); } .separadorTexto { color: #bdbdbd; padding: 0 5px 0 5px; } .account-wall .btn-primary:active, .table-condensed .btn-primary:active { background-color: var(--colorPrimario); } .cajonBuscar .btn-primary:hover, .cajonBuscar .btn-primary:focus, .cajonBuscar .btn-primary:active { background-color: var(--colorPrimario); } .btn-primary:hover { border: none; } .colorNegro { color: #000; } .colorRojo { color: #c00; } .colorGris { color: #828282; } .colorNaranja { color: orange; } .colorAzul { color: blue; } .colorPrimario { color: var(--colorPrimario); } a.colorPrimario:hover { color: var(--colorPrimario); opacity: 0.6; } @media (min-width: 1056px) { .anchoMinimoOrden { width: 80px; } } /*---Botones----------------*/ .btn-primary, .botonera .btn-primary { background-color: var(--colorSecundario); border: var(--colorSecundario); font-weight: bold; } #contenidoDerecha .botonera a.btn-primary { color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .botonera .btn-primary:hover, .botonera .btn-primary:focus, .botonera .btn-primary:active { background-color: var(--colorPrimario) !important; } .btn-info { background-color: #F3E4F0; border: none; color: var(--colorPrimario); font-weight: bold; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-color: var(--colorSecundario) !important; color: #FFFFFF !important; } .btn-info .active:hover { background-color: var(--colorSecundario) !important; } .desplegableMenuAccesoSocios .btn-info:hover, .desplegableMenuAccesoSocios .btn-info:focus, .desplegableMenuAccesoSocios .btn-info:active { background-color: #EAF1D5; color: #FFFFFF !important; } .botonera { margin: 25px 0; text-align: center; } .botonera .btn { margin: 5px 0; } .buscador .btn-primary:active, .buscador .btn-primary:focus { background-color: var(--colorPrimario); color: #FFFFFF; } .btn-rosa { background-color: var(--colorPrimario); color: #FFFFFF; padding: 5px 12px 5px 12px; font-weight: bold; } .btn-rosa:hover, .btn-rosa:active, .buscador .btn-primary:focus { background-color: var(--colorSecundario); color: #FFFFFF; } .tablaFlex .fa-angle-up, .tablaFlex .fa-angle-down { margin-left: 5px; } .tablaFlex th, .tablaFlex td { vertical-align: middle !important; } .tablaFlex .fa-link { color: var(--colorSecundario); } .tablaFlex td { hyphens: auto; } .oculto { display: none; } .oculto .btn-icon { line-height: 1.75; } #editarEnlace .checkbox label, #nuevoEnlace .checkbox label { margin-left: -20px; } .subMenuVisual .btn-secundario a { background-color: var(--colorPrimario); color: #fff; border: 3px solid var(--colorSecundario); letter-spacing: 0.05em; } .subMenuVisual .btn-secundario a:hover { color: var(--colorPrimario); border: 3px solid var(--colorPrimario); } .subMenuVisual .btn-secundario a:active { color: var(--colorPrimario); background-color: #C7C7C9; border: 3px solid var(--colorPrimario); } .btn-secundario img { margin-bottom: 45px !important; } @media (max-width: 768px) { .subMenuVisual { background-color: #F2F2F7; border-top: 2px solid #383DCD; margin: 10px 0; } .subMenuVisual .navbar-toggle { margin: 0; position: relative; } .subMenuVisual .navbar-toggle span { background-color: #383DCD; } } /*******************************************************************************/ /***Sticky Footer***/ /*******************************************************************************/ html { position: relative; min-height: 100%; } #pie { position: absolute; display: block; bottom: 0px; width: 100%; color: #FFFFFF; background: var(--colorPrimario); text-align: center; font-size: .9em; padding: .8em; min-height: 40px; } #pie a { color: #FFFFFF; } #pie a:hover, #pie a:active, #pie a:focus { color: var(--colorSecundario); } #pie img { margin-left: 10px; } /*******************************************************************************/ /***Inicio ***/ /*******************************************************************************/ h2 { font-size: 20px; font-weight: bold; color: var(--colorSecundario); margin: 10px 0 0 0; text-transform: uppercase; } .tituloNovedades { font-size: 22px; color: var(--colorSecundario); text-transform: uppercase; font-weight: bold; } .destacados { background-color: #F2F2F7; padding: 10px 0 10px 0; margin-top: 10px; margin-bottom: 10px; } .anchoDestacados, .anchoNewsletter { width: 100%; } @media (min-width: 700px) { .anchoDestacados, .anchoNewsletter { width: 50%; } } @media (min-width: 992px) { .anchoDestacados, .anchoNewsletter { width: 33%; } .destacados { margin: 10px 0 2px -15px; } .altoCarousel { min-height: 322px; } } @media (min-width: 400px) { .mBtt10 { margin-bottom: 10px; } } @media (min-width: 500px) { .tituloNovedades { font-size: 20px; } } #owl-novedades .item { background: var(--colorDetalle); color: #3a3a3a; text-align: left; height: 420px; padding: 10px; overflow: hidden; margin-top: 10px; } .item h3 { margin: 10px 0 0 0; font-size: 14px; font-weight: bold; color: var(--colorSecundario); } .novedades .item img { max-height: 200px; object-fit: cover; } .owl-carousel .item .subtitulo { font-style: italic; padding: 0; margin: 0; } .owl-carousel .item .fechaNovedad { padding-top: 5px; margin: 0; } .owl-carousel .item .novedadPortadaApartado { color: #9b9b9b; font-style: italic; font-weight: bold; } .novedadesagenda .owl-carousel .owl-item img { border-radius: 4px; } .textoNovedad { margin: 0; } .item img { width: 100%; margin-top: 10px; } .customNavigation { text-align: right; margin-top: 10px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--colorSecundario) none repeat scroll 0 0; } /* Desde 400*/ @media (min-width: 400px) { .customNavigation { margin-top: -30px; } } /* Desde 530*/ @media (min-width: 530px) { .owl-dots { margin-bottom: 0; } } /* Desde 992*/ @media (min-width: 992px) { .customNavigation { margin-top: -30px; } } .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: var(--colorSecundario); color: #FFF; border: 1px solid #FFF; } .customNavigation a:hover { background-color: #FFF; color: var(--colorSecundario) !important; border: 1px solid var(--colorSecundario); } .owl-theme .owl-controls .owl-page span { background: var(--colorSecundario); } .leerMas { padding: 28px 10px 10px 0; position: absolute; bottom: 0; right: 0; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--colorDetalle)+0,383dcf+100&0+0,1+44,1+100 */ background: -moz-linear-gradient(top, rgba(56,61,207,0) 0%, var(--colorDetalle) 44%, var(--colorDetalle) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(56,61,207,0) 0%,var(--colorDetalle) 44%,var(--colorDetalle) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(56,61,207,0) 0%,var(--colorDetalle) 44%,var(--colorDetalle) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00383dcf', endColorstr='var(--colorDetalle)',GradientType=0 ); /* IE6-9 */ } .leerMas i { padding-left: 15px; } .owl-pagination { margin-bottom: 30px; } /* Desde 1200*/ @media (min-width: 1200px) { .owl-pagination { margin-bottom: 0; } } .novedades { padding: 10px 20px 20px; margin-top: 30px; margin-bottom: 30px; } /*******************************************************************************/ /***Botones***/ /*******************************************************************************/ .btn { border-radius: 0px; } .buttonAcceso a { background: #F2F2F7; color: var(--colorPrimario); padding: 10px; font-size: 16px; position: relative; margin: 10px 0 0 0; text-align: left; min-height: 60px; display: block; text-decoration: none; text-transform: uppercase; font-weight: bold; line-height: 15px; } .buttonNewsletter a { background: var(--colorSecundario); color: #FFF; padding: 10px; font-size: 16px; position: relative; margin: 10px 0 20px 0; text-align: left; min-height: 60px; display: block; text-decoration: none; text-transform: uppercase; font-weight: bold; line-height: 15px; } .textoNews { font-size: 18px; text-align: center; } @media (min-width: 671px) { .buttonNewsletter a { min-height: 263px; } .buttonNewsletter img { width: 80px; margin-left: auto; margin-right: auto; display: block; text-align: center; margin-top: 50px; margin-bottom: 40px; } .textoNews { font-size: 28px; text-align: center; display: block; line-height: 30px; } } @media (min-width: 992px) { .buttonNewsletter img { text-align: left; margin: 0; } .textoNews { font-size: 20px; margin-top: -56px; margin-left: 75px; } .buttonAcceso a { padding: 5px 0 0 5px; margin: 6px 0 0 0; min-height: 46px; } .buttonNewsletter a { padding: 10px 0 10px 10px; margin: 10px 0 20px -15px; min-height: 103px; } } @media (min-width: 1016px) { .buttonAcceso a { padding: 10px; margin: 5px 0 0 0; min-height: 50px; } .textoNews { font-size: 22px; } } .buttonAcceso a:hover, .buttonAcceso a:active, .buttonAcceso a:focus { background-color: var(--colorSecundario); transition: all 2s ease; color: #383DCD; } .buttonNewsletter a:hover, .buttonNewsletter a:active, .buttonNewsletter a:focus { background-color: var(--colorPrimario); transition: all 2s ease; color: #FFFFFF; } .subtituloBoton { font-size: 14px; color: #B6B5B9; text-transform: none; } .btn-principal { padding: 8px 20px; background: var(--colorSecundario); border: none; font-size: 12px; color: #FFF; float: right; font-weight: bold; border: 1px solid #FFF; } .btn-principal:hover, .btn-principal:focus, .btn-principal:active { background: #FFF; color: var(--colorSecundario) !important; border: 1px solid var(--colorSecundario); } /*******************************************************************************/ /***Agenda***/ /*******************************************************************************/ .table-condensed.table-bordered.table-striped { text-align: center; } .pddAgenda { margin-top: 50px; } .span12 { margin: 20px 0 20px 0; } @media (min-width: 768px) { .span12 { margin: 10px 0 20px 0; } .pddAgenda { margin: 20px 0 25px 0; } } .bgAgenda { background-color: #ECEBF3; min-height: 400px; } .bgAgenda tbody a { display: block; padding: 5px; } .bgAgenda td.btn-primary, .bgAgenda td.diaActual { font-weight: bold; } .bgAgenda td.btn-primary { padding: 0; } .bgDomingo:not(.btn-primary) { background-color: #F3E4F0; } .bgSabado:not(.btn-primary) { background-color: #ECD5E8; } .bgVerde { background-color: var(--colorSecundario); } .letraBlanca, .btn:hover, .account-wall .btn:focus, .account-wall .btn:hover, .container .btn:hover, .container .btn:focus { color: #FFFFFF; } .form-group .btn:focus { color: var(--colorPrimario); } a { color: #FFFFFF; } a:focus, a:hover { color: #FFFFFF; text-decoration: none; } .diaActual { background-color: #A95FA1; color: #FFFFFF; } .btn.focus, .btn:focus, .btn:hover, .container .form-group .btn:hover, .table-condensed .btn:hover, .btn:focus { color: #383DCE; } /*******************************************************************************/ /***Errores***/ /*******************************************************************************/ .container .tituloError { font-size: 40px; color: #383DCE; } @media (min-width: 500px) { .container .tituloError { font-size: 50px; } } @media (min-width: 700px) { .container .tituloError { font-size: 60px; } } .container .textoError { font-size: 15px; font-family: 'muliregularitalic'; margin-top: 20px; text-shadow: #F7EDF5 0.1em 0.1em 0.2em; } @media (min-width: 500px) { .container .textoError { font-size: 19px; } } .centrarImagenError img { display: block; margin-right: auto; margin-left: auto; } /*******************************************************************************/ /***Hazte Socio***/ /*******************************************************************************/ textarea { resize: none; } .captcha { margin: 20px 0 20px 0; font-size: 12px; } .captcha a { color: #FFC625; } .captcha a:hover { color: #383DCE; } /* Estilos Acordeón*/ .panel-title { color: #FFFFFF; } .panel-title:hover { color: #F2F2F7; } .panel-default > .panel-heading { background-color: var(--colorPrimario); color: #fff; } .panel-default { border-color: #FFFFFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .panel-default > a.panel-heading:focus { background-color: var(--colorSecundario); } .panel-default > a.panel-heading { display: block; } .panel-default > .panel-heading + .panel-collapse > .panel-body { background-color: #F2F2F7; text-align: justify; } .panel-default > .panel-heading + .panel-collapse > .panel-body a { color: #000; } .panel-default > .panel-heading + .panel-collapse > .panel-body a:hover, .panel-default > .panel-heading + .panel-collapse > .panel-body a:active, .panel-default > .panel-heading + .panel-collapse > .panel-body a:focus { color: var(--colorSecundario); } /*******************************************************************************/ /***Contacto***/ /*******************************************************************************/ .google-maps { margin-top: 10px; position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .direccion { text-align: center; margin-top: 20px; } /*******************************************************************************/ /***Estructura Interna***/ /*******************************************************************************/ #contenidoDerecha .panel-default h4 { color: #FFFFFF; } #contenidoDerecha .cajaElementos strong a, #contenidoDerecha .cajaElementos a strong, #contenidoDerecha a:not(.btn-principal){ color:var(--colorSecundario); } #contenidoDerecha a:hover, #contenidoDerecha a:focus, #contenidoDerecha a:active{ color:#383DCD; } #migas { display: block; margin: .5em 0 .8em 0; color: #aaa; } #migas a { color: #aaa; } #migas a:hover { color: #383DCE; } .migActual { font-weight: bold; color: var(--colorSecundario); } .subMenuVisual a { width: 100%; padding: 1.6em 1.6em 1em 0.5em; margin: .5em 0; background-color: #F2F2F7; list-style-type: none; font-size: 12px; text-transform: uppercase; letter-spacing: -.05em; line-height: 130%; font-weight: bold; color: #383DCD; display: block; min-height: 75px; } .subMenuVisual a:hover { background-color: var(--colorSecundario); text-decoration: none; color: #FFFFFF; } .subMenuVisual .subMenuVisualActivo { background-color: var(--colorSecundario); font-weight: bold; color: #FFFFFF; } .subMenuVisual .badge { margin-left: 8px; } #contenidoDerecha h2 { font-size: 26px; margin-top: 0; color: var(--colorSecundario); font-weight: bold; margin: 20px 0 10px 0; text-transform: uppercase; } #contenidoDerecha h3 { font-size: 1.5em; font-size: 19px; color: var(--colorPrimario); font-weight: bold; margin: 20px 0 20px 0; border-bottom: 1px solid #F2F2F7; } #contenidoDerecha h3 a { color: var(--colorPrimario); } #contenidoDerecha h3 a:hover, #contenidoDerecha h3 a:focus, #contenidoDerecha h3 a:active { color: var(--colorSecundario); } #contenidoDerecha h4 { font-size: 1em; font-weight: bold; color: var(--colorSecundario); } #contenidoDerecha h5 { font-size: 1em; font-weight: bold; font-style: oblique; color: #9b9b9b; } #contenidoDerecha h6 { font-size: 0.9em; font-weight: bold; font-style: oblique; color: #9b9b9b; } @media (min-width: 768px) { #contenidoDerecha h2 { margin: 10px 0 10px 0; } } .iconosSubMenus { float: left; margin-right: 1em; margin-top: -10px; } #contenidoDerecha .imagenDetalle { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 50%; width: 200px; height: auto; float: left; margin: 0 20px 20px 0; } .texto { text-align: justify; } .texto ul, .texto ol { overflow: auto; } .texto a:not(.btn-principal) { color: var(--colorSecundario); } .texto a:hover, .texto a:active, .texto a:focus { color: var(--colorPrimario); } .direccion { text-align: center; margin-top: 20px; } #contenidoDerecha .dropdown-menu { background-color: #FFFFFF; text-align: left; } #contenidoDerecha .nif .dropdown-menu { margin-left: -95px; } #contenidoDerecha .modal-dialog h4 { color: #ab5ea2; font-weight: bold; text-transform: uppercase; font-size: 18px; } /*******************************************************************************/ /***Cajas Dinámicas de Contenido***/ /*******************************************************************************/ .cajaElementos { margin: 0 0 1em 0; padding: 10px 20px 10px 20px; background-color: #fff; border: solid 1px #383DCE; } .cajaElementos hr { border-bottom: dotted 1px #b2c8e5; margin-top: 10px; margin-bottom: 5px; clear: both; } .cajaElementos img:hover { color: var(--colorSecundario) !important; } .simulateParagraphStyle, .cajaElementos p { font-size: 14px; margin-bottom: 4px; color: #000; } .cajaElementos a, .fechaResultado { color: #aaa; } .cajaElementos a:hover, .cajaElementos a:focus { color: var(--colorSecundario); } .cajaElementos.cajaResultados a { color: #383DCD; } .cajaElementos.cajaResultados a:hover { color: var(--colorSecundario); } .resultadoBusqueda { color: var(--colorSecundario); } .cajaElementos strong { color: #444; } #contenidoDerecha .cajaElementos h4 { font-size: 22px; color: var(--colorPrimario); font-weight: bold; text-transform: uppercase; text-align: left; } #contenidoDerecha .estiloSubtitulo, #contenidoDerecha .cajaElementos h5 { font-weight: bold; font-size: 18px; margin-bottom: 5px; text-align: left; } .cajaElementos ul, .cajaElementos ol { overflow: auto; } .miniaturaPortada { width: 120px; height: auto; float: left; margin: 5px 10px 10px 0; } .juntDirectiva .miniaturaPortada { margin-top: 0; } .portadaDetalle { width: 200px; height: auto; float: left; margin: 5px 15px 10px 0; } .barraPiecajaElementos { font-size: .8em; margin: 0; padding: 0; margin-top: 1em; clear: both; display: block; } .barraPiecajaElementos li { list-style: none; display: inline-block; } .barraPiecajaElementos li:last-child a { border: none !important; } .barraPiecajaElementos li a { display: inline-block; border-right: solid 1px #d9cfcf; margin-right: .5em; padding-right: 1em; margin-bottom: 1em; padding-left: 32px; height: 28px; line-height: 26px; min-width: 6em; color: #000000; } .barraPiecajaElementos li a:hover, .barraPiecajaElementos li a:focus, .barraPiecajaElementos li a:active { color: var(--colorSecundario); } .elementoDetalles { background: url("../img/iconos/iconoDetalles.png") no-repeat 4px center; } .elementoPDF { background: url("../img/iconos/iconoPDF.png") no-repeat 4px center; } .elementoDOC { background: url("../img/iconos/iconoWord.png") no-repeat 4px center; } .elementoPPT { background: url("../img/iconos/iconoPPT.png") no-repeat 4px center; } .elementoXLS { background: url("../img/iconos/iconoXLS.png") no-repeat 4px center; } .elementoAudio { background: url("../img/iconos/iconoAudio.png") no-repeat 4px center; } .elementoEnlace { background: url("../img/iconos/iconoEnlace.png") no-repeat 4px center; } .elementoVideoEnlazado { background: url("../img/iconos/iconoVideo.png") no-repeat 4px center; } .elementoCorreo { background: url("../img/iconos/iconoCorreo.png") no-repeat 4px center; } .elementoInscripcion { background: url("../img/iconos/iconoFormInscripcion.png") no-repeat 4px center; } .aviso a { color: var(--colorSecundario); } .aviso label { font-weight: normal; } .aviso a:hover, .aviso a:active, .aviso a:focus { color: var(--colorPrimario); } .textoAlerta { font-family: 'muliregularitalic'; font-size: 22px; text-align: center; margin-top: 20px; } .iconosagendaYHora { background-color: #F2F2F7; color: #000000; border-color: #CCCCCC; } .iconosagendaYHora:hover { border-color: #CCCCCC; } .redesSociales { float: left; margin-bottom: 20px; width: 100%; } .bannerListadoApartado { width: 100%; margin-bottom: 20px; border-radius: 4px; } /*------ Galería --------*/ .panelImagenesApartado { position: relative; margin: 1em 0; z-index: 10; } .swiper-pagination-bullet-active { background: #B262A9 none repeat scroll 0 0 !important; } .container .swiper-container { margin-bottom: 50px; } .swiper-slide { position: relative; display: block; overflow: hidden; } .swiper-slide img { width: 100%; } .swiper-slide .capaVerMas { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0.3em 0.8em; z-index: 1; } .swiper-slide:hover .capaVerMas { background: var(--colorSecundario) url(../img/iconos/lupa.png) no-repeat center center; background-size: calc(100% / 3.5) auto; opacity: .5; filter: alpha(opacity=50); } .cajaElementos .swiper-button-next { float: right; } .cajaElementos .swiper-button-prev { float: left; } .cajaElementos .swiper-button-next, .cajaElementos .swiper-button-prev { position: absolute; bottom: auto; top: 50%; transform: translate(0%, -50%); margin: -14px 0 0 0; } .cajaElementos .swiper-container { z-index: 1040; margin: 0 50px; } .cajaElementos .swiper-pagination { display: block; position: static; text-align: center; margin-top: 12px; } .cajaElementos .swiper-pagination-bullet { margin: 0 3px; } /*------ Interna - Detalle --------*/ .autor img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 80px; height: auto; float: right; margin-left: 1em; } .label .label-danger { padding: 0.2em 0.6em 0.3em !important; } .paddh4 { padding-left: 0; padding-top: 3px; } /* Desde 664*/ @media (min-width: 664px) { .mTopTituloH2 { margin-top: 20px; } .mTopTituloH3 { margin-top: 23px; } .nopaddtitulo { padding-left: 0; } .paddh4 { padding-top: 0; } } /* Desde 768*/ @media (min-width: 768px) { .anchoTituloH1 { width: 100%; } .mTopTituloH2 { margin-top: 0; } .mTopTituloH3 { margin-top: 0; } .nopaddtitulo { padding-left: 20px; } .paddh4 { padding-left: 0; padding-top: 3px; } } /* Desde 990*/ @media (min-width: 990px) { .anchoTituloH1 { width: auto; } .mTopTituloH2 { margin-top: 20px; } .mTopTituloH3 { margin-top: 23px; } .nopaddtitulo { padding-left: 0; } .paddh4 { padding-top: 0; } } .anchoTitulo { width: auto; display: inline-block; } /*******************************************************************************/ /***Etiquetas***/ /*******************************************************************************/ .etiquetas { margin-top: 20px; } .etiquetas .nav > li { display: inline-block; } .etiquetas .nav > li a { margin: 0 5px 5px 0; padding: 0px 5px 0 5px; } .etiquetas .botonEtiquetaSeleccionada, .etiquetas .nav > li > a:focus, .etiquetas .nav > li > a:hover { background-color: #C7C7C9; color: #FFFFFF; } .detalleEtiquetas .btn-invertido { background-color: #F2F2F7; font-weight: bold; color: #aa5fa2; padding: 5px; text-transform: uppercase; cursor: default; margin: 0 5px 5px 0; font-size: small; } .detalleEtiquetas .btn-invertido:hover { color: #aa5fa2; } .detalleEtiquetas .btn-invertido:active { background: #F2F2F7; border-color: #F2F2F7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*******************************************************************************/ /***Paginación***/ /*******************************************************************************/ #paginacion { margin: 0 auto; text-align: center; margin-bottom: 50px; } #paginacion a { background: var(--colorSecundario); padding: 6px 10px; margin-left: -1px; color: #FFFFFF; text-decoration: none; } #paginacionContenedor { margin: 2em auto; } #paginacion a:hover, #paginacion a.paginaActual { background: var(--colorPrimario); color: #fff; } @media only screen and (min-width : 875px) { .paginaAnterior:after { content: "Anterior"; } .paginaSiguiente:after { content: "Siguiente"; } } @media only screen and (max-width : 875px) { .paginaAnterior:after { content: "\25c0"; } .paginaSiguiente:after { content: "\25b6"; } } /*******************************************************************************/ /***Grupos de Trabajo, Webs de Interes, Mapa Web y RAECO***/ /*******************************************************************************/ .gruposDeTrabajo a { padding: 5px 15px 5px 15px; min-height: auto; } .documentos { margin-top: 5px; } .bgDocumentos { background-color: #F2F2F7; padding: 10px 20px 8px 10px; } .documentos ul { padding-left: 0px; } .documentos li { padding: 0 10px 10px 10px; margin: 10px 0 10px -30px; } .documentos .pdf { background: url(../img/iconos/iconoPDF.png) no-repeat left center; list-style: none; padding: 0px 0 0 35px; } .documentos .word { background: url(../img/iconos/iconoWord.png) no-repeat left center; list-style: none; padding: 0 0 0 35px; } .documentos .xls { background: url(../img/iconos/iconoXLS.png) no-repeat left center; list-style: none; padding: 0 0 0 35px; } .documentos .ppt { background: url(../img/iconos/iconoPPT.png) no-repeat left center; list-style: none; padding: 0 0 0 35px; } #contenidoDerecha .documentos a { color: #383DCE; } #contenidoDerecha .documentos a:hover, #contenidoDerecha .documentos a:active, #contenidoDerecha .documentos a:focus { color: var(--colorSecundario); } .enlaces li { list-style-image: url(../img/iconos/enlace.png); } #contenidoDerecha .enlaces a, #contenidoDerecha .mapaWeb a { color: #333; } #contenidoDerecha .enlaces a:hover, #contenidoDerecha .enlaces a:active, #contenidoDerecha .enlaces a:focus, #contenidoDerecha .mapaWeb a:hover, #contenidoDerecha .mapaWeb a:active, #contenidoDerecha .mapaWeb a:focus { color: var(--colorSecundario); } .listaMiembros { list-style: none; } .listaMiembros li { list-style-image: url(../img/iconos/user.png); } .estiloSubnivel1, .websInteres h4 { font-size: 16px; color: var(--colorSecundario); font-weight: bold; } .mapaWeb li { list-style-image: url(../img/iconos/mapaWeb.png); } .marginRAECO { margin: 20px 0 20px 0; } @media (min-width: 768px) { .marginRAECO { margin: 10px 0 50px 0; } } /*******************************************************************************/ /***Colaboradores***/ /*******************************************************************************/ .colaboradores { margin-bottom: 40px; } .colaboradores img { margin-top: 20px; max-width: 100%; } .colaboradores > div:not(.col-xs-12) { height: 111px; } .colaboradores a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.6; } .colaboradores .pieImagen { position: absolute; left: 50%; bottom: 0; } .colaboradores p { position: relative; left: -50%; top: 5px; font-size: 12px; } .d-block { display: block; } .mLeftTitulo { margin-left: 20px; } @media (min-width: 1041px) { .mLeftTitulo { margin-left: 15px; } } /*******************************************************************************/ /***Formularios***/ /*******************************************************************************/ .form-control { border-radius: 0; } #contenidoDerecha .form-group .btn { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .bordeCuadrado { border-radius: 0 !important; } .iconosCalendarioYHora { background-color: var(--colorSecundario); border: 1px solid #ccc; } .iconosCalendarioYHora:hover, .iconosCalendarioYHora:active, .iconosCalendarioYHora:focus { border: 1px solid #ccc; } #contenidoDerecha .input-group .bootstrap-select .btn.dropdown-toggle { border-left: none; } #contenidoDerecha .input-group .bootstrap-select .btn.dropdown-toggle, #contenidoDerecha .form-group .input-group .form-control:last-child, #contenidoDerecha .form-group .input-group-addon:last-child, #contenidoDerecha .form-group .input-group-btn:first-child > #contenidoDerecha .form-group .btn-group:not(:first-child) > #contenidoDerecha .form-group .btn, #contenidoDerecha .form-group .input-group-btn:first-child > #contenidoDerecha .form-group .btn:not(:first-child), #contenidoDerecha .form-group .input-group-btn:last-child > #contenidoDerecha .form-group .btn, #contenidoDerecha .form-group .input-group-btn:last-child > #contenidoDerecha .form-group .btn-group > #contenidoDerecha .form-group .btn, #contenidoDerecha .form-group .input-group-btn:last-child > .dropdown-toggle { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } #contenidoDerecha .btn-file .btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; height: 34px; color: #FFFFFF; } #contenidoDerecha .btn-file .btn:active, #contenidoDerecha .btn-file .btn:focus { background-color: var(--colorPrimario); } #contenidoDerecha .btn-file .input { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } /*******************************************************************************/ /***Aperecer antes el menú Hamburguesa (concretamente a 767px)***/ /*******************************************************************************/ .centrarMenuHamburguesa { width: 22px; margin-left: auto; margin-right: auto; } /*******************************************************************************/ /***Login***/ /*******************************************************************************/ .sizeTextoAlerta { font-size: 20px; } .paddIconoUsuario { padding-right: 17px; padding-left: 17px; } .login { width: 100%; height: auto; padding: 20px 20px 40px 20px; border: 1px solid var(--colorSecundario); } .tituloLogin { text-align: center; text-transform: uppercase; border-bottom: none !important; margin-bottom: 20px !important; } .login .mtop10 { margin-top: 10px; } .mtop0 { margin-top: 0!important; } .contenidoInternoLogin { max-width: 400px; margin-left: auto; margin-right: auto; } .contenidoInternoLogin .form-group label { color: var(--colorPrimario); } .login .mTop20 { margin-top: 20px; } /*******************************************************************************/ /***Agenda***/ /*******************************************************************************/ /*--Responsive Tablas--*/ @media only screen and (max-width: 900px) { #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables td { border: none; position: relative; padding-left: 30%; white-space: normal; text-align: left; border-bottom: 3px solid #ffffff; } #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } #no-more-tables td:before { content: attr(data-title); } } .no-more-tables td::after { content: "\00a0"; } .panel-default .table-hover thead { background-color: var(--colorSecundario); } /*--Calendario--*/ .bgGris { background-color: #F2F2F7; } .bgSabado.bgEvento, .bgDomingo.bgEvento, .bgEvento { background-color: #E4F2D1; } .calendarioEventos { width: 100%; } .calendarioEventos a { color: #676767; } .calendarioEventos td.celdaDiaRelleno:hover { background: unset; } .calendarioEventos td { padding: .4em 0; border: solid 3px #ffffff; font-size: .8em; } @media only screen and (min-width: 901px) { .calendarioEventos td { padding: .4em .2em; width: 12%; } } @media only screen and (max-width: 335px) { .mesResponsive { font-size: 26px; } } .cambiaMes { font-size: 0.6em; margin-left: .5em; margin-right: .5em; } .calendarioSemana { background-color: #A95DA1; color: #fff; text-align: center; font-size: 14px !important; } .calendarioSemana strong { margin-left: 4px; line-height: 2.5; } .calendarioDias { color: #444; } .calendarioDias { font-weight: bold; } .calendarioDias a:hover { color: #A95DA1; } .calendarioDias .evento { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #C7C7C9; } .calendarioDias .evento:last-child { border-bottom: none; } .calendarioDia { font-size: 14px; color: #FFFFFF; text-align: center; width: 28px; display: block; font-size: 1.3em; background: var(--colorSecundario); margin-top: 2px; margin-left: 4px; border: solid 1px #aed0c8; margin-bottom: 4px; } .calendarioDeshabilitado { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor: context-menu; } .calendarioNombreMes { font-size: 2.2em; color: var(--colorSecundario); margin: 0 .5em; } .calendarioNombreMes a { color: var(--colorSecundario); } .calendarioNombreMes a:hover { color: #AA5DA2; } .table > tbody > tr > td.calendarioDiaActual:hover, .table > tbody > tr > td.calendarioDiaActual { background: #ffffff; border: 5px solid #A95DA1; } .calendarioDiaActual .calendarioDia { background-color: #A95DA1; color: #ffffff; border: solid 1px var(--colorPrimario); } .table > tbody > tr > td.calendarioDiaActual:hover, .table > tbody > tr > td.calendarioDiaActual { border: solid 4px var(--colorPrimario) !important; } @media only screen and (max-width: 800px) { #no-more-tables td.celdaDiaRelleno { display: none; } } /*******************************************************************************/ /***Zona Privada***/ /*******************************************************************************/ .destacado { background-color: var(--colorDetalle); border: 1px solid var(--colorPrimario); padding: 20px; } .textoCursiva { font-style: oblique; } .miPerfil .thumbnail { border: none; padding: 0; margin: 0; } .notificaciones .alert a { font-weight: normal; } .posicionDesplegable { left: -120px; top: 55px; } @media (min-width: 471px) { .posicionDesplegable { left: -33px; } } .iconoSocio img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #pestaniaSuperior .zonaPrivada { margin-left: 120px; } @media (min-width: 471px) { #pestaniaSuperior .zonaPrivada { margin-left: 20px; } } @media (max-width : 360px) { #pestaniaSuperior .zonaPrivada { margin-left: 120px; } } @media (max-width : 350px) { #pestaniaSuperior .zonaPrivada { margin-left: 100px; padding: 0; } } @media (max-width : 330px) { #pestaniaSuperior .zonaPrivada { margin-left: 90px; padding: 0; } } .zonaPrivada .btn-primary:hover, .zonaPrivada .btn-primary:focus, .zonaPrivada .btn-primary:active { color: #FFFFFF; } .accesoDirectoAV { text-align: center; padding: 20px; text-transform: uppercase; font-weight: bold; color: var(--colorPrimario); min-height: 150px; margin: 0 0 30px 0; border: 1px solid var(--colorPrimario); width: 100%; } .accesoDirectoAV:hover { background-color: #F2F2F7; } .accesoDirectoAV img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .badge { background-color: var(--colorPrimario); font-family: Arial; font-weight: bold; } .alert a { color: #8A6D3B; font-weight: bold; } .alert a:hover { color: #BC9B63; } @media (min-width: 768px) { .btn-primary .fa { margin-right: 10px; } } .tituloListado { font-weight: bold; font-size: 13px; } .mleft-14 { margin-left: -14px; } .mLeft15 { margin-left: 8px; } .padd5 { padding-top: 5px; } @media (min-width: 500px) { .tituloListado { font-size: 14px; } .mLeft15 { margin-left: 15px; } } .panelFotoNoHover { background: #fff; border: solid 1px #eee; border-radius: 6px; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .panelFoto { background: #fff; padding: 8px; border: solid 1px #eee; border-radius: 6px; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pieToolbarImagenes { border-top: solid 1px #eee; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #fff; clear: both; text-align: right; padding: 12px; margin: 0 0 15px 0; border-bottom: solid 1px #eee; overflow: auto; } .pieToolbarImagenes:hover { background: #fff; } .cambiarContrasenia .fa { margin-right: 10px; } .cambiarContrasenia { margin-bottom: 15px; } @media (min-width: 768px) { .cambiarContrasenia { margin-bottom: 0; } } .panelFoto .btn-default:hover { background-color: #C7C7C9; } .modal-dialog h4 { color: var(--colorPrimario); font-weight: bold; text-transform: uppercase; } .modal-body .btn-file:hover { color: #FFFFFF; } .modal-footer .btn-primary:hover, .modal-footer .btn-primary:active, .modal-footer .btn-primary:focus { color: #FFFFFF; } /*Botones Switch*/ #contenidoDerecha .btn.btn-switchVerde, #contenidoDerecha .btn.btn-switchMorado { text-shadow: 1px 1px 1px #666; color: #fff; border-radius: 0; } .btn-switchVerde { background-color: var(--colorSecundario); border: 1px solid var(--colorSecundario); border-radius: 0; } .btn-switchMorado { background-color: var(--colorPrimario); border: 1px solid var(--colorPrimario); border-radius: 0; } #contenidoDerecha .btn.btn-switchGris { color: #bbb; border: 1px solid #ccc; border-radius: 0; } .btnMas { padding: 7px 10px 7px 10px; margin: 25px 0 0 10px; } @media (min-width: 768px) { .btnMas { padding: 7px 0 7px 10px; } } #contenidoDerecha .btnMas:hover, #contenidoDerecha .btnMas:active, #contenidoDerecha .btnMas:focus { color: #ffffff; } /* TABLAS RESPONSIVE */ .tablaFlex a { color: var(--colorPrimario); } .tablaFlex thead { background-color: #F2F2F7; } .buscarTabla { width: 150px; margin-left: 14px; } .table-hover > tbody > tr.footer:hover > td { background: none; } .table-hover > tbody > tr:not(.footer):hover > td { cursor: pointer; } .table-hover > tbody > tr.tablaSinResultados:hover > td { cursor: default; } .table-hover > tbody > tr.dotNet_noRowEvent:hover > td { cursor: default; background: none; } .tablaFlex .table { margin: 0; } .table > tbody > tr.tablaSinResultados > td { background-color: #ffffff; text-align: center; color: #bbb; padding: 60px 0; border: 0; cursor: default; } .table > tbody > tr.tablaSinResultados td i { line-height: normal; font-size: 8em; } .table > tbody > tr.tablaSinResultados td span { display: block; } @media only screen and (max-width:485px) { .buscarTabla { width: 125px; } } @media only screen and (max-width:400px) { .buscarTabla { width: 90px; } } @media only screen and (max-width:370px) { .buscarTabla { width: 80px; } } @media only screen and (max-width:355px) { .buscarTabla { width: 70px; } } @media only screen and (max-width:345px) { .buscarTabla { width: 60px; } } @media only screen and (max-width:1055px) { .tablaFlex .table, .tablaFlex .table > thead, .tablaFlex .table > tbody, .tablaFlex .table > tfoot, .tablaFlex .table > thead > th, .tablaFlex .table > tbody > tr, .tablaFlex .table > tbody > tr > td, .tablaFlex .table > tfoot > tr, .tablaFlex .table > tfoot > tr > td { display: block; } .tablaFlex .table > tbody > tr.tablaSinResultados > td { padding: 30px 0; text-align: center; } .tablaFlex .table > thead > tr { position: absolute; top: -9999px; left: -9999px; } .tablaFlex .table > tbody > tr { border-bottom: 1px solid #ccc; } .tablaFlex .table > tbody > tr > td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; } .tablaFlex .table > tbody > tr > td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } .tablaFlex .table > tbody > tr > td:before { content: attr(data-title); } .tablaFlex .table > tbody > tr > td[data-title="Seleccionar"] { display: none; } .tablaFlex .table > tfoot > tr > td { text-align: center; } .iconoToolbarResponsive { display: none; } .panelSimple { display: none; } .PaginacionBloqueIzq, .PaginacionBloqueDer { display: none !important; } } @media only screen and (max-width:989px) { .iconoToolbarResponsive2 { display: none; } } @media only screen and (min-width:990px) { .iconoPieToolbarResponsive { display: none; } } .fixModalTabla { padding: 5px; } .fixModalTablaMateriales { padding: 5px; min-height: 48px !important; } .panel-default { border: 1px solid #DDDDDD; } .mine.panel-default .minHead { min-height: 57px; background-color: #FAFAFA; } .panel-default .minHead { min-height: 57px; background-color: #FAFAFA; } .filtrosBuscador { width: 200px; } .buscadorTabla { width: 200px; float: right; margin: -5px -5px 0 20px; } .panel-default .btn-default { border-radius: 4px; } .RespEstado { display: none; } @media (min-width: 420px) { .RespEstado { display: block; } .panel-default label { display: none; } .buscadorTabla { width: 150px; margin: -38px -5px 0 20px; } .filtrosBuscador { width: 290px; } } @media (min-width: 500px) { .panel-default label { display: inline-block; margin-right: 10px; } .filtrosBuscador { width: 380px; } .buscadorTabla { width: 180px; } } @media (min-width: 600px) { .filtrosBuscador { width: 420px; } .buscadorTabla { width: 220px; } } @media (min-width: 768px) { .filtrosBuscador { width: 380px; } .buscadorTabla { width: 180px; } .buscadorTabla .btn-primary { margin-right: 7px; } } @media (min-width: 781px) { .buscadorTabla .btn-primary { margin-right: auto; } } .buscadorEnlacesDocumentos { width: 180px; float: right; margin: -5px -5px 0 20px; } @media (min-width: 400px) { .buscadorEnlacesDocumentos { width: 220px; } } .bgSeleccionado { background-color: #F3E4F0; } .anchoTotal { width: 100% !important; } .botonEstado { padding: 2px; width: 26px; height: 26px; display: inline-block; text-align: center; line-height: 18px; margin: 0 2px 0 0; border: solid 1px #ddd; } .botonEstadoInterno { width: 110px; border: solid 1px #ddd; font-size: 18px; cursor: default; background-color: var(--colorSecundario); color: #FFFFFF; border: 1px solid var(--colorSecundario); } .botonEstadoInterno .fa { margin-right: 5px; } .botonEstadoPendiente { background-color: #EC971F; border: solid 1px #EC971F; } .botonEstadoNuevo { background-color: #5bc0de; border: solid 1px #5bc0de; } .botonEstadoAbierto, .botonEstadoAceptado { background-color: #8dc63f; border: solid 1px #8dc63f; } .botonEstadoCerrado, .botonEstadoRechazado { background-color: #c9302c; border: solid 1px #c9302c; } .cajaTotalTabla { padding: 15px 15px 0 15px; margin: 0 auto .5em; background: #fafafa; color: #666; width: 100%; border-radius: 4px; text-align: left; line-height: 1.4; border: solid 1px #ebedee; margin-bottom: 12px; } .elementoCajaTotalTabla { margin: 0 3em 10px 0; float: left; min-width: 11em; } .iconoCajaInfoTop { color: #fff; padding: .4em; margin-right: .3em; border-radius: 4px; font-size: 22px; float: left; width: 1.8em; text-align: center; } .fondoAmarillo, .btn-warning { background-color: #F8D6A7; border: 1px solid #EC971F; } .btn-azul { background-color: #C2E8F3; border: 1px solid #5BC0DE; color: #FFFFFF; } .btn-azul:hover { background-color: #5BC0DE; } .textoAmarillo { color: #EC971F; } .fondoVerde, .btn-success { background-color: #CCE7A5; border: 1px solid var(--colorSecundario); } .btn-success:hover, .btn-success:focus, .btn-success:active { background-color: var(--colorSecundario); } .textoVerde { color: var(--colorSecundario); } .fondoRojo, .btn-danger { background-color: #E9928F; border: 1px solid #C9302C; } .textoRojo { color: #C9302C; } .tablaFlex .cursorText { cursor: text !important; } .panel-default .btn-default:hover, .panel-default .btn-default:active, .panel-default .btn-default:focus { color: var(--colorSecundario); } #nuevoEnlace .btn, #editarEnlace .btn, #nuevoDocumento .btn, #editarDocumento .btn { border-radius: 4px; } /***Evaluación***/ .evaluar .opciones label { font-weight: normal !important; cursor: pointer; } #contenidoDerecha .documento a { color: #000000; } #contenidoDerecha .documento a:hover { color: #FFC625; } #contenidoDerecha .fa-file-pdf-o { margin-right: 8px; } .puntuacion { margin-bottom: 10px; } /*Foro*/ .botones { text-align: center; padding: 20px 10px 20px 10px; text-transform: uppercase; font-weight: bold; color: var(--colorPrimario); min-height: 160px; margin: 0 0 30px 0; border: 1px solid var(--colorPrimario); width: 100%; } .botones:hover { background-color: #F2F2F7; } .botones img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .fa-bell, .fa-exclamation-triangle { margin-right: 5px; } .notificaciones .alert { position: relative; padding-right: 45px; } .iconoNotificacion { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); height: 15px; } .tamanioBuscadorFiltro { width: 260px; } .fotoTablaPublica { height: 40px; width: 40px; } .tablaPublica th { color: #ab5ea2; } @media (min-width: 400px) { .tamanioBuscadorFiltro { width: 350px; } } .foroRespuesta { padding: .8em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px auto; text-align: justify; border: 1px solid var(--colorSecundario); } .foroRespuestaEliminado { padding: .8em; background: #F2F2F7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: .6em auto; text-align: justify; } .foroBotonBorrar { font-size: 1.5em; font-weight: bold; padding-left: .6em; padding-bottom: 1em; float: right; } .foroBotonBorrar a { color: #C7C7C9; } #nuevaImagen .btn-primary { padding: 7px; border-radius: 0 3px 3px 0; } /*********************************************************************************/ /* Paginación Tablas*/ /*********************************************************************************/ .panel-pag { width: 600px; margin-left: auto; margin-right: auto; text-align: center; } .paginacion { margin: 0 auto; text-align: center; } .paginacion td { text-decoration: none; padding: 0 !important; } .fondoPaginador { text-decoration: none; } .paginacion td a { padding: 6px 10px; text-decoration: none; display: inline-block; margin: 0; } .paginacion td span { padding: .58em 10px; text-decoration: none; background-color: var(--colorSecundario); !important; color: #fff !important; display: inline-block; } .paginacion td:hover { background: #CCE7A5; color: #ffffff; } .paginacion td a:hover { color: #ffffff; } .PaginacionBloqueIzq { width: 30%; line-height: 48px; text-align: left; } .PaginacionBloqueCen { width: 30%; text-align: center; } .PaginacionBloqueDer { width: 30%; line-height: 12px; text-align: right; } /* Lista imágenes publica tus noticias */ .listaImagenesSolicitud { margin: 0.5em 0; padding: 0; list-style: none; overflow: auto; } .listaImagenesSolicitud li { float: left; margin: 0.5em; } .listaImagenesSolicitud li:first-child { margin-left: 0; } .listaImagenesSolicitud li:last-child { margin-right: 0; } .listaImagenesSolicitud li, .listaImagenesSolicitud img { display: block; width: 92px; } .listaImagenesSolicitud img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btnIcoText { font-size: 0.9em; } .tablaFlex .btnIcoText.btn { margin: 0.3em; padding: 0.3em 0.5em; } .tablaFlex .btnIcoText.btn.disabled { cursor: default; } .btnIcoText i { margin-right: 0.3em; } /*********************************************************************************/ /*Raeco*/ /*********************************************************************************/ .tabpanel > li > a, .tabpanel > li > a:focus { background-color: var(--colorPrimario); color: #fff; } .tabpanel > li > a:hover { background-color: #fff; color: var(--colorPrimario); } .tabpanel > li.active a, .tabpanel > li.active a:hover { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; color: var(--colorPrimario); font-weight: bold; } .emailTelefono { font-size: 32px; font-weight: bold; text-align: center; } .emailTelefono img { margin-right: 5px; } .emailTelefono a { color: #333; } .emailTelefono a:hover, .emailTelefono a:focus, .emailTelefono a:active { color: var(--colorPrimario); } @media (min-width: 768px) { .emailTelefono { font-size: 25px; } } .centrarImagen img { display: block; margin-right: auto; margin-left: auto; } #contenidoDerecha .subtitulosRaeco { font-size: 18px; } ul.funciones li { padding-bottom: 10px; } /*********************************************************************************/ /* Video /*********************************************************************************/ .videoContainer { position: relative; padding-bottom: 56.25%; margin-top: 30px; height: 0; overflow: hidden; } .videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*******************************************************************************/ /***Cajas Dinámicas de Contenido Verticales***/ /*******************************************************************************/ .cajaElementoVertical { margin: 0 0 1em 0; padding: 20px; background-color: #fff; border: solid 1px var(--colorPrimario); width: 100%; margin-right: 20px; min-height: auto; } .cajaElementoVertical img { width: 100%; } .news a:hover, .news a:active, .news a:focus, .cajaElementoVertical a:hover, .memoriaBoletines a:hover { filter: grayscale(80%); } #contenidoDerecha .cajaElementoVertical h4 { color: var(--colorPrimario); border-bottom: none; font-size: 20px; } #contenidoDerecha .cajaElementoVertical h5 { color: var(--colorSecundario); border-bottom: none; font-size: 40px; text-align: center; } .cajaElementoVertical .subtitulo p { margin: 0; font-weight: bold; } .cajaElementoVertical .subtitulo { margin-bottom: 10px; } .contenedorBtnInferior { width: 100%; display: block; position: relative; margin-bottom: 30px; } .btnInferior { background-color: var(--colorPrimario); text-align: center; text-transform: uppercase; color: #FFF; padding: 10px; font-weight: bold; border: 1px solid var(--colorPrimario); position: absolute; bottom: 15px; display: block; width: 100%; } .btnInferior:hover, .btnInferior:focus, .btnInferior:active { background-color: var(--colorSecundario); } /*******************************************************************************/ /***Display none del menu lateral para DIS ***/ /*******************************************************************************/ #menuLateral .subMenuVisual { display: none; } textarea { resize: none; } .input-group-addon-error, .dropdown-toggle-error, .panel-default-error, .fileInputError .file-caption, input[type=text].error, input[type=text].error:focus, input[type=password].error, input[type=password].error:focus, textarea.error, textarea.error:focus, select.error, select.error:focus, .TxDescripcion_DesignBox.error { border-color: #a94442; } input[type=text]:not(.error):focus, input[type=password]:not(.error):focus, textarea:not(.error):focus, select:not(.error):focus { border-color: #56B4EF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6); opacity: 0.8; outline: 0 none; } input[type=text].error:focus, input[type=password].error:focus, textarea.error:focus, select.error:focus { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6); opacity: 0.8; outline: 0 none; } .bootstrap-tagsinput input[type=text]:not(.error):focus { box-shadow: none; } input[type="file"]:focus, input[type="checkbox"]:focus, select:focus { box-shadow: none; outline: 1px dotted #666666; } .fileInputErrorMG .file-caption, .input-group.error .file-caption, input[type=text].error, input[type=password].error, textarea.error, select.error, .dropdown-toggle.error, .dropdown-toggle-error, #contenidoDerecha .form-group .bootstrap-select .btn.dropdown-toggle.dropdown-toggle-error, #contenidoDerecha .input-group .bootstrap-select .btn.dropdown-toggle.dropdown-toggle-error, #contenidoDerecha .form-group .input-group-btn:last-child > .dropdown-toggle.dropdown-toggle-error { border-color: #aa0000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6); color: #333333; outline: 0 none; } div.error, span.error { color: #cc0000; line-height: normal; font-size: 11px; font-weight: normal; } .input-group-addon-error { color: #a94442; background-color: #f2dede; } .panel-default-error .panel-heading { color: #a94442 !important; background-color: #f2dede !important; } .panel-default-error .panel-heading > * { color: #a94442 !important; } .account-wall .error span.error { margin-top: 5px; display: block; } .contenidoInternoLogin .contenedorError { overflow: auto; } .contenidoInternoLogin span.error { float: left; width: 100%; } .aspNetDisabled .btn:focus { color: #333; } #contenidoDerecha .btn-file .file-input .btn.btn-default { color: #000; } /* FIN Formularios */ /* -- Loader -- */ #fondoLoader { z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #333333; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); } #overlay { z-index: 10001; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } * html #overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px'); } #loader { z-index: 10002; position: relative; margin: 0 auto; top: 40%; width: 233px; background-color: White; border: 3px solid #EEEEEE; padding: 2.2em 2.5em 1.2em 2.3em; } * html #loader { position: absolute; margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px'); } .loaderText { position: relative; left: -1px; bottom: 0.4em; width: 155px; font-size: medium; color: #383DCD; margin: 0 0 0 0.2em; } /* Varios */ .oculto { display: none; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a.active, .navbar-default .navbar-nav .open .dropdown-menu > li > a.active, a.active, li.active > a { background-color: var(--colorSecundario)!important; color: #fff; } #imgLogoColab { margin-left: 80px; height: auto; } .float-none { float: none!important; }