/* ESTRUCTURAS ------------------------------------------------------------ */ body { min-width:995px;} .Wrap { width:995px; margin:0 auto; } /* ------------------------------------------------------------------------ */ /* HEADER ----------------------------------------------------------------- */ /* CABECERA */ header#CABECERA {height:326px;border-bottom:1px solid #cccc; background: url(/resources/img/backgrounds/banners/megabanner.gif) center 0 repeat-x;} header#CABECERA .Wrap { position:relative;width:990px;padding-right:0.5em;} /* ------------------------------------------------------------------------ */ /* MEGABANNER ------------------------------------------------------------- */ #MegaBanner { padding:0.7em 0 1.1em 0; height:90px; } #MegaBanner .MedioBanner { float:left;display:inline; padding-left:1em; width:234px; height:90px;background:url(/resources/img/backgrounds/banners/txt_publicidad.gif) 0 center no-repeat;} #MegaBanner .MegaBanner { float:left;display:inline; padding-left:1em; width:728px; height:90px;background:url(/resources/img/backgrounds/banners/txt_publicidad.gif) 0 center no-repeat;} /* ------------------------------------------------------------------------ */ /* BRAND ------------------------------------------------------------------ */ @-webkit-keyframes rotater { from { -webkit-transform:rotate(0) scale(1) } to { -webkit-transform:rotate(360deg) scale(1) } } #BRAND {position:absolute;top:138px;left:12px;width:217px;} #BRAND a { padding:0 0 0 0; display:block;} #BRAND a .Imago { float:left;} #BRAND a:link .Imago { /* safari / chrome */ -webkit-animation-name:rotater; -webkit-animation-duration:20s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function: linear; /* mozilla */ -moz-transform:rotate(360deg) scale(1); -moz-transition-duration:20s; -moz-transition-timing-function: linear; /* opera */ -o-transform:rotate(360deg) scale(1); -o-transition-duration:20s; -o-transition-timing-function: linear; /* ie */ -ms-transform:rotate(360deg) scale(1); -ms-transform-duration:20s; -ms-transform-timing-function: linear; } /* ------------------------------------------------------------------------ */ /* INICIO DE SESION ------------------------------------------------------- */ nav#LOGIN {position:absolute;top:101px;right:5px;height:40px;float:right;color:#c2c0c0} nav#LOGIN li {float:left;font-size:1.1em;height:37px;padding:1.2em 0.2em;} nav#LOGIN li a {color:#c2c0c0;text-decoration:none;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} nav#LOGIN li a:hover {text-decoration:underline;color:#333;} nav#LOGIN li.Login {padding:1.2em 0;margin-left:1em;font-size:1em;width:106px;background:url(/resources/img/botones/btn-login.png) 0 0 no-repeat;text-align:center;text-transform:uppercase} nav#LOGIN li.Login a {color:#000;text-decoration:none} /* ------------------------------------------------------------------------ */ /* DESPLEGABLE PAISES ----------------------------------------------------- */ #PAISES {position:absolute;top:147px;left:245px;width:180px;} #PAISES .select2-choice {width:145px; height:27px;text-transform:uppercase; font-family:"Gotham Book", Arial, sans-serif; font-size:1.3em; padding:0 0 0 0; margin:0 0 0 0} #PAISES .select2-choice span {padding:0 0 0 0; margin:0 0 0 0;} #PAISES .select2-container .select2-choice div {width:18px;height:18px; top:4px} #PAISES .select2-container .select2-choice div b {background:url(/resources/img/comun/paises_desplegable/arrow.png) 0 0 no-repeat;display:block;width:18px;height:18px;} #PAISES .select2-dropdown-open .select2-choice div b {background-position:0 -34px;} #PAISES .select2-container .flag {position:relative;top:3px;margin-right:8px; float:left} #PAISES .select2-container .select2-drop {width:165px;top:35px; left:-10px; border:1px solid #d1d1d1; padding:0; margin:0;-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2;} #PAISES .select2-container .select2-search { display:none;} /* results */ #PAISES .select2-container .select2-results { margin:0 0 0 0;padding:0 0 0 0;position:relative;overflow:hidden; height:100%; max-height:none; width:100%; } #PAISES .select2-container .select2-results li {line-height:17px;padding:9px 8px 9px 9px;margin:0; font-family:"Gotham Book", Arial, sans-serif; font-size:1.3em; text-transform:uppercase; display:block; height:17px;} #PAISES .select2-container .select2-results li .flag { position:relative; top:-2px;float:left} #PAISES .select2-container .select2-results .select2-highlighted {background:#E6E6E6;color:#000;} /* ------------------------------------------------------------------------ */ /* MENU PRINCIPAL NAVEGACION ---------------------------------------------- */ nav#MENU_PRINCIPAL {position:absolute;top:147px;right:5px;} nav#MENU_PRINCIPAL ul {float:left;border-right:1px solid #F4F4F4;font-family:"Gotham Medium", Arial, sans-serif;} nav#MENU_PRINCIPAL ul li {float:left;display:inline;text-transform:uppercase;border-left:1px solid #F4F4F4;border-right:1px solid #FFF;color:#7f7f7f;font-size:1.35em; line-height:1.1em;letter-spacing:-0.02em;} nav#MENU_PRINCIPAL ul li a {display:block;padding:0.95em 0.75em;color:#7f7f7f;text-decoration:none;-moz-transition-property:background-color;-moz-transition-duration:0.1s;-webkit-transition-property:background-color;-webkit-transition-duration: 0.1s;} nav#MENU_PRINCIPAL .MNU_Portada a {border-top:1px solid #000;} nav#MENU_PRINCIPAL .MNU_Magazine a {border-top:1px solid #c83895} nav#MENU_PRINCIPAL .MNU_Agenda a {border-top:1px solid #bec63f} nav#MENU_PRINCIPAL .MNU_Guia a {border-top:1px solid #3a658a} /**/ nav#MENU_PRINCIPAL .Activo a, nav#MENU_PRINCIPAL a:hover {border-top:1px solid #FFF;color:#FFF} /* PARTICULARIDADES ------------------ */ /* PORTADA */ nav#MENU_PRINCIPAL .MNU_Portada a:hover {background:#000;border-left:1px solid #F4F4F4;} /* MAGAZINE */ nav#MENU_PRINCIPAL .MNU_Magazine.Activo, nav#MENU_PRINCIPAL .MNU_Magazine.Activo a:hover {background:#8f296b url(/resources/img/backgrounds/menu_seccion/magazine_flecha.gif) center bottom no-repeat} nav#MENU_PRINCIPAL .MNU_Magazine a:hover {background:#8f296b none} /* AGENDA */ nav#MENU_PRINCIPAL .MNU_Agenda.Activo, nav#MENU_PRINCIPAL .MNU_Agenda.Activo a:hover {background:#848d37 url(/resources/img/backgrounds/menu_seccion/agenda_flecha.gif) center bottom no-repeat} nav#MENU_PRINCIPAL .MNU_Agenda a:hover {background:#848d37 none} /* GUIA */ nav#MENU_PRINCIPAL .MNU_Guia.Activo, nav#MENU_PRINCIPAL .MNU_Guia.Activo a:hover {background:#3a658a url(/resources/img/backgrounds/menu_seccion/guia_flecha.gif) center bottom no-repeat} nav#MENU_PRINCIPAL .MNU_Guia a:hover {background:#3a658a none} /* ------------------------------------------------------------------------ */ /* BUSCADOR CABECERA ------------------------------------------------------ */ #CABECERA #Cabecera_Buscador {position:absolute;top:16px;right:5px;width:264px;height:26px;color:#FFF;font-size:1.2em;line-height:1em;} #CABECERA #Cabecera_Buscador img {float:left;position:relative;top:5px;margin:0 0.5em;} #CABECERA #Cabecera_Buscador input.TXT {float:left;border:none;margin-right:0.2em;padding-left:0.5em;height:24px;font-size:1em;} #CABECERA #Cabecera_Buscador input.BTN {margin:0 0 0 0; padding:1em 0.2em 0 0;} #CABECERA #Cabecera_Buscador input.BTN2 { float:left; margin:0.35em 0.5em 0 0} /* ------------------------------------------------------------------------ */ /* BUSCADOR DESPLEGABLE --------------------------------------------------- */ #Buscador_desplegable {float:left;margin:0;width:99px;background:url(/resources/img/backgrounds/separador-puntos-v.gif) 0 center no-repeat} #Buscador_desplegable .select2-results {width:111px;} #Buscador_desplegable .select2-container .select2-drop {width:119px;} #Buscador_desplegable .select2-container .select2-search input {width:92px; margin-bottom:0.3em} /* ------------------------------------------------------------------------ */ /* CABECERA SECCION ------------------------------------------------------- */ #CABECERA_SECCION {position:absolute;top:188px;width:100%;height:138px;clear:both;} #CABECERA_SECCION p.h1 {position:relative;top:11px;color:#FFF;font-size:3.4em;text-transform:uppercase;font-family:"Gotham Light", Arial, Sans-serif;font-weight:normal; float:left;} #CABECERA_SECCION h1 {position:relative;top:11px;color:#FFF;font-size:3.4em;text-transform:uppercase;font-family:"Gotham Light", Arial, Sans-serif;font-weight:normal; float:left;} #CABECERA_SECCION h1 strong {background:url(/resources/img/backgrounds/menu_seccion/h1_seccion.png) right center no-repeat;padding-right:2.7em;font-weight:normal;} #CABECERA_SECCION h1 span {position:relative;top:-6px;font-size:0.412em;text-transform:none;padding-left:0.5em;} #CABECERA_SECCION h1 span.Ubicacion {position:relative;top:-3px;background-image:url(/resources/img/iconos/magazine_ubicacion.png);background-position:0 center;background-repeat:no-repeat;margin-left:2.3em;padding-left:1.5em;font-size:0.529em;} #CABECERA_SECCION h2 { float:left; margin:1.3em 0 0 1.1em; font-size:1.4em; font-weight:normal; padding:0.3em 0 0.6em 1.4em} #CABECERA_SECCION p.h2 { float:left; margin:1.3em 0 0 1.1em; font-size:1.4em; font-weight:normal; padding:0.3em 0 0.6em 1.4em;background:url(../../img/guia/cabecera/fondo-h2-cabecera.gif) 0 0 no-repeat; color:#FFF;} /**/ #MENU_SECCION ul {position:absolute;top:52px;width:100%;border-top-width:1px;border-top-style:solid} #MENU_SECCION li {float:left;display:inline;margin:0;padding-right:0;font-size:1.4em;text-transform:uppercase} #MENU_SECCION li a {float:left;margin-right:0;padding:0.9em 0;text-decoration:none;-moz-transition-property:color, border-color;-moz-transition-duration:0.2s;-webkit-transition-property:color, border-color;-webkit-transition-duration: 0.2s;} /**/ #MENU_SECCION li.Ico_1, nav#MENU_SECCION li.Ico_2 {padding-right:2em;} #MENU_SECCION li.Ico_1 a, nav#MENU_SECCION li.Ico_2 a {padding-right:0.5em;background-position:0.5em 1.3em;background-repeat:no-repeat;} /**/ #MENU_SECCION li.Ico_1 a {background-image:url(/resources/img/backgrounds/menu_seccion/ico_1.png)} #MENU_SECCION li.Ico_2 a {background-image:url(/resources/img/backgrounds/menu_seccion/ico_2.png)} #MENU_SECCION li a:hover, #MENU_SECCION li.Activo a {position:relative;color:#FFF;border-top:1px solid #FFF;top:-1px;} #MENU_SECCION li.Ico_1 a:hover, #MENU_SECCION li.Ico_1.Activo a {position:relative;top:-1px;background-image:url(/resources/img/backgrounds/menu_seccion/ico_1_on.png)} #MENU_SECCION li.Ico_2 a:hover, #MENU_SECCION li.Ico_2.Activo a {position:relative;top:-1px;background-image:url(/resources/img/backgrounds/menu_seccion/ico_2_on.png)} /* ------------------------------------------------------------------------ */ /* CABECERA SECCION HOME -------------------------------------------------- */ #CABECERA.Home #CABECERA_SECCION {position:absolute;top:188px;width:100%;height:auto;clear:both;background:#000;} #CABECERA.Home #CABECERA_SECCION .Wrap {height:380px;} #CABECERA.Home #CABECERA_SECCION #Cabecera_Buscador {position:absolute;z-index:99;} #CABECERA.Home #CABECERA_SECCION #Cabecera_Buscador input.TXT {background:url(/resources/img/agenda/st-995.png) 0 0 repeat;color:#000} #CABECERA.Home #CABECERA_SECCION h1 {position:absolute;z-index:2;padding-bottom:0.3em;padding-top:0.33em; width:100%; background: #000 url(/resources/img/agenda/st-995.png) 0 bottom no-repeat;padding-left:0.45em; top:0;} #CABECERA.Home #CABECERA_SECCION p.h1 {position:absolute;z-index:2;padding-bottom:0.3em;padding-top:0.33em; width:100%; background: #000 url(/resources/img/agenda/st-995.png) 0 bottom no-repeat;padding-left:0.45em; top:0;} /* Migas de pan */ #CABECERA #CABECERA_SECCION { padding-top:28px !important;} #CABECERA #CABECERA_SECCION .Wrap .BreathCrums { width:480px; height:20px; position:absolute; top:-20px; left:0;} #CABECERA #CABECERA_SECCION .Wrap .BreathCrums li { color:#FFF; font-size:1.2em; display:inline;} #CABECERA #CABECERA_SECCION .Wrap .BreathCrums li a { color:#FFF; margin-right:3px; text-decoration:none;} #CABECERA #CABECERA_SECCION .Wrap .BreathCrums li a:hover { text-decoration:underline;} #CABECERA #CABECERA_SECCION .Wrap .BreathCrums li strong { text-decoration:underline;} #CABECERA #CABECERA_SECCION .Wrap .Fecha { position:absolute; top:-20px; right:0; padding-right:10px;} #CABECERA #CABECERA_SECCION .Wrap .Fecha p { color:#FFF; font-size:1.2em;} /* AGENDA ---------------------- */ #CABECERA.Home #CABECERA_SECCION .HomeCabFormacion {position:absolute;top:0;width:330px;z-index:0} #CABECERA.Home #CABECERA_SECCION .HomeCabExposiciones {position:absolute;top:0;width:330px;left:330px;z-index:0} #CABECERA.Home #CABECERA_SECCION .HomeCabPremios {position:absolute;top:0;width:330px;left:660px;z-index:0} /**/ #CABECERA.Home #CABECERA_SECCION .BTN {width:330px;height:380px;background-image:url(/resources/img/agenda/st-332x380.png);z-index:99;} #CABECERA.Home #CABECERA_SECCION .BTN a img {-moz-transition-property:all;-moz-transition-duration:0.5s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;} /**/ #CABECERA.Home #CABECERA_SECCION .HomeCabFormacion .BTN a img {width:139px;height:229px;} #CABECERA.Home #CABECERA_SECCION .HomeCabExposiciones .BTN a img {width:160px;height:212px;} #CABECERA.Home #CABECERA_SECCION .HomeCabPremios .BTN a img {width:151px;height:214px;} /**/ #CABECERA.Home #CABECERA_SECCION .HomeCabFormacion .BTN a:hover img {margin-top:-2em;width:167px;height:275px;} #CABECERA.Home #CABECERA_SECCION .HomeCabExposiciones .BTN a:hover img {margin-top:-2em;width:192px;height:255px;} #CABECERA.Home #CABECERA_SECCION .HomeCabPremios .BTN a:hover img {margin-top:-2em;width:181px;height:257px;} /* GUIA ---------------------- */ #CABECERA.Home #CABECERA_SECCION .HomeCabArtistas {position:absolute;top:0;width:228px;z-index:0} #CABECERA.Home #CABECERA_SECCION .HomeCabOrganizaciones {position:absolute;top:0;width:228px;left:254px;z-index:0} #CABECERA.Home #CABECERA_SECCION .HomeCabProfesionales {position:absolute;top:0;width:228px;left:508px;z-index:0} #CABECERA.Home #CABECERA_SECCION .HomeCabServiciosArte {position:absolute;top:0;width:228px;left:762px;z-index:0} /**/ #CABECERA.Home #CABECERA_SECCION .ModColumna .BTN2 a {position:relative;top:65px;} #CABECERA.Home #CABECERA_SECCION .BTN2 a img {opacity:0.7;width:228px;height:228px;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} #CABECERA.Home #CABECERA_SECCION .BTN2 a:hover img {margin:-1.4em 0 0 -1.4em;width:256px;height:256px;opacity:1;} #CABECERA.Home #CABECERA_SECCION .BTN2 a {display:block;width:228px;height:228px;text-align:center;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} /**/ #CABECERA.Home #CABECERA_SECCION .BTN2 a span {position:relative;-moz-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;width:228px;height:228px} #CABECERA.Home #CABECERA_SECCION .BTN2 a:hover span {-moz-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out} #CABECERA.Home #CABECERA_SECCION .BTN2 a:hover span strong {-moz-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out} #CABECERA.Home #CABECERA_SECCION .BTN2 a img {/*position:absolute*/} #CABECERA.Home #CABECERA_SECCION .BTN2 a span {position:absolute;top:90px;left:0;font-size:1.25em;line-height:1.3em;color:#CCC;width:228px;height:228px} #CABECERA.Home #CABECERA_SECCION .BTN2 a span strong {display:block;font-size:1.75em;line-height:1.3em;font-weight:normal;margin-bottom:0.5em} #CABECERA.Home #CABECERA_SECCION .BTN2 a:hover span {/*font-size:1.35em;*/color:#FFF;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); margin-top:1em;} #CABECERA.Home #CABECERA_SECCION .BTN2 a:hover strong {color:#FFF; /*font-size:1.6em*/} /**/ #CABECERA.Home #CABECERA_SECCION .ModColumna ul {overflow:hidden;height:380px} #CABECERA.Home #CABECERA_SECCION .ModColumna li {float:left;display:inline} #CABECERA.Home #CABECERA_SECCION .ModColumna .BTN {position:absolute;background-repeat:no-repeat;background-position:0 0;text-align:center;} #CABECERA.Home #CABECERA_SECCION .ModColumna .BTN a {position:relative;top:80px;} /**/ #CABECERA.Home #CABECERA_SECCION .MenuTipos {position:absolute;bottom:0;width:985px;height:38px;border-top-left-radius:17px 12px;border-top-right-radius:17px 12px; padding:1em 0 0 0.6em;} #CABECERA.Home #CABECERA_SECCION ul.MenuTipos {height:34px;} #CABECERA.Home #CABECERA_SECCION ul.MenuTipos li {background:url(/resources/img/iconos/bolo1.gif) 0 4px no-repeat;float:left;display:inline;width:195px;margin:0 1.8em 0 1.6em;height:30px;color:#141414;font-size:1.2em;line-height:1.2em;padding-left:0.8em;} #CABECERA.Home #CABECERA_SECCION ul.MenuTipos li strong {font-weight:normal;display:block;color:#FFF;} #CABECERA.Home #CABECERA_SECCION ul.MenuTipos li a {color:#141414;text-decoration:none} #CABECERA.Home #CABECERA_SECCION ul.MenuTipos li a strong {text-decoration:none;color:#FFF;} #CABECERA.Home #CABECERA_SECCION ul.MenuTipos li a:hover {color:#FFF;} /**/ #CABECERA.Home .HomeCabFiltros {background:url(/resources/img/agenda/homecabfiltros.png) 0 0 no-repeat;width:183px;height:193px;position:absolute;top:0;margin:2.7em 10px;z-index:999;padding:7em 5.5em;visibility:hidden;} #CABECERA.Home .HomeCabFiltros a.BTN_Cerrar {position:absolute;display:block;right:0;top:75px;background:url(/resources/img/agenda/btn-cerrar.png) 0 0 no-repeat;width:20px;height:20px;} #CABECERA.Home .HomeCabFiltros p {text-align:center;margin-bottom:1em;} #CABECERA.Home .HomeCabFiltros p.Titulo {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.7em;color:#1f1d21;margin-bottom:0.5em;text-transform:uppercase} #CABECERA.Home .HomeCabFiltros p.Descripcion {font-family:Arial, Helvetica, sans-serif;font-size:1.2em;color:#989898;margin-bottom:3.5em;} #CABECERA.Home .HomeCabFiltros input.TXT {width:179px;height:22px;color:#1f1d21;padding:0 0.3em;} #CABECERA.Home .HomeCabFiltros input.FormCuando {background:#FFF url(/resources/img/agenda/ico-cuando.gif) right center no-repeat} #CABECERA.Home .HomeCabFiltros p.Buscar {margin-top:3em;} #CABECERA.Home .HomeCabFiltros p.Buscar a {padding:0.6em 1.5em;font-family:"Gotham Book", Arial, sans-serif;font-size:1.2em;color:#FFF;background-color:#bdca4c;-moz-border-radius:2px;border-radius:2px;text-decoration:none;} /**/ #CABECERA.Home .HomeCabFiltros#FiltrosFormacion {left:0;} #CABECERA.Home .HomeCabFiltros#FiltrosExposiciones {left:351px;} #CABECERA.Home .HomeCabFiltros#FiltrosPremios {left:660px;} /**/ #CABECERA.Home .HomeCabFiltros .select2-container .select2-choice { width:179px; color:#1f1d21; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; background-color:#FFF; left:-9px; height:24px; text-align:left} #CABECERA.Home .HomeCabFiltros .select2-container .select2-choice div {background: url(/resources/img/agenda/ico-donde.gif) right center no-repeat; padding:0 0 0 6px} #CABECERA.Home .HomeCabFiltros .select2-container .select2-drop { top:25px; left:-9px;padding:0; margin:0; position:absolute; width:187px} #CABECERA.Home .HomeCabFiltros .select2-container .select2-search { top:0; padding:0; margin:0;} #CABECERA.Home .HomeCabFiltros .select2-container .select2-search input { border-color:#AAA; width:160px; font-size:1.2em;} #CABECERA.Home .HomeCabFiltros .select2-container .select2-results {-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2; border:1px solid #AAA; top:0;left:0;width:185px; padding:0; margin:0 } #CABECERA.Home .HomeCabFiltros .select2-container .select2-results li { font-size:1.2em; text-align:left} #CABECERA.Home .HomeCabFiltros .select2-container .select2-results .select2-highlighted {background:#b9ca3d;color:#FFF;} /* MAGAZINE ---------------------- */ #CABECERA.Home #MENU_SECCION {position:absolute;width:995px;top:380px;z-index:999;} #CABECERA.Home .HomeCabMagazine {position:absolute;top:70px} /* ------------------------------------------------------------------------ */ /* MENU SECCION TIPO 2 ---------------------------------------------------- */ #MENU_SECCION.Tipo2 ul {position:absolute;top:55px;width:100%;border:none;font-family:"Gotham Medium", Arial, sans-serif} #MENU_SECCION.Tipo2 li {margin-right:1em;padding:0.2em 0.5em;text-transform:none;font-size:1.4em; } #MENU_SECCION.Tipo2 li.BotonBuscar {margin-right:0; float:left;padding:0.2em 0.5em 0.2em 0.5em;text-transform:none; font-size:1.4em;} #MENU_SECCION.Tipo2 li strong {font-weight:normal;border-bottom:1px dotted #848d37;} #MENU_SECCION.Tipo2 li a {position:static;padding:0.7em 2em;-moz-border-radius:4px;border-radius:4px;} #MENU_SECCION.Tipo2 li.BotonBuscar a {padding:0.7em 1em 0.7em 2.5em; -moz-border-radius:4px;border-radius:4px;} #MENU_SECCION.Tipo2 li.AgendaCuando input {position:static;font-family:"Gotham Medium", Arial, sans-serif;font-size:1em; -moz-border-radius:4px;border-radius:4px;padding:0.45em 0.5em 0.5em 2.8em;width:100px;cursor:pointer} #MENU_SECCION.Tipo2 li.AgendaDonde a { padding:0.3em 0.5em 0.2em 2.1em;} /**/ #MENU_SECCION.Tipo2 li.Activo a, #MENU_SECCION.Tipo2 li .select2-choice, #MENU_SECCION.Tipo2 li a:hover {border:none} #MENU_SECCION.Tipo2 li.Activo a, #MENU_SECCION.Tipo2 li.Activo input, #MENU_SECCION.Tipo2 li :hover, #MENU_SECCION.Tipo2 input#SelectAgendaCuando:hover {color:#FFF} #MENU_SECCION.Tipo2 li.Activo a, #MENU_SECCION.Tipo2 li.Activo input, #MENU_SECCION.Tipo2 li input:hover {color:#828E2C} #MENU_SECCION.Tipo2 li.Activo a, #MENU_SECCION.Tipo2 li.Activo .selected2focused:hover {color:#000} /**/ #MENU_SECCION.Tipo2 li ul {top:36px;left:6px;padding:1em 0.3em 0.3em 0.3em;width:auto;} #MENU_SECCION.Tipo2 li li {width:auto;display:block;float:none;font-size:1em;margin:0;padding:0.5em 1em;} #MENU_SECCION.Tipo2 li li a {width:auto;display:block;float:none;-moz-border-radius:0;border-radius:0;padding:0.4em 2.4em;} /**/ #MENU_SECCION_AGENDA .select2-container .select2-search input { width:144px;} #MENU_SECCION_AGENDA .select2-container .select2-choice {display:block;overflow:hidden;white-space:nowrap;position:relative;padding:0.4em 3em;text-decoration:none;} #MENU_SECCION_AGENDA .select2-container .select2-results {-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2; border:1px solid #AAA;border-top:none; background-color:#FFF;top:25px;left:0;width:161px;} /*#SelectAgendaDonde, #SelectAgendaTipo {width:200px;}*/ #SelectAgendaDonde, #SelectAgendaTipo {width:180px;} /**/ #MENU_SECCION_AGENDA .AgendaTipo .select2-container .select2-search { display:none} #MENU_SECCION_AGENDA .AgendaTipo .select2-container .select2-results {top:0;left:0;width:161px; padding-top:0.4em;} /* ------------------------------------------------------------------------ */ /* CABECERA SECCION BUSCADOR GLOBAL --------------------------------------- */ #CABECERA_SECCION .Cadena { font-family:Arial, Helvetica, sans-serif; font-size:2.4em; color:#FFF; margin: 0 0 1em 0;} #CABECERA_SECCION .CampoBuscador { clear:both; height:100%; overflow:hidden;} #CABECERA_SECCION .CampoBuscador input.TXT { width:760px; height:39px; margin:0 0.5em 0 0; background-color:#FFF;-moz-border-radius:5px;border-radius:5px; font-size:2.4em; color:#333; padding:0 0 0 0.8em; float:left;} #CABECERA_SECCION .CampoBuscador input.BotonBuscarGlobal { float:left; width:197px; height:40px;background:url(/resources/img/botones/boton-buscar-global.gif) 0 0 no-repeat; font-size:1.8em; color:#FFF; text-align:center; padding:0 1.5em 0 0;} /* FOOTER ----------------------------------------------------------------- */ /* PIE */ footer#PIE {clear:both;padding-bottom:1em;border-top-width:6px;border-style:solid;background-position:center 30px;background-repeat:no-repeat;background-color:#f5f5f5;} footer#PIE .Wrap {position:relative;padding-left:0;overflow:visible;height:100%;} /**/ footer#PIE .ModColumna {margin:1.5em 1.5em 5em 0;} footer#PIE .ModColumna h6 {font-family:"Gotham Bold", Arial, sans-serif; font-size:1.3em;color:#000;border-bottom:1px solid #000;margin-bottom:1em;padding-bottom:0.2em} footer#PIE .ModColumna ul {font-size:1.2em;line-height:1.4em;} footer#PIE .ModColumna li { background:url(/resources/img/paginas/footer/bolo-footer.gif) 0 6px no-repeat; padding-left:0.8em; margin:0 0 0.6em 0} footer#PIE .ModColumna li a {text-decoration:none;color:#000} footer#PIE .ModColumna li a:hover {text-decoration:none; border-bottom:1px dotted #999;} footer#PIE p {margin-bottom:1em; font-size:1.1em;clear:both} /* Modulo de Redes Sociales y Suscripcion al Boletin */ footer#PIE .ModColumna.RedesSociales {margin:1.5em 0 5em 0; width:255px; overflow:visible; height:100%;} footer#PIE .ModColumna .Bloque { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 0 5px #b2b2b2;-webkit-box-shadow:0 0 5px #b2b2b2;box-shadow:0 0 5px #b2b2b2; background-color:#FFF; margin-bottom:0.8em;} footer#PIE .ModColumna .ModBoletin { background:url(/resources/img/paginas/footer/fondo-boletin.jpg) 0 0 repeat-x; height:58px; padding:1em} footer#PIE .ModColumna .ModBoletin h4 { font-family:"Gotham Medium", Arial, sans-serif;font-size:1.1em; text-transform:uppercase; color:#c29834; padding-left:0.5em; margin-bottom:0.5em;} footer#PIE .ModColumna .ModBoletin input.TXT { width:170px; height:27px; border:1px solid #e3e3e3;-moz-border-radius:5px;border-radius:5px; padding:0 14px 0 14px; background:#FFF; font-size:12px; color:#989898;} footer#PIE .ModColumna .ModFacebook { height:59px; background:url(/resources/img/paginas/footer/fondo-facebook.jpg) 0 0 no-repeat; padding:10px 0 0 80px;} footer#PIE .ModColumna .ModFacebook h4 { font-family:"Gotham Medium", Arial, sans-serif;font-size:1.2em; text-transform:uppercase; color:#15579d; padding-left:0.5em; margin-bottom:0.5em;} footer#PIE .ModColumna .ModTwitter { width:103px; height:31px; float:left; margin-right:0.5em; background:url(/resources/img/paginas/footer/fondo-twitter.jpg) 0 0 no-repeat; padding:0.8em 0 0 4.6em;} footer#PIE .ModColumna .ModGoogle { width:82px; height:31px; float:left; background:url(/resources/img/paginas/footer/fondo-google.jpg) 0 0 no-repeat;padding:0.8em 0 0 1.8em} /**/ footer#PIE a {color:#000;text-decoration:none} footer#PIE a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* FICHA ------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ article#FICHA {clear:both;height:100%;} /* SECCION INFORMACION ---------------------------------------------------- */ #FICHA #Informacion {position:relative;top:-6px;background:#FFF;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2;} /* FICHA INFORMACION ------------------------------------------------------ */ #FICHA #Informacion header {position:relative;padding-top:2.7em;padding-left:185px;padding-bottom:1.4em; height:100%; overflow:hidden;} #FICHA #Informacion.Simple header {padding-bottom:2.8em;} #FICHA #Informacion hgroup {margin-bottom:2.2em;} #FICHA #Informacion h1 {font-size:3em;color:#505253;font-weight:normal; margin-bottom:0.32em;max-width:85%} #FICHA #Informacion h2 {font-size:1.2em;color:#aeb0b2;font-weight:normal;max-width:85%} /* ------------------------------------------------------------------------ */ /* FICHA EDICIONES -------------------------------------------------------- */ #FICHA #Informacion p.Ediciones {font-size:1.2em;} #FICHA #Informacion p.Ediciones span {padding-left:1em} #FICHA #Informacion p.Ediciones a {text-decoration:none;padding-bottom:0.2em;border-bottom-style:solid;border-bottom-width:1px;} /* ------------------------------------------------------------------------ */ /* FICHA SELLO ------------------------------------------------------------ */ #FICHA #Informacion #Sello {position:absolute;right:185px;top:20px} /* ------------------------------------------------------------------------ */ /* FICHA PARTICIPACION ---------------------------------------------------- */ #FICHA #Informacion ul.Participacion {position:absolute;right:27px;top:30px} #FICHA #Informacion ul.Participacion li {text-transform:uppercase;margin-bottom:0.6em;} #FICHA #Informacion ul.Participacion li a {display:block;padding:0.8em 3.7em 0.8em 1.2em;border:1px solid #e8e8e8;-moz-border-radius:3px;border-radius:3px;color:#c3c3c3;text-decoration:none;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} /* ------------------------------------------------------------------------ */ /* FICHA MENU FICHA ------------------------------------------------------- */ #FICHA #MENU_FICHA { height:100%; overflow:hidden;} #FICHA #MENU_FICHA li {font-family:"Gotham Book", Arial, sans-serif; font-size:1.4em; color:#808080; display:inline;} #FICHA #MENU_FICHA li a {color:#808080; padding:0 0 0.85em 0; border-bottom:2px solid #FFF; text-decoration:none; display:block; float:left;margin:0 2.6em 0 0;-moz-transition-property:all;-moz-transition-duration:0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.1s;} #FICHA #MENU_FICHA li a:hover {border-bottom:2px solid #ff8d16; color:#4f5152;} #FICHA #MENU_FICHA li.Actual a {border-bottom:2px solid #ff8d16; color:#4f5152;} /* ------------------------------------------------------------------------ */ /* FICHA SECCION STATUS --------------------------------------------------- */ #FICHA #Status {position:absolute;top:0;left:0;width:136px;margin:0 2.4em; z-index:99;} #FICHA #Status #IMG_Destacada {margin:3em 0 1.5em 0;} #FICHA #Status #IMG_DestacadaMarco {margin:3em 0 1.5em 0; border:1px solid #eaecec} #FICHA #Status .Date {-moz-border-radius:3px;border-radius:3px;width:140px;height:72px;background:#FDFDFD url(/resources/img/comun/date_separador.png) center center no-repeat;padding:0.7em 0;margin-bottom:0.8em} #FICHA #Status .Date.Unico {background:#FDFDFD} #FICHA #Status .Date .Day, #FICHA #Status .Date .Month, #FICHA #Status .Date .Year {text-transform:uppercase;display:block;text-align:center;font-weight:bold} #FICHA #Status .Date .Day {font-size:36px} #FICHA #Status .Date .Month {font-size:18px} #FICHA #Status .Date .Year {font-size:18px} #FICHA #Status .Date1 {width:50%;float:left} #FICHA #Status .Date2 {width:50%;float:right} #FICHA #Status span {color:#989898} #FICHA #Status .Date2 span {color:#000} /**/ #FICHA #Status .Time {font-family:Arial, Helvetica, sans-serif;font-size:1.4em;line-height:1.3em;color:#989898;text-align:center;margin:10px;font-weight:bold} /**/ #FICHA #Status .UltimosDias {-moz-border-radius:3px;border-radius:3px;background-color:#ffa24c;font-family:"Gotham Medium", Arial, sans-serif;font-size:1em;color:#FFF;text-align:center;text-transform:uppercase;padding:1em 0;} /* ------------------------------------------------------------------------ */ /* FICHA INFORMACION DETALLE ---------------------------------------------- */ #FICHA #InformacionDetalle {padding:0 0 1em 18.5em;border-top:1px solid #eceded;border-bottom:1px solid #eceded;background-color:#f4f4f4;float:left;width:810px;height:100%;} #FICHA #InformacionDetalle .Columna1 {float:left;display:inline;width:455px;margin-right:3.5em;padding-top:2em;} #FICHA #InformacionDetalle .Columna2 {float:left;display:inline;width:290px;position:relative;} #FICHA #InformacionDetalle div.Descripcion {border-bottom:1px solid #d5d5d5;padding-bottom:0.6em; margin:0 0 1em 0} #FICHA #InformacionDetalle div.Descripcion p {font-size:1.7em; line-height:1.4em; margin:0 0 0 0; color:#000;} #FICHA #InformacionDetalle div.Descripcion p.UrlWeb {font-size:1.3em; color:#c3c3c3; font-weight:bold; margin:0.5em 0} #FICHA #InformacionDetalle div.Descripcion p.UrlWeb a {color:#c3c3c3;} #FICHA #InformacionDetalle div.Descripcion p.UrlWeb a:hover { text-decoration:none; border-bottom:1px dotted #999;} #FICHA #InformacionDetalle p.Descripcion {font-size:1.7em;line-height:1.4em;border-bottom:1px solid #d5d5d5;padding-bottom:0.4em; margin-bottom:0.6em;} #FICHA #InformacionDetalle p strong a {color:#000} #FICHA #InformacionDetalle p strong a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* Informacion Detalle // Adaptacion para Profesional Inclusivo */ #FICHA #InformacionDetalle.Inclusivo {padding:0 0 1em 0; width:995px} #FICHA #InformacionDetalle.Inclusivo .Columna1 {float:left;display:inline;width:640px;margin-right:3.5em;padding-top:2em;} #FICHA #InformacionDetalle.Inclusivo div.Descripcion {margin:0 0 1.2em 18.5em;} #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion { height:100%; overflow:hidden; clear:both; margin:0 0 2.4em 0;} #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion label { position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; float:left; width:136px; text-align:right; color:#bababa; font-family:"Gotham Book", Arial, sans-serif; font-size:1.4em; text-transform:uppercase; padding:0 0.7em 0 1.5em; font-weight:bold;} #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion label:hover {color:#5491c7;} label:hover:after, input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; } #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion input { display:none;} #FICHA #InformacionDetalle.Inclusivo .BloqueSeccion { overflow:hidden;height:0px;position:relative;z-index:10;border-left:1px solid #d8d8d8;width:472px; margin:0 0 0 16.7em; padding:0 0 0 2em; float:left; -moz-transition-property:all;-moz-transition-duration:0.6s;-webkit-transition-property:all;-webkit-transition-duration: 0.6s;} #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion .Actividad { border-left:1px solid #d8d8d8; display:block; float:left; padding:0 0 1em 2em; -moz-transition-property:all;-moz-transition-duration:0.6s;-webkit-transition-property:all;-webkit-transition-duration: 0.6s;} #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion .Actividad p a { color:#000;text-decoration:none;} #FICHA #InformacionDetalle.Inclusivo .ModuloSeccion .Actividad p a:hover { text-decoration:none; border-bottom:1px dotted #999;} /**/ #FICHA #InformacionDetalle.Inclusivo input:checked ~ .BloqueSeccion.Corto { height:350px;} #FICHA #InformacionDetalle.Inclusivo input:checked ~ .BloqueSeccion.Medio { height:500px;} #FICHA #InformacionDetalle.Inclusivo input:checked ~ .BloqueSeccion.Largo { height:650px;} /**/ #FICHA #InformacionDetalle .InfoExposociones { overflow:hidden; margin:0 0 2.5em 0} #FICHA #InformacionDetalle .InfoExposociones h2 {font-family:"Gotham Book", Arial, sans-serif; font-size:1.4em; color:#000; background:url(/resources/img/iconos/ico-hexagono.png) 0 0 no-repeat; padding:0 0 0 1.5em; margin:0 0 1.4em 0} #FICHA #InformacionDetalle .InfoExposociones h2.IcoRombo { background:url(/resources/img/iconos/ico-rombo.png) 0 0 no-repeat; padding:0.1em 0 0.1em 1.5em; margin:0 0 1.3em 0;} #FICHA #InformacionDetalle .ListaExpo { width:146px; float:left; margin:0 0.8em 0 0} #FICHA #InformacionDetalle .ListaExpo.Last { margin:0 0 0 0} #FICHA #InformacionDetalle .ListaExpo p { color:#8b9094; margin:0 0 0.5em 0.5em;} #FICHA #InformacionDetalle .ListaExpo ul { padding:0 0 0 0} #FICHA #InformacionDetalle .ListaExpo ul li .Thumb { width:141px; height:109px; padding:0.5em 0 0 0.5em; position:relative;} #FICHA #InformacionDetalle .ListaExpo ul li .Thumb img { -moz-box-shadow:0 0 5px #b2b2b2;-webkit-box-shadow:0 0 5px #b2b2b2;box-shadow:0 0 5px #b2b2b2;} #FICHA #InformacionDetalle .ListaExpo .Caption a {position: relative;display: block; overflow: hidden; height:105px;} #FICHA #InformacionDetalle .ListaExpo .Caption a div {background:#000;position:absolute;left:0;bottom:0;opacity:0.8;color:#fff;padding:1em;font-size:0.9em;line-height:1.3em;width:118px;height:25px;-moz-transition-property:height;-moz-transition-duration:0.9s;-webkit-transition-property:height;-webkit-transition-duration: 0.6s;overflow:hidden;} #FICHA #InformacionDetalle .ListaExpo .Caption a div span { display:none;} #FICHA #InformacionDetalle .ListaExpo .Caption a div strong { font-size:1.2em; display:block; margin:0 0 0.6em 0;} #FICHA #InformacionDetalle .ListaExpo .Caption a:hover div { bottom: 0;height:85px; -moz-transition-property: height; -moz-transition-duration: 0.6s; -webkit-transition-property: height; -webkit-transition-duration: 0.6s; } #FICHA #InformacionDetalle .ListaExpo .Caption a:hover div span { display:block;} .ie7 .Caption a span {filter: alpha(opacity=80); font-weight:bold;} /**/ #FICHA #InformacionDetalle .ListaExpo ul li .Thumb .IcoRecomendado { width:32px; height:41px; position:absolute; top:0; right:21px; padding:0 0 0 0; z-index:99;} #FICHA #InformacionDetalle .ListaExpo ul li .Thumb .IcoRecomendado img { -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /**/ #FICHA #InformacionDetalle .ListaExpo .BotonExpo { margin:0 0 0 0.3em;font-family:"Gotham Book", Arial, sans-serif; font-size:1.2em} #FICHA #InformacionDetalle .ListaExpo .BotonExpo a {width:128px; height:22px; border:1px solid #e8e7e7; background:#FFF url(/resources/img/comun/flecha_gris.gif) right 8px no-repeat; display:block;-moz-border-radius:5px;border-radius:5px; padding:0.7em 0 0 1em} /**/ #FICHA #InformacionDetalle .InfoMapa { margin:0 0 3em 0} /**/ #FICHA #InformacionDetalle .InfoActividades {overflow:hidden; clear:both;} #FICHA #InformacionDetalle .InfoActividades h2 {font-family:"Gotham Book", Arial, sans-serif; font-size:1.4em; color:#000; background:url(/resources/img/iconos/ico-persona.png) 0 2px no-repeat; padding:0.2em 0 0 1.5em; margin:0 0 1.4em 0; float:left;} #FICHA #InformacionDetalle .InfoActividades h2.IcoCuadro {background:url(/resources/img/iconos/ico-cuadro.png) 0 1px no-repeat; padding:0 0 0 1.5em; margin:0 0 1.4em 0; float:left;} #FICHA #InformacionDetalle .InfoActividades .BotonVerTodas { margin:0 0 0 1em;font-size:1.1em; float:left;} #FICHA #InformacionDetalle .InfoActividades .BotonVerTodas a {width:54px;height:16px;border:1px solid #e8e7e7;background:#FFF url(/resources/img/comun/flecha-down.gif) right 8px no-repeat;display:block;-moz-border-radius:5px;border-radius:5px;padding:0.4em 0 0 0.5em} #FICHA #InformacionDetalle .InfoActividades .BotonVerTodas a:hover { border-color:#CCC;} #FICHA #InformacionDetalle .ModActividades { height:100%; overflow:hidden; clear:both; position:relative} #FICHA #InformacionDetalle .ModActividades ul { height:100%; overflow:hidden; clear:both; position:relative} #FICHA #InformacionDetalle .ModActividades .Oculto { clear:both;} #FICHA #InformacionDetalle .ModActividades li { height:66px; float:left; display:block; margin:0 1.6em 1em 0;} #FICHA #InformacionDetalle .ModActividades li.Last { margin-right:0;} #FICHA #InformacionDetalle .ModActividades li .Foto { width:56px; height:60px; background:url(/resources/img/backgrounds/fondo-foto-actividad.gif) 0 0 no-repeat; padding:0.5em 0 0 0.5em; float:left; margin:0 0.8em 0 0;} #FICHA #InformacionDetalle .ModActividades li .Texto { float:left; width:146px;} #FICHA #InformacionDetalle .ModActividades li .Texto p { font-size:1.2em; color:#000; margin:0 0 0 0; background:url(/resources/img/comun/flecha-down2.gif) 0 bottom no-repeat; padding:0 0 0.9em 0} #FICHA #InformacionDetalle .ModActividades li .Texto p a { color:#000;} #FICHA #InformacionDetalle .ModActividades li .Texto p a:hover { text-decoration:none; border-bottom:1px dotted #999;} #FICHA #InformacionDetalle .ModActividades li .Texto p a span { color:#8b9094;} /**/ #FICHA p {margin-bottom:1.5em;font-size:1.4em;line-height:1.2em;} #FICHA p a {color:#979898;text-decoration:none;} #FICHA p a:hover {color:#000;} #FICHA p strong {color:#000;} /* ------------------------------------------------------------------------ */ /* FICHA PLAZO DE INSCRIPCION --------------------------------------------- */ #FICHA #InformacionDetalle .PlazoInscripcion {margin-bottom:1.5em;padding:0.3em 1.5em 0.3em 4em; background-image:url(/resources/img/comun/plazo-inscripcion.png);background-position:12px 5px;background-repeat:no-repeat;-moz-border-radius:5px;border-radius:5px;color:#FFF;height:100%;overflow:hidden;border-width:1px;border-style:solid;} #FICHA #InformacionDetalle .PlazoInscripcion p {margin:0.6em 0 0.5em 0;float:left;display:inline;color:#FFF} #FICHA #InformacionDetalle .PlazoInscripcion a {text-decoration:none; border-bottom:1px dotted #FFF;} /* ------------------------------------------------------------------------ */ /* LISTAS DE DATOS -------------------------------------------------------- */ #FICHA #InformacionDetalle ul {padding:0.8em 0 0.8em 0;color:#000;font-size:1.2em;} #FICHA #InformacionDetalle ul li {margin-bottom:0.4em} #FICHA #InformacionDetalle ul li.ICO {padding:0.3em 0 0.3em 2.2em;background-position:0 0;background-repeat:no-repeat} #FICHA #InformacionDetalle ul li.Ubicacion {background-image:url(/resources/img/iconos/ico-ubicacion.png)} #FICHA #InformacionDetalle ul li.Telefono {background-image:url(/resources/img/iconos/ico-telefono.png)} #FICHA #InformacionDetalle ul li.Horario {background-image:url(/resources/img/iconos/ico-horario.png)} #FICHA #InformacionDetalle ul li.Precio {background-image:url(/resources/img/iconos/ico-precio.png)} #FICHA #InformacionDetalle ul li.Web {background:none} #FICHA #InformacionDetalle ul li.Web a {color:#c2c2c2;font-size:1.083em;font-weight:bold;text-decoration:none} #FICHA #InformacionDetalle ul li.Web a:hover {color:#000} /* ------------------------------------------------------------------------ */ /* FICHA BANDEROLA -------------------------------------------------------- */ #FICHA #InformacionDetalle #Banderola {position:relative;top:-9px;float:right;height:70px;padding:2.1em 5.9em 0 0;font-size:1.2em;font-weight:bold;color:#8b8f92} #FICHA #InformacionDetalle #Banderola.Recomendado {background:url(/resources/img/comun/banderola-recomendado.png) right 0 no-repeat} #FICHA #InformacionDetalle #Banderola.Reputacion01 {background:url(/resources/img/comun/banderola-reputacion01.png) right 0 no-repeat} #FICHA #InformacionDetalle #Banderola.Reputacion02 {background:url(/resources/img/comun/banderola-reputacion02.png) right 0 no-repeat} #FICHA #InformacionDetalle #Banderola.Reputacion03 {background:url(/resources/img/comun/banderola-reputacion03.png) right 0 no-repeat} #FICHA #InformacionDetalle #Banderola.Reputacion04 {background:url(/resources/img/comun/banderola-reputacion04.png) right 0 no-repeat} #FICHA #InformacionDetalle #Banderola.Reputacion05 {background:url(/resources/img/comun/banderola-reputacion05.png) right 0 no-repeat} #FICHA #InformacionDetalle #Banderola .Tooltip { margin:0 0 0 0.3em} /* ------------------------------------------------------------------------ */ /* FICHA PARTICIPANTE ----------------------------------------------------- */ #FICHA #InformacionDetalle ul.Participantes { clear:both; position:relative; height:100%; overflow:hidden; padding:0 0 0 0; margin:0 0 1em 0} #FICHA #InformacionDetalle ul.Participantes .Oculto { clear:both; position:relative;} #FICHA #InformacionDetalle .Participante {margin:0 0.5em 1em 0.5em;float:left;display:inline;text-align:center;font-size:1.2em ;color:#979898; width:98px; position:relative;} #FICHA #InformacionDetalle .Participante a {color:#979898;text-decoration:none} #FICHA #InformacionDetalle .Participante a:hover {color:#000} /* ------------------------------------------------------------------------ */ /* FICHA TAGS ------------------------------------------------------------- */ #FICHA #InformacionDetalle #Tags {clear:both;margin-bottom:.5em;height:100%;overflow:hidden} #FICHA #InformacionDetalle #Tags ul {color:#989898;text-decoration:none;font-size:1.2em; line-height:2em} #FICHA #InformacionDetalle #Tags li {margin:0 0.1em 0.1em 0; float:left;} #FICHA #InformacionDetalle #Tags a { padding:0.25em 1.1em;font-weight:bold;color:#989898;text-decoration:none;background-color:#FFF;border:1px solid #e8e8e8;-moz-border-radius:3px;border-radius:3px;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #FICHA #InformacionDetalle #Tags span { padding:0.25em 1.1em;font-weight:bold;color:#989898;text-decoration:none;background-color:#FFF;border:1px solid #e8e8e8;-moz-border-radius:3px;border-radius:3px;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} /* ------------------------------------------------------------------------ */ /* FICHA ACTUALIZACION ---------------------------------------------------- */ #FICHA #InformacionDetalle #Actualizacion {background-color:#eee;border:1px solid #ebeaea;padding:1.5em;font-size:0.786em;font-weight:bold} a.BTN_Editar {padding:0.2em 0 0.1em 2em;background:url(/resources/img/iconos/ico-edicion.png) 0 0 no-repeat;text-transform:uppercase;} /* ------------------------------------------------------------------------ */ /* BOTON RECIBE ALERTAS ------------------------------------------------------------- */ #FICHA #InformacionDetalle #alerta { position:relative;} #FICHA #InformacionDetalle #alerta p { font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #InformacionDetalle #alerta p .boton { font-size:9px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background:#beca4f url(/resources/img/iconos/ico-campana.png) 10px 4px no-repeat; color:#FFF; padding:.8em 1.2em .8em 4em;} #FICHA #InformacionDetalle #alerta p .tooltip { border-radius:10px; display:inline-block; width:20px; height:18px; background-color:#ffa445; text-align:center; padding-top:2px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #d2d2d2; margin-left:0.5em; font-weight:bold; margin-top:0.5em;} /* EXPOSICIONES GEOPOSICIONADAs ------------------------------------------------------------- */ #FICHA #InformacionDetalle #alerta p #geo_boton { font-size:9px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background-color:#beca4f; color:#FFF; padding:.8em} /* FICHA SOCIAL BAR ------------------------------------------------------- */ #FICHA #Informacion #SocialBar {clear:both;overflow:hidden;height:100%;padding:1.5em 1em 1em 1em;} #FICHA #Informacion #SocialBar ul {float:left;display:inline;} #FICHA #Informacion #SocialBar ul li {float:left;display:inline;margin:0 0.8em;} #FICHA #Informacion #SocialBar ul li a {padding:0.4em 0.4em 0.3em 0.4em;font-size:1.2em;color:#c4c4c4;text-decoration:none} #FICHA #Informacion #SocialBar ul li a:hover {color:#999;} /**/ #FICHA #Informacion #SocialBar ul li iframe {position:relative;top:-4px} /**/ #FICHA #Informacion #SocialBar .Compartir li {margin-right:1em;} #FICHA #Informacion #SocialBar .Acciones li {margin-left:0.8em;} #FICHA #Informacion #SocialBar ul .ICO {padding-left:2.2em;background-repeat:no-repeat;background-position:3px 3px;border:1px solid #FFF;} #FICHA #Informacion #SocialBar ul .Compartir {background-image:url(/resources/img/iconos/ico-compartir.png); background-position:0 1px} #FICHA #Informacion #SocialBar ul .Recomendar {background-image:url(/resources/img/iconos/ico-recomendar.png)} #FICHA #Informacion #SocialBar ul .Contactar {background-image:url(/resources/img/iconos/ico-contactar.png)} #FICHA #Informacion #SocialBar ul .Imprimir {padding-left:2em;background-image:url(/resources/img/iconos/ico-imprimir.png)} #FICHA #Informacion #SocialBar ul .PDF {padding-left:1.6em;background-image:url(/resources/img/iconos/ico-pdf.png)} /**/ #FICHA #Informacion #SocialBar ul .ICO:hover {background-color:#fdf8e4;border:1px solid #fbf2d1;-moz-border-radius:2px;border-radius:2px;-moz-box-shadow:0 2px 3px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2;color:#575757;} #FICHA #Informacion #SocialBar ul .ICO:hover span {display:inline} /**/ #FICHA #Informacion #SocialBar ul .ICO.Compartir:hover, #FICHA #Informacion #SocialBar ul .ICO.Compartir.Activo, #FICHA #Informacion #SocialBar ul .ICO.Compartir.Activo:hover {background:none;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;font-style:italic;color:#000;background-image:url(/resources/img/iconos/ico-compartir.png);background-repeat:no-repeat;background-position:0 -99px;font-weight:bold;} /**/ #FICHA #Informacion #SocialBar #contactFormComparte {min-width:310px;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS {padding:0.5em;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS p {clear:both;padding-top:1.5em;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.2em;color:#575656} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li { display:block; float:left; margin:0 0 0 0.7em;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a { display:block; float:left; width:21px; height:21px; padding:0 0 0 0;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a:hover img {opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a.FB { background:url(/resources/img/iconos/likebuttons/fb-on.gif) 0 0 no-repeat;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a.TW { background:url(/resources/img/iconos/likebuttons/tw-on.gif) 0 0 no-repeat;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a.GP { background:url(/resources/img/iconos/likebuttons/gplus-on.gif) 0 0 no-repeat;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a.IN { background:url(/resources/img/iconos/likebuttons/in-on.gif) 0 0 no-repeat;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li a.ST { background:url(/resources/img/iconos/likebuttons/st-on.gif) 0 0 no-repeat;} #FICHA #Informacion #SocialBar ul.Compartir .RRSS li span {-moz-border-top-right-radius:3px; border-top-right-radius:3px;-moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px; background:url(/resources/img/iconos/likebuttons/bocadillo-left.gif) 0 0 no-repeat;border-right: 1px solid #949494; border-left:none;display:block; float:left; padding:0.4em 0.4em 0 0.6em; color:#949494; font-size:1.2em; height:16px; margin:0 0 0 0.3em} /* ------------------------------------------------------------------------ */ /* FICHA FEEDBACK --------------------------------------------------------- */ #FICHA #FeedBack {clear:both;padding:1em;margin:0 0 0 0;} #FICHA #FeedBack .contact p {font-size:1em;padding:0 1em; text-align:right} #FICHA #FeedBack a.BTN_FeedBack {background:url(/resources/img/comun/ico-feedback.png) 0 0 no-repeat;padding-left:2em;color:#8b8f92;text-decoration:none;font-size:1.2em} #FICHA #FeedBack a.BTN_FeedBack:hover {color:#666} /* ------------------------------------------------------------------------ */ /* FICHA TIMELINE --------------------------------------------------------- */ #FICHA #InformacionDetalle.Timeline { padding-left:0; background-color:#f4f4f4; width:995px; } #FICHA #InformacionDetalle.Timeline #Banderola { margin-right:2.6em; position:absolute; top:114px; right:26px; margin:0 0 0 0 } #FICHA #InformacionDetalle #TimeLine { width:316px; min-height:620px; overflow:hidden; background:url(/resources/img/guia/timeline/fondo-timeline.gif) 0 0 repeat-y; float:left;} #FICHA #InformacionDetalle #TimeLine a { text-decoration:none;} #FICHA #InformacionDetalle #TimeLine .Key { padding:0.2em 0;position:relative; height:7px; background:url(/resources/img/guia/timeline/fondo-key.gif) 90px 0 no-repeat;} #FICHA #InformacionDetalle #TimeLine .Key a {position:absolute; left:88px;top:1px;width:7px; height:7px;-moz-border-radius:5px;border-radius:5px;border:1px solid #9c9c9c; background-color:#9c9c9c;-moz-transition-duration:0.1s;-webkit-transition-duration: 0.1s;} #FICHA #InformacionDetalle #TimeLine .Key a:hover {-moz-transition-property:all;-moz-transition-duration:0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.1s;width:15px; height:15px;-moz-border-radius:10px;border-radius:10px; left:84px;top:-3px;background-color:#80aed5; border-color:#80aed5} /**/ #FICHA #InformacionDetalle #TimeLine .KeyActual { padding:0.2em 0;position:relative; height:33px;} #FICHA #InformacionDetalle #TimeLine .KeyActual a { position:absolute;left:78px;top:1px;width:39px;height:35px;background:url(/resources/img/guia/timeline/fondo-ketactual.png) 0 0 no-repeat;font-size:17px;color:#f7f7f7;padding:0.5em 0 0 0.1em;} #FICHA #InformacionDetalle #TimeLine .KeyActual a strong { width:28px; text-align:center; display:block;} #FICHA #InformacionDetalle #TimeLine .KeyActual span { position:absolute; left:135px;top:4px; display:block; font-family:"Gotham Bold", Arial, sans-serif; font-size:2.4em; color:#80aed5;} /**/ #FICHA #InformacionDetalle #TimeLine .KeyAI { padding:0.2em 0;position:relative; height:33px;} #FICHA #InformacionDetalle #TimeLine .KeyAI a { position:absolute;left:75px;top:1px;width:36px;height:36px;} /**/ #FICHA #InformacionDetalle #TimeLine .KeyYear { padding:1em 0; position:relative; height:25px;background-color:#f4f4f4;} #FICHA #InformacionDetalle #TimeLine .KeyYear a { position:absolute;left:60px;top:5px; width:150px;height:25px;font-family:"Gotham Book", Arial, sans-serif; font-size:2.4em; color:#9c9c9c;} /**/ #FICHA #InformacionDetalle #TimeLine #Orden01 { top:58px} #FICHA #InformacionDetalle #TimeLine #Orden02 { top:80px} #FICHA #InformacionDetalle #TimeLine #Orden03 { top:100px} #FICHA #InformacionDetalle #TimeLine #Orden04 { top:100px} #FICHA #InformacionDetalle #TimeLine #Orden05 { top:250px} #FICHA #InformacionDetalle #TimeLine #Orden06 { top:250px} #FICHA #InformacionDetalle #TimeLine #Orden07 { top:300px} #FICHA #InformacionDetalle #TimeLine #Orden08 { top:400px} /* ------------------------------------------------------------------------ */ /* FICHA GALERIA --------------------------------------------------------- */ #FICHA #InformacionDetalle.Galeria { padding-left:0; background-color:#f4f4f4; width:995px; } #FICHA #InformacionDetalle.Galeria #Banderola { margin-right:2.6em; position:absolute; top:114px; right:26px; margin:0 0 0 0;} #FICHA #InformacionDetalle #GaleriaFicha { padding:9em 5.2em 2em 5.2em; height:100%; overflow:hidden; clear:both;} #FICHA #InformacionDetalle #GaleriaFicha .Mod1Col { width:208px; float:left; margin:0 1.8em 0 0;} #FICHA #InformacionDetalle #GaleriaFicha .Mod2Col { width:432px; float:left; margin:0 1.8em 0 0;} #FICHA #InformacionDetalle #GaleriaFicha .Mod2Col .Mod1Col { width:208px; float:left; margin:0 1.6em 0 0;} #FICHA #InformacionDetalle #GaleriaFicha .Mod1Col.Last, #FICHA #InformacionDetalle #GaleriaFicha .Mod2Col.Last { margin:0 0 0 0} #FICHA #InformacionDetalle #GaleriaFicha .Mod1Col article.Album { background:url(/resources/img/guia/galeria/modulos/footer-1col.gif) center bottom no-repeat;} #FICHA #InformacionDetalle #GaleriaFicha .Mod2Col article.Album { background:url(/resources/img/guia/galeria/modulos/footer-2col.gif) center bottom no-repeat;} #FICHA #InformacionDetalle #GaleriaFicha article { padding:0 0 0 0; margin:0 0 1.8em 0} #FICHA #InformacionDetalle #GaleriaFicha article img { margin:0 0 1em 0;-moz-box-shadow: 0 4px 6px #7e7e7e;-webkit-box-shadow: 0 4px 6px #7e7e7e;box-shadow: 0 4px 6px #7e7e7e;} #FICHA #InformacionDetalle #GaleriaFicha article h1 { font-size:1.4em;font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#575656; margin:0 0 0.3em 0} #FICHA #InformacionDetalle #GaleriaFicha article p { font-size:1.1em;font-family:Arial, Helvetica, sans-serif; color:#a6a6a6; margin:0 0 0 0} #FICHA #InformacionDetalle #GaleriaFicha article.Album { padding:0 0 0.6em 0;} #FICHA #InformacionDetalle #GaleriaFicha article.Album .Contenido { padding:0.8em;border:1px solid #d9d9d9;-moz-border-radius:4px;border-radius:4px; background-color:#FFF; height:80px; height:100%; overflow:hidden;} #FICHA #InformacionDetalle #GaleriaFicha article.Album img { box-shadow:none} /* ------------------------------------------------------------------------ */ /* SECCION APARTADO */ #FICHA #InformacionDetalle #Apartado { width:620px; float:left; padding:3.2em 0 0 0;} #FICHA #InformacionDetalle #Apartado article { clear:both; background:url(/resources/img/guia/timeline/bordepuntos.gif) 0 bottom repeat-x; padding:0 0 2.5em 0; margin:0 0 2.5em 0; height:100%; overflow:hidden;} #FICHA #InformacionDetalle #Apartado article.Last { background:none;} #FICHA #InformacionDetalle #Apartado header { border-bottom: 1px solid #9c9c9c; padding:0 0 1.4em 0; margin:0 0 2em 0;} #FICHA #InformacionDetalle #Apartado header hgroup {padding:0 0 0 0; margin:0 0 0 0;} #FICHA #InformacionDetalle #Apartado header h1 { font-size:1.7em; color:#4f5152; font-weight:bold;} #FICHA #InformacionDetalle #Apartado header h2 {font-size:1.4em; color:#4f5152; font-weight:normal; margin:0 0 0.5em 0;} #FICHA #InformacionDetalle #Apartado header p { font-size:1.4em; color:#4f5152; margin:0 0 0 0;} #FICHA #InformacionDetalle #Apartado .FotoApartado { width:183px; border:1px solid #e7e7e7; padding:0.6em; float:right;} #FICHA #InformacionDetalle #Apartado .TextoApartado { width:390px; float:left; padding:0 2em 0 0} #FICHA #InformacionDetalle #Apartado .TextoApartado h3 { font-size:1.4em; color:#9c9c9c; margin:0 0 0 0;} #FICHA #InformacionDetalle #Apartado .TextoApartado p { font-size:1.4em; color:#9c9c9c; margin:0 0 1.5em 0;} #FICHA #InformacionDetalle #Apartado .TextoApartado p a.Leermas { font-weight:bold;} #FICHA #InformacionDetalle #Apartado .TextoApartado p a:hover { color:#4f5152;} #FICHA #InformacionDetalle #Apartado .TextoApartado ul.Botonera { margin:0 0 0 0; padding:0 0 0 0;} #FICHA #InformacionDetalle #Apartado .TextoApartado ul.Botonera li { margin:0 0 0 0; font-family:"Gotham Medium", Arial, sans-serif; font-size:1em; display:block; clear:both;} #FICHA #InformacionDetalle #Apartado .TextoApartado ul.Botonera li a {display:block;height:20px;border:1px solid #ececec;-moz-border-radius:5px;border-radius:5px;color:#c4c4c4;text-decoration:none;padding:0.7em 3em 0 0.8em;float:left;margin:0 0 0.3em 0;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} /* ------------------------------------------------------------------------ */ /* CONTENIDO PRINCIPAL ---------------------------------------------------- */ #FICHA section#ContenidoPrincipal {margin:0 2.7em 6em 0;float:left;display:inline;width:640px;} #FICHA section#ContenidoPrincipal.Completo {margin:0 0 6em 0;float:left;display:inline;width:995px;} #FICHA #ContenidoPrincipal hgroup {font-family:"Gotham Medium", Arial, sans-serif;margin-bottom:1.3em;} #FICHA #ContenidoPrincipal h1 {margin-bottom:0;font-size:1.6em;line-height:1.2em;color:#000;} #FICHA #ContenidoPrincipal h2 {margin-bottom:0.5em;font-size:1.6em;line-height:1.2em;color:#000;} #FICHA #ContenidoPrincipal #MasInformacion h2 {font-size:1.6em;} #FICHA #ContenidoPrincipal #MasInformacion h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #ContenidoPrincipal #MasInformacion .Unico {margin-bottom:1.3em;} #FICHA #ContenidoPrincipal #MasInformacion p {line-height:1.4em;} /* ------------------------------------------------------------------------ */ /* FICHA MENU TABS ------------------------------------------------------- */ #FICHA #ContenidoPrincipal ul.MenuTabs {font-family:"Gotham Medium", Arial, sans-serif; font-size:1.4em;border-bottom:1px solid #cfcfcf;float:left;width:100%;margin-bottom:1.3em;} #FICHA #ContenidoPrincipal ul.MenuTabs li {float:left;display:inline;margin-right:2em} #FICHA #ContenidoPrincipal ul.MenuTabs li a {position:relative;top:1px;display:block;padding-bottom:1em;text-decoration:none;color:#989898;border-bottom:1px solid #cfcfcf;} /* ------------------------------------------------------------------------ */ /* BOTON LEER COMPLETO ---------------------------------------------------- */ #MasInformacion .LeerCompleto {text-align:center;font-size:1.4em;font-family:"Gotham Book", Arial, sans-serif; margin:1em 0 3.2em 0;} #MasInformacion .LeerCompleto a {-moz-border-radius:3px;border-radius:3px;border:1px solid #d9d9d9; padding:0.7em 0;display:block;-moz-transition-property:all;-moz-transition-duration:0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.1s;} #MasInformacion .LeerCompleto a:hover {text-decoration:none;color:#FFF;} /* ------------------------------------------------------------------------ */ /* FICHA CONTENIDO DOCUMENTOS ------------------------------------------------------- */ #FICHA #MasInformacion .Documentos { clear:both; height:100%; overflow:hidden; margin-bottom:40px;} #FICHA #MasInformacion .Documentos .Imagen { width:160px; float:left; margin:0 20px 0 0;} #FICHA #MasInformacion .Documentos .Texto {width:460px; float:left; margin:0 0 0 0;} #FICHA #MasInformacion .Documentos .Texto h3 { font-size:2em; font-family:Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px; font-weight:normal;} #FICHA #MasInformacion .Documentos .Texto p { color:#666;font-size:1.4em; line-height:1.3em !important} #FICHA #MasInformacion .Documentos .Texto ul { font-size:1.2em; color:#666;} #FICHA #MasInformacion .Documentos .Texto ul li { display:inline-block; margin:0 15px 0 0;} #FICHA #MasInformacion .Documentos .Texto ul li a {color:#666; text-decoration:none; padding:5px 0 5px 25px;} #FICHA #MasInformacion .Documentos .Texto ul li a:hover span { border-bottom:1px dotted #666;} #FICHA #MasInformacion .Documentos .Texto ul li a.Info { background: url(/resources/img/iconos/ico-doc.gif) 0 0 no-repeat;} #FICHA #MasInformacion .Documentos .Texto ul li a.Web { background: url(/resources/img/iconos/ico-web.gif) 0 0 no-repeat;padding:5px 0 5px 33px;} #FICHA #MasInformacion .Documentos .Doc_Nav { width:254px; height:28px; float:right; text-align:right; margin-bottom:18px;} #FICHA #MasInformacion .Documentos .Doc_Nav li { font-size:1.2em; display:inline; color:#679ecd;} #FICHA #MasInformacion .Documentos .Doc_Nav li#DocsContador { display:inline-block; text-align:center; padding:0 5px} #FICHA #MasInformacion .Documentos .Doc_Nav li a { height:18px; display:inline-block; color:#679ecd; text-decoration:none; padding-top:5px} #FICHA #MasInformacion .Documentos .Doc_Nav li a:hover { text-decoration:underline;} #FICHA #MasInformacion .Documentos .Doc_Nav li .DocPrev {padding-left:20px; padding-right:10px;} #FICHA #MasInformacion .Documentos .Doc_Nav li .DocNext {padding-right:20px;padding-left:10px;} /* ------------------------------------------------------------------------ */ /* BANNER DE CONTENIDO PRINCIPAL ------------------------------------------ */ #FICHA .Banner {clear:both;overflow:hidden;height:100%; margin:0 0 3em 0;background:#f2f2f2 right bottom no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 1.8em 1em;text-align:center;} /* ------------------------------------------------------------------------ */ /* BANNER ASIDE ----------------------------------------------------------- */ aside#InfoRelacionada .Banner {margin:3.5em 0;background:#f2f2f2 right bottom no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 1.8em 1em;text-align:center;} /* ------------------------------------------------------------------------ */ /* FICHA LISTA DE GANADORES ----------------------------------------------- */ #FICHA #ListaGanadores h2 {clear:both;overflow:hidden;height:100%;} /**/ #FICHA #ListaGanadores h2 {margin-bottom:1.5em;} /**/ #FICHA #ListaGanadores .Ganadores {overflow:hidden;height:100%;} #FICHA #ListaGanadores .Ganadores .Posicion {float:left;display:inline;width:173px;background-position:right center;background-repeat:no-repeat;margin:0 1em 1em 0;} /**/ #FICHA #ListaGanadores .Ganadores .Posicion {background-image:url(/resources/img/comun/flecha-horizontal.gif);} #FICHA #ListaGanadores .Ganadores .Posicion div {position:relative;width:137px;-moz-border-radius:10px;border-radius:10px;background-color:#f2f2f2;padding:1.5em;margin-bottom:0;} #FICHA #ListaGanadores .Posicion p {margin-bottom:0;color:#989898;} #FICHA #ListaGanadores .Posicion p strong {color:#989898;} /**/ #FICHA #ListaGanadores div span.Grande {font-weight:bold;font-size:3.429em;line-height:0.7em;} #FICHA #ListaGanadores div span.Ordinal {position:absolute;top:1px;font-size:0.333em;vertical-align:super;} #FICHA #ListaGanadores div p strong {font-size:1.143em;} /**/ #FICHA #ListaGanadores .Ganadores .Quienes {float:left;display:inline;width:457px;margin:0 0 1em 0;} /* GANADOR --------------------------- */ #FICHA #ListaGanadores .Ganadores.Grande .Quienes .Persona {float:left;display:inline;width:220px;height:85px;margin:0.8em 0.4em 0 0.4em;} #FICHA #ListaGanadores .Ganadores.Grande .Quienes .Persona .Foto {float:left;display:inline;width:70px;} #FICHA #ListaGanadores .Ganadores.Grande .Quienes .Persona .Texto {float:left;display:inline;width:140px;font-size:1.4em;line-height:1.3em;color:#989898;padding:1.2em 0.3em;} #FICHA #ListaGanadores .Ganadores.Grande .Quienes .Persona .Texto strong {font-size:1.214em;} /**/ #FICHA #ListaGanadores .Quienes .Persona .Texto a {color:#989898;text-decoration:none;} #FICHA #ListaGanadores .Quienes .Persona .Texto a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* TAMAÑOS --------------------------- */ #FICHA #ListaGanadores .Ganadores .Quienes .Persona {float:left;display:inline;width:144px;height:70px;margin:0 0.4em;} #FICHA #ListaGanadores .Ganadores .Quienes .Persona .Foto {float:left;display:inline;width:41px;} #FICHA #ListaGanadores .Ganadores .Quienes .Persona .Texto {float:left;display:inline;width:93px;font-size:1.4em;line-height:1.3em;color:#989898;padding:0.2em 0.2em 0.2em 0.4em;} #FICHA #ListaGanadores .Ganadores .Quienes .Persona .Texto strong {font-size:0.857em;} /* ------------------------------------------------------------------------ */ /* FICHA GALERIA IMAGENES ------------------------------------------------- */ #FICHA #GaleriaImagenes {clear:both; height:100%; overflow:hidden;} #FICHA #GaleriaImagenes h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #GaleriaImagenes .BTN_GaleriaZoom {position:absolute;right:0;} #GaleriaImagenes ul.GaleriaImagenes {width:640px;margin:1.2em 0;} #GaleriaImagenes ul.GaleriaImagenes li {float:left;margin:0 1em 1em 0;} #GaleriaImagenes ul.GaleriaImagenes li a:hover img { opacity:0.7;filter:alpha(opacity=70);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} /* ------------------------------------------------------------------------ */ /* FICHA - SEGMENTACION PARA PROFESIONALES INCLUSIVOS --------------------- */ #FICHA #ContenidoPrincipal .SeccionTipoComo h1 { font-size:2.2em; font-weight:normal; line-height:0.5em;} /* FICHA RELACIONADOS ----------------------------------------------------- */ #FICHA #Relacionados {clear:both;overflow:hidden;height:100%;padding:1.2em 0 3em 0;} #FICHA #Relacionados h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #Relacionados .Persona {float:left;display:inline;width:205px;height:85px;margin:0.8em 0.4em 0 0.4em;} #FICHA #Relacionados .Persona .Foto {float:left;display:inline;width:70px;} #FICHA #Relacionados .Persona .Texto {float:left;display:inline;width:125px;font-size:1.4em;line-height:1.3em;color:#989898;padding:1.5em 0.3em;} #FICHA #Relacionados .Persona .Texto strong {font-size:1.214em} #FICHA #Relacionados .Persona .Texto a {color:#989898;text-decoration:none;} #FICHA #Relacionados .Persona .Texto a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* FICHA EVENTOS RELACIONADOS --------------------------------------------- */ #FICHA #EventosRelacionados {clear:both;overflow:hidden;height:100%;padding:1.2em 0 3em 0;} #FICHA #EventosRelacionados h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #EventosRelacionados div.Contenedor {padding:0 2.1em; height:100%; overflow:hidden;} #FICHA #EventosRelacionados h2 {margin-bottom:1.5em;} #FICHA #EventosRelacionados .Evento_Item {width:179px;margin:0 1em 2em 0.5em; float:left; display:inline; position:relative;} #FICHA #EventosRelacionados .Evento_Item .Foto {margin-bottom:1.5em;} #FICHA #EventosRelacionados .Evento_Item .Texto p {margin:0;} #FICHA #EventosRelacionados .Evento_Item .Texto p.Fecha {font-size:1.1em;color:#a4a4a4; margin:0 0 0.5em 0} #FICHA #EventosRelacionados .Evento_Item .Texto p.Evento {font-size:1.4em;color:#575757;font-weight:bold;margin-bottom:0.6em;} #FICHA #EventosRelacionados .Evento_Item .Texto p.Evento a {color:#575757} #FICHA #EventosRelacionados .Evento_Item .Texto p.Evento a:hover {text-decoration:none; border-bottom:1px dotted #999;} #FICHA #EventosRelacionados .Evento_Item .Texto p.Lugar {font-size:1.1em;color:#a4a4a4} /* ------------------------------------------------------------------------ */ /* FICHA EVENTOS RELACIONADOS [Item Destacado]----------------------------- */ #FICHA #EventosRelacionados .Evento_Item.Destacado { width:193px; } #FICHA #EventosRelacionados .Evento_Item.Destacado .Foto {margin-bottom:0; text-align:right} #FICHA #EventosRelacionados .Evento_Item.Destacado .Texto { width:183px; height:53px; background:url(/resources/img/guia/backgrounds/caja-texto-eventos-relacionados.png) 0 0 no-repeat; position:absolute; top:122px; left:0; padding:3em 0 0 1em;} #FICHA #EventosRelacionados .Evento_Item.Destacado .Fecha { width:72px; float:left; padding:0 0 0 0;} #FICHA #EventosRelacionados .Evento_Item.Destacado .Fecha ul { height:100%; overflow:hidden; clear:both;} #FICHA #EventosRelacionados .Evento_Item.Destacado .Fecha ul li { font-size:1.1em; color:#999999; width:26px; float:left; font-weight:bold; line-height:10px; text-align:center;} #FICHA #EventosRelacionados .Evento_Item.Destacado .Fecha ul li span { font-size:2.2em; line-height:20px; display:block; text-align:center;} #FICHA #EventosRelacionados .Evento_Item.Destacado .Fecha ul li.Hasta { margin:0 0 0 1.2em} #FICHA #EventosRelacionados .Evento_Item.Destacado .Texto p {margin:0;} #FICHA #EventosRelacionados .Evento_Item.Destacado .Texto p.Evento {margin-bottom:0; padding:0 0.5em 0 1em;} /**/ #FICHA .BotonVerTodo { clear:both; text-align:right; font-family:"Gotham Book", Arial, sans-serif; margin:0 0 0 0; font-size:1.2em; font-weight:normal;} #FICHA .BotonVerTodo a { -moz-border-radius:5px;border-radius:5px; background:#f7f7f7 url(/resources/img/iconos/ico-boton-vertodo.png) right 8px no-repeat; padding:1em 3.7em 1em 1em; text-decoration:none; display:block;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #FICHA .BotonVerTodo a:hover {background-position:right -53px;} /* ------------------------------------------------------------------------ */ /* FICHA SECCION MONOGRAFICO ---------------------------------------------- */ #FICHA #Monografico h2 { margin-bottom:1.5em} #FICHA #Monografico .ModuloMonografico { height:168px; width:640px; position:relative; margin:1.5em 0 2.5em 0; overflow:hidden;} #FICHA #Monografico .CajaTexto { height:78px; background:url(/resources/img/backgrounds/fondo-texto-monografico.png) right 0 no-repeat; position:absolute; top:76px; left:17px; padding:1.4em 7.5em 0 1.8em;-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;} #FICHA #Monografico .CajaTexto:hover { padding-right:11em;-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;} #FICHA #Monografico .CajaTexto p { font-size:1.2em; color:#FFF; margin:0 0 0.6em 0;} #FICHA #Monografico .CajaTexto h3 {font-size:2em; color:#FFF; line-height:1.2em;} #FICHA #Monografico .CajaTexto h3 span { display:block;} #FICHA #Monografico .CajaTexto h3 a { color:#FFF; text-decoration:none;} #FICHA #Monografico .CajaTexto h3 a:hover { text-decoration:none; border-bottom:1px dotted #FFF;} #FICHA #Monografico .CajaTexto h3 a:hover span { text-decoration:none; border-bottom:1px dotted #FFF;} /* ------------------------------------------------------------------------ */ /* FICHA GALERIAS RELACIONADAS -------------------------------------------- */ #FICHA #GaleriasRelacionadas {clear:both;overflow:hidden;height:100%;padding:1.2em 2.1em 3em 0;} #FICHA #GaleriasRelacionadas h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #GaleriasRelacionadas h2 {margin-bottom:1.2em;} #FICHA #GaleriasRelacionadas .Galeria_Item {width:196px;margin:0.5em 0.5em 1.5em 0.5em;float:left;display:inline; height:62px;} #FICHA #GaleriasRelacionadas .Galeria_Item .Foto {float:left;display:inline;margin-right:0.7em;} #FICHA #GaleriasRelacionadas .Galeria_Item .Foto img {padding:0.4em;border:1px solid #eaeaea;-moz-border-radius:2px;border-radius:2px;} #FICHA #GaleriasRelacionadas .Galeria_Item .Foto2 {float:left;display:inline;margin-right:0.7em;} #FICHA #GaleriasRelacionadas .Galeria_Item .Foto2 img {padding:0.4em;border:none;} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto {margin:0.4em 0;width:128px;float:left;display:inline;} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p {margin:0;} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p.Tipo {font-size:1.2em;color:#000} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p.Fecha {font-size:1.2em;color:#a6a6a6} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p.Nombre {font-size:1.4em;color:#575757;font-weight:bold;margin-bottom:1em;} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p.Nombre a {color:#575757} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p.Nombre a:hover {text-decoration:none; border-bottom:1px dotted #999;} #FICHA #GaleriasRelacionadas .Galeria_Item .Texto p.Lugar {font-size:1.1em;color:#a4a4a4} #FICHA #GaleriasRelacionadas .Galeria_Item .BotonVerTodo { text-align:left; font-size:1.2em; padding:0 0 0 0; margin:0 0 0 0} #FICHA #GaleriasRelacionadas .Galeria_Item .BotonVerTodo a { display:block;} /**/ #FICHA #GaleriasRelacionadas .Galeria_Item.TipoContacta .Foto img {padding:0; border: none;} #FICHA #GaleriasRelacionadas .Galeria_Item.TipoContacta .Texto p { font-size:1.2em; line-height:16px} #FICHA #GaleriasRelacionadas .Galeria_Item.TipoContacta p.Contacta { font-size:1.2em; clear:both;} #FICHA #GaleriasRelacionadas .Galeria_Item.TipoContacta p.Contacta a { color:#999; background: url(/resources/img/iconos/ico-mail.gif) 0 2px no-repeat; font-weight:bold; padding:0 0 0 2.2em;} #FICHA #GaleriasRelacionadas .Galeria_Item.TipoContacta p.Contacta a:hover { text-decoration:none; border-bottom:1px dotted #999;} /**/ #FICHA #GaleriasRelacionadas .Galeria_Item.Tipo02 .Foto img {padding:0;border:none;} #FICHA #GaleriasRelacionadas .Galeria_Item.Tipo02 .Texto p { color:#000; font-size:1.2em;} #FICHA #GaleriasRelacionadas .Galeria_Item.Tipo02 .Texto p.Nombre {margin-bottom:0.3em;font-size:1.4em;} /* ------------------------------------------------------------------------ */ /* FICHA PREMIOS RECIBIDOS ------------------------------------------------ */ #PremiosRecibidos {clear:both;overflow:hidden;height:100%;padding:1.2em 0 3em 0;} #PremiosRecibidos div.Contenedor {padding:0 0; height:100%; overflow:hidden;} #PremiosRecibidos h2 { margin-bottom:1.5em !important;} #PremiosRecibidos .Premio_Item {width:200px;margin:0 1em 2em 0.5em; float:left; display:inline;} #PremiosRecibidos .Premio_Item.Last {margin:0 0 2em 0.5em;} #PremiosRecibidos .Premio_Item .Foto {margin-bottom:1.5em;} #PremiosRecibidos .Premio_Item .Texto p {margin:0;} #PremiosRecibidos .Premio_Item .Texto p.Categoria {font-size:1.1em;color:#a4a4a4} #PremiosRecibidos .Premio_Item .Texto p.Fecha {font-size:1.1em;color:#a4a4a4; margin:0 0 0.5em 0} #PremiosRecibidos .Premio_Item .Texto p.Evento {font-size:1.4em;color:#575757;font-weight:bold;margin-bottom:1em; line-height:1.3em} #PremiosRecibidos .Premio_Item .Texto p.Evento a {color:#575757; text-decoration:none;} #PremiosRecibidos .Premio_Item .Texto p.Evento a:hover {text-decoration:none; border-bottom:1px dotted #999;} #PremiosRecibidos .Premio_Item .Texto p.Lugar {font-size:1.1em;color:#a4a4a4; line-height:1.2em} #PremiosRecibidos .Premio_Item .Texto p.Descripcion {line-height:1.3em} /* ------------------------------------------------------------------------ */ /* FICHA SECCION ACTIVIDAD ------------------------------------------------ */ #FICHA #Actividad { background-color:#f7f7f7; border-top:1px solid #d1d1d1; padding:1.5em 1em 1.5em 1em; margin-bottom:3.5em;} #FICHA #Actividad h2 {margin-bottom:1.5em;} #FICHA #Actividad li { background:url(/resources/img/comun/bolo-flecha-actividad.png) 0 6px no-repeat; margin:0 0 1.1em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.4em; color:#989999; padding:0 0 0 0.8em;} #FICHA #Actividad li strong {color:#000; font-weight:normal;} #FICHA #Actividad li a {color:#000; text-decoration:none;} #FICHA #Actividad li a:hover {text-decoration:none; border-bottom:1px dotted #999;} #FICHA #Actividad li a.Leer-pdf { margin:0 1em 0 0.5em; position:relative; top:2px;} /* ------------------------------------------------------------------------ */ /* FICHA SECCION NOTICAS RELACIONADAS ------------------------------------------------ */ #FICHA #NoticiasRelacionadas { border-top:1px solid #d1d1d1; padding:1.5em 1em 1.5em 1em; margin-bottom:3.5em;} #FICHA #InfoRelacionada #NoticiasRelacionadas { border-top:none;} #FICHA #NoticiasRelacionadas h2 {margin-bottom:1.5em;} #FICHA #NoticiasRelacionadas article.Noticia { background:url(/resources/img/comun/bordepuntos-gris.gif) 0 bottom repeat-x; padding:0 0 1.5em 0; clear:both; height:100%; overflow:hidden; margin: 0 0 1.5em 0;} #FICHA #NoticiasRelacionadas .Foto { width:78px; float:left; margin:0 0 0 0;} #FICHA #NoticiasRelacionadas .Contenido { float:left; width:525px; margin:0 0 0 1.5em; padding-top:0.2em} #FICHA #NoticiasRelacionadas .Contenido .Seccion { font-size:1.1em; color:#a6a6a6; margin-bottom:0.4em;} #FICHA #NoticiasRelacionadas .Contenido h3 { font-size:1.7em; color:#575656; margin-bottom:0.6em;} #FICHA #NoticiasRelacionadas .Contenido h3 a {color:#575656; text-decoration:none;} #FICHA #NoticiasRelacionadas .Contenido h3 a:hover {text-decoration:none; border-bottom:1px dotted #999;} #FICHA #NoticiasRelacionadas .Contenido .Texto {font-size:1.2em; line-height:1.5em; color:#000000; margin:0 0 0.5em 0;} /* ------------------------------------------------------------------------ */ /* FICHA COMENTARIOS ------------------------------------------------------ */ #FICHA #Comentarios {clear:both;overflow:hidden;height:100%;} #FICHA #Comentarios h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} /* INICIO DE SESION ------------------ */ #Comentarios .NumeroComentarios {font-family:Arial, Helvetica, sans-serif;position:absolute;right:0;background-position:0 4px;background-repeat:no-repeat;padding-left:1.8em;font-size:0.688em;text-transform:none;z-index:0} /**/ section.InicioSesion {background:#fdf8e5 url(/resources/img/iconos/ico-inicio-sesion.png) 10px 10px no-repeat;border:1px solid #fbf0c9;-moz-border-radius:3px;border-radius:3px;height:100%;margin:2em 0;padding:0 1em;position:relative;height:64px;} /**/ section.InicioSesion ul {position:relative;top:-7px;float:right;text-align:right;color:#c2c0c0;margin-bottom:0.5em;} section.InicioSesion li {float:left;font-size:1.1em;padding:1.2em 0.2em;} section.InicioSesion li a {text-decoration:none} section.InicioSesion li a:hover {text-decoration:underline} section.InicioSesion li.Login {padding:1.2em 0;margin-left:1em;font-size:1em;width:106px;background-position:0 0;background-repeat:no-repeat;text-align:center;text-transform:uppercase;} section.InicioSesion li.Login a {color:#FFF;text-decoration:none} /**/ #Comentarios .InicioSesion p {clear:both;text-align:right;font-family:Verdana, Geneva, sans-serif;font-family:"Gotham Book", Arial, sans-serif;font-size:1.2em;} /* COMENTARIOS ----------------------- */ #Comentarios_Items {border-top:1px dotted #9a9ba0;border-bottom:1px dotted #9a9ba0;padding:1em 0;} #Comentarios_Items .Comentario {margin-bottom:1.5em;} /**/ #Comentarios_Items .Comentario_Titular {float:left;display:inline;} #Comentarios_Items .Social {float:right;display:inline} #Comentarios_Items .Comentario_Texto {clear:both} #Comentarios_Items img {float:left;margin-right:1.3em;} #Comentarios_Items .Comentario_Titular div {float:left;margin-top:1.7em;} #Comentarios_Items p.Persona {width:auto;font-weight:bold} #FICHA #Comentarios_Items p.Fecha {width:140px;font-size:1.1em;color:#a4a4a4;} /**/ #Comentarios_Items .Social {margin-top:2em;float:right} #Comentarios_Items .Social a.MeGusta {background:url(/resources/img/iconos/ico_megusta.png) 0 0 no-repeat;color:#000;font-size:1.1em;text-decoration:none;padding:0.6em 1.5em 0.6em 2.7em;} #Comentarios_Items .Social a.NoMeGusta {background:url(/resources/img/iconos/ico_nomegusta.png) 0 4px no-repeat;color:#000;font-size:1.1em;text-decoration:none;padding:0.6em 1.5em 0.6em 2.7em;} #Comentarios_Items .Social a.BTN_Responder {font-family:"Gotham Book", Arial, sans-serif;font-size:1.2em;color:#575757;background:url(/resources/img/iconos/ico-responder.png) 5px 6px no-repeat;-moz-border-radius:3px;border-radius:3px;border:1px solid #d5d5d5;padding:0.4em 1em 0.4em 2.5em; text-decoration:none;} #Comentarios_Items .Comentario_Texto {position:relative;clear:both;overflow:hidden;height:100%;margin-top:1.5em;padding-top:0.1em;border:1px solid #d6d6d6;background-color:#f1f1f1;-moz-border-radius:3px;border-radius:3px;padding:1.3em;} #FICHA #Comentarios_Items .Comentario_Texto p {font-size:1.2em;line-height:1.3em} #Comentarios_Items .Comentario_Texto img.Flecha {position:absolute;top:-8px;left:20px;} /**/ #Comentarios_Items .Comentario.Nivel2 {margin-left:3em;} /**/ #Comentarios_Items .Comentario.Nivel2 .Comentario_Texto {background-color:#FFF;} #Comentarios_Items .Comentario.Nivel2 .Comentario_Titular div {margin-top:0;} .Comentario.Nivel2 div p {clear:both;width:520px;} .Comentario.Nivel2 p.Persona {clear:none;float:left;} .Comentario.Nivel2 p.Fecha {clear:none;float:left;margin:0 0 1em 0.5em;} #Comentarios_Items .Comentario.Nivel2 .Social {clear:both;margin-top:0.5em;float:right;} #Comentarios_Items .Comentario.Nivel2 .Social a.BTN_Responder {opacity:0.3;border:none;} /* ------------------------------------------------------------------------ */ /* PAGINACION ------------------------------------------------------------- */ section.Paginacion {margin:1em 0 2em 0;height:20px;} section.Paginacion ul {text-align:right;float:right;font-size:1.2em} section.Paginacion li {display:inline;float:left;margin:0 0.1em; line-height:30px;} section.Paginacion li.Separador {padding:0 0.5em;} section.Paginacion li.Flecha a {border:1px solid #e6e6e6;background-color:#e6e6e6;width:auto;padding:0.7em 0.4em;} section.Paginacion li a {display:inline;float:left;color:#575757;text-decoration:none;-moz-border-radius:3px;border-radius:3px;background-color:#f7f7f7;border:1px solid #d6d6d6;padding:0.7em 0;width:24px;text-align:center;line-height:10px;} section.Paginacion li a:hover, section.Paginacion li.Activo a {background-color:#FFF;font-weight:bold;} /* ------------------------------------------------------------------------ */ /* FICHA PUEDE INTERESAR -------------------------------------------------- */ #FICHA #PuedeInteresar {overflow:hidden;height:100%;} #FICHA #PuedeInteresar h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #PuedeInteresar .ListadoMenu {float:left;display:inline;width:210px;margin-top:1em;background-color:#F2F2F2;border:1px solid #d6d6d6;-moz-border-radius:3px;border-radius:3px;padding:1em 0 1em 0;padding-bottom:8.5em;} #FICHA #PuedeInteresar .ListadoMenu ul {margin-left:0.5em;margin-right:-1px;} #FICHA #PuedeInteresar .ListadoMenu ul li {font-size:1.4em;line-height:1em;margin-bottom:0.3em;font-weight:bold;} #FICHA #PuedeInteresar .ListadoMenu ul li a {position:relative;padding:0.7em 1.5em;display:block;color:#797979;text-decoration:none;background:url(/resources/img/iconos/bolo1.gif) 5px 12px no-repeat;} #FICHA #PuedeInteresar .ListadoMenu ul li a:hover, #FICHA #PuedeInteresar .ListadoMenu ul li.Activo a {background-color:#FFF;-moz-border-radius:3px;border-radius:3px 0 0 3px;-moz-box-shadow: 0 2px #C2C2C2;-webkit-box-shadow: 0 2px #C2C2C2;box-shadow: 0 2px #C2C2C2;color:#000;} #FICHA #PuedeInteresar .ListadoMenu ul li span {margin-left:0.857em;position:absolute;right:15px;top:9px;font-size:0.857em;font-weight:normal;} /**/ #FICHA #PuedeInteresar .Listado {float:left;display:inline;margin:2em 0 2em 1em;width:418px;} #FICHA #PuedeInteresar .Listado .Interes {float:left;display:inline;width:199px;height:90px; margin:0 0 1.35em 1em;} #FICHA #PuedeInteresar .Listado .Interes .Foto {float:left;margin-right:1em;} #FICHA #PuedeInteresar .Listado .Interes .Texto {float:left;width:138px;} #FICHA #PuedeInteresar .Listado .Interes .Fecha {font-size:1.1em;color:#a4a4a4} #FICHA #PuedeInteresar .Listado .Interes .Titulo {font-weight:bold;margin-bottom:0.5em;} #FICHA #PuedeInteresar .Listado .Interes .Titulo a {color:#575757;text-decoration:none} #FICHA #PuedeInteresar .Listado .Interes .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} #FICHA #PuedeInteresar .Listado .Interes .Lugar {font-size:1.1em;color:#a4a4a4;} /**/ #FICHA a.BTN_ListadoExposiciones {font-family:"Gotham Book", Arial, sans-serif;font-size:0.857em;background:url(/resources/img/iconos/ico-listado-exposiciones.gif) right 1px no-repeat;padding:0.5em 3em 0.3em 0;text-decoration:none;} /* ------------------------------------------------------------------------ */ /* FICHA MAPA ------------------------------------------------------------- */ #FICHA #Mapa .Map {margin:1.5em 0} #FICHA #Mapa h2.Upper {font-family:"Gotham Medium", Arial, sans-serif;} #FICHA #Mapa .MapLeyenda li {border:1px solid #dadada; -moz-border-radius:5px;border-radius:5px; height:22px; float:left; margin:0 0.9em 0 0; padding:0.9em 0.8em 1.2em 2.8em;} #FICHA #Mapa .MapLeyenda li.Tipo1 { background:url(/resources/img/iconos/ico-pos1.png) 5px 10px no-repeat;} #FICHA #Mapa .MapLeyenda li.Tipo2 { background:url(/resources/img/iconos/ico-pos2.png) 5px 10px no-repeat;} #FICHA #Mapa .MapLeyenda li a { color:#000; font-size:1.2em; text-decoration:none; line-height:1.2em;} #FICHA #Mapa .MapLeyenda li a:hover {text-decoration:underline;} /* ------------------------------------------------------------------------ */ /* LISTADO PAGINACION ----------------------------------------------------- */ #FICHA .Paginacion { margin:1em 0 6em 0;height:20px; height:100%; overflow:hidden;} #FICHA .Paginacion .Total { float:left; height:34px; padding:1.4em 0 0 0; text-align:right;} #FICHA .Paginacion .Total img { position:relative; top:4px; margin: 0 0.5em 0 0;} #FICHA .Paginacion .Total p { font-size:1.2em;} #FICHA .Paginacion .Total p span { font-size:1.3em;} #FICHA .Paginacion .Total.Eventos { background:url(/resources/img/paginas/paginacion/fondo-total-eventos.gif) 0 center no-repeat;} #FICHA .Paginacion ul {text-align:right;float:right;font-size:1.2em; margin:1em 0 0 0;} #FICHA .Paginacion li {display:inline;float:left;margin:0 0.2em;line-height:30px;} #FICHA .Paginacion li.Siguiente a { background: #f3f3f3 url(/resources/img/paginas/paginacion/ico-flecha.gif) right center no-repeat; padding:0.9em 5em 0.9em 0.8em; border:none; font-size:0.8em;border:1px solid #d6d6d6;} #FICHA .Paginacion li.Siguiente a:hover { color:#a0a0a0; font-weight:normal;} #FICHA .Paginacion li a {display:inline;float:left;color:#a0a0a0;text-decoration:none; border:1px solid #d6d6d6;padding:0.7em 0.5em;width:24px;text-align:center;line-height:10px;} /* ------------------------------------------------------------------------ */ /* FICHA PREVIEWS */ #FICHA.Preview #Informacion {position:relative;top:-6px;-moz-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #FICHA.Preview #Informacion header {width:540px;} #FICHA.Preview #Informacion ul.Participacion {right:10px;} #FICHA.Preview #InformacionDetalle {width:100%;width:530px; position:relative; margin:0 9px;} #FICHA.Preview #InformacionDetalle .Columna1 {width:100%;} #FICHA.Preview #InformacionDetalle .Columna2 { position:absolute; top:0; right:10px; width:65px;} #FICHA.Preview #InformacionDetalle .Slide { width:101px; height:58px; position:absolute; bottom:20px; left:-9px;} #FICHA.Preview #InformacionDetalle .Slide ul { margin:9px 0 0 8px} #FICHA.Preview #InformacionDetalle .Slide ul li { display:inline; margin:0 0 0 15px} #FICHA.Preview .Banner { margin: 0 9px 0 9px;} /* ------------------------------------------------------------------------ */ /* ASIDE INFORMACION RELACIONADA ------------------------------------------ */ aside#InfoRelacionada {margin-bottom:6em;float:left;display:inline;width:328px;margin-top:-2em;} aside#InfoRelacionada h1 {margin-bottom:1.5em;font-size:1.6em;line-height:1.2em;color:#000;} aside#InfoRelacionada h2 {margin-bottom:1.5em;font-size:1.6em;line-height:1.2em;color:#000;} aside#InfoRelacionada .Banner {margin:2em 0.5em;} /* ------------------------------------------------------------------------ */ /* ASIDE EVENTOS DESTACADOS ----------------------------------------------- */ #EventosDestacados {background:#F1F1F1 right 15px no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 2.4em 1em;margin:0 0.5em 1em 0.5em; position:relative;} #EventosDestacados.TipoMin {padding:1em 1em 0 1em;} #EventosDestacados h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif;} #EventosDestacados h2 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif;} #EventosDestacados .Evento {overflow:hidden; margin:0 1em 1.5em 1em; clear:both;} #EventosDestacados .Evento .Foto {float:left;margin-right:2em;} #EventosDestacados .Evento .Texto {float:left;width:190px;margin:0.5em 0} #EventosDestacados .Evento .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #EventosDestacados .Evento .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #EventosDestacados .Evento .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} #EventosDestacados .Evento .Titulo a {color:#575757;text-decoration:none;} #EventosDestacados .Evento .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} #EventosDestacados .Evento .Lugar {font-size:1.1em;color:#a4a4a4} #EventosDestacados .Evento .Categoria {font-size:1.2em;color:#575656} /* ASIDE ARTISTAS DESTACADOS ----------------------------------------------- */ #ArtistasDestacados {background:#F1F1F1 right 15px no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 2.4em 1em;margin:0 0.5em 1em 0.5em; position:relative;} #ArtistasDestacados.TipoMin {padding:1em 1em 0 1em;} #ArtistasDestacados h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif;} #ArtistasDestacados .Evento {overflow:hidden; margin:0 1em 1.5em 1em; clear:both;} #ArtistasDestacados .Evento .Foto {float:left;margin-right:2em;} #ArtistasDestacados .Evento .Texto {float:left;width:190px;margin:0.5em 0} #ArtistasDestacados .Evento .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #ArtistasDestacados .Evento .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #ArtistasDestacados .Evento .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} #ArtistasDestacados .Evento .Titulo a {color:#575757;text-decoration:none} #ArtistasDestacados .Evento .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} #ArtistasDestacados .Evento .Lugar {font-size:1.1em;color:#a4a4a4} #ArtistasDestacados .Evento .Categoria {font-size:1.2em;color:#575656} /* ASIDE ORGANIZACIONES DESTACADOS ----------------------------------------------- */ #OrgsDestacadas {background:#F1F1F1 right 15px no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 2.4em 1em;margin:0 0.5em 1em 0.5em; position:relative;} #OrgsDestacadas.TipoMin {padding:1em 1em 0 1em;} #OrgsDestacadas h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif;} #OrgsDestacadas .Evento {overflow:hidden; margin:0 1em 1.5em 1em; clear:both;} #OrgsDestacadas .Evento .Foto {float:left;margin-right:2em;} #OrgsDestacadas .Evento .Texto {float:left;width:190px;margin:0.5em 0} #OrgsDestacadas .Evento .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #OrgsDestacadas .Evento .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #OrgsDestacadas .Evento .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} #OrgsDestacadas .Evento .Titulo a {color:#575757;text-decoration:none} #OrgsDestacadas .Evento .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} #OrgsDestacadas .Evento .Lugar {font-size:1.1em;color:#a4a4a4} #OrgsDestacadas .Evento .Categoria {font-size:1.2em;color:#575656} /* Adaptacion para elementos publicitarios destacados dentro de #ContenidoPrincipal */ #ContenidoPrincipal #EventosDestacados, #ContenidoPrincipal #ArtistasDestacados, #ContenidoPrincipal #OrgsDestacadas {padding:1em 1em 2.4em 1em;margin:0 1.9em 1.9em 0; width:298px; float:left;} #ContenidoPrincipal .Last#EventosDestacados, #ContenidoPrincipal .Last#ArtistasDestacados, #ContenidoPrincipal .Last#OrgsDestacadas {margin:0 0 1em 0;} #ContenidoPrincipal #EventosDestacados h1, #ContenidoPrincipal #ArtistasDestacados h1, #ContenidoPrincipal #OrgsDestacadas h1 {margin-bottom:1.2em;} #ContenidoPrincipal #EventosDestacados h2, #ContenidoPrincipal #ArtistasDestacados h2, #ContenidoPrincipal #OrgsDestacadas h2 {margin-bottom:1.2em;} /* ------------------------------------------------------------------------ */ /* ASIDE EQUIPO DE LA ORGANIZACION ----------------------------------------------- */ aside#InfoRelacionada #EquipoOrg { border:8px solid #f2f2f2;-moz-border-radius:4px;border-radius:4px; padding:0 0 0 0; margin:0 0.5em 1em 0.5em; position:relative;} aside#InfoRelacionada #EquipoOrg header {background-color:#f2f2f2; padding:0.2em 0 0.8em 0} aside#InfoRelacionada #EquipoOrg h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif; margin:0 0 0 0} aside#InfoRelacionada #EquipoOrg h2 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif; margin:0 0 0 0} aside#InfoRelacionada #EquipoOrg .Evento {overflow:hidden; margin:0 1em 1.5em 1em; clear:both;} aside#InfoRelacionada #EquipoOrg .Evento header {background-color: transparent; padding:0 0 0 0} aside#InfoRelacionada #EquipoOrg .Evento .Foto {float:left;margin-right:2em;} aside#InfoRelacionada #EquipoOrg .Evento .Texto {float:left;width:190px;margin:0.5em 0} aside#InfoRelacionada #EquipoOrg .Evento .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} aside#InfoRelacionada #EquipoOrg .Evento .Titulo a {color:#575757;text-decoration:none} aside#InfoRelacionada #EquipoOrg .Evento .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} aside#InfoRelacionada #EquipoOrg .Evento .Categoria {font-size:1.2em;color:#575656} /* ------------------------------------------------------------------------ */ /* ASIDE EQUIPO DE LA ORGANIZACION ----------------------------------------------- */ aside#InfoRelacionada #EspaciosExp { border:8px solid #f2f2f2;-moz-border-radius:4px;border-radius:4px; padding:0 0 0 0; margin:0 0.5em 1em 0.5em; position:relative;} aside#InfoRelacionada #EspaciosExp header {background-color:#f2f2f2; padding:0.2em 0 0.8em 0;} aside#InfoRelacionada #EspaciosExp h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif; margin:0 0 0 0} aside#InfoRelacionada #EspaciosExp p.h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif; margin:0 0 0 0} aside#InfoRelacionada #EspaciosExp article { padding: 2em 1.6em 0 1.6em; width:268px; overflow:hidden;} aside#InfoRelacionada #EspaciosExp header.Titulo {background-color:transparent;clear:both; height:100%;overflow:hidden; padding:0 0 1em 0} aside#InfoRelacionada #EspaciosExp header.Titulo h2 {font-family:Arial, Helvetica, sans-serif; font-size:2em; line-height:22px; float:left; font-weight:normal; color:#4f5152; width:175px; margin:0 0 0 0} aside#InfoRelacionada #EspaciosExp header.Titulo p.Imagen { float:right; margin:0 0 0 0; width:70px} aside#InfoRelacionada #EspaciosExp article p { color:#575656;} aside#InfoRelacionada #EspaciosExp article p a { color:#575656;font-weight:bold; display:block;} aside#InfoRelacionada #EspaciosExp article p a:hover { text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* ASIDE ES TENDENCIA ----------------------------------------------------- */ aside#InfoRelacionada #EsTendencia {background:#FFF;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 0 0 8px #f3f3f3;-webkit-box-shadow: inset 0 0 0 8px #f3f3f3;box-shadow:inset 0 0 0 8px #f3f3f3;padding:1em 1em 1.8em 1em;margin:0 0.5em 1em 0.5em;} aside#InfoRelacionada #EsTendencia {} aside#InfoRelacionada #EsTendencia h1 {position:relative;left:-15px;width:284px;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;text-transform:uppercase;padding:1.2em 2.2em 1.8em 2.2em;color:#FFF;} aside#InfoRelacionada #EsTendencia h2 {position:relative;left:-15px;width:284px;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;text-transform:uppercase;padding:0.7em 1.3em 1.1em 1.4em;color:#FFF;} aside#InfoRelacionada #EsTendencia .Evento {overflow:hidden;height:100%;margin:0 1em 1em 1em;} aside#InfoRelacionada #EsTendencia .Evento .Foto {float:left;margin-right:2em;} aside#InfoRelacionada #EsTendencia .Evento .Texto {float:left;width:165px;margin:0.5em 0.5em 0.5em 0;} aside#InfoRelacionada #EsTendencia .Evento .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} aside#InfoRelacionada #EsTendencia .Evento .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} aside#InfoRelacionada #EsTendencia .Evento .Titulo a {color:#575757;text-decoration:none} aside#InfoRelacionada #EsTendencia .Evento .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} aside#InfoRelacionada #EsTendencia .Evento .Lugar {font-size:1.1em;color:#a4a4a4} aside#InfoRelacionada #EsTendencia .Trayectoria {display:none;float:left;width:25px;margin:0.5em 0} /**/ aside#InfoRelacionada #EsTendencia.Destacado {position:relative;background-color:#F1F1F1;padding-bottom:1em;} aside#InfoRelacionada #EsTendencia.Destacado .EsTendenciaFooter {position:absolute;bottom:12px;right:-6px;} aside#InfoRelacionada #EsTendencia.Destacado .BG_Blanco {overflow:hidden;height:100%;padding:1em 0.5em 2.5em 0.5em;} aside#InfoRelacionada #EsTendencia.Destacado .BG_Blanco .Evento {margin:0 0.5em 1.5em 0.5em;width:134px;float:left;display:inline;} aside#InfoRelacionada #EsTendencia.Destacado .BG_Blanco .Evento .Foto {margin:0 0 0.5em 0;display:block;float:none;width:auto;} aside#InfoRelacionada #EsTendencia.Destacado .BG_Blanco .Evento .Texto {margin:0;display:block;float:none;width:auto;} /**/ aside#InfoRelacionada #EsTendencia .Evento.Principal {overflow:hidden;height:100%;margin:0 1em 1em 1em;} aside#InfoRelacionada #EsTendencia .Evento.Principal .Foto {float:left;margin-right:1.5em;} aside#InfoRelacionada #EsTendencia .Evento.Principal .Texto {float:left;width:160px;margin:1.5em 0 0.5em 0;} /**/ aside#InfoRelacionada #EsTendencia .Evento.Principal .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.8em;} aside#InfoRelacionada #EsTendencia .Evento.Principal .Titulo {font-size:1.4em;line-height:1.286em;font-weight:bold;margin-bottom:1.3em;} aside#InfoRelacionada #EsTendencia .Evento.Principal .Lugar {font-size:1.1em;color:#a4a4a4} /* ------------------------------------------------------------------------ */ /* ASIDE NOTICIAS RELACIONADAS -------------------------------------------- */ aside#InfoRelacionada #NoticiasRelacionadas {background:#f8f8f8;-moz-border-radius:4px;border-radius:4px;padding:1em 0.6em 3em 0.6em;margin:0 0.5em 1em 0.5em;} aside#InfoRelacionada #NoticiasRelacionadas h1 {background:url(/resources/img/comun/noticias_relacionadas.gif) 0 bottom no-repeat;padding:0 0.4em 1.5em 0.4em;font-family:"Gotham Medium", Arial, sans-serif;text-transform:uppercase;margin-bottom:0.5em;} aside#InfoRelacionada #NoticiasRelacionadas h2 {background:url(/resources/img/comun/noticias_relacionadas.gif) 0 bottom no-repeat;padding:0 0.4em 1.5em 0.4em;font-family:"Gotham Medium", Arial, sans-serif;text-transform:uppercase;margin-bottom:0.5em;} aside#InfoRelacionada #NoticiasRelacionadas .Noticia {margin:0 1em;padding:1em 0;border-bottom:1px dotted #aaaaae;} aside#InfoRelacionada #NoticiasRelacionadas p.Seccion {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} aside#InfoRelacionada #NoticiasRelacionadas p.Titular {font-size:1.4em;color:#575757;margin-bottom:0.3em;font-weight:bold} aside#InfoRelacionada #NoticiasRelacionadas p.Titular a {color:#575757} aside#InfoRelacionada #NoticiasRelacionadas p.Titular a:hover {color:#575757;text-decoration:none; border-bottom:1px dotted #999;} aside#InfoRelacionada #NoticiasRelacionadas p.Texto {font-size:1.2em;line-height:1.3em;color:#000} /* ------------------------------------------------------------------------ */ /* ASIDE BLOG -------------------------------------------- */ aside#InfoRelacionada #ModuloBlog {border:8px solid #f2f2f2;-moz-border-radius:4px;border-radius:4px;padding:0.8em;margin:0 0.5em 1em 0.5em; background:url(/resources/img/iconos/ico-rss.gif) right 0 no-repeat;} aside#InfoRelacionada #ModuloBlog h1 { margin-bottom:0; font-family:"Gotham Medium", Arial, sans-serif; color:#575656; text-transform:uppercase; margin-left:0.2em;} aside#InfoRelacionada #ModuloBlog h2 { margin-bottom:0;} aside#InfoRelacionada #ModuloBlog .TituloBlog { text-align:center; margin:0 0 1em 0} aside#InfoRelacionada #ModuloBlog .TituloBlog img { margin:0 0 1.2em 0} aside#InfoRelacionada #ModuloBlog .TituloBlog p { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; color:#575656; font-weight:bold; font-style:italic; margin:0 0 0 0} aside#InfoRelacionada #ModuloBlog .NoticiasBlog {border:1px solid #d2d2d2;-moz-border-radius:4px;border-radius:4px; /*border-top:none; background:url(/resources/img/comun/bordepuntos-gris.gif) 0 0 repeat-x;*/ padding:1.2em 1.8em 3em 1.8em} aside#InfoRelacionada #ModuloBlog .NoticiasBlog div {margin:0 0 1.4em 0} aside#InfoRelacionada #ModuloBlog .NoticiasBlog p { margin:0 0 0 0; font-size:1.4em; color:#575656; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic;} aside#InfoRelacionada #ModuloBlog .NoticiasBlog p a {color:#575656;} aside#InfoRelacionada #ModuloBlog .NoticiasBlog p a:hover { text-decoration:none; border-bottom:1px dotted #999;} aside#InfoRelacionada #ModuloBlog .NoticiasBlog p.Fecha {font-size:1.1em; color:#a6a6a6; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;} /* ------------------------------------------------------------------------ */ /* ASIDE TWITTER -------------------------------------------- */ #ModuloTwitter {border:8px solid #e2f6fd;-moz-border-radius:4px;border-radius:4px;padding:0;margin:0 0.5em 1em 0.5em;} #ModuloTwitter .Usuario { background:url(/resources/img/backgrounds/fondo-mod-twitter-top.gif) 0 bottom no-repeat; padding:0.8em 0 2.5em 0; position:relative;} #ModuloTwitter .Usuario p { font-size:1.4em; font-family:Arial, Helvetica, sans-serif; color:#575656; margin:0 0 0.2em 5.8em; font-weight:bold} #ModuloTwitter .Usuario p.Seguidores {font-size:1.1em; font-weight:normal;margin-left:7.5em;} #ModuloTwitter .Usuario p.BtnTW { position:absolute; top:30px; right:10px;} #ModuloTwitter .Tweets {background:url(/resources/img/backgrounds/fondo-mod-twitter-bottom.gif) 0 bottom no-repeat; padding: 1.8em 4.2em; margin:0 0 0.8em 0; height:100px; position:relative;} #ModuloTwitter .Tweets ul { margin:0 0 0 0; width:224px; overflow:hidden;} #ModuloTwitter .Tweets ul li { margin:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; color:#575656; line-height:1.4em; font-weight:bold; font-style:italic;} #ModuloTwitter .Tweets .TW_Nav { position:absolute;top:50px; width:266px; left:18px; height:21px;} #ModuloTwitter .Tweets .TW_Nav a { width:11px; height:21px; position:absolute;} #ModuloTwitter .Tweets .TW_Nav a.TWNext { right:0; background:url(/resources/img/jquery/twitter/tw-next.gif) 0 0 no-repeat;} #ModuloTwitter .Tweets .TW_Nav a.TWNext:hover { background-position: 0 -32px;} #ModuloTwitter .Tweets .TW_Nav a.TWPrev { left:0;background:url(/resources/img/jquery/twitter/tw-prev.gif) 0 0 no-repeat;} #ModuloTwitter .Tweets .TW_Nav a.TWPrev:hover { background-position: 0 -32px;} /**/ #ContenidoPrincipal #ModuloTwitter .Usuario { background:url(/resources/img/backgrounds/fondo-mod-twitter-top2.gif) 0 bottom no-repeat;} #ContenidoPrincipal #ModuloTwitter .Tweets {background:url(/resources/img/backgrounds/fondo-mod-twitter-bottom2.gif) 0 bottom no-repeat;} #ContenidoPrincipal #ModuloTwitter .Tweets .TW_Nav {width:246px;} #ContenidoPrincipal #ModuloTwitter .Tweets ul {width:204px;} /* ------------------------------------------------------------------------ */ /* LISTADO ---------------------------------------------------------------- */ article#LISTADO { height:100%; padding:2.4em 0 0 0;} article#LISTADO.ResultadosBuscador { height:100%; overflow:hidden; padding:0 0 0 0;} /* ------------------------------------------------------------------------ */ /* LISTADO COLUMNA FILTROS ------------------------------------------------ */ #LISTADO #Buscador { width:206px; float:left; margin:0 3.8em 0 0; display:block;} /* ------------------------------------------------------------------------ */ /* LISTADO MODULO RESULTADO ACTUAL ---------------------------------------- */ #LISTADO .ResultadoActual { background:#FFF;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2; font-size:1.3em; margin:0 0 1.5em 0} #LISTADO .ResultadoActual .Descubriendo { text-align:center; padding:1.1em 0 1em 0} #LISTADO .ResultadoActual .Descubriendo p { margin:0 0 0.3em 0;} #LISTADO .ResultadoActual .Descubriendo p.Area { line-height:1.2em} #LISTADO .ResultadoActual .Descubriendo span { display:block; font-size:4.4em; margin:0 0 0 0; line-height:1.1em; font-weight:normal;} #LISTADO .ResultadoActual .Descubriendo.General { text-align:center; padding:0.5em 0 1.5em 0} #LISTADO .ResultadoActual .Descubriendo.General span { display:block; font-size:2.8em; margin:0.24em 0 0 0; line-height:1em; font-weight:normal;} #LISTADO .ResultadoActual .Descubriendo ul.AreaIco { padding:1em 0 0 0; margin:0 0 0 0} #LISTADO .ResultadoActual .Descubriendo ul.AreaIco li { display:inline; margin:0 0.16em} #LISTADO .ResultadoActual .Tags { background:#f8f8f8 url(/resources/img/backgrounds/filtros/tags-top.gif) 0 0 no-repeat; padding:2.3em 0.8em 0.8em 0; height:100%; overflow:hidden; position:relative; width:196px;} #LISTADO .ResultadoActual .Tags .BotonMas { position:absolute; top:0; left:50%; margin-left:-9px; width:19px} #LISTADO .ResultadoActual .Tags li { color:#989898; margin:0 0 0.8em 1.2em; float:left;} #LISTADO .ResultadoActual .Tags li a { margin-left:0.3em;-moz-transition-property:border-color;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #LISTADO .ResultadoActual .Tags.Buscar { border-top: 1px solid #f2f2f2; background-image:none; padding:1em 0 0.5em 0; width:206px} #LISTADO .ResultadoActual .Tags.Buscar p { padding: 0 0 1em 1em; margin:0 0 0.5em 0} #LISTADO .ResultadoActual .Tags.Buscar p input.TXT { height:21px; width:134px; border:1px solid #efefef; background: #FFF url(/resources/img/iconos/ico_lupa_gris_filtros.gif) 6px 6px no-repeat; padding:0 0 0 1.6em; color:#989898;} #LISTADO .ResultadoActual .Tags.Buscar p input.BTN { margin:0 0 0 0.5em; position:relative; top:-3px} /**/ #LISTADO .ResultadoActual .Formacion { background:url(/resources/img/paginas/listado/fondo-filtros-formacion.gif) center 15px no-repeat;} #LISTADO .ResultadoActual .Premios { background:url(/resources/img/paginas/listado/fondo-filtros-premios.gif) center 20px no-repeat;} #LISTADO .ResultadoActual .Exposiciones { background:url(/resources/img/paginas/listado/fondo-filtros-exposiciones.gif) center 25px no-repeat;} #LISTADO .ResultadoActual .Artistas { background:url(/resources/img/paginas/listado/fondo-filtros-artistas.gif) center 25px no-repeat;} #LISTADO .ResultadoActual .Profesionales { background:url(/resources/img/paginas/listado/fondo-filtros-profesionales.gif) center 29px no-repeat;} #LISTADO .ResultadoActual .Organizaciones { background:url(/resources/img/paginas/listado/fondo-filtros-organizaciones.gif) center 29px no-repeat;} #LISTADO .ResultadoActual .Servicios { background:url(/resources/img/paginas/listado/fondo-filtros-servicios.gif) center 29px no-repeat;} #LISTADO .ResultadoActual .Generico { background:url(/resources/img/paginas/listado/fondo-filtros-generico.gif) center 26px no-repeat;} /* ------------------------------------------------------------------------ */ /* LISTADO - MODULO RECIBE ALERTAS ---------------------------------------- */ .RecibeAlertas {height:90px; border:8px solid #f1f1f1; background:#FFF; margin-bottom:1em; padding:10px 4px 4px 60px; background:url(/resources/img/iconos/ico-campana-big.png) 4px 4px no-repeat;} .RecibeAlertas h2 {font-family:"Gotham Medium", Arial, sans-serif; font-size:12px; color:#b9c54a; font-weight:300; margin-bottom:0; line-height:16px; letter-spacing:-0.04em} .RecibeAlertas h2 .Tooltip {border-radius:10px; display:inline-block; width:15px; height:14px; background-color:#ffa445; text-align:center; padding-top:1px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #d2d2d2; margin-left:0.5em; font-weight:bold; margin-top:-10px; line-height:13px; text-decoration:none;} .RecibeAlertas h3 {font-family:"Gotham Medium", Arial, sans-serif; font-size:10px; color:#333; font-weight:300; line-height:14px;letter-spacing:-0.04em; margin-bottom:10px;} .RecibeAlertas p {font-family:"Gotham Book", Arial, sans-serif; font-size:12px; margin-bottom:0;} .RecibeAlertas p a { background:#b4bc3c url(/resources/img/iconos/arrow-right.png) 105px 8px no-repeat; border: 1px solid #d3d3d3; padding:8px 48px 8px 14px; color:#FFF; text-decoration:none; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; display:block;-webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; transition:all 0.1s ease-out;} .RecibeAlertas p a:hover { background-position:110px 8px;} /* LISTADO MODULO FILTROS ------------------------------------------------- */ #LISTADO .Filtros { background-color:#f4f4f4;-moz-border-radius:5px;border-radius:5px; margin:0 0 1.8em 0; padding:1.2em 0.7em 0.5em 0.7em;} #LISTADO .Filtros h2 { font-size:1.2em; color:#000; margin:0 0 0.6em 0.3em; font-weight:normal;} #LISTADO .Filtros.Perfil h2 { font-size:1.4em; color:#575656; margin:0 0 1em 0.3em; font-weight:bold;} #LISTADO .Filtros.Perfil h2 img { margin:0 0.5em 0 0; float:left; position:relative; top:-4px} /**/ #LISTADO .Filtros.Desplegable {padding:1.2em 0.7em 1.2em 0.7em; position:relative;} #LISTADO .Filtros.Desplegable h2 {display:block; height:100%; overflow:hidden; margin:0 0 0 0.3em; padding:0.3em 0 0 0;cursor:pointer;} #LISTADO .Filtros.Desplegable .Title { background: url(/resources/img/guia/resultados/listado/flecha-desplegable.png) center bottom no-repeat; padding:0 0 1.5em 0; cursor:pointer;} #LISTADO .Filtros.Desactivado {padding:1.2em 0.7em 1.5em 0.7em; background: #f4f4f4 url(/resources/img/guia/resultados/listado/flecha-desplegable.png) center bottom no-repeat;} #LISTADO .Filtros.Desactivado h2 { color:#b6b6b6;} #LISTADO .Filtros .Patron { background:#FFF; border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0; padding:1em 0 0 0; margin:0 0 1em 0} #LISTADO .Filtros .Patron .Categoria { margin:0 0 0 0; padding:0 0 0 0;} #LISTADO .Filtros .Patron .SubTitle {font-size:1.4em; color:#000; padding:0.6em 0 0.8em 0.6em; font-weight:normal; background:url(/resources/img/paginas/listado/bordepuntos-filtros.gif) 0 bottom repeat-x; margin:0 0 1em 0;font-family:"Gotham Medium", Arial, sans-serif;} #LISTADO .SubTitle h3 { background-position: 170px -20px; cursor:pointer; font-weight:normal;} #LISTADO .SubTitle.selected h3 { background-position: 170px 6px;} #LISTADO .Filtros .Patron .SubDesplegar { border-bottom:1px solid #d0d0d0;} #LISTADO .Filtros .Patron .SubDesplegar.Last { border-bottom:none;} /* Formato para Select2 - Nacido en */ #LISTADO .Filtros .Nacimiento { padding:0 0 0 0.8em; margin:0 0 2.5em 0} #LISTADO .Filtros .select2-container .select2-choice { width:165px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;border-radius:5px;-moz-border-radius:5px; background:#ebebeb;} #LISTADO .Filtros .select2-container .select2-choice div {background: url(/resources/img/comun/lugares_desplegable/arrow.png) 0 9px no-repeat;} #LISTADO .Filtros .select2-container .select2-drop { top:30px;padding:0; margin:0;} #LISTADO .Filtros .select2-container .select2-search { top:0; padding:0; margin:0;} #LISTADO .Filtros .select2-container .select2-search input { border-color:#AAA; width:145px; font-size:1.2em;} #LISTADO .Filtros .select2-container .select2-results {-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2; border:1px solid #AAA; top:0;left:0;width:170px; padding:0} #LISTADO .Filtros .select2-container .select2-results li { font-size:1.2em;} /**/ #LISTADO .Filtros .Patron .Calendario { text-align:center; height:160px} #LISTADO .Filtros .Patron ul.Lista_Item { padding:0 0.7em; margin:0 0 1.5em 0} #LISTADO .Filtros .Patron ul.Lista_Item li { font-size:1.2em; margin:0 0 0.4em 1.4em;text-indent:-14px; line-height: 1.3em;} #LISTADO .Filtros .Patron ul.Lista_Item li a { color: #989898; text-decoration:none; background:url(/resources/img/paginas/listado/bolo-lista-fecha.png) 0 4px no-repeat; padding:0 0 0 1.4em; } #LISTADO .Filtros .Patron ul.Lista_Item li a:hover { color: #000000; background:url(/resources/img/paginas/listado/bolo-lista-fecha.png) 0 -12px no-repeat;} #LISTADO .Filtros .Patron ul.Lista_Item li a.Seleccionado { color: #000000; background:url(/resources/img/paginas/listado/bolo-lista-fecha.png) 0 -12px no-repeat;} #LISTADO .Filtros .Patron h4 { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 0 0.8em 0.8em; font-weight:normal;} #LISTADO .Filtros .Patron p.MasItems {font-size:1.2em; color:#989898; text-align:right; margin:0 0 0.5em 0} #LISTADO .Filtros .Patron p.MasItems a {color:#989898; text-decoration:none; background:url(/resources/img/agenda/iconos/ico_mas_artes.gif) right 3px no-repeat; padding:0 1.4em 0 0; margin:0 0.6em 0 0} #LISTADO .Filtros .NuevoPatron {width:185px; padding:0 0 0.5em 0.5em} #LISTADO .Filtros .NuevoPatron h3 {margin:0 0 0.5em 0; font-family:"Gotham Medium", Arial, sans-serif; background:none} #LISTADO .Filtros .NuevoPatron h3 a {font-size:1.4em; color:#bebebe; background:url(/resources/img/paginas/listado/ico_nuevo_patron.gif) right -27px no-repeat; text-decoration:none; display:block;} #LISTADO .Filtros .NuevoPatron .SubTitle.selected h3 a { background-position: right 0;} #LISTADO .Filtros .NuevoPatron .SubDesplegar { background:url(/resources/img/paginas/listado/bordepuntos-filtros.gif) 0 top repeat-x;} #LISTADO .Filtros .NuevoPatron ul.Lista_Item { padding:1.5em 0.7em 0 0.7em; margin:0 0 1.5em 0;} #LISTADO .Filtros .NuevoPatron ul.Lista_Item li { font-size:1.2em; margin:0 0 0.4em 1.4em;text-indent:-14px; line-height: 1.3em;} #LISTADO .Filtros .NuevoPatron ul.Lista_Item li a { color: #989898; text-decoration:none; background:url(/resources/img/paginas/listado/bolo-lista-fecha.png) 0 4px no-repeat; padding:0 0 0 1.4em; } #LISTADO .Filtros .NuevoPatron ul.Lista_Item li a:hover { color: #000000; background:url(/resources/img/paginas/listado/bolo-lista-fecha.png) 0 -12px no-repeat;} #LISTADO .Filtros .NuevoPatron ul.Lista_Item li a.Seleccionado { color: #000000; background:url(/resources/img/paginas/listado/bolo-lista-fecha.png) 0 -12px no-repeat;} #LISTADO .Filtros .RangoEdad { height:115px; overflow:hidden; padding:0 0 0 0} #LISTADO .Filtros .RangoEdad div { margin:0 2.2em 3em 1.2em;} #LISTADO .Filtros .RangoEdad input.Rango { width:150px; margin:0 0 1em 1.2em; color:#5391c6; font-weight:bold; text-align:center;} #LISTADO .Filtros .RangoEdad input.CK { margin:0 0.5em 0 1em; position:relative; top:-1px} #LISTADO .Filtros .RangoEdad label { font-size:1.1em; color:#d1d1d1;} #LISTADO .Filtros .RangoEdad p { margin:0 0 0.5em 0;font-size:1.2em; line-height:1.2em;} /* ------------------------------------------------------------------------ */ /* LISTADO MODULO OTROS FILTROS ------------------------------------------- */ #LISTADO .Filtros .OtrosFiltros { clear:both; position:relative;} #LISTADO .Filtros .OtrosFiltros h3 {font-size:1.4em; padding:0 0 0.5em 0.6em; font-weight:normal; margin:0 0 0.5em 0;font-family:"Gotham Medium", Arial, sans-serif;} #LISTADO .OtrosFiltros .SubTitle h3 { background-position: 178px -19px;} #LISTADO .OtrosFiltros .SubTitle.selected h3 { background-position: 178px 7px;} #LISTADO .Filtros .OtrosFiltros ul { clear:both; height:100%; overflow:hidden; padding:0 0 0.5em 0.8em;} #LISTADO .Filtros .OtrosFiltros ul li { display:block; float:left; -moz-border-radius:9px;border-radius:9px; margin:0 0.6em 0.5em 0; padding:0 0.5em 0 0; font-size:1em} #LISTADO .Filtros .OtrosFiltros ul li a { display:block; float:left; color:#FFF; text-decoration:none;padding:0.5em 1em 0.5em 0.6em; margin:0 0 0 0; font-size:1.2em; background: url(/resources/img/paginas/listado/ico_mas_otros-filtros.gif) right 8px no-repeat;} /* ------------------------------------------------------------------------ */ /* LISTADO MODULO BANNER CONTACTO ----------------------------------------- */ #LISTADO .BannerContacto { margin:0 0 1.8em 0} /* ------------------------------------------------------------------------ */ /* LISTADO MODULO ARCHIVO ------------------------------------------------- */ #LISTADO .Archivo { background-color:#f1f1f1;-moz-border-radius:5px;border-radius:5px; margin:0 0 1.8em 0; padding:0.7em;} #LISTADO .Archivo div { background-color:#FFF; padding:1em 0.4em 1em 0.5em;position:relative;} #LISTADO .Archivo div p { margin:0 0 0 0;position:relative;} #LISTADO .Archivo li.FECHAS_desplegable {position:relative;} #LISTADO .Archivo li.FECHAS_desplegable input { border-radius:5px;-moz-border-radius:5px;color:#000;padding:0 0.7em 0 0.7em;height:25px;margin:0 0 0 0.4em;font-family:Arial, Helvetica, sans-serif;font-size:1.2em; width:155px;} /* Formato para Select2 - Generico */ #LISTADO .Archivo .select2-container .select2-choice { width:165px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;border-radius:5px;-moz-border-radius:5px; background-color:#ebebeb;} #LISTADO .Archivo .select2-container .select2-choice div {background:none;} #LISTADO .Archivo .select2-container .select2-drop { top:40px;padding:0; margin:0; position:absolute} #LISTADO .Archivo .select2-container .select2-search { top:0; padding:0; margin:0;} #LISTADO .Archivo .select2-container .select2-search input { border-color:#AAA; width:145px; font-size:1.2em;} #LISTADO .Archivo .select2-container .select2-results {-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2; border:1px solid #AAA; top:0;left:0;width:170px; padding:0} #LISTADO .Archivo .select2-container .select2-results li { font-size:1.2em;} #LISTADO .Archivo .select2-container .select2-results .select2-highlighted {background:#b9ca3d;color:#FFF;} /* Formato para Select2 - Tipos */ #LISTADO .Archivo .AREAS_desplegable .select2-container .select2-choice {background:#ebebeb url(/resources/img/comun/lugares_desplegable/arrow.png) 155px 9px no-repeat;} #LISTADO .Archivo .AREAS_desplegable .select2-container .select2-search { display:none;} #LISTADO .Archivo .FECHAS_desplegable input {background:#ebebeb url(/resources/img/comun/fecha_desplegable/ico_calendario.png) 147px 3px no-repeat; cursor:pointer;} #LISTADO .Archivo .LUGARES_desplegable .select2-container .select2-choice {background:#ebebeb url(/resources/img/comun/lugares_desplegable/pointer.png) 153px 4px no-repeat;} /**/ #LISTADO .Archivo p.BotonIrArchivo {margin:0 0.4em 0 0; text-align:right;} #LISTADO .Archivo p.BotonIrArchivo input {border-radius:4px;-moz-border-radius:4px; border:1px solid #d0d0d0; background: #FFF url(/resources/img/botones/fitlros/btn-ir-archivo2.gif) right 0 no-repeat; color:#989898; padding:0.3em 3.5em 0.5em 0.6em; cursor:pointer;} /* ------------------------------------------------------------------------ */ /* CONTENIDO CENTRAL ------------------------------------------------------ */ #LISTADO #ContenidoPrincipal { width:746px; float:left; height:100%; overflow:hidden;} /* ------------------------------------------------------------------------ */ /* LISTADO MODULO EVENTOS DESTACADOS -------------------------------------- */ #LISTADO .EventosDestacados {background-color: red; -moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf; width:722px; height:94px; padding:0.8em 1.2em; position:relative;background-color:#f2f2f2;margin:0 0 3em 0;} #LISTADO .EventosDestacados .SlideDestacados { height:100%; overflow:hidden; margin:0 0 0 2.8em;} #LISTADO .EventosDestacados h1 {font-family:"Gotham Medium", Arial, sans-serif; height:25px;font-size:1.2em; color:#575656; font-weight:normal; margin:0 0 0 0;background: right 3px no-repeat;} #LISTADO .EventosDestacados h2 {font-family:"Gotham Medium", Arial, sans-serif; height:25px;font-size:1.2em; color:#575656; font-weight:normal; margin:0 0 0 0;background: right 3px no-repeat;} #LISTADO .EventosDestacados .Bloque { width:204px; float:left; margin:0 2.5em 0 0; height:100%; overflow:hidden;} #LISTADO .EventosDestacados .Bloque img { float:left; margin:0 1em 0 0} #LISTADO .EventosDestacados .Bloque p { font-size:1.1em; color:#a4a4a4;margin:0 0 0.6em 0} #LISTADO .EventosDestacados .Bloque p a {color:#a4a4a4; text-decoration:none;} #LISTADO .EventosDestacados .Bloque p.Titulo {font-size:1.3em; color:#515253; margin:0 0 0.3em 0; line-height:1.2em} #LISTADO .EventosDestacados .Bloque p.Titulo a {color:#515253; text-decoration:none;} #LISTADO .EventosDestacados.Artistas h1 { height:20px} #LISTADO .EventosDestacados.Artistas h2 { height:20px} #LISTADO .EventosDestacados.Artistas .Bloque { width:84px; float:left; padding:0 0 0 0; height:100%; overflow:hidden; text-align:center; margin:0 0 0 0.3em; } #LISTADO .EventosDestacados.Artistas .Bloque img { margin:0 0 0.5em 0; float:none;} #LISTADO .EventosDestacados.Artistas .SlideDestacados { z-index:99; width:700px; overflow:hidden; margin:0 0 0 1.4em} #LISTADO .EventosDestacados.Artistas .SlideDestacados div { height:75px} /* ------------------------------------------------------------------------ */ /* LISTADO BOTONES DE NAVEGACION ------------------------------------------ */ #LISTADO .EventosDestacados .Slide_Nav { width:722px; height:24px; position:absolute; top:50px; padding:0 0 0 0;z-index:1;} #LISTADO .EventosDestacados .Slide_Nav div { position:absolute; top:0; left:0; z-index:999; width:722px; height:24px;} #LISTADO .EventosDestacados a.prev { position:absolute; left:0; width:12px;height:24px;background:url(/resources/img/jquery/eventos_destacados/btn-nav.png) 0 0 no-repeat; display:block;} #LISTADO .EventosDestacados a.prev:hover { background-position:0 -30px;} #LISTADO .EventosDestacados a.next {position:absolute; right:0; width:12px;height:24px;background:url(/resources/img/jquery/eventos_destacados/btn-nav.png) -24px 0 no-repeat; display:block;} #LISTADO .EventosDestacados a.next:hover {background-position:-24px -30px;} /* ------------------------------------------------------------------------ */ /* LISTADO MODULO SOPORTE - VISUALIZACION --------------------------------- */ #LISTADO .Soporte { border-bottom:1px solid #e5e5e5; padding:0 0 0.5em 0; clear:both; height:30px; overflow:visible; margin:0 0 2em 0} #LISTADO .Soporte .Orden { float:left;} #LISTADO .Soporte .Orden p { font-size:1.2em; color:#c8c8c8; margin:0 0 0 0;} #LISTADO .Soporte .Orden p label { float:left; position:relative; top:0.55em;} #LISTADO .Soporte .Orden p select {color:#000; margin:0 0 0 1em; width:110px; font-size:1em; float:left;} /* Estilos para Select */ #LISTADO .Soporte .Orden .select2-container .select2-choice {display:block;overflow:hidden;white-space:nowrap;position:relative;padding:0 0;text-decoration:none; margin:0 0 0 1em} #LISTADO .Soporte .Orden .select2-container .select2-choice div b {display:block;width:100%;height:100%;background:url(/resources/img/jquery/custom-select/arrow-select.gif) right 10px no-repeat;} #LISTADO .Soporte .Orden .select2-dropdown-open .select2-choice div b { background:url(/resources/img/jquery/custom-select/arrow-select.gif) right -17px no-repeat;} #LISTADO .Soporte .Orden .select2-container .select2-search { display:none;} #LISTADO .Soporte .Orden .select2-container .select2-search input { width:144px;} #LISTADO .Soporte .Orden .select2-container .select2-results {-moz-box-shadow:2px 0 5px #b2b2b2;-webkit-box-shadow:2px 0 5px #b2b2b2;box-shadow:2px 0 5px #b2b2b2;border:1px solid #AAA;top:0;left:0;width:120px;padding:0.4em 0 0.4em 0.4em;margin:0 0 0 0;} #LISTADO .Soporte .Orden .select2-container .select2-results .select2-highlighted {} #LISTADO .Soporte .Orden .select2-container .select2-results li {font-size:12px;width:101px;} /**/ #LISTADO .Soporte .Vista { float:right} #LISTADO .Soporte .Vista ul li { display:inline;} #LISTADO .Soporte .Vista ul li a { display:block; float:left; width:18px; height:19px; margin:0 0 0 1em;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #LISTADO .Soporte .Vista ul li a span { display:none} /**/ #LISTADO .Soporte .Vista ul li.VistaMosaico a { display:block; float:left; background:url(/resources/img/paginas/listado/soporte-vista-mosaico.gif) 0 1px no-repeat;} #LISTADO .Soporte .Vista ul li.VistaMosaico a:hover {background:url(/resources/img/paginas/listado/soporte-vista-mosaico.gif) 0 -19px no-repeat;} #LISTADO .Soporte .Vista ul li.VistaMosaico a.On {background:url(/resources/img/paginas/listado/soporte-vista-mosaico.gif) 0 -19px no-repeat;} /**/ #LISTADO .Soporte .Vista ul li.VistaListado a { display:block; float:left; background:url(/resources/img/paginas/listado/soporte-vista-listado.gif) 0 0 no-repeat;} #LISTADO .Soporte .Vista ul li.VistaListado a:hover {background:url(/resources/img/paginas/listado/soporte-vista-listado.gif) 0 -19px no-repeat;} #LISTADO .Soporte .Vista ul li.VistaListado a.On {background:url(/resources/img/paginas/listado/soporte-vista-listado.gif) 0 -19px no-repeat;} /**/ #LISTADO .Soporte .Vista ul li.VistaPareado a { display:block; float:left; background:url(/resources/img/paginas/listado/soporte-vista-pareado.gif) 0 0 no-repeat;} #LISTADO .Soporte .Vista ul li.VistaPareado a:hover {background:url(/resources/img/paginas/listado/soporte-vista-pareado.gif) 0 -19px no-repeat;} #LISTADO .Soporte .Vista ul li.VistaPareado a.On {background:url(/resources/img/paginas/listado/soporte-vista-pareado.gif) 0 -19px no-repeat;} /* ------------------------------------------------------------------------ */ /* LISTADO ELEMENTOS MOSTRADOS EN LISTADO --------------------------------- */ #LISTADO .ListadoResultados { margin:0 0 6.5em 0;} #LISTADO .ListadoResultados .ItemResultado { border:1px solid #e9e9e9; padding:1.2em 0 0 0; height:100%; overflow:hidden; margin:0 0 1em 0; position:relative;} #LISTADO .ListadoResultados .ItemResultado.Convocado { background:url(/resources/img/paginas/listado/convocado.png) right bottom no-repeat} #LISTADO .ListadoResultados .ItemResultado.Fallado { background:url(/resources/img/paginas/listado/fallado.png) right bottom no-repeat} #LISTADO .ListadoResultados .Foto { width:97px; float:left; min-height:160px; padding:0 1.7em 0 1.7em; position:relative;} #LISTADO .ListadoResultados .Foto div { width:97px; height:100%; padding:0.4em 0 0 0} #LISTADO .ListadoResultados .Foto div img {border:1px solid #ededed;} #LISTADO .ListadoResultados .Foto div.LinkVistaPrevia { width:113px; height:100%; padding:0 0 0 0; background:url(/resources/img/agenda/listado/fondo-vista-previa.png) 0 0 repeat; position:absolute; top:0; left:9px; display:none;} #LISTADO .ListadoResultados .Foto div.LinkVistaPrevia a { width:72px; height:78px; position:absolute; left:50%;top:50%; margin-left:-36px; margin-top:-39px; display:block;} #LISTADO .ListadoResultados .Foto div.LinkVistaPrevia a img { border:none;} #LISTADO .ListadoResultados .Foto .IcoRecomendado { width:32px; height:41px; position:absolute; top:0; right:21px; padding:0 0 0 0} #LISTADO .ListadoResultados .Foto .IcoRecomendado img { border:none;} #LISTADO .ListadoResultados .Fecha {width:103px; float:left; padding:0.3em 0 0 0;} #LISTADO .ListadoResultados .Fecha ul { background:url(/resources/img/paginas/listado/separacion-fecha.gif) 42px 5px no-repeat; height:100%; overflow:hidden; clear:both;} #LISTADO .ListadoResultados .Fecha ul li { font-size:1.6em; color:#999999; width:40px; float:left; font-weight:bold;} #LISTADO .ListadoResultados .Fecha ul li span { font-size:1.9em; display:block; text-align:center;} #LISTADO .ListadoResultados .Fecha ul li.Hasta { margin:0 0 0 1.25em} #LISTADO .ListadoResultados .Contenido {width:358px; float:left; min-height:160px; position:relative; padding:0 0 0 2em} #LISTADO .ListadoResultados .Contenido h1 { font-size:2em;color:#4f5152; margin:0 0 0.2em 0} #LISTADO .ListadoResultados .Contenido h1 a { color:#4f5152; text-decoration:none;} #LISTADO .ListadoResultados .Contenido h1 a:hover { text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .ListadoResultados .Contenido h2 {font-size:2em;color:#4f5152; margin:0 0 0.2em 0} #LISTADO .ListadoResultados .Contenido h2 a { color:#4f5152; text-decoration:none;} #LISTADO .ListadoResultados .Contenido h2 a:hover {text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .ListadoResultados .Contenido p.loc {font-size: 1.2em;color: #999999;margin: 0 0 1.3em 0;font-weight: normal;font-family: Arial, Helvetica, sans-serif;} #LISTADO .ListadoResultados .Contenido p { font-size:1.2em; line-height:1.4em} #LISTADO .ListadoResultados .Contenido p a { color:#000; text-decoration:none;} #LISTADO .ListadoResultados .Contenido p a:hover { text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .ListadoResultados .Accion { width:115px; float:left; padding:0 1.6em 0 0} #LISTADO .ListadoResultados .Accion ul { float:right} #LISTADO .ListadoResultados .Accion ul li { margin:0 0 0.3em 0; font-family:"Gotham Medium", Arial, sans-serif; font-size:1em; display:block;} #LISTADO .ListadoResultados .Accion ul li a { display:block; height:20px; border:1px solid #ececec;-moz-border-radius:5px;border-radius:5px; color:#c4c4c4; text-decoration:none; padding:1em 3.5em 0 1em;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #LISTADO .ListadoResultados .InfoSocial { height:1.7em; padding:0.8em 0 0 3.5em; background: #f4f4f4 url(/resources/img/paginas/listado/fondo-info-social.gif) 12px 6px no-repeat; position:absolute; left:252px; bottom:0; width:323px;} #LISTADO .ListadoResultados .InfoSocial p { color:#c5c5c5; margin:0 0 0 0; font-size:1.2em;} #LISTADO .ListadoResultados .Fecha P.Alerta { font-family:"Gotham Medium", Arial, sans-serif; font-size:1em;-moz-border-radius:5px;border-radius:5px; float:left; padding:0.6em 1.2em; margin:1em 0 0 0} /* LISTADO ELEMENTOS MOSTRADOS EN LISTADO // Adaptaciones para Guia --------------------------------- */ #LISTADO .ListadoResultados.Guia { margin:0 0 6.5em 0} #LISTADO .ListadoResultados.Guia .ItemResultado { border:1px solid #e9e9e9; padding:1.2em 0 0 0; height:100%; overflow:hidden; margin:0 0 1em 0} /**/ #LISTADO .ListadoResultados.Guia .Foto { width:97px; float:left; padding:0 1.7em 0 1.7em; position:relative; min-height:140px} #LISTADO .ListadoResultados.Guia .Foto div.LinkVistaPrevia { width:97px; float:left; height:95px; padding:0 0 0 0; background:url(/resources/img/agenda/listado/fondo-vista-previa.png) 0 0 repeat; position:absolute; top:0; left:16px; display:none;} #LISTADO .ListadoResultados.Guia .Foto div.LinkVistaPrevia a { width:72px; height:78px; position:absolute; left:50%;top:50%; margin-left:-36px; margin-top:-39px; display:block;} #LISTADO .ListadoResultados.Guia .Foto div.LinkVistaPrevia a img { border:none; position:relative; top:5px} #LISTADO .ListadoResultados.Guia .Foto div img {border:none;} #LISTADO .ListadoResultados.Guia .Foto .VistaPrevia { padding:0.4em; border:1px solid #e9e9e9; width:85px; height:85px; margin:0 0 1em 0} #LISTADO .ListadoResultados.Guia .Foto p.Compartido { color:#999; background:url(/resources/img/guia/resultados/comun/ico-heart.gif) 0 0 no-repeat; padding:0.2em 0 0.2em 1.6em; font-size:1.2em; margin:0 0 0 0.5em} /**/ #LISTADO .ListadoResultados.Guia .Contenido {width:406px; float:left; position:relative; padding:0 0 0 0; min-height:140px} #LISTADO .ListadoResultados.Guia .Contenido h1 { font-size:1.9em;color:#4f5152; margin:0 0 0.3em 0; font-weight:normal;} #LISTADO .ListadoResultados.Guia .Contenido h1 a { color:#4f5152; text-decoration:none;} #LISTADO .ListadoResultados.Guia .Contenido h1 a:hover { text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .ListadoResultados.Guia .Contenido h2 { font-size:2em; color:#999999; margin:0 0 0.8em 0; font-weight:normal;} /**/ #LISTADO .ListadoResultados.Guia .Contenido p.Artista { background:url(/resources/img/guia/resultados/comun/ico-artista.gif) 0 0 no-repeat; padding:0.4em 0 0.2em 2em} #LISTADO .ListadoResultados.Guia .Contenido p.Profesional { background:url(/resources/img/guia/resultados/comun/ico-profesional.gif) 0 0 no-repeat; padding:0.4em 0 0.2em 2em} #LISTADO .ListadoResultados.Guia .Contenido p.Organizacion { background:url(/resources/img/guia/resultados/comun/ico-organizacion.gif) 0 0 no-repeat; padding:0.4em 0 0.2em 2em} #LISTADO .ListadoResultados.Guia .Contenido p.Servicios { background:url(/resources/img/guia/resultados/comun/ico-servicios.gif) 0 0 no-repeat; padding:0.4em 0 0.2em 2em} /**/ #LISTADO .ListadoResultados.Guia .Contenido p { font-size:1.2em; line-height:1.4em} #LISTADO .ListadoResultados.Guia .Contenido p a { color:#000; text-decoration:none;} #LISTADO .ListadoResultados.Guia .Contenido p a:hover { text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .ListadoResultados.Guia .Contenido p.Actualizacion { color:#999} /**/ #LISTADO .ListadoResultados.Guia .Accion { width:190px; padding:0 1.6em 0 0;} #LISTADO .ListadoResultados.Guia .Accion ul { float:right;} #LISTADO .ListadoResultados.Guia .Accion ul li { margin:0 0 0.3em 0; font-family:"Gotham Medium", Arial, sans-serif; font-size:1em; display:block;} #LISTADO .ListadoResultados.Guia .Accion ul li a { display:block; height:20px; border:1px solid #ececec;-moz-border-radius:5px;border-radius:5px; color:#c4c4c4; text-decoration:none; padding:1em 3.5em 0 1em;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs { margin:1.6em 0 1.2em 0; float:right;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li { display:block; margin:0 0 0 0.5em; position:relative; height:41px; float:left;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li a { display:inline; border:none; -moz-border-radius:none;border-radius:none; padding:0 0 0 0;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li a:hover { -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li img { border:1px solid #999;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li a:hover img { border:1px solid #FFF;-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;box-shadow:0 0 2px #666;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li .IcoRecomendado {width:9px; height:13px; position:absolute; top:-2px; right:2px;} #LISTADO .ListadoResultados.Guia .Accion ul.Thumbs li .IcoRecomendado img { border:none;} #LISTADO .ListadoResultados.Guia .Accion p { clear:both;text-align:right;} #LISTADO .ListadoResultados.Guia .Accion p.Material { font-size:1.2em} #LISTADO .ListadoResultados.Guia .Accion p.Material a { text-decoration:none;} #LISTADO .ListadoResultados.Guia .Accion p.Material a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* LISTADO ELEMENTOS PAREADOS --------------------------------- */ #LISTADO .ListadoResultados.Pareados { height:100%; overflow:hidden; clear:both; margin-bottom:0;} #LISTADO .ListadoResultados.Pareados .ItemResultado { width:363px; height:190px; float:left; margin-right:1.5em; margin-bottom:1em; margin-top:0.5em;} #LISTADO .ListadoResultados.Pareados .ItemResultado.Last { margin-right:0;} #LISTADO .ListadoResultados.Pareados .Foto { width:97px; float:left; min-height:160px; padding:0 0 0 1.7em; position:relative;} #LISTADO .ListadoResultados.Pareados .Contenido {width:230px; float:left; min-height:160px; position:relative; padding:0 0 0 0.8em} #LISTADO .ListadoResultados.Pareados .Accion { width:230px; float:left; padding:0 0 0 0} #LISTADO .ListadoResultados.Pareados .Accion ul { float:left; margin:1em 0 0 0} #LISTADO .ListadoResultados.Pareados .Accion ul li { margin:0 0 0.3em 0; font-family:"Gotham Medium", Arial, sans-serif; font-size:1em; display:block;} /* LISTADO RESULTADOS EN MOSAICO ------------------------------------------ */ #LISTADO #Holder { margin:0 0 6.5em 0; padding:0.4em 0 0 0;} #LISTADO #MosaicoAgenda { position:relative; width:746px;} #LISTADO .MosaicoResultados .ItemResultado { border:1px solid #e9e9e9; padding:0 0 0 0; margin:0 0 0 0; width:171px; } #LISTADO .MosaicoResultados .ItemResultado.Convocado .Contenido { background:url(/resources/img/paginas/mosaico/convocado.png) right bottom no-repeat} #LISTADO .MosaicoResultados .ItemResultado.Fallado .Contenido { background:url(/resources/img/paginas/mosaico/fallado.png) right bottom no-repeat} #LISTADO .MosaicoResultados .Foto { width:171px; margin:0 0 0 0; position:relative;} #LISTADO .MosaicoResultados .Foto div { width:100%; height:100%; padding:0 0 0 0; } #LISTADO .MosaicoResultados .Foto div img { border:none; display:block; } #LISTADO .MosaicoResultados .Foto div.LinkVistaPrevia { width:171px; height:100%; padding:0 0 0 0; background:url(/resources/img/agenda/listado/fondo-vista-previa.png) 0 0 repeat; position:absolute; top:0; left:0; display:none;} #LISTADO .MosaicoResultados .Foto div.LinkVistaPrevia a { width:72px; height:78px; position:absolute; left:50%;top:50%; margin-left:-36px; margin-top:-39px; display:block;} #LISTADO .MosaicoResultados .Foto div.LinkVistaPrevia a img { border:none;} #LISTADO .MosaicoResultados .Foto .VistaPrevia { margin: 0 0 0 0; } #LISTADO .MosaicoResultados .Foto .IcoRecomendado { width:32px; height:41px; position:absolute; top:-4px; right:4px; padding:0 0 0 0} #LISTADO .MosaicoResultados .Fecha {width:163px; float:left; padding:0.7em 0 0 0.8em; margin:0 0 1.5em 0} #LISTADO .MosaicoResultados .Fecha ul { background: url(/resources/img/paginas/mosaico/separacion-fecha.gif) 46px 2px no-repeat; height:100%; overflow:hidden; clear:both;} #LISTADO .MosaicoResultados .Fecha ul li { font-size:1em; color:#999999; width:56px; float:left; font-weight:bold;} #LISTADO .MosaicoResultados .Fecha ul li span { font-size:2.4em; display:block; float:left; margin:0 0.2em 0 0; position:relative; top:-1px;} #LISTADO .MosaicoResultados .Fecha ul li.Hasta { margin:0 0 0 0} #LISTADO .MosaicoResultados .Fecha P.Alerta { font-family:"Gotham Medium", Arial, sans-serif; font-size:1em;-moz-border-radius:5px;border-radius:5px; float:left; padding:0.6em; margin:0.5em 0 0 0;} #LISTADO .MosaicoResultados .Contenido { width:155px; float:none; padding:0 0.8em 1.5em 0.8em;} #LISTADO .MosaicoResultados .Contenido h1 { font-size:1.4em;color:#4f5152; margin:0 0 0.5em 0} #LISTADO .MosaicoResultados .Contenido h1 a { color:#4f5152; text-decoration:none;} #LISTADO .MosaicoResultados .Contenido h1 a:hover { text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .MosaicoResultados .Contenido h2 { font-size:1.1em; color:#999999; margin:0 0 0.3em 0; font-weight:normal;} #LISTADO .MosaicoResultados .Contenido p { font-size:1.1em; line-height:1.4em; color:#999999;} #LISTADO .MosaicoResultados .Contenido p a { color:#000; text-decoration:none;} #LISTADO .MosaicoResultados .Contenido p a:hover { text-decoration:none; border-bottom:1px dotted #999;} #LISTADO .MosaicoResultados .Accion { width:171px; float:none; padding:0 0 0 0; margin:0 0 0 0} #LISTADO .MosaicoResultados .Accion ul { border-bottom:1px solid #e9e9e9; width:171px; margin:0 0 0 0; height:100%; overflow:hidden;background: #f4f4f4} #LISTADO .MosaicoResultados .Accion ul li { margin:0 0 0 0; font-size:1em;} #LISTADO .MosaicoResultados .Accion ul li a { color:#c4c4c4; text-decoration:none; display:block; float:left; height:19px; width:68px; padding:1.1em 0 0 0.7em;} #LISTADO .MosaicoResultados .Accion ul li a.Voy { padding-right:0.6em} #LISTADO .MosaicoResultados .Accion .InfoSocial { height:22px; padding:0.8em 0 0 3em; background: #f4f4f4 url(/resources/img/paginas/listado/fondo-info-social.gif) 8px 7px no-repeat; width:141px; border-top: 1px solid #fafafa;} #LISTADO .MosaicoResultados .Accion .InfoSocial p { color:#c5c5c5; margin:0 0 0 0; font-size:1.2em} /* ------------------------------------------------------------------------ */ /* LISTADO PUBLICIDAD ----------------------------------------------------- */ #LISTADO .Banner { margin:3.5em 0;background:#f2f2f2 right bottom no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 1.8em 1em;text-align:center} /* ------------------------------------------------------------------------ */ /* LISTADO PAGINACION ----------------------------------------------------- */ #LISTADO .Paginacion { margin:1em 0 6em 0;height:20px; height:100%; overflow:hidden;} #LISTADO .Paginacion .Total { float:left; height:34px; padding:1.6em 0 0 0; text-align:right;} #LISTADO .Paginacion .Total img { position:relative; top:4px; margin: 0 0.5em 0 0} #LISTADO .Paginacion .Total p { font-size:1.2em;} #LISTADO .Paginacion .Total p span { font-size:1.3em;} #LISTADO .Paginacion .Total.Eventos { background:url(/resources/img/paginas/paginacion/fondo-total-eventos.gif) 0 center no-repeat} #LISTADO .Paginacion ul {text-align:right;float:right;font-size:1.2em; margin:1em 0 0 0} #LISTADO .Paginacion li {display:inline;float:left;margin:0 0.2em;line-height:30px;} #LISTADO .Paginacion li.Siguiente a { background: #f3f3f3 url(/resources/img/paginas/paginacion/ico-flecha.gif) right center no-repeat; padding:0.9em 5em 0.9em 0.8em; border:none; font-size:0.8em;border:1px solid #d6d6d6;} #LISTADO .Paginacion li.Siguiente a:hover { color:#a0a0a0; font-weight:normal;} #LISTADO .Paginacion li a {display:inline;float:left;color:#a0a0a0;text-decoration:none; border:1px solid #d6d6d6;padding:0.75em 0.5em;width:24px;text-align:center;line-height:10px;} /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* CATEGORY PAGE ---------------------------------------------------------- */ /* ------------------------------------------------------------------------ */ #CATEGORY { height:100%; padding:2.4em 0 0 0; overflow:hidden;} #CATEGORY #ContenidoPrincipal { width:640px; float:left; margin-right:2.7em} #CATEGORY #ContenidoPrincipal h1 { font-size:3.6em; color:#333; font-family:"Gotham Light", Arial, sans-serif; font-weight:normal; text-transform:uppercase; margin-bottom:0.5em} /* Compartir */ #CATEGORY #ContenidoPrincipal .Social { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:60px; overflow:visible; padding:0.8em 0 0.8em 0; margin:0 0 2.6em 0; position:relative} #CATEGORY #ContenidoPrincipal .Compartir li {float:left;display:inline;margin:0 0.8em;} #CATEGORY #ContenidoPrincipal .Compartir li a {padding:0.4em 0.4em 0.3em 0.4em;font-size:1.2em;color:#c4c4c4;text-decoration:none} #CATEGORY #ContenidoPrincipal .Compartir li a:hover {color:#999;} #CATEGORY #ContenidoPrincipal .Social ul .ICO {padding-left:2.2em;background-repeat:no-repeat;background-position:3px 3px;border:1px solid #FFF;} #CATEGORY #ContenidoPrincipal .Social ul .Compartir {background-image:url(/resources/img/iconos/ico-compartir.png); background-repeat:no-repeat; background-position:0 1px;} #CATEGORY #ContenidoPrincipal .Social a.Compartir:hover, #NOTICIAS #ContenidoPrincipal .Social a.Compartir.Activo {font-style:italic;color:#000;background-position:0 -99px;font-weight:bold;} #CATEGORY #ContenidoPrincipal .Social #contactFormComparte {min-width:310px;} #CATEGORY #ContenidoPrincipal .Social #contactFormComparte2 {min-width:310px;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS {padding:0.5em;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS p {clear:both;padding-top:1.5em;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.2em;color:#575656} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li { display:block; float:left; margin:0 0 0 0.7em;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a { display:block; float:left; width:21px; height:21px; padding:0 0 0 0;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a:hover img {opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a.FB { background:url(/resources/img/iconos/likebuttons/fb-on.gif) 0 0 no-repeat;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a.TW { background:url(/resources/img/iconos/likebuttons/tw-on.gif) 0 0 no-repeat;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a.GP { background:url(/resources/img/iconos/likebuttons/gplus-on.gif) 0 0 no-repeat;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a.IN { background:url(/resources/img/iconos/likebuttons/in-on.gif) 0 0 no-repeat;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li a.ST { background:url(/resources/img/iconos/likebuttons/st-on.gif) 0 0 no-repeat;} #CATEGORY #ContenidoPrincipal .Social ul.Compartir .RRSS li span {-moz-border-top-right-radius:3px; border-top-right-radius:3px;-moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px; background:url(/resources/img/iconos/likebuttons/bocadillo-left.gif) 0 0 no-repeat;border-right: 1px solid #949494; border-left:none;display:block; float:left; padding:0.4em 0.4em 0 0.6em; color:#949494; font-size:1.2em; height:16px; margin:0 0 0 0.3em} /* Facebook */ #CATEGORY #ContenidoPrincipal .Social .fb-like { float:left; width:320px; margin:0 0 0 10em; padding:6px 0 0 20px;} /* Recomendar por email */ #CATEGORY #ContenidoPrincipal .Social .Recomendar { text-align:right; width:200px; float:left; margin:1.2em 0 0 0;} #CATEGORY #ContenidoPrincipal .Social .Recomendar li { font-size:1.2em; color:#CCC; padding:0 0 0 1.5em; margin:0 0 0.9em 0;} #CATEGORY #ContenidoPrincipal .Social .Recomendar li.Compartido { padding-right:0.8em; font-style:italic;} #CATEGORY #ContenidoPrincipal .Social .Recomendar li a { font-style:italic;color:#999999; text-decoration:none; background:url(/resources/img/iconos/ico-recomendar2.png) 7px 5px no-repeat; padding:0.7em 0.8em 0.5em 2.5em;-moz-transition-property:all;-moz-transition-duration:0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.1s;} #CATEGORY #ContenidoPrincipal .Social .Recomendar li a:hover { -moz-border-radius:3px; border-radius:3px;background-color:#fdf8e4;-moz-box-shadow:0 2px 3px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2;} /* Modulo de Resultados */ #ContenidoPrincipal .Resultados { height:100%; overflow:hidden;} #ContenidoPrincipal .Resultados .Item { clear:both; height:100%; overflow:hidden; padding:0 0 3.6em 0; border-bottom:3px solid #CCC; margin:0 0 3.2em 0;} #ContenidoPrincipal .Resultados .Item .Foto { width:140px; margin:0 0.7em 0 0; float:left;} #ContenidoPrincipal .Resultados .Item .Foto a:hover img { opacity:0.7;filter:alpha(opacity=70);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #ContenidoPrincipal .Resultados .Item section { width:493px; float:left;} #ContenidoPrincipal .Resultados .Item h2 { font-size:1.9em; line-height:1.2em; color:#333; padding:0.35em 0.6em 0.55em 0.35em; border-bottom:1px solid #CCC; margin:0 0 0.75em 0; font-family:Arial, Helvetica, sans-serif;} #ContenidoPrincipal .Resultados .Item h2 a {color:#333; text-decoration:none;} #ContenidoPrincipal .Resultados .Item h2 a:hover { text-decoration:none; border-bottom:1px dotted #999;} #ContenidoPrincipal .Resultados .Item p { font-size:1.2em; line-height:1.6em; color:#333; padding:0 0 0 0.6em} #ContenidoPrincipal .Resultados .Item p a { color:#333;} #ContenidoPrincipal .Resultados .Item .Autor {padding:0 0.9em 0 0.6em; clear:both; height:16px; margin:0 0 1.5em 0} #ContenidoPrincipal .Resultados .Item .Autor ul { float:left; height:16px; margin:0 0 0 0; padding:0 0 0 0} #ContenidoPrincipal .Resultados .Item .Autor li { display:inline; background:url(/resources/img/comun/bolo-autor.gif) right 5px no-repeat; font-size:1.1em; color:#999; padding:0 0.8em 0 0} #ContenidoPrincipal .Resultados .Item .Autor li.Last { background:none;} #ContenidoPrincipal .Resultados .Item .Autor p { float:right; font-size:1.1em; height:16px; margin:0 0 0 0; padding:0 0 0 0; line-height:1.2em} #ContenidoPrincipal .Resultados .Item .Autor p a { text-decoration:none; height:16px; display:block; background:url(/resources/img/magazine/ico-comentario.gif) 0 0 no-repeat; padding:0 0 0 2em;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; color:#c93895;} #ContenidoPrincipal .Resultados .Item .Autor p a:hover {margin:0 0.5em 0 0;} /* LISTADO PAGINACION ----------------------------------------------------- */ #CATEGORY .Paginacion { margin:1em 0 6em 0;height:20px; height:100%; overflow:hidden;} #CATEGORY .Paginacion ul {text-align:right;float:right;font-size:1.2em; margin:1em 0 0 0} #CATEGORY .Paginacion li {display:inline;float:left;margin:0 0.2em;line-height:2em;} #CATEGORY .Paginacion li.Siguiente a { background: #f3f3f3 url(/resources/img/paginas/paginacion/ico-flecha.gif) right center no-repeat; padding:0.9em 5em 0.9em 0.8em; border:none; font-size:0.8em;border:1px solid #d6d6d6;} #CATEGORY .Paginacion li.Siguiente a:hover { color:#a0a0a0; font-weight:normal;} #CATEGORY .Paginacion li a {display:inline;float:left;color:#a0a0a0;text-decoration:none; border:1px solid #d6d6d6;padding:0.7em 0.5em;width:24px;text-align:center;line-height:10px;} /* LISTADO BUSCADOR ----------------------------------------------------- */ #CATEGORY .Buscador { height:112px; clear:both;} #CATEGORY p.CampoTexto { height:45px; border:2px solid #CCC;background-color:#f7f7f7;-moz-border-radius:3px; border-radius:3px; padding: 1.5em 1.5em 0 1em} #CATEGORY p.CampoTexto input.TXT { height:30px; width:435px; background-color:#f7f7f7; margin:0 0.5em 0 0; color:#333; font-size:2.4em; font-weight:bold;} #CATEGORY p.CampoTexto input::-webkit-input-placeholder { color:#333;} #CATEGORY p.CampoTexto input:-moz-placeholder { color:#333;} #CATEGORY p.CampoTexto input.BotonBuscar { background:url(/resources/img/botones/boton-buscar.gif) 0 0 no-repeat;width:152px;height:29px;color:#FFF;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.4em;text-align:left;padding:0 0 0 1.2em;} #CATEGORY .Resultados h2 span { color:#FFF;} #CATEGORY .Resultados p span { color:#FFF;} /* BANNER DE CONTENIDO PRINCIPAL ------------------------------------------ */ #CATEGORY .Banner {clear:both;overflow:hidden;height:100%; margin:0 0 3em 0;background:#f2f2f2 right bottom no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 1.8em 1em;text-align:center} /* ------------------------------------------------------------------------ */ /* ASIDE INFORMACION RELACIONADA ------------------------------------------ */ /* Banner Novedades / Lo mas Visto */ #Novedades { width:298px; height:414px; clear:both; overflow:hidden;-moz-border-radius:4px;border-radius:4px; border:11px solid #f1f1f1; margin:0 auto 2em auto;} #Novedades nav { height:56px; padding: 1.2em 1.2em 0 1.2em} #Novedades nav li { display:inline; font-size:1.6em; font-family:"Gotham Medium", Arial, sans-serif; text-transform:uppercase;} #Novedades nav li a { color:#abaaaa; padding:0 1.3em 0.6em 0.2em; border-bottom:2px solid #dcdcdc; text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;} #Novedades .TabsContent { padding:0 1.3em 0 1.7em;} #Novedades .Item { height:100%; overflow:hidden; clear:both; margin:0 0 1.6em 0} #Novedades .Item .Foto { width:70px; height:70px; float:left;} #Novedades .Item .Foto a:hover img {opacity:0.7;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #Novedades .Item .Contenido { float:left; width:180px; margin:0 0 0 1.7em; padding:0.4em 0 0 0} #Novedades .Item .Contenido ul { display:block; height:100%; overflow:hidden; margin:0 0 0.4em 0} #Novedades .Item .Contenido ul li { display:inline; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#a4a4a4; padding:0 0.5em 0 0;} #Novedades .Item .Contenido ul li a { color:#a4a4a4;} #Novedades .Item .Contenido ul li:nth-child(1) { background:url(/resources/img/backgrounds/separador-linea.gif) right 2px no-repeat; margin:0 0.3em 0 0;} #Novedades .Item .Contenido p { font-size:1.4em; color:#575757; font-weight:bold; line-height:1.25em;} #Novedades .Item .Contenido p a {color:#575757; text-decoration:none;} #Novedades .Item .Contenido p a:hover { border-bottom:1px dashed #999;} /* Banner Suscripcion al Boletin */ #Suscripcion { margin:0 0.4em 2em 0.4em; width:318px; background:-webkit-linear-gradient(top, #F3F3F3, #FFFFFF);background:-moz-linear-gradient(top, #F3F3F3, #FFFFFF);border:1px solid #e1e1e1;-webkit-border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow:#e1e1e1 0 0 5px;-moz-box-shadow:#e1e1e1 0 0 5px; padding: 1em 0 0 0} #Suscripcion .Titulo { width:256px; height:45px; position:relative; left:-5px; background:url(/resources/img/magazine/fondo-titulo-suscripcion.png) 0 0 no-repeat; padding:0.6em 0 0 3.2em; margin:0 0 1.2em 0} #Suscripcion .Titulo p { font-size:1.4em; color:#FFF; font-family:"Gotham Medium", Arial, sans-serif; text-transform:uppercase;} #Suscripcion .Titulo p strong {font-size:1.4em; display:block; font-weight:normal;} #Suscripcion .Form { padding: 0 0 2em 2.2em;} #Suscripcion .Form p { font-size:1.2em; color:#333; line-height:1.4em; margin:0 2.5em 2em 0} #Suscripcion .Form li { display:inline;} #Suscripcion .Form input.TXT { height:37px; border:1px solid #e3e3e3;-webkit-border-radius:3px;-moz-border-radius:3px; width:228px; padding: 0 0 0 1em;color:#999;} #Suscripcion .Form input::-webkit-input-placeholder { color:#999;} #Suscripcion .Form input:-moz-placeholder { color:#999;} /* Banner AI en Facebook */ #AIFacebook { width:302px; height:85px; background:url(/resources/img/backgrounds/banners/banner-ai-en-fb.png) 0 0 no-repeat; margin:0 0 1.8em 0.1em; padding:1.2em 2.4em 0 0} aside#InfoRelacionada #AIFacebook h2 { font-family:"Gotham Medium", Arial, sans-serif; font-size:1.4em; font-weight:normal; text-transform:uppercase; text-align:right; line-height:1.3em; color:#365899; width:150px; float:right; margin:0 0 1.2em 0;} aside#InfoRelacionada #AIFacebook h2 a {color:#365899; text-decoration:none;} aside#InfoRelacionada #AIFacebook div.fb-like { float:right; width:180px; text-align:right;} /* Banner AI en Twitter */ #AITwitter { width:302px; height:82px; background:url(/resources/img/backgrounds/banners/banner-ai-en-tw.png) 0 0 no-repeat; margin:0 0 1.8em 0.1em; padding:1.5em 2.4em 0 0} aside#InfoRelacionada #AITwitter h2 { font-family:"Gotham Medium", Arial, sans-serif; font-size:1.4em; font-weight:normal; text-align:right; line-height:1.3em; color:#009eda; margin:0 0 0.6em 0;} aside#InfoRelacionada #AITwitter h2 a {color:#009eda; text-decoration:none;} aside#InfoRelacionada #AITwitter p { font-size:1.2em; color:#333; text-align:right; margin:0 0 1.5em 0;} aside#InfoRelacionada #AITwitter p.BotonSeguir { margin:0 0 1.2em 0;} /* Banner Activity Feed de Facebook */ #AcFeedFacebook { width:300px; height:300px; background:#edeef0; margin:0 0 0 0.6em; border:8px solid #c7d5f0;-webkit-border-radius:3px;-moz-border-radius:3px;} /**/ #ContenidoPrincipal #AcFeedFacebook { width:279px; height:279px; background:#edeef0; margin:0 0 0 0.6em; border:8px solid #c7d5f0;-webkit-border-radius:3px;-moz-border-radius:3px;} /* Otras Noticias */ #OtrasNoticias { width:272px; -moz-border-radius:4px;border-radius:4px; border:11px solid #f1f1f1; margin:0 auto 2em auto; padding: 1.8em 1.4em 0 1.2em} #OtrasNoticias h3 {font-family:"Gotham Bold", Arial, sans-serif; font-size:1.7em; margin:0 0 1.2em 0; font-weight:normal; text-transform:uppercase;} #OtrasNoticias .Item { height:100%; overflow:hidden; margin:0 0 2.2em 0;} #OtrasNoticias h4 {font-size:1.5em; color:#585858; margin:0 0 0.3em 0; line-height:1.2em;} #OtrasNoticias p {font-size:1.2em; line-height:1.4em;} #OtrasNoticias ul { margin:0 0 0.3em 0;} #OtrasNoticias ul li {font-size:1.1em; color:#a4a4a4; background:url(/resources/img/comun/bolo-autor.gif) right 5px no-repeat; padding:0 0.8em 0 0; display:inline; margin:0 0.2em 0 0} #OtrasNoticias ul li:last-child { background:none;} /* Otras Entrevistas */ #OtrasEntrevistas { width:286px; -moz-border-radius:4px;border-radius:4px; border:11px solid #f1f1f1; margin:0 auto 2em auto; padding: 1.8em 0 0 1.2em; clear:both; height:100%; overflow:hidden;} #OtrasEntrevistas h3 {font-family:"Gotham Bold", Arial, sans-serif; font-size:1.7em; margin:0 0 1em 0; font-weight:normal; text-transform:uppercase;} #OtrasEntrevistas ul li { display:block; float:left; width:131px; height:131px; margin:0 1.2em 1.4em 0; position:relative; overflow:hidden;} #OtrasEntrevistas ul li strong {background-color:#000; color:#FFF; position:absolute; bottom:0; left:0; opacity:0.7; width:121px; padding: 1em 0 1em 1em;color:#FFF; font-size:1.4em;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;} #OtrasEntrevistas ul li { display:block; float:left; width:131px; height:131px; margin:0 1.2em 1.4em 0; position:relative; overflow:hidden;} #OtrasEntrevistas ul li img {-webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in;} #OtrasEntrevistas ul li a:hover img { opacity:0.7; filter:alpha(opacity=70);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #OtrasEntrevistas ul li:hover strong {opacity:0.8;} /* ------------------------------------------------------------------------ */ /* NOTICIAS --------------------------------------------------------------- */ /* ------------------------------------------------------------------------ */ #NOTICIAS { height:100%; padding:2.4em 0 0 0; overflow:hidden;} #NOTICIAS #ContenidoPrincipal { width:640px; float:left; margin-right:2.7em} #NOTICIAS #ContenidoPrincipal .BreathCrums { height:22px; clear:both; overflow:hidden;} #NOTICIAS #ContenidoPrincipal .BreathCrums li { display:inline; padding:0 0.8em 0 0; margin:0 0.2em 0 0; font-size:1.2em; text-transform:uppercase;} #NOTICIAS #ContenidoPrincipal .BreathCrums li:last-child {background:none;} /* TIPOS DE NOTICIAS (Tipo 01) -------------------------------------------- */ /* Cabecera Noticia */ #NOTICIAS #NOTICIA .CabeceraNoticia { clear:both;} #NOTICIAS #NOTICIA .CabeceraNoticia h1 { font-size:3.6em; color:#000; font-family: 'Poly', serif; font-weight:normal; margin-bottom:0.5em; line-height:1.2em;} #NOTICIAS #NOTICIA .CabeceraNoticia h2 { font-size:1.8em; color:#9d9d9d; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin: 0 0 1.4em 0; padding: 0 0 0 1.3em; line-height:1.4em} #NOTICIAS #NOTICIA .CabeceraNoticia p.Imagen { padding: 0 0 0 0; margin:0 0 1.9em 0} /* Cabecera Noticia // Modulo Autoria */ #NOTICIAS #ContenidoPrincipal .CabeceraNoticia .Autor {padding:0 0.9em 0 0; clear:both; height:16px; margin:0 0 1em 0} #NOTICIAS #ContenidoPrincipal .CabeceraNoticia .Autor ul { float:left; height:16px; margin:0 0 0 0; padding:0 0 0 0} #NOTICIAS #ContenidoPrincipal .CabeceraNoticia .Autor li { display:inline; background:url(/resources/img/comun/bolo-autor.gif) right 5px no-repeat; font-size:1.1em; color:#999; padding:0 0.8em 0 0; font-style:italic;} #NOTICIAS #ContenidoPrincipal .CabeceraNoticia .Autor li.Last { background:none;} #NOTICIAS #ContenidoPrincipal .CabeceraNoticia .Autor p { float:right; font-size:1.1em; height:16px; margin:0 0 0 0; padding:0 0 0 0; line-height:1.1em} #NOTICIAS #ContenidoPrincipal .CabeceraNoticia .Autor p a { text-decoration:none; height:16px; display:block; background:url(/resources/img/magazine/ico-comentario.gif) 0 0 no-repeat; padding:0 0 0 2.2em;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;} #NOTICIAS #ContenidoPrincipal .Autor p a:hover {-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s; margin:0 0.5em 0 0;} /* Cabecera Noticia // Modulo Social */ /* Compartir */ #NOTICIAS #ContenidoPrincipal .Social { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:60px; overflow:visible; padding:0.8em 0 0.8em 0; margin:0 0 2.6em 0; position:relative} #NOTICIAS #ContenidoPrincipal .Compartir li {float:left;display:inline;margin:0 0.8em;} #NOTICIAS #ContenidoPrincipal .Compartir li a {padding:0.4em 0.4em 0.3em 0.4em;font-size:1.2em;color:#c4c4c4;text-decoration:none} #NOTICIAS #ContenidoPrincipal .Compartir li a:hover {color:#999;} #NOTICIAS #ContenidoPrincipal .Social ul .ICO {padding-left:2.2em;background-repeat:no-repeat;background-position:3px 3px;border:1px solid #FFF;} #NOTICIAS #ContenidoPrincipal .Social ul .Compartir {background-image:url(/resources/img/iconos/ico-compartir.png); background-repeat:no-repeat; background-position:0 1px;} #NOTICIAS #ContenidoPrincipal .Social a.Compartir:hover, #NOTICIAS #ContenidoPrincipal .Social a.Compartir.Activo {font-style:italic;color:#000;background-position:0 -99px;font-weight:bold;} #NOTICIAS #ContenidoPrincipal .Social #contactFormComparte {min-width:310px;} #NOTICIAS #ContenidoPrincipal .Social #contactFormComparte2 {min-width:310px;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS {padding:0.5em;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS p {clear:both;padding-top:1.5em;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.2em;color:#575656} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li { display:block; float:left; margin:0 0 0 0.7em;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a { display:block; float:left; width:21px; height:21px; padding:0 0 0 0;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a:hover img {opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a.FB { background:url(/resources/img/iconos/likebuttons/fb-on.gif) 0 0 no-repeat;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a.TW { background:url(/resources/img/iconos/likebuttons/tw-on.gif) 0 0 no-repeat;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a.GP { background:url(/resources/img/iconos/likebuttons/gplus-on.gif) 0 0 no-repeat;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a.IN { background:url(/resources/img/iconos/likebuttons/in-on.gif) 0 0 no-repeat;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li a.ST { background:url(/resources/img/iconos/likebuttons/st-on.gif) 0 0 no-repeat;} #NOTICIAS #ContenidoPrincipal .Social ul.Compartir .RRSS li span {-moz-border-top-right-radius:3px; border-top-right-radius:3px;-moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px; background:url(/resources/img/iconos/likebuttons/bocadillo-left.gif) 0 0 no-repeat;border-right: 1px solid #949494; border-left:none;display:block; float:left; padding:0.4em 0.4em 0 0.6em; color:#949494; font-size:1.2em; height:16px; margin:0 0 0 0.3em} /* Facebook */ #NOTICIAS #ContenidoPrincipal .Social .fb-like { float:left; width:320px; margin:0 0 0 10em; padding:6px 0 0 20px;} /* Recomendar por email */ #NOTICIAS #ContenidoPrincipal .Social .Recomendar { text-align:right; width:200px; float:left; margin:1.2em 0 0 0;} #NOTICIAS #ContenidoPrincipal .Social .Recomendar li { font-size:1.2em; color:#CCC; padding:0 0 0 1.5em; margin:0 0 0.9em 0;} #NOTICIAS #ContenidoPrincipal .Social .Recomendar li.Compartido { padding-right:0.8em; font-style:italic;} #NOTICIAS #ContenidoPrincipal .Social .Recomendar li a { font-style:italic;color:#999999; text-decoration:none; background:url(/resources/img/iconos/ico-recomendar2.png) 7px 5px no-repeat; padding:0.7em 0.8em 0.5em 2.5em;-moz-transition-property:all;-moz-transition-duration:0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.1s;} #NOTICIAS #ContenidoPrincipal .Social .Recomendar li a:hover { -moz-border-radius:3px; border-radius:3px;background-color:#fdf8e4;-moz-box-shadow:0 2px 3px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2;} /* Cuerpo Noticia */ #NOTICIAS #NOTICIA .CuerpoNoticia h2 {font-family: 'Poly', serif; font-size: 3.2em; margin:0 0 0.8em 0; clear:both; font-weight:normal;} #NOTICIAS #NOTICIA .CuerpoNoticia h3 {font-family: 'Poly', serif; font-size: 2.8em; margin:0 0 0.7em 0; clear:both; font-weight:normal;} #NOTICIAS #NOTICIA .CuerpoNoticia p { margin: 0 0 1.7em 0;font-size:1.4em; line-height:1.5em; text-align: justify} #NOTICIAS #NOTICIA .CuerpoNoticia a { text-decoration:none;} #NOTICIAS #NOTICIA .CuerpoNoticia a:hover { text-decoration:none; border-bottom:1px dotted #999;} /* Cuerpo Noticia // Modulo para Cita de autor */ #NOTICIAS #NOTICIA .CuerpoNoticia blockquote { font-family: 'Poly', serif; margin:0 0 2em 0; background:url(/resources/img/magazine/cita-cierra.gif) right bottom no-repeat; padding:0 0 4em 0;} #NOTICIAS #NOTICIA .CuerpoNoticia blockquote.Half { width:200px; float:right; margin:0 0 2em 2em;} #NOTICIAS #NOTICIA .CuerpoNoticia blockquote p { text-align:right; font-style:italic; color:#c93895; font-size:2.4em; background:url(/resources/img/magazine/cita-abre.gif) 0 0 no-repeat; float:right; padding:0 1.9em 0 1.9em; line-height:1.4em; margin:0 0 0 0;} #NOTICIAS #NOTICIA .CuerpoNoticia blockquote.Half p { padding:0 0 0 1em; line-height:1.2em;} /* Cuerpo Noticia // Modulo para 1 columna */ #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col { width:200px; float:left; margin:0 0 0.5em 0;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Imagen { position:relative; width:179px; margin:0 0 0 0;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Imagen img {margin:0 0 0.5em 0; border:1px solid #d1d1d1;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Imagen .Icon { width:30px; height:29px; position:absolute;right:8px; bottom:20px;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Imagen .Icon img { border:none;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Imagen a:hover { text-decoration:none; border-bottom:none;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col p.PieFoto {font-size:1.1em; color:#a4a4a4; line-height:1.4em; margin:0 0 0 0; width:176px;} /* Cuerpo Noticia // Modulo para 1 columna - Bloque Menciones */ #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones { margin:1.6em 0 0 0;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones h3 { font-family:"Gotham Medium", Arial, sans-serif; font-size:1.7em; color:#000; text-transform:uppercase; font-weight:normal; margin:0 0 1em 0;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item { clear:both; margin:0 0 1.6em 0; height:100%; overflow:hidden;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item .Foto {width:50px; margin:0 1.2em 0 0; float:left;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item .Foto a:hover { border:none;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item .Foto a:hover img { opacity:0.7;filter: alpha(opacity=70);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item .Texto {float:left; padding:0 0 0 0; width:116px;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item p.Autor {font-size:1.4em; color:#514f50; font-weight:bold; margin:0.6em 0 0 0; line-height:1.25em;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item p.Autor.Largo {margin:0 0 0 0;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item p.Autor a {color:#514f50;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item p.Arte {font-size:1.4em; color:#000; text-transform:uppercase;margin:0 0 0 0; line-height:16px;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item p.Fecha {font-size:1.1em; color:#a7a7a7;margin:0 0 0 0; line-height:1.1em;} #NOTICIAS #NOTICIA .CuerpoNoticia .Mod1Col .Menciones .Item p.Lugar {font-size:1.1em; color:#a7a7a7;margin:1em 0 0 0; line-height:1.1em;} /* Cuerpo Noticia // Modulo para 2 columnas */ #NOTICIAS #NOTICIA .CuerpoNoticia .Mod2Col { width:440px; float:left; margin:0 0 15px 0;} /* TIPOS DE NOTICIAS (Tipo 02) -------------------------------------------- */ /* Cabecera Noticia */ #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia .TitularEntrevista { width:420px; float:left;margin:0 0 4em 0;} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia .TitularEntrevista h2 { padding-left:0; clear:both;} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.AutorEntrevista { font-size:1.2em; font-weight: bold; clear:both; height:100%; overflow:hidden; margin:0 0 4em 0} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.AutorEntrevista img { float:left; margin:0 1em 0 0} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.AutorEntrevista strong { float:left; margin:1.8em 0 0 0; color:#999;} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.AutorEntrevista a { color:#999; text-decoration:none;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.AutorEntrevista a:hover { color:#000;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.Imagen { padding:0.5em; border:1px solid #d3d3d3; width:187px; margin:0 0 4em 2em; line-height:0; float:right; clear:none;} #NOTICIAS #NOTICIA.Tipo02 .CabeceraNoticia p.Imagen img {margin:0 0 0 0; padding:0 0 0 0;} /* TIPOS DE NOTICIAS (Tipo 03) -------------------------------------------- */ /* Cabecera Noticia */ #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia .TitularEntrevista { width:390px; float:right;margin:0 0 4em 0;} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia .TitularEntrevista h2 { padding-left:0; clear:both;} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.AutorEntrevista { font-size:1.2em; font-weight: bold; clear:both; height:100%; overflow:hidden; margin:0 0 4em 0} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.AutorEntrevista img { float:left; margin:0 0.8em 0 0} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.AutorEntrevista strong { float:left; margin:1.8em 0 0 0; color:#999;} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.AutorEntrevista a { color:#999; text-decoration:none;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.AutorEntrevista a:hover { color:#000;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.Imagen { width:224px; margin:0 2.6em 4em 0; line-height:0; float:left; clear:none;} #NOTICIAS #NOTICIA.Tipo03 .CabeceraNoticia p.Imagen img {margin:0 0 0 0; padding:0 0 0 0;} /* TIPOS DE NOTICIAS (Tipo Landing) -------------------------------------------- */ /* Cabecera Noticia */ /* DIV EXTRA PARA DAR FORMATO A LA CABECERA DE LANDING MAGAZINE ------------------------------- */ .CabLanding { background:url(/resources/img/magazine/backgrounds/fondo-cabecera-landing.gif) 0 18px no-repeat} .CabLanding #NOTICIAS { background: #FFF; height:100%; padding:1.8em 0 0 0; overflow:hidden;} .CabLanding #InfoRelacionada { padding-top:1em;} /* ------------------------------------------------------------------------ */ .CabLanding #NOTICIAS #NOTICIA .CabeceraNoticia .FotoTitular { position:relative; background:url(/resources/img/magazine/backgrounds/fondo-imagen-landing.gif) 0 0 no-repeat; padding:1.1em 0 0 0} .CabLanding #NOTICIAS #NOTICIA .CabeceraNoticia .TextoTitular { position:absolute; bottom:20px; left:15px; width:598px;} .CabLanding #NOTICIAS #NOTICIA .CabeceraNoticia .TextoTitular .BreathCrums { height:15px} .CabLanding #NOTICIAS #NOTICIA .CabeceraNoticia .TextoTitular h1 { color:#FFF;margin:0 0 0 0; line-height:40px;} .CabLanding #NOTICIAS #NOTICIA .CabeceraNoticia .TextoTitular p.Imagen { margin:0 0 0 0} .CabLanding #NOTICIAS #NOTICIA .CabeceraNoticia h2 { padding-left:0;} /* Modulo Premios Recibidos -------------------------------------------- */ #NOTICIAS #PremiosRecibidos h2 { font-size:1.8em; font-weight:normal; padding:1.8em 1em 0 1em; height:34px; float:left; position:relative; font-family:Arial, Helvetica, sans-serif;} #NOTICIAS #PremiosRecibidos .Contenedor { clear:both;} #NOTICIAS #PremiosRecibidos .Premio_Item .Foto { text-align:center;} #NOTICIAS #PremiosRecibidos .Premio_Item p.Lugar { margin-bottom:0.6em} #NOTICIAS #PremiosRecibidos .Premio_Item p.Descripcion { font-size:1.3em; color:#575757;} /* MODULO DESCRIPCION DE AUTOR DE LA NOTICIA / ENTREVISTA / OPINION ---------- */ .DatosAutor { clear:both; height:100%; overflow:hidden; margin:0 0 2.5em 0;} .DatosAutor .IdAutor { float:left; margin:0 1.5em 0 0;} .DatosAutor .IdAutor p { font-size:1.4em;color:#999; line-height:1.4em;} .DatosAutor .IdAutor img { float:left; margin:0 1em 0 0; vertical-align:middle;} .DatosAutor .IdAutor span { float:left; } .DatosAutor .IdAutor strong { display:block;} .DatosAutor .Descripcion { padding:0 0 0 2em; border-left:1px solid #d1d1d1; float:left; height:100%; overflow:hidden; min-height:60px; width:430px;} .DatosAutor .Descripcion p { font-size:1.2em;color:#999; line-height:1.5em;} .DatosAutor a {color:#999; text-decoration:none;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;} .DatosAutor a:hover {color:#000;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;} /* NOTICIAS TAGS ----------------------------------------------------- */ #NOTICIAS .BusquedasMasFrecuentes { background:#d7d7d7;padding:10px; -moz-box-shadow:inset 0 4px 3px -2px rgba(0,0,0,0.2); box-shadow:inset 0 4px 3px -2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 4px 3px -2px rgba(0,0,0,0.2); margin:0 0 4em 0;} #NOTICIAS .BusquedasMasFrecuentes li { margin:0 0 0 0; padding:0 0 0 0; float:left; font-size:1em; line-height:1.2em;} #NOTICIAS .BusquedasMasFrecuentes li a { margin:0 0 0 0; height:100%; display:block; padding:0.7em 0.8em 0.6em 0.8em; background-color:#FFF; border:1px solid #CCC; float:left;} #NOTICIAS .BusquedasMasFrecuentes li a:hover { border:1px solid #999;-moz-box-shadow:1px 1px 6px #999; box-shadow:1px 1px 6px #999; -webkit-box-shadow:1px 1px 6px #999;} #NOTICIAS .BusquedasMasFrecuentes li span { margin:0 0 0 0; height:100%; display:block; padding:0.7em 0.8em 0.6em 0.8em; background-color:#FFF; border:1px solid #CCC; float:left;} /* NOTICIAS COMENTARIOS ------------------------------------------------------ */ #NOTICIAS #Comentarios {clear:both;overflow:hidden;height:100%;} #NOTICIAS #Comentarios h2.Upper {font-family:"Gotham Medium", Arial, sans-serif; font-size:1.6em} /* INICIO DE SESION ------------------ */ #NOTICIAS #Comentarios .NumeroComentarios {font-family:Arial, Helvetica, sans-serif;position:absolute;right:0;background-position:0 1px;background-repeat:no-repeat;font-size:11px;text-transform:none;z-index:0; padding:0 0 0.2em 1.8em} #NOTICIAS section.InicioSesion {background:#fdf8e5 url(/resources/img/iconos/ico-inicio-sesion.png) 10px 10px no-repeat;border:1px solid #fbf0c9;-moz-border-radius:3px;border-radius:3px;height:100%;margin:2em 0;padding:0 1em;position:relative;height:64px;} #NOTICIAS section.InicioSesion ul {position:relative;top:-7px;float:right;text-align:right;color:#c2c0c0;margin-bottom:5px;} #NOTICIAS section.InicioSesion li {float:left;font-size:11px;padding:1.2em 0.2em;} #NOTICIAS section.InicioSesion li a {text-decoration:none} #NOTICIAS section.InicioSesion li a:hover {text-decoration:underline} #NOTICIAS section.InicioSesion li.Login {padding:1.2em 0;margin-left:1em;font-size:1em;width:106px;background-position:0 0;background-repeat:no-repeat;text-align:center;text-transform:uppercase;} #NOTICIAS section.InicioSesion li.Login a {color:#FFF;text-decoration:none} #NOTICIAS #Comentarios .InicioSesion p {clear:both;text-align:right;font-family:Verdana, Geneva, sans-serif;font-family:"Gotham Book", Arial, sans-serif;font-size:1.2em; color:#979898;} /* COMENTARIOS ----------------------- */ #NOTICIAS #Comentarios_Items {border-top:1px dotted #9a9ba0;border-bottom:1px dotted #9a9ba0; padding:1em 0;} #NOTICIAS #Comentarios_Items .Comentario {height:100%; overflow:hidden; margin:2em 0 1em 0;} #NOTICIAS #Comentarios_Items .Comentario_Titular {float:left;display:inline;} #NOTICIAS #Comentarios_Items .Responder { float:right;display:inline} #NOTICIAS #Comentarios_Items img {float:left;margin-right:1.3em;} #NOTICIAS #Comentarios_Items .Comentario_Titular div {float:left;margin-top:1.7em;} #NOTICIAS #Comentarios_Items p.Persona {font-weight:bold; font-size:1.4em; color:#585858; margin:0 0 0.2em 0} #NOTICIAS #Comentarios_Items p.Fecha { width:140px;font-size:1.1em; color:#a4a4a4} #NOTICIAS #Comentarios_Items .Responder {margin-top:3em;float:right} #NOTICIAS #Comentarios_Items .Responder a.MeGusta {background:url(/resources/img/iconos/ico_megusta.png) 0 0 no-repeat;color:#000;font-size:1.1em;text-decoration:none;padding:0.6em 1.5em 0.6em 2.7em;} #NOTICIAS #Comentarios_Items .Responder a.NoMeGusta {background:url(/resources/img/iconos/ico_nomegusta.png) 0 4px no-repeat;color:#000;font-size:11px;text-decoration:none;padding:0.6em 1.5em 0.6em 2.7em;} #NOTICIAS #Comentarios_Items .Responder a.BTN_Responder {font-family:"Gotham Book", Arial, sans-serif;font-size:1.2em;color:#575757;background:url(/resources/img/iconos/ico-responder.png) 5px 6px no-repeat;-moz-border-radius:3px;border-radius:3px;border:1px solid #d5d5d5;padding:0.4em 1em 0.4em 2.5em;text-decoration:none;} #NOTICIAS #Comentarios_Items .Comentario_Texto { position:relative; border:1px solid #d6d6d6;background-color:#f1f1f1;-moz-border-radius:3px;border-radius:3px; padding:1.3em; float:left; overflow:visible;} #NOTICIAS #Comentarios_Items .Comentario_Texto p {font-size:1.2em;line-height:1.1em; color:#585858;} #NOTICIAS #Comentarios_Items .Comentario_Texto img.Flecha { width:15px; height:9px; position:absolute; left:14px; top:-8px;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 { margin:0 0 0 3em;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Comentario_Texto {background-color:#FFF;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Comentario_Titular div {margin-top:0; float:left; width:520px} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Comentario_Titular img { float:left;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Comentario_Titular div p {color:#585858;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Comentario_Titular div p.Persona { font-size:1.4em; margin: 0 0 0 0; color:#585858; float:left; font-weight:bold;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Comentario_Titular div p.Fecha { float:left; margin:0.1em 0 1em 0.5em; font-size:1.1em; color:#a4a4a4;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Responder {clear:both;margin-top:0.5em;float:right} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Responder a.BTN_Responder {opacity:0.3;border:none; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;} #NOTICIAS #Comentarios_Items .Comentario.Nivel2 .Responder a.BTN_Responder:hover {opacity:1;-moz-transition:all 0.1s;-webkit-transition:all 0.1s;} /* NOTICIAS PAGINACION ----------------------------------------------------- */ #NOTICIAS .Paginacion { margin:1em 0 6em 0;height:20px; height:100%; overflow:hidden;} #NOTICIAS .Paginacion ul {text-align:right;float:right;font-size:1.2em; margin:1em 0 0 0} #NOTICIAS .Paginacion li {display:inline;float:left;margin:0 0.2em;line-height:2em;} #NOTICIAS .Paginacion li.Siguiente a { background: #f3f3f3 url(/resources/img/paginas/paginacion/ico-flecha.gif) right center no-repeat; padding:0.9em 5em 0.9em 0.8em; border:none; font-size:0.8em;border:1px solid #d6d6d6;} #NOTICIAS .Paginacion li.Siguiente a:hover { color:#a0a0a0; font-weight:normal;} #NOTICIAS .Paginacion li a {display:inline;float:left;color:#a0a0a0;text-decoration:none; border:1px solid #d6d6d6;padding:0.8em 0.5em 0.7em 0.5em;width:24px;text-align:center;line-height:10px;} /* OTRAS NOTICIAS ---------------------------------------------------------- */ #NOTICIAS .MasNoticias { clear:both; height:100%; overflow:hidden; padding:1.5em 0 8em 0} #NOTICIAS .MasNoticias h2 {font-family:"Gotham Medium", Arial, sans-serif; font-size:1.6em; text-transform:uppercase; margin:0 0 1.8em 0} #NOTICIAS .MasNoticias .Mod1Col { width:200px; margin:0 1.8em 0 0; float:left;} #NOTICIAS .MasNoticias .Mod1Col.Last { margin:0 0 0 0;} #NOTICIAS .MasNoticias .Mod1Col h3 { font-size:1.4em; color:#585858; margin:0 0 1.4em 0; line-height:1.2em} #NOTICIAS .MasNoticias .Mod1Col p {font-size:1.2em; line-height:1.3em;} #NOTICIAS .MasNoticias .Mod1Col p.Fecha {font-size:1.1em; color:#a4a4a4;margin:0 0 0.4em 0} /* BANNER DE CONTENIDO PRINCIPAL ------------------------------------------ */ #NOTICIAS .Banner {clear:both;overflow:hidden;height:100%; margin:0 0 3em 0;background:#f2f2f2 right bottom no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 1.8em 1em;text-align:center} /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* HOME ------------------------------------------------------------------- */ /* ------------------------------------------------------------------------ */ /* HOME BANNER HOME ------------------------------------------------------- */ #HOME .Banner {clear:both;overflow:hidden;height:100%;margin:0 0 3em 0;background:#f2f2f2 right bottom no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 1.8em 1em;text-align:center} /* MOSAICO */ .Banner.Mosaico {text-align:left;overflow:hidden;height:100%; clear:both;} .Banner.Mosaico ul {margin:0.4em 0 0 0.1em} .Banner.Mosaico li {float:left;display:inline;margin:0 0.5em 0.8em 0.4em} /**/ #ContenidoPrincipal .Banner.Mosaico li {float:left;display:inline;margin:0 0.3em 0.3em 0.2em} /* ------------------------------------------------------------------------ */ /* HOME CONTENIDO PRINCIPAL ----------------------------------------------- */ #HOME section#ContenidoPrincipal {margin:0 2.7em 6em 0;float:left;display:inline;width:640px;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO TE PROPONE ----------------------------------------------- */ #AI_Propone {overflow:hidden;height:100%;} #ContenidoPrincipal h1 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;color:#000;margin-bottom:1.1em} #ContenidoPrincipal h2 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;color:#000;margin-bottom:1.1em} /**/ #HOME #AI_Propone .nav {position:relative;bottom:35px;z-index:999;float:right;display:block;margin:0.5em 0 0 0;padding:0.2em 0.8em 0.8em 0.8em;} #HOME #AI_Propone .nav a {width:13px;height:13px;float:left;margin:0 0 0 3px;background:url(/resources/img/iconos/navigator-portada.png) 0 0 no-repeat;display:block;} #HOME #AI_Propone .nav a:hover {background-position:0 -20px;} #HOME #AI_Propone .nav a.activeSlide {background-position:0 -40px;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO TE PROPONE HOY PESTAÑAS ---------------------------------- */ #AI_Propone .TabsContainer {margin-bottom:-10px;} #AI_Propone .TabsContainer ul {-moz-box-shadow:inset 0 -5px 5px 0 #dfdfdf;-webkit-box-shadow: inset 0 -5px 5px 0 #dfdfdf;box-shadow:inset 0 -5px 5px 0 #dfdfdf;border:1px solid #d0d0d0;border-bottom:none;height:102px; background-color:#f2f2f2; padding:0; margin:0} #AI_Propone .TabsContainer ul li {font-family:"Gotham Medium", Arial, sans-serif;font-size:2.6em;line-height:1.3em; height:82px;display:inline;width:61px;float:left; padding:0 0.75em 0.8em 0.8em;} #AI_Propone .TabsContainer ul li a {margin:0;padding:0;width:102px;height:102px;display:inline} #AI_Propone .TabsContainer ul li a:hover {text-decoration:none;} #AI_Propone .TabsContainer ul li a span {height:27px;display:block; float:left; padding:0.9em 0 0 0; color:#d8d7d7;} #AI_Propone .TabsContainer ul li a span strong {font-weight:normal;display:block;text-align:center;font-size:1.962em} #AI_Propone #AI_Propone .TabsContainer ul li a:hover span {color:#999} #AI_Propone .TabsContainer ul li.Active {background:#FFF;-moz-box-shadow: 7px 0px 5px -2px #dfdfdf;-webkit-box-shadow: 7px 0px 5px -2px #dfdfdf;box-shadow: 7px 0px 5px -2px #dfdfdf;} #AI_Propone .TabsContainer ul li.Active a {text-decoration:none;} #AI_Propone .TabsContainer ul li.Active a span { color:#b5bb49} /**/ #AI_Propone .TabsContent {border:1px solid #d0d0d0;border-top:none;overflow:hidden;clear:both;padding:2.5em 2em;} /**/ #AI_Propone .TabsContent article {height:70px;margin:0 0 1.5em 0;} #AI_Propone .TabsContent article .Foto {float:left;width:60px;margin-right:1.5em;} #AI_Propone .TabsContent article .Texto {float:left;width:189px;margin:0.5em 0;} #AI_Propone .TabsContent article .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} #AI_Propone .TabsContent article .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} #AI_Propone .TabsContent article .Titulo a {color:#575757;text-decoration:none} #AI_Propone .TabsContent article .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} #AI_Propone .TabsContent article .Lugar {font-size:1.1em;color:#a4a4a4} /**/ #AI_Propone .TabsContent .vert .simply-scroll-btn-up { right:-9px; top:331px;} #AI_Propone .TabsContent .vert .simply-scroll-btn-down {right:-34px; top:329px;} #AI_Propone .EventosProximos .vert {width:240px; height:333px; margin-bottom:1.5em;} #AI_Propone .EventosProximos .vert .simply-scroll-clip {width:290px; height:320px;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO EVENTOS DESTACADOS --------------------------------------- */ #AI_Propone .EventosDestacados {width:306px;float:left;display:inline;margin-right:2.8em;} #AI_Propone .EventosDestacados .AnimCaption a {position: relative;display: block; overflow: hidden; height: 500px;} #AI_Propone .EventosDestacados .AnimCaption a span {background:#000;position:absolute;left:0;bottom:0;opacity:0.5;color:#fff;padding:2em;font-size:1.1em;line-height:1.1em;margin:0 0.1em 0 0.1em;width:266px;-webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in;} #AI_Propone .EventosDestacados .AnimCaption a img {-webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in;} #AI_Propone .EventosDestacados .AnimCaption a span strong {font-size:1.3em;} #AI_Propone .EventosDestacados .AnimCaption a:hover span { -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; opacity:0.8;filter:alpha(opacity=80);} #AI_Propone .EventosDestacados .AnimCaption a:hover img { opacity:0.8; filter:alpha(opacity=80);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO EVENTOS PROXIMOS ----------------------------------------- */ #AI_Propone .EventosProximos {width:306px;float:left;display:inline;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO EXPOSICIONES --------------------------------------------- */ #Exposiciones {clear:both;overflow:hidden;height:100%;margin-bottom:2.5em;} #Exposiciones h2 {background:url(/resources/img/agenda/h1_agenda.gif) 0 2px no-repeat;padding:1em 0 1.6em 3.4em; margin-bottom:0;} #Exposiciones article {background:url(/resources/img/backgrounds/separador-puntos-h.gif) 0 bottom repeat-x;padding:1.8em 0;} #Exposiciones article .Imagen {margin:0 0 1em 1em;} /**/ #Exposiciones .Listado {position:relative;width:200px;margin-left:2em;float:left;display:inline} #Exposiciones .Listado.Destacado {margin-left:0;} #Exposiciones .Listado header {position:absolute;top:23px;background:url(/resources/img/agenda/home_expo_h1_2.png) 0 0 no-repeat;z-index:3} #Exposiciones .Listado.Destacado header {background-image:url(/resources/img/agenda/home_expo_h1.png)} #Exposiciones .Listado h3 {text-transform:uppercase;background:none;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.3em;line-height:1.286em;color:#FFF;margin:1em 0 1em 0;padding:0 1em 0 1em;font-weight:normal;} #Exposiciones .Listado .Texto {margin-left:1em;} /**/ #Exposiciones .Listado .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.7em;} #Exposiciones .Listado .Fecha .Date1 {color:#a4a4a4} #Exposiciones .Listado .Fecha .Date2 {color:#b5bb49} #Exposiciones .Listado .Titulo {font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;} #Exposiciones .Listado .Titulo, #Exposiciones .Listado .Titulo a {color:#575757;text-decoration:none} #Exposiciones .Listado .Titulo a:hover {color:#575757;text-decoration:none; border-bottom:1px dotted #999;} #Exposiciones .Listado .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.5em;} #Exposiciones .Listado .Tipo a {color:#a4a4a4; text-decoration:none;} #Exposiciones .Listado .Tipo a:hover {text-decoration:none; border-bottom:1px dotted #999;} #Exposiciones .Listado .Lugar {font-size:1.1em;color:#a4a4a4} /**/ #Exposiciones .Listado footer {margin:1em 0;background:#f7f7f7;padding:0.5em 1em;} #Exposiciones .Listado footer p {padding:0.5em 0 0.5em 0;font-family:"Gotham Book", Arial, sans-serif;font-size:1.3em;} #Exposiciones .Listado footer p a {padding-right:3em;display:block;background:url(/resources/img/iconos/ico-listado-exposiciones.gif) right center no-repeat;color:#8c903b;text-decoration:none} #Exposiciones .Listado footer p a:hover {text-decoration:none;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO BECAS PREMIOS Y CONCURSOS -------------------------------- */ #BecasPremiosConcursos {clear:both;overflow:hidden;height:100%;margin-bottom:2.5em;} #BecasPremiosConcursos h2 {background:url(/resources/img/agenda/h1_agenda.gif) 0 -98px no-repeat;padding:1em 0 1.6em 3.4em;margin-bottom:0;border-bottom:1px solid #d0d0d0} #BecasPremiosConcursos article {background:url(/resources/img/backgrounds/separador-puntos-h.gif) 0 bottom repeat-x;padding:1.7em 0;overflow:hidden;height:120px;/*ESTE VALOR SE PONE PARA IGUAL LOS ALTOS DE LOS MODULOS*/} #BecasPremiosConcursos article .Imagen {margin:0 0 1em 1em;float:left;display:inline;width:70px;} /**/ #BecasPremiosConcursos .Listado {position:relative;width:200px;margin-left:2em;float:left;display:inline;} #BecasPremiosConcursos .Listado.Destacado {margin-left:0;} #BecasPremiosConcursos .Listado h3 {text-transform:uppercase;background:none;border:none;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.4em;line-height:1.286em;color:#c9c9c0;margin-top:1.5em;padding:0 1.2em;font-weight:normal;} #BecasPremiosConcursos .Listado .Texto {margin-left:1em;float:left;display:inline;width:110px;} #BecasPremiosConcursos .Listado .Texto.NoImagen {float:none;display:block;width:auto} /**/ #BecasPremiosConcursos .Listado .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.7em;} #BecasPremiosConcursos .Listado .Fecha .Date1 {color:#a4a4a4} #BecasPremiosConcursos .Listado .Fecha .Date2 {color:#b5bb49} #BecasPremiosConcursos .Listado .Titulo {font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;} #BecasPremiosConcursos .Listado .Titulo, #BecasPremiosConcursos .Listado .Titulo a {color:#575757;text-decoration:none} #BecasPremiosConcursos .Listado .Titulo a:hover {color:#575757;text-decoration:none; border-bottom:1px dotted #999;} #BecasPremiosConcursos .Listado .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.5em;} #BecasPremiosConcursos .Listado .Lugar {font-size:1.1em;color:#a4a4a4} /**/ #BecasPremiosConcursos .Listado footer {margin:1em 0;background:#f7f7f7;padding:0.5em 1em;} #BecasPremiosConcursos .Listado footer p {padding:0.5em0 0.5em 0;font-family:"Gotham Book", Arial, sans-serif;font-size:1.3em;} #BecasPremiosConcursos .Listado footer p a {padding-right:3em;display:block;background:url(/resources/img/iconos/ico-listado-exposiciones.gif) right center no-repeat;color:#8c903b;text-decoration:none} #BecasPremiosConcursos .Listado footer p a:hover {text-decoration:none;} /* ------------------------------------------------------------------------ */ /* ARTEINFORMADO CURSOS TALLERES Y CONFERENCIAS --------------------------- */ #CursosTalleresConferencias {clear:both;overflow:hidden;height:100%;margin-bottom:2.5em;} #CursosTalleresConferencias h2 {background:url(/resources/img/agenda/h1_agenda.gif) 0 -198px no-repeat;padding:1em 0 1.6em 3.4em;margin-bottom:0;border-bottom:1px solid #d0d0d0} #CursosTalleresConferencias article {background:url(/resources/img/backgrounds/separador-puntos-h.gif) 0 bottom repeat-x;padding:1.8em 0;overflow:hidden;height:110px;/*ESTE VALOR SE PONE PARA IGUAL LOS ALTOS DE LOS MODULOS*/} #CursosTalleresConferencias article .Imagen {margin:0 0 1em 1em;float:left;display:inline;width:70px;} /**/ #CursosTalleresConferencias .Listado {position:relative;width:200px;margin-left:2em;float:left;display:inline;} #CursosTalleresConferencias .Listado.Destacado {margin-left:0;} #CursosTalleresConferencias .Listado h3 {text-transform:uppercase;background:none;border:none;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.4em;line-height:1.286em;color:#c9c9c0;margin-top:1.5em;padding:0 1.2em;font-weight:normal;} #CursosTalleresConferencias .Listado .Texto {margin-left:1em;float:left;display:inline;width:110px;} #CursosTalleresConferencias .Listado .Texto.NoImagen {float:none;display:block;width:auto;} /**/ #CursosTalleresConferencias .Listado .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.7em} #CursosTalleresConferencias .Listado .Fecha .Date1 {color:#a4a4a4} #CursosTalleresConferencias .Listado .Fecha .Date2 {color:#b5bb49} #CursosTalleresConferencias .Listado .Titulo {font-size:1.4em;line-height:1.1em;margin-bottom:0.5em;} #CursosTalleresConferencias .Listado .Titulo, #CursosTalleresConferencias .Listado .Titulo a {color:#575757;text-decoration:none} #CursosTalleresConferencias .Listado .Titulo a:hover {color:#575757;text-decoration:none; border-bottom:1px dotted #999;} #CursosTalleresConferencias .Listado .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.5em;} #CursosTalleresConferencias .Listado .Lugar {font-size:1.1em;color:#a4a4a4} /**/ #CursosTalleresConferencias .Listado footer {margin:1em 0;background:#f7f7f7;padding:0.5em 1em;} #CursosTalleresConferencias .Listado footer p {padding:0.5em 0 0.5em 0;font-family:"Gotham Book", Arial, sans-serif;font-size:1.3em;} #CursosTalleresConferencias .Listado footer p a {padding-right:3em;display:block;background:url(/resources/img/iconos/ico-listado-exposiciones.gif) right center no-repeat;color:#8c903b;text-decoration:none} #CursosTalleresConferencias .Listado footer p a:hover {text-decoration:none;} /* ------------------------------------------------------------------------ */ /* ARCHIVO DE EVENTOS ARTEINFORMADO --------------------------------------- */ section.ArchivoArteinformado {border:1px solid #d5d5d5;background:#ededed url(/resources/img/backgrounds/archivo-arteinformado.png) right top no-repeat;-moz-border-radius:5px;border-radius:5px;padding:1.8em 1.8em 1.1em 1.8em; position:relative;} section.ArchivoArteinformado .Descripcion {color:#989898;font-size:1.4em;line-height:1.3em;width:400px;margin-bottom:1em} section.ArchivoArteinformado .ModColumna {width:230px;margin-right:30px;} section.ArchivoArteinformado .ModColumna.Archivo {width:230px;background:url(/resources/img/agenda/home/flecha-archivo.png) right bottom no-repeat} section.ArchivoArteinformado .ModColumna.Archivo p {margin:0.5em 0 10px 0;font-family:"Gotham Medium", Arial, sans-serif;color:#9ca141;font-size:1.3em} section.ArchivoArteinformado .ModColumna.Archivo p.TitleCampo {margin:0 0 0.5em 0; font-family:"Gotham Medium", Arial, sans-serif;color:#9ca141} /**/ section.ArchivoArteinformado .ModColumna.Resultados p.Titulo {text-align:center;font-size:1.8em;line-height:1.3em;margin-bottom:3em;padding-right:2.5em} section.ArchivoArteinformado .ModColumna.Resultados p.Titulo strong {font-weight:normal;font-size:1.667em} /**/ .BTN_Mosaico {font-family:"Gotham Book", Arial, sans-serif;font-size:1.2em;color:#989898;padding:0.6em 3em 0.7em 0;text-decoration:none;background: url(/resources/img/iconos/ico-mosaico.gif) right 3px no-repeat; display:block; float:left;} /**/ /* Select para Tipo de Evento */ #ArchivoEventosAITipo .select2-choice {width:174px;height:24px;background:#FFF;color:#616154; font-family:Arial, Helvetica, sans-serif; font-size:1em;z-index:9999} #ArchivoEventosAITipo .select2-results {padding:0;height:100px} #ArchivoEventosAITipo .select2-container .select2-choice div b {background:url(/resources/img/agenda/iconos/ico-archivo-tipo.png) 0 0 no-repeat;display:block;width:21px;height:18px; position:absolute; top:3px; right:3px} #ArchivoEventosAITipo .select2-dropdown-open .select2-choice {background-color: #9ca141; color:#FFF;border-radius:4px;-moz-border-radius:4px;} #ArchivoEventosAITipo .select2-dropdown-open .select2-choice div b {background-position: 0 -28px;} #ArchivoEventosAITipo .select2-container .select2-drop {width:188px; padding:30px 0 0 0; margin:0;border-radius:4px;-moz-border-radius:4px; top:-3px; left:-3px;-webkit-box-shadow: 0 2px 5px #b2b2b2;box-shadow: 0 2px 5px #b2b2b2;} #ArchivoEventosAITipo .select2-container .select2-search {display:none;} #ArchivoEventosAITipo .select2-container .select2-search input {width:156px;} #ArchivoEventosAITipo .select2-container .select2-results li {background:#FFF;color:#616154;font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-left:0;padding-top:5px; padding-bottom:6px;} #ArchivoEventosAITipo .select2-container .select2-results .select2-highlighted {background:#E6E6E6;} /* Select para Lugar */ #ArchivoEventosAIDonde .select2-choice {width:174px;height:24px;background:#FFF;color:#616154; font-family:Arial, Helvetica, sans-serif; font-size:1em;} #ArchivoEventosAIDonde .select2-container .select2-choice div b {background:url(/resources/img/agenda/iconos/ico-archivo-donde.png) 2px 0 no-repeat;display:block;width:21px;height:18px; position:absolute; top:3px; right:3px} #ArchivoEventosAIDonde .select2-dropdown-open .select2-choice {background:none;} #ArchivoEventosAIDonde .select2-dropdown-open .select2-choice div b {background:none;} #ArchivoEventosAIDonde .select2-container .select2-drop {width:182px; padding:0; margin:0; top:-4px;border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow: 0 2px 5px #b2b2b2;box-shadow: 0 2px 5px #b2b2b2;} #ArchivoEventosAIDonde .select2-search {background:#f6f6f6 url(/resources/img/agenda/iconos/ico-archivo-donde.png) 156px -25px no-repeat;border:1px solid #e8e8e8; border-radius:4px;-moz-border-radius:4px;position:absolute;top:3px; left:3px;width:174px;} #ArchivoEventosAIDonde .select2-container .select2-search input {width:156px; color:#000; background:none; border:none;} #ArchivoEventosAIDonde .select2-results { padding:35px 0 0 0; margin:0 0 0 0; height:100px} #ArchivoEventosAIDonde .select2-container .select2-results li {background:#FFF;color:#616154;font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-top:5px; padding-bottom:6px;} #ArchivoEventosAIDonde .select2-container .select2-results .select2-highlighted {background:#E6E6E6;} /**/ #ArchivoEventosAICuando input {color:#616154; font-family:Arial, Helvetica, sans-serif; font-size:1em;padding:0.2em 0.6em;width:165px;height:19px;cursor:pointer; background: #FFF url(/resources/img/agenda/iconos/ico-calendario.png) 157px 3px no-repeat;} /* ------------------------------------------------------------------------ */ /* SECCION INFORMACION HOME ----------------------------------------------- */ #HOME #InformacionHome {position:relative;margin:-145px 0 15px 0;background:#FFF;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 2px 5px #b2b2b2;-webkit-box-shadow:0 2px 5px #b2b2b2;box-shadow:0 2px 5px #b2b2b2;padding:2.5em;height:100%;} #HOME #InformacionHome h1 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;margin-bottom:1.5em;} #HOME #InformacionHome h2 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;margin-bottom:1em;} #HOME #InformacionHome ul.GaleriaImagenes {width:961px;margin-bottom:20px;overflow:hidden;} #HOME #InformacionHome ul.GaleriaImagenes li {float:left;margin:0 2em 2em 0;} #HOME #InformacionHome ul.GaleriaImagenes li.AnimCaption a {position: relative;display: block; overflow: hidden;} #HOME #InformacionHome ul.GaleriaImagenes li.AnimCaption a span {background:#000;position:absolute;left:0;bottom:0;opacity:0.7;color:#fff;padding:5%;font-size:1.3em;font-weight:bold;line-height:14px;margin:0 0.1em 0.1em 0;width:95%;-moz-transition-property:bottom;-moz-transition-duration:0.9s;-webkit-transition-property:bottom;-webkit-transition-duration: 0.9s;} #HOME #InformacionHome ul.GaleriaImagenes li.AnimCaption a:hover img { -moz-transition-property: bottom; -moz-transition-duration: 0.9s; -webkit-transition-property: bottom; -webkit-transition-duration: 0.9s;opacity:0.7;} #HOME #InformacionHome ul.GaleriaImagenes li.AnimCaption a:hover span { -moz-transition-property: bottom; -moz-transition-duration: 0.9s; -webkit-transition-property: bottom; -webkit-transition-duration: 0.9s;opacity:0.8;} /* ------------------------------------------------------------------------ */ /* BANNER GUIA DEL ARTE */ .Banner2Col { height:156px; width:480px; position:relative; margin:1.5em 0 2.5em 0;} .Banner2Col .CajaTexto { height:70px; background:url(/resources/img/backgrounds/fondo-texto-monografico.png) right center no-repeat; position:absolute; bottom:5px; left:-5px;padding:0.8em 5em 0 1.8em; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;} .Banner2Col .CajaTexto:hover {padding:0.8em 7em 0 1.8em} .Banner2Col .CajaTexto p { font-size:1.2em;line-height:1.3em; color:#FFF; margin:0 0 0.8em 0} .Banner2Col .CajaTexto p a {text-decoration:none} .Banner2Col .CajaTexto p a:hover {text-decoration:none; border-bottom:1px dotted #999;} .Banner2Col .CajaTexto h3 {font-size:2em; color:#FFF; line-height:1.8em} .Banner2Col .CajaTexto h3 span { display:block;} .Banner2Col .CajaTexto h3 a { color:#FFF; text-decoration:none;} .Banner2Col .CajaTexto h3 a:hover { text-decoration:none; border-bottom:1px dotted #FFF;} /* ------------------------------------------------------------------------ */ /* FICHA TAGS ------------------------------------------------------------- */ .BusquedasMasFrecuentes {clear:both;margin:2em 0 1em 0;height:100%;overflow:hidden} .BusquedasMasFrecuentes ul {font-size:1.2em;line-height:2.5em;color:#989898;text-decoration:none} .BusquedasMasFrecuentes li {margin:0 0.3em 0.2em 0;float:left;} .BusquedasMasFrecuentes a {padding:0.5em 1em;font-weight:bold;color:#999;text-decoration:none;background-color:#d7d7d7;border:1px solid #e8e8e8;-moz-border-radius:4px;border-radius:4px;-moz-transition-property:all;-moz-transition-duration:0.3s;-webkit-transition-property:all;-webkit-transition-duration: 0.3s;} .BusquedasMasFrecuentes a:hover {background-color:#FFF;color:#999;border:1px solid #CCC;} /* ------------------------------------------------------------------------ */ /* SECCION NOTICIAS BREVE ------------------------------------------------- */ section.NoticiasBreve { background:url(/resources/img/magazine/noticias-breve.gif) 0 bottom repeat-x;padding-bottom:0.1em;margin-bottom:2em} section.NoticiasBreve h2 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;color:#8f296b;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #a8a8a8;padding-bottom:0.3em;margin-bottom:1em;} section.NoticiasBreve h3 {font-size:1.6em;line-height:20px;color:#333;font-weight:normal;margin-bottom:1.5em} section.NoticiasBreve h3 a {color:#333;text-decoration:none} section.NoticiasBreve h3 a:hover {color:#333;text-decoration:none; border-bottom:1px dotted #999;} section.NoticiasBreve p {font-size:1.2em;line-height:1.4em;color:#575757;} section.NoticiasBreve p a { color:#575757;text-decoration:none} section.NoticiasBreve p a:hover { color:#575757;text-decoration:none; border-bottom:1px dotted #999;} section.NoticiasBreve ul { margin:0.5em 0 0 0; color:#333; padding:0 0 2em 0} section.NoticiasBreve ul li { background:url(/resources/img/magazine/bolo1.gif) 5px 11px no-repeat;padding:0.8em 1em 0 1.9em; border-top:1px solid #dcdcdc; margin:0 0 0.5em 0} section.NoticiasBreve ul li h3 { margin:0 0 0 0;font-size:1.3em; line-height:1.34em} section.NoticiasBreve ul a { color:#333;text-decoration:none} section.NoticiasBreve ul a:hover { color:#333;text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* SECCION OPINION -------------------------------------------------------- */ section.OpinionBreve {background:url(/resources/img/magazine/noticias-breve.gif) 0 bottom repeat-x;padding-bottom:2em;margin-bottom:2em} section.OpinionBreve h2 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;color:#8f296b;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #a8a8a8;padding-bottom:0.25em; margin-bottom:0} section.OpinionBreve h2 img {position:relative;margin-top:-6px} section.OpinionBreve ul {clear:both;margin:2.5em 0 1em 0;color:#575757;} section.OpinionBreve ul li {overflow:hidden;height:100%;clear:both;margin-bottom:0.5em;font-size:1.4em;line-height:1.4em;padding-right:0.8em} section.OpinionBreve ul a {color:#575757;text-decoration:none} section.OpinionBreve ul a:hover {color:#575757;text-decoration:none; border-bottom:1px dotted #999;} section.OpinionBreve ul li img {border-right:1px solid #ebebeb;padding-right:0.8em;margin-right:0} section.OpinionBreve ul li img.IMG.FL_Left {margin-right:0.8em} #PORTADA section.OpinionBreve {background:none;padding-bottom:0} #PORTADA section.OpinionBreve h2 {border:none;margin-bottom:0;color:#000} #PORTADA section.OpinionBreve ul {margin-top:0;border:1px solid #e1e1e1;padding:10px;-moz-box-shadow:0 0 6px #e1e1e1;-webkit-box-shadow:0 0 6px #e1e1e1;box-shadow:0 0 6px #e1e1e1;} /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* PORTADA ---------------------------------------------------------------- */ /* ------------------------------------------------------------------------ */ /* HOME CONTENIDO PRINCIPAL ----------------------------------------------- */ #PORTADA section#ContenidoPrincipal {margin:0 2.7em 0 0;float:left;display:inline;width:640px;} #PORTADA section#ContenidoPrincipal.Completo {margin:1em 0;float:left;display:inline;width:995px;} /* ------------------------------------------------------------------------ */ /* PORTADA DESTACADO 3 COLUMNAS ------------------------------------------- */ .Portada_Destacado3Col {clear:both;margin-bottom:2em;overflow:hidden;height:320px;padding:2.5em 0 3.5em 0;background:url(/resources/img/portada/portada_destacado3col.gif) center 0 no-repeat} .Portada_Destacado3Col .ColumnaPortada1 {float:left;display:inline;width:300px;margin-right:0.8em;} .Portada_Destacado3Col .ColumnaPortada2 {float:left;display:inline;width:370px;margin-right:0.8em;} .Portada_Destacado3Col .ColumnaPortada1.Last, .Portada_Destacado3Col .ColumnaPortada2.Last {margin-right:0} /* News_Tipo1 */ .Portada_Destacado3Col .News_Tipo1 {clear:both;overflow:hidden;height:15.5em;background-color:#FFF;border:1px solid #e5e5e5;-moz-box-shadow:0 0 4px #e5e5e5;-webkit-box-shadow:0 0 4px #e5e5e5;box-shadow:0 0 4px #e5e5e5;margin-bottom:0.8em;} .Portada_Destacado3Col .News_Tipo1 .Imagen a:hover img { opacity:0.7;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} .Portada_Destacado3Col .News_Tipo1 .Texto { width:158px;padding:1em;} /**/ .Portada_Destacado3Col .Texto h2 {font-size:1.1em;color:#ac3a91;text-transform:uppercase;margin-bottom:0.5em;font-weight:normal} .Portada_Destacado3Col .Texto h3 {font-size:1.32em;line-height:1.2em;color:#575757;margin-bottom:0.5em;} .Portada_Destacado3Col .Texto h3 a {color:#575757;text-decoration:none} .Portada_Destacado3Col .Texto p {font-size:1.2em;line-height:1.4em;color:#666;margin-bottom:0.5em;} .Portada_Destacado3Col .Texto p a {color:#666;text-decoration:none} .Portada_Destacado3Col .Texto a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* News_Tipo2 */ .Portada_Destacado3Col .News_Tipo2 {clear:both;overflow:hidden;height:32em;background-color:#FFF;border:1px solid #e5e5e5;-moz-box-shadow:0 0 4px #e5e5e5;-webkit-box-shadow:0 0 4px #e5e5e5;box-shadow:0 0 4px #e5e5e5;margin-bottom:0.5em;} .Portada_Destacado3Col .News_Tipo2 .Imagen a:hover img { opacity:0.7;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} .Portada_Destacado3Col .News_Tipo2 .Texto {padding:0.9em 1.5em;} .Portada_Destacado3Col .News_Tipo2 .Texto h2 {margin-bottom:1em;} .Portada_Destacado3Col .News_Tipo2 .Texto h3 {font-size:1.9em;margin-bottom:1em;} /* News_Tipo3 */ .Portada_Destacado3Col .News_Tipo3 {clear:both;overflow:hidden;height:10em;background-color:#FFF;border:1px solid #e5e5e5;-moz-box-shadow:0 0 4px #e5e5e5;-webkit-box-shadow:0 0 4px #e5e5e5;box-shadow:0 0 4px #e5e5e5;margin-bottom:0.8em;} .Portada_Destacado3Col .News_Tipo3 .Texto {padding:0.9em 1.5em;} /* ------------------------------------------------------------------------ */ /* IMAGEN DESTACADA ------------------------------------------------------- */ .Imagen_Destacada {clear:both;margin-bottom:2em;position:relative;width:306px;height:306px;background-color:lightgray; display:table} .Imagen_Destacada div { display: table-cell; vertical-align: middle; } #PORTADA .Imagen_Destacada {margin-bottom:2.5em;} .Imagen_Destacada img.Marca {position:absolute;top:10px;left:10px} .Imagen_Destacada .CajaTexto {width:240px; height:82px; background:url(/resources/img/backgrounds/fondo-texto-monografico.png) right center no-repeat; position:absolute; bottom:20px; left:-5px;padding:1em 2em 0 2em; -moz-transition-property: all; -moz-transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s;} .Imagen_Destacada .CajaTexto:hover {padding:1em 4em 0 2em} .Imagen_Destacada .CajaTexto h3 {font-size:1.1em; color:#FFF;text-transform:uppercase;font-weight:normal;margin-bottom:0.5em;} .Imagen_Destacada .CajaTexto h3 a { color:#FFF; text-decoration:none;} .Imagen_Destacada .CajaTexto h3 a:hover { text-decoration:none; border-bottom:1px dotted #FFF;} .Imagen_Destacada .CajaTexto p { font-size:1.8em;color:#FFF; margin:0 0 0.8em 0} .Imagen_Destacada .CajaTexto p a {color:#FFF;text-decoration:none} .Imagen_Destacada .CajaTexto p a:hover {text-decoration:none} /* ------------------------------------------------------------------------ */ /* ENLACES LISTADO -------------------------------------------------------- */ .Enlaces_Listado {clear:both;margin-bottom:2em;border:4px solid #f2f2f2} .Enlaces_Listado label {padding: 0.5em 3em 0.5em 0.7em; position: relative; z-index: 20; display: block;cursor: pointer; color: #FFF;font-size: 1.4em;background:#111;font-weight:bold; margin:0 0 0 0;} .Enlaces_Listado label:after, .Enlaces_Listado input:checked + label:after {content: ''; position: absolute; width: 11px; height: 11px; right: 10px; top: 6px;background:#111 url(/resources/img/portada/ico-mas.gif) right center no-repeat} .Enlaces_Listado input:checked + label:after { background-image: url(/resources/img/portada/ico-menos.gif);} .Enlaces_Listado input { display: none; } .Enlaces_Listado article { margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .Enlaces_Listado input:checked ~ article {-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear;} .Enlaces_Listado input:checked ~ article { height: 330px;} .Enlaces_Listado ul {margin:1em;} .Enlaces_Listado ul li {margin-bottom:1em;font-size:1.6em;color:#575757;line-height:20px;background: url(/resources/img/portada/puntos.gif) 0 bottom repeat-x;padding-bottom:0.6em; min-height:80px} .Enlaces_Listado ul li a {color:#575757; text-decoration:none;} .Enlaces_Listado ul li a:hover { border-bottom:1px dotted #999;} .Enlaces_Listado ul li strong {color:#333;font-size:0.75em;text-transform:uppercase;} /* ------------------------------------------------------------------------ */ /* NOTICIAS ADEMAS -------------------------------------------------------- */ .NoticiasAdemas {clear:both;margin-bottom:2em;} .NoticiasAdemas h1 {font-family:"Gotham Medium", Arial, sans-serif; font-size:1.6em; color:#c19833; text-transform:uppercase;font-weight:normal;} #ContenidoPrincipal .NoticiasAdemas h1 {color:#c19833; margin-bottom:0.5em;} .NoticiasAdemas ul.Lista_Item {background-color:#f2f2f2;padding:1.5em;color:#666} .NoticiasAdemas ul.Lista_Item li { background:url(/resources/img/portada/bolo-portada.gif) 0 6px no-repeat; padding-left:0.8em; font-size:1.4em;line-height:1.2em;margin-bottom:1.2em;} .NoticiasAdemas ul.Lista_Item a {color:#666;text-decoration:none} .NoticiasAdemas ul.Lista_Item a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* NOTICIAS BREVE 2 COLUMNAS ---------------------------------------------- */ .NoticiasBreve2Col {clear:both;margin-bottom:2em;overflow:hidden;height:100%;} .NoticiasBreve2Col h1 {font-family:"Gotham Medium", Arial, sans-serif;font-size:1.6em;color:#c19833;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #a8a8a8;padding-bottom:0.3em;} #ContenidoPrincipal .NoticiasBreve2Col h1 {color:#c19833;margin-bottom:0.9em;} .NoticiasBreve2Col .ModColumna {width:143px; margin:0 0.5em;} .NoticiasBreve2Col .ModColumna img { margin: 0 auto 0.8em auto;} .NoticiasBreve2Col .ModColumna a img:hover { opacity:0.7;filter:alpha(opacity=70);-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} .NoticiasBreve2Col .ModColumna p {margin-bottom:0.5em;font-size:1.2em;line-height:1.4em;color:#575757;} .NoticiasBreve2Col .ModColumna h2 {margin-bottom:0.5em;font-size:1.4em;line-height:1em;color:#333; } .NoticiasBreve2Col .ModColumna h2 a {color:#333;text-decoration:none; font-size:0.9em;font-family:Arial, Helvetica, sans-serif;} .NoticiasBreve2Col .ModColumna h2 a:hover {text-decoration:none; border-bottom:1px dotted #999;} /* ------------------------------------------------------------------------ */ /* EXPOSICIONES PROXIMAS -------------------------------------------------- */ #PORTADA #AI_Propone .EventosDestacados {margin-bottom:2em;} #PORTADA #AI_Propone .EventosProximos {margin-bottom:2em;} /**/ #PORTADA #AI_Propone .TabsContainer ul { height:92px;} #PORTADA #AI_Propone .TabsContainer li { width:100px;height:52px;padding:0.7em 0 0 0;font-size:1.4em; line-height:1.2em;text-align:center;border-top:30px solid #d9d9d9; margin:0 0 0 0;} #PORTADA #AI_Propone .TabsContainer li span { padding-top:0.2em} #PORTADA #AI_Propone .TabsContainer li.Last { width:104px;margin:0 0 0 0;} #PORTADA #AI_Propone .TabsContainer li.Active { border-top:30px solid #bdca4c; border-right:none;} #PORTADA #AI_Propone .TabsContainer li a { height:92px; font-family:Arial, Helvetica, sans-serif;} /**/ #PORTADA #AI_Propone .TabsContent {overflow:hidden;height:100%;padding:2.5em 0.1em 1.6em 0.1em;} #PORTADA #AI_Propone .TabsContent article {width:150px;float:left;display:inline;overflow:hidden;height:100%; margin:0 0 2.1em 0} #PORTADA #AI_Propone .TabsContent article .Foto {float:none;width:150px;margin:0 0 1.2em 0;text-align:center;} #PORTADA #AI_Propone .TabsContent article .Foto a:hover img {opacity:0.7;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #PORTADA #AI_Propone .TabsContent article .Texto {float:none;width:120px; margin:0.5em 0; padding:0 1em 0 2em} #PORTADA #AI_Propone .TabsContent article .Fecha {margin-bottom:0.6em;} #PORTADA #AI_Propone .TabsContent article .Titulo {margin-bottom:0.6em;} #PORTADA #AI_Propone .TabsContent article .Lugar {font-size:1.1em;color:#a4a4a4} #PORTADA #AI_Propone .TabsContent article .Lugar {font-size:1.1em;color:#a4a4a4} /**/ #PORTADA #AI_Propone .TabsContent .LeerMas {float:none;clear:both;margin:1.1em 1em 0 1em} /**/ #PORTADA #AI_Propone .nav {position:relative;bottom:35px;z-index:999;float:right;display:block;margin:0.5em 0 0 0;padding:0.2em 0.8em 0.8em 0.8em;} #PORTADA #AI_Propone .nav a {width:13px;height:13px;float:left; margin:3px 3px 3px 0;background:url(/resources/img/iconos/navigator-portada.png) 0 0 no-repeat;display:block;font-size:0;line-height:0;padding:0;} #PORTADA #AI_Propone .nav a:hover {background-position:0 -20px;} #PORTADA #AI_Propone .nav a.activeSlide {background-position:0 -40px;} /**/ #PORTADA #AI_Propone .TabsContent .LeerMas a.Voy {display:block;height:20px;border:1px solid #ececec;-moz-border-radius:5px;border-radius:5px;color:#c4c4c4;text-decoration:none;padding:1em 3.5em 0 1.5em;float:right;margin:0 0 0.3em 0;-moz-transition-property:all;-moz-transition-duration:0.2s;-webkit-transition-property:all;-webkit-transition-duration: 0.2s;font-size:1.2em;font-weight:bold} #PORTADA #AI_Propone .TabsContent a.Voy:hover {border:1px solid #b9cb3d;-moz-box-shadow:0 2px 2px #ececec;-webkit-box-shadow:0 2px 2px #ececec;box-shadow:0 2px 2px #ececec;color:#b9cb3d;} #PORTADA #AI_Propone .TabsContent a.Voy { background: #FFF url(/resources/img/agenda/boton-voy-estados.gif) right 8px no-repeat} #PORTADA #AI_Propone .TabsContent a.Voy:hover { background-position:right -18px} #PORTADA #AI_Propone .TabsContent a.Voy.Activo { background-position:right -44px; border:1px solid #67afd7;background-color:#b9cb3d; color:#FFF} /* ------------------------------------------------------------------------ */ /* DESTACADOS PIE 4 COLUMNAS ---------------------------------------------- */ .ModuloDestacadoPubli4Col {background:#F1F1F1 right 15px no-repeat;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 2px 5px 2px #dfdfdf;-webkit-box-shadow: inset 0 2px 5px 2px #dfdfdf;box-shadow:inset 0 2px 5px 2px #dfdfdf;padding:1em 1em 2.4em 1em;margin:0 1.9em 1.9em 0; position:relative; width:214px; float:left;} .ModuloDestacadoPubli4Col.TipoMin {padding:1em 1em 0 1em;} #PORTADA section#ContenidoPrincipal.Completo .ModuloDestacadoPubli4Col h1 {text-transform:uppercase;font-family:"Gotham Medium", Arial, sans-serif;font-size:1.2em;color:#575656} .ModuloDestacadoPubli4Col .Evento {overflow:hidden; margin:0 1em 1.5em 1em; clear:both;} .ModuloDestacadoPubli4Col .Evento .Foto {float:left;margin-right:2em;} .ModuloDestacadoPubli4Col .Evento .Texto {float:left;width:106px;margin:0.5em 0} .ModuloDestacadoPubli4Col .Evento .Fecha {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} .ModuloDestacadoPubli4Col .Evento .Tipo {font-size:1.1em;color:#a4a4a4;margin-bottom:0.3em;} .ModuloDestacadoPubli4Col .Evento .Titulo {font-size:1.3em;font-weight:bold;margin-bottom:0.6em;} .ModuloDestacadoPubli4Col .Evento .Titulo a {color:#575757;text-decoration:none} .ModuloDestacadoPubli4Col .Evento .Titulo a:hover {text-decoration:none; border-bottom:1px dotted #999;} .ModuloDestacadoPubli4Col .Evento .Lugar {font-size:1.1em;color:#a4a4a4} .ModuloDestacadoPubli4Col .Evento .Categoria {font-size:1.2em;color:#575656} .ModuloDestacadoPubli4Col.Last {margin:0 0 1em 0;} .ModuloDestacadoPubli4Col.Last h1 {margin-bottom:1.2em;} /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* REGISTRO ---------------------------------------------------------------- */ /* ------------------------------------------------------------------------ */ #REGISTRO input.TXT { height:32px; border:1px solid #e6e6e6;-moz-border-radius:5px;border-radius:5px; padding:0 14px 0 14px; background:#FFF; font-size:12px; color:#989898;} #CABECERA {} #REGISTRO { background:url(/resources/img/backgrounds/contenido.jpg) center 0 no-repeat; padding:20px 0 0 0; height:100%; overflow:hidden; clear:both;} #REGISTRO h1 { text-align:center; font-family:"Gotham Light", Arial, sans-serif; font-size:3em; font-weight:normal; margin:0 0 1.2em 0; color:#080808;} #REGISTRO h1 strong { font-family:"Gotham Book", Arial, sans-serif;} #REGISTRO .BloqueForm { width:640px; margin:0 auto 20em auto; border:1px solid #e6e6e6; -moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 8px #CCC;-webkit-box-shadow:0 0 8px #CCC; box-shadow:0 0 8px #CCC; height:100%; overflow:hidden; background-color:#FFF;} #REGISTRO .BloqueForm.FormRegistro { width:450px; padding:30px 95px 20px 95px;} #REGISTRO .BloqueForm .FilaCampo { margin:0 0 1.2em 0} #REGISTRO .BloqueForm .FilaCampo p { font-size:1.2em; color:#616161;} #REGISTRO .BloqueForm .FilaCampo label { display:block; margin:0 0 0.5em 0; padding-left:0.5em; text-transform:uppercase;} #REGISTRO .BloqueForm .FilaCampo input.TXT { width:426px;} #REGISTRO .BloqueForm .FilaRadio {margin:0 0 2em 0; clear:both; height:100%; overflow:hidden;} #REGISTRO .BloqueForm .FilaRadio p { border-bottom:1px solid #e5e5e5; padding:0 0 0.6em 0; margin:0 0 0.8em 0;padding-left:0.5em; text-transform:uppercase;font-size:1.2em; color:#616161;} #REGISTRO .BloqueForm .FilaRadio ul li {font-size:1.1em; color:#616161;text-transform:uppercase; display:block; float:left; padding-bottom:5px; margin:0 10px} #REGISTRO .BloqueForm .FilaRadio ul li .ez-radio { height:20px; margin:0 0 0 0; float:left;} #REGISTRO .BloqueForm .FilaRadio ul li label { float:left; margin:4px 0 0 0;} #REGISTRO .BloqueForm .Legal { padding:0 26px 14px 26px; border-bottom:1px solid #e5e5e5; margin-bottom:2em;} #REGISTRO .BloqueForm .Legal p {color:#616161; font-weight:1.2em; line-height:1.4em;} #REGISTRO .BloqueForm .Legal p a {font-weight:bold; text-decoration:underline;color:#616161;} #REGISTRO .BloqueForm p.Boton { text-align:center;} #REGISTRO .BloqueForm p.Boton input { padding:0 26px; height:35px; background:url(/resources/img/botones/fondo-boton-registro.jpg) 0 0 repeat-x; border:1px solid #bc8d03;font-family:"Gotham Medium", Arial, sans-serif; color:#FFF; font-size:1.4em; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; cursor:pointer;} /* Formulario Agradecimiento */ #REGISTRO .Mensaje { height:170px; margin-bottom:4em;} #REGISTRO .Mensaje h1 { text-align:left;margin:0 0 0.6em 0;} #REGISTRO .Mensaje p { text-align:left; color:#080808; font-family:"Gotham Light", Arial, sans-serif; font-size:1.8em; line-height:1.2em} /* Módulo "QUE PUEDES hacer en ARTEINFORMADO" */ #QUE_PUEDES { margin-bottom:30em; height:100%; overflow:hidden;} #QUE_PUEDES h1 { text-align:left; font-family:"Gotham Light", Arial, sans-serif; font-size:4em; font-weight:normal; margin:0 0 1em 0; color:#080808;} #QUE_PUEDES h1 strong { font-family:"Gotham Book", Arial, sans-serif;} #QUE_PUEDES h2 { text-align:center; font-family:"Gotham Medium", Arial, sans-serif; font-size:3.6em; font-weight:normal; padding-top:1.2em;padding-bottom:0.8em; text-transform:uppercase; letter-spacing:-0.08em;} #QUE_PUEDES .ModuloTexto { width:330px; float:left; margin-bottom:0.5em} #QUE_PUEDES .Bloque { height:194px; padding:2.6em 3em 0 3em; margin:0 0 0 0;} #QUE_PUEDES .Bloque p { font-family:"Gotham Light", Arial, sans-serif; font-size:2em; color:#FFF; line-height:1.1em;} #QUE_PUEDES .Bloque p strong{ font-family:"Gotham Book", Arial, sans-serif;} #QUE_PUEDES .ModuloTexto.Guia h2 { color:#7a9cca; background: #fafafa url(/resources/img/paginas/quepuedes/fondo-h2-guia.gif) center 15px no-repeat;} #QUE_PUEDES .ModuloTexto.Guia .Bloque { background:url(/resources/img/paginas/quepuedes/fondo-bloque-guia.gif) 0 0 no-repeat;} #QUE_PUEDES .ModuloTexto.Agenda h2 { color:#beca4c; background: #fafafa url(/resources/img/paginas/quepuedes/fondo-h2-agenda.gif) center 15px no-repeat;} #QUE_PUEDES .ModuloTexto.Agenda .Bloque { background:url(/resources/img/paginas/quepuedes/fondo-bloque-agenda.gif) 0 0 no-repeat;} #QUE_PUEDES .ModuloTexto.Magazine h2 { color:#ac3a91; background: #fafafa url(/resources/img/paginas/quepuedes/fondo-h2-magazine.gif) center 15px no-repeat;} #QUE_PUEDES .ModuloTexto.Magazine .Bloque { background:url(/resources/img/paginas/quepuedes/fondo-bloque-magazine.gif) 0 0 no-repeat;} #QUE_PUEDES .Ademas { clear:both;} #QUE_PUEDES .Ademas h2 {font-family:"Gotham Light", Arial, sans-serif; font-weight:normal; font-size:3.2em; text-align:left; text-transform:none;} #QUE_PUEDES .Ademas h2 strong {font-family:"Gotham Book", Arial, sans-serif;} #QUE_PUEDES .Ademas .Bloque { width:330px; height:288px; float:left; margin-bottom:7em; padding:0 0 0 0;} #QUE_PUEDES .Ademas .Bloque.Texto { width:284px; height:242px; padding:23px;} #QUE_PUEDES .Ademas .Bloque.Tipo01 { background:url(/resources/img/paginas/que_es/ademas/fondo-bloque-tipo01.jpg) 0 0 no-repeat;} #QUE_PUEDES .Ademas .Bloque.Tipo02 { background:url(/resources/img/paginas/que_es/ademas/fondo-bloque-tipo02.jpg) 0 0 no-repeat; text-align:right} #QUE_PUEDES .Ademas .Bloque.Tipo03 { background:url(/resources/img/paginas/que_es/ademas/fondo-bloque-tipo03.jpg) 0 0 no-repeat;} #QUE_PUEDES .Ademas .Bloque.Tipo04 { background:url(/resources/img/paginas/que_es/ademas/fondo-bloque-tipo04.jpg) 0 0 no-repeat; text-align:right} #QUE_PUEDES .Ademas .Bloque p { font-family:"Gotham Light", Arial, sans-serif; font-size:3.1em; color:#FFF; margin:0 0 0.6em 0;} #QUE_PUEDES .Ademas .Bloque ul {font-family:"Gotham Light", Arial, sans-serif; font-size:1.9em; color:#FFF; margin-left:0.5em;} #QUE_PUEDES .Ademas .Bloque ul li { background:url(/resources/img/paginas/que_es/ademas/bolo-li.gif) 0 6px no-repeat; padding:0 0 0 0.6em; margin:0 0 0.2em 0;} #QUE_PUEDES .Ademas p.Boton { text-align:center; font-family:"Gotham Book", Arial, sans-serif; font-size:2em;} #QUE_PUEDES .Ademas p.Boton a { padding:10px 0 0 0; height:30px; width:250px; display:block; float:left; background:url(/resources/img/botones/fondo-boton-a.gif) 0 0 repeat-x; border:1px solid #bc8d03; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#FFF; text-decoration:none; position:relative; left:50%; margin-left:-125px;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #QUE_PUEDES .Ademas p.Boton a:hover { background-position:0 bottom;} /* Módulo "QUE ES ARTEINFORMADO" */ #QUE_ES { margin-bottom:0.5em; height:100%; overflow:hidden; padding-top:3.6em;} #QUE_ES h1 { text-align:left; font-family:"Gotham Light", Arial, sans-serif; font-size:4em; font-weight:normal; margin:0 0 1em 0; color:#080808;} #QUE_ES h1 strong { font-family:"Gotham Book", Arial, sans-serif;} #QUE_ES p.Intro { font-family:"Gotham Light", Arial, sans-serif; font-size:1.74em; text-transform:uppercase; background: url(/resources/img/paginas/que_es/fondo-intro-que-es.gif) 0 bottom no-repeat; padding-bottom:1.9em; margin-bottom:0.3em;} #QUE_ES p.Intro strong { font-family:"Gotham Medium", Arial, sans-serif; font-weight:normal;} .InfoQueEs { background: #f6f6f6 url(/resources/img/backgrounds/fondo-pags-estaticas.jpg) center 0 no-repeat; height:318px; margin-bottom:5.2em; clear:both;} .InfoQueEs .Bloque { width:330px; float:left; text-align:center;} .InfoQueEs .Bloque h2 { font-family:"Gotham Medium", Arial, sans-serif; font-size:1.6em; color:#FFF; border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; width:156px; height:131px; border:2px dashed #FFF;text-transform:uppercase; font-weight:normal; line-height:1.4em; padding:55px 15px 0 15px; margin:1.5em 0 1em 3.9em; background:#2a2a2a url(/resources/img/paginas/que_es/arrow-que-es.gif) center 140px no-repeat;} .InfoQueEs .Bloque p { font-family:"Gotham Book", Arial, sans-serif; font-size:1.6em; color:#333; width:250px;margin-left:2.8em;} .InfoQueEs .Bloque p strong { font-family:"Gotham Bold", Arial, sans-serif; font-weight:normal;} /* Módulo "EQUIPO" */ #EQUIPO { margin-bottom:0.5em; height:100%; overflow:hidden; padding-top:3.6em;} #EQUIPO h1 { text-align:left; font-family:"Gotham Book", Arial, sans-serif; font-size:4em; font-weight:normal; margin:0 0 1em 0.3em; color:#080808;} #EQUIPO h1 strong { font-family:"Gotham Book", Arial, sans-serif;} #EQUIPO .WorkGroup { clear:both; height:100%; overflow:hidden; margin-bottom:40px;} #EQUIPO .WorkGroup .Bloque { float: left; width: 221px; height: 265px; margin: 0 0 0 33px;} #EQUIPO .WorkGroup .Bloque:first-child {margin: 0 0 0 0;} #EQUIPO .WorkGroup .RRSS { text-align:center; display:block; margin-left:15px; position:relative;z-index:999;} #EQUIPO .WorkGroup .RRSS li { display:block; float:left; margin:0 8px;} #EQUIPO .WorkGroup .RRSS li a { width:23px; height:23px; padding:0 0 0 0; margin:0 0 0 0; display:block; float:left;} #EQUIPO .WorkGroup .RRSS li a img {filter: alpha(opacity=0); opacity:0; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #EQUIPO .WorkGroup .RRSS li a:hover img {filter: alpha(opacity=100); opacity:1; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #EQUIPO .WorkGroup .RRSS li.Facebook a { background:url(/resources/img/paginas/equipo/rss/ico-fb.gif) 0 0 no-repeat;} #EQUIPO .WorkGroup .RRSS li.Twitter a { background:url(/resources/img/paginas/equipo/rss/ico-tw.gif) 0 0 no-repeat;} #EQUIPO .WorkGroup .RRSS li.Linkedin a { background:url(/resources/img/paginas/equipo/rss/ico-in.gif) 0 0 no-repeat;} #EQUIPO .WorkGroup .RRSS li.Google a { background:url(/resources/img/paginas/equipo/rss/ico-google.gif) 0 0 no-repeat;} #EQUIPO .WorkGroup .RRSS li.Web a { background:url(/resources/img/paginas/equipo/rss/ico-web.gif) 0 0 no-repeat;} /* Flip panels */ #EQUIPO .panel { width:221px;height:221px; margin-bottom:10px; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; } #EQUIPO .panel .front { float: none; position: absolute; top: 0; left: 0; z-index: 900; width: inherit; height: inherit; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #EQUIPO .panel.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);} #EQUIPO .panel .back { float: none; position: absolute; top: 0; left: 0; z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #EQUIPO .panel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg);} #EQUIPO .click .front { cursor: pointer; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } #EQUIPO .click.flip .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } #EQUIPO .click .back { cursor: pointer; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); } #EQUIPO .click.flip .back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } #EQUIPO .panel .back .Text { position:absolute; width:200px; left:50%; margin-left:-100px; top:90px; text-align:center;} #EQUIPO .panel .back .Text h2 {font-family:"Gotham Light", Arial, sans-serif; font-size:2.4em; font-weight:normal; color:#FFF; margin-bottom:0.2em;} #EQUIPO .panel .back .Text p {font-family:"Gotham Light", Arial, sans-serif; font-size:1.4em;color:#FFF;} /* FIN Flip panels */ .InfoEquipo { background: #dfdfdf url(/resources/img/paginas/equipo/comunes/fondo-info.jpg) center 0 no-repeat; height:420px; padding:37px 0 0 0; margin-bottom:6em;} .InfoEquipo p {font-family:"Gotham Light", Arial, sans-serif; font-size:2.4em; margin-bottom:1em; line-height:1.4em; color:#333;} .InfoEquipo p strong {font-family:"Gotham Medium", Arial, sans-serif;} .InfoEquipo ul {margin:0 0 3em 3.5em;} .InfoEquipo ul li {font-family:"Gotham Light", Arial, sans-serif; font-size:2em; background:url(/resources/img/paginas/equipo/comunes/bolo-lista.png) 0 7px no-repeat; padding-left:0.8em; margin-bottom:0.2em;color:#333;} .InfoEquipo p.Boton { text-align:center;font-family:"Gotham Book", Arial, sans-serif;line-height:0.9em; font-size:2em;} .InfoEquipo p.Boton a { padding:10px 0 0 0; height:30px; width:146px; display:block; float:left; background:url(/resources/img/botones/fondo-boton-a.gif) 0 0 repeat-x; border:1px solid #bc8d03; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#FFF; text-decoration:none; position:relative; left:50%; margin-left:-125px;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} .InfoEquipo p.Boton a:hover { background-position:0 bottom;} /* Módulo "PUBLICIDAD" */ #PUBLICIDAD { margin-bottom:0.5em; height:100%; overflow:hidden; padding-top:3.6em;} #PUBLICIDAD h1 { text-align:left; font-family:"Gotham Book", Arial, sans-serif; font-size:4em; font-weight:normal; margin:0 0 0.6em 0; color:#080808;} #PUBLICIDAD h2 { text-align:left; font-family:"Gotham Light", Arial, sans-serif; font-size:3em; font-weight:normal; margin:0 0 1em 0; color:#080808;} #PUBLICIDAD ul {margin:0 0 3em 3.5em;} #PUBLICIDAD ul li {font-family:"Gotham Light", Arial, sans-serif; font-size:1.6em; background:url(/resources/img/paginas/equipo/comunes/bolo-lista.png) 0 5px no-repeat; padding-left:0.8em; margin-bottom:1.2em; color:#333; line-height:1.3em;} #PUBLICIDAD ul li strong { font-family:"Gotham Medium", Arial, sans-serif; font-weight:normal;} #PUBLICIDAD .Internacionales { height:344px; background: #e4e4e4 url(/resources/img/paginas/publicidad/fondo-internacional.jpg) center 0 no-repeat; margin-bottom:3em; padding:24px 0 0 0; clear:both; overflow:hidden;} #PUBLICIDAD .Audiencia { height:344px; background: #e4e4e4 url(/resources/img/paginas/publicidad/fondo-audiencia.jpg) center 0 no-repeat; margin-bottom:3em;padding:24px 0 0 0;clear:both; overflow:hidden;} #PUBLICIDAD .Audiencia ul li {margin-bottom:1em;} #PUBLICIDAD .Texto { width:532px; float:left;} #PUBLICIDAD .Texto ul { width:420px;} #PUBLICIDAD .Imagen {width:458px; float:left; position:relative; top:-15px;} #PUBLICIDAD .QuieroAnunciarme {margin-bottom:10em; height:100%; overflow:hidden;} #PUBLICIDAD .QuieroAnunciarme h2 { margin-bottom:0.5em;} #PUBLICIDAD .QuieroAnunciarme .Promociona {margin-bottom:2.5em; clear:both; height:100%; overflow:hidden;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Bloque {width:494px; height:528px; float:left; padding:0 0 0 0;overflow:hidden;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Bloque.Texto {width:434px; height:502px; padding:26px 40px 0 20px; background:url(/resources/img/paginas/publicidad/fondo-bloque-texto.jpg) 0 0 no-repeat;} #PUBLICIDAD .QuieroAnunciarme .Promociona p {font-family:"Gotham Light", Arial, sans-serif; font-size:3.2em; margin-bottom:0.8em; color:#FFF;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Info {font-family:"Gotham Book", Arial, sans-serif; color:#FFF;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Info h3 { font-size:1.6em; font-weight:normal; background:url(/resources/img/paginas/publicidad/ico-arrow.png) 0 center no-repeat; padding:6px 0 4px 30px; margin-bottom:1em;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Info ul { padding-left:0; margin-left:2.8em;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Info ul li {font-size:1.6em; background:url(/resources/img/paginas/publicidad/bolo-white.png) 0 7px no-repeat;padding:0 0 0 0.8em; margin-bottom:0.6em; color:#FFF;} #PUBLICIDAD .QuieroAnunciarme .Promociona .Info ul li a {font-family:"Gotham Medium", Arial, sans-serif; text-decoration:underline; color:#FFF;} #PUBLICIDAD .QuieroAnunciarme .Anuncios h2 {margin-bottom:1em;} #PUBLICIDAD .QuieroAnunciarme .Anuncios .Bloque { float:left; width:330px; height:450px; background:url(/resources/img/paginas/publicidad/down-arrow.gif) center 330px no-repeat;} #PUBLICIDAD .QuieroAnunciarme .Anuncios .Bloque h3 { text-align:center;font-family:"Gotham Book", Arial, sans-serif; color:#181818; font-size:3.6em; font-weight:normal;} #PUBLICIDAD .QuieroAnunciarme .Anuncios .Imagen { margin-bottom:3.2em;width:330px;} #PUBLICIDAD .MasInfo { width:989px; /*height:290px;*/height:100%; overflow:hidden; background:#f0f0f0 url(/resources/img/paginas/publicidad/fondo-mas-info.jpg) 0 0 no-repeat; margin-bottom:5.5em; padding:30px 0 30px 0} #PUBLICIDAD .MasInfo p {font-family:"Gotham Book", Arial, sans-serif; font-size:2.4em; color:#333; background: url(/resources/img/paginas/publicidad/ico-dossier.png) 0 5px no-repeat; padding:35px 0 25px 90px; width:790px; margin:0 auto 4em auto} #PUBLICIDAD .MasInfo a { color:#cd9e15; font-weight:bold;} #PUBLICIDAD .MasInfo a span {padding:10px 0 0 0; height:33px; width:58px; display:block; background:url(/resources/img/botones/fondo-boton-a.gif) 0 0 repeat-x; border:1px solid #bc8d03; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#FFF; text-decoration:none; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; text-align:center; float:right; margin:-10px 0 0 0;} #PUBLICIDAD .MasInfo a:hover span {background-position:0 bottom;} #PUBLICIDAD .MasInfo ul { width:760px; margin:0 auto;} #PUBLICIDAD .MasInfo ul li {font-family:"Gotham Book", Arial, sans-serif; font-size:2em; background:none; display:block; float:left; padding:7px 0 0 0; margin:0 0 15px 0; height:100%; overflow:hidden;} #PUBLICIDAD .MasInfo ul li strong {font-family:"Gotham Medium", Arial, sans-serif; font-weight:normal; display:block;} #PUBLICIDAD .MasInfo ul li a { color:#333; text-decoration:underline; font-weight:normal;-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out;} #PUBLICIDAD .MasInfo ul li a:hover {color:#cd9e15;} #PUBLICIDAD .MasInfo ul li.Email { width:342px; background: url(/resources/img/paginas/publicidad/ico-email.png) 0 0 no-repeat; padding-left:80px;} #PUBLICIDAD .MasInfo ul li.Telf {width:200px;background: url(/resources/img/paginas/publicidad/ico-telf.png) 0 0 no-repeat; padding-left:80px;} #PUBLICIDAD .MasInfo ul li.Rep {width:100%;background: url(/resources/img/paginas/publicidad/ico-rep.png) 0 0 no-repeat; padding-left:80px;line-height:0.9em; clear:both; height:100%; overflow:hidden;} #PUBLICIDAD .MasInfo ul li.Rep div {height:100%; overflow:hidden; padding:10px 0 0 0} #PUBLICIDAD .MasInfo ul li.Rep a { float:left; margin-right:15px;} #PUBLICIDAD .MasInfo ul li.Rep span {font-size:0.6em; margin-top:0.8em; display:block; width:75%; color:#666} /* ------------------------------------------------------------------------ */ /* CONTACTO ---------------------------------------------------------------- */ /* ------------------------------------------------------------------------ */ #CONTACTO input.TXT { height:32px; border:1px solid #e6e6e6;-moz-border-radius:5px;border-radius:5px; padding:0 12px 0 12px; background:#FFF; font-size:12px; color:#989898;} #CONTACTO textarea.TXT { height:120px; border:1px solid #e6e6e6;-moz-border-radius:5px;border-radius:5px; padding:12px 12px 0 12px; background:#FFF; font-size:12px; color:#989898; resize:none; width:400px; font-family:Arial, Helvetica, sans-serif;} #CONTACTO textarea:focus { outline:none} #CONTACTO { padding:20px 0 0 0; height:100%; overflow:hidden; clear:both;} #CONTACTO h1 { text-align:left; font-family:"Gotham Book", Arial, sans-serif; font-size:4em; font-weight:normal; margin:0 0 0.8em 0; color:#080808;} #CONTACTO h1 strong { font-family:"Gotham Book", Arial, sans-serif;} #CONTACTO .BloqueForm { width:430px; margin:0 62px 60px 0; border:1px solid #e6e6e6; -moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 5px #e6e6e6;-webkit-box-shadow:0 0 5px #e6e6e6; box-shadow:0 0 5px #e6e6e6; height:100%; overflow:hidden; background-color:#FFF; float:left; padding:36px 34px 36px 30px} #CONTACTO .BloqueForm .FilaCampo { margin:0 0 1.2em 0} #CONTACTO .BloqueForm .FilaCampo p { font-size:1.2em; color:#616161;} #CONTACTO .BloqueForm .FilaCampo label { display:block; margin:0 0 0.5em 0; padding-left:0.5em; text-transform:uppercase;} #CONTACTO .BloqueForm .FilaCampo input.TXT { width:400px;} #CONTACTO .BloqueForm .Legal { padding:0 26px 14px 26px; border-bottom:1px solid #e5e5e5; margin-bottom:2em;} #CONTACTO .BloqueForm .Legal p {color:#616161; font-weight:1.2em; line-height:1.4em;} #CONTACTO .BloqueForm .Legal p a {font-weight:bold; text-decoration:underline;color:#616161;} #CONTACTO .BloqueForm p.Boton { text-align:center;} #CONTACTO .BloqueForm p.Boton input { padding:0 26px; height:35px; background:url(/resources/img/botones/fondo-boton-registro.jpg) 0 0 repeat-x; border:1px solid #bc8d03;font-family:"Gotham Medium", Arial, sans-serif; color:#FFF; font-size:1.4em; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; cursor:pointer;} #CONTACTO .BloqueInfo { width:434px; margin:0 0 0 0; float:left;} #CONTACTO .BloqueInfo p {font-family:"Gotham Book", Arial, sans-serif; font-size:2em; margin:0 0 1em 0; line-height:1.1em} #CONTACTO .BloqueInfo p a { color:#333; text-decoration:none;} #CONTACTO .BloqueInfo p strong {font-family:"Gotham Medium", Arial, sans-serif; font-weight:normal; } #CONTACTO .BloqueInfo p.Email { background: url(/resources/img/paginas/contacto/ico-email.png) 0 0 no-repeat; padding:20px 0 22px 85px;} #CONTACTO .BloqueInfo p.Telefono { background: url(/resources/img/paginas/contacto/ico-telf.png) 0 0 no-repeat; padding:20px 0 22px 85px;} #CONTACTO .BloqueInfo p.Direccion { background: url(/resources/img/paginas/contacto/ico-dir.png) 0 0 no-repeat; padding:12px 0 22px 85px;} /* Banner AI en Facebook */ #CONTACTO #AIFacebook { width:360px; height:85px; background: url(/resources/img/paginas/contacto/banner-ai-en-fb.png) 0 0 no-repeat; margin:0 0 1em 0.1em; padding:1.2em 2.4em 0 0} #CONTACTO #AIFacebook h2 { font-family:"Gotham Medium", Arial, sans-serif; font-size:1.4em; font-weight:normal; text-transform:uppercase; text-align:right; line-height:1.3em; color:#365899; width:150px; float:right; margin:0 0 1.2em 0;} #CONTACTO #AIFacebook h2 a {color:#365899; text-decoration:none;} #CONTACTO #AIFacebook div.fb-like { float:right; width:180px; text-align:right;} /* Banner AI en Twitter */ #CONTACTO #AITwitter { width:360px; height:82px; background: url(/resources/img/paginas/contacto/banner-ai-en-tw.png) 0 0 no-repeat; margin:0 0 1.8em 0.1em; padding:1.5em 2.4em 0 0} #CONTACTO #AITwitter h2 { font-family:"Gotham Medium", Arial, sans-serif; font-size:1.4em; font-weight:normal; text-align:right; line-height:1.3em; color:#009eda; margin:0 0 0.6em 0;} #CONTACTO #AITwitter h2 a {color:#009eda; text-decoration:none;} #CONTACTO #AITwitter p { font-size:1.2em; color:#333; text-align:right; margin:0 0 1.5em 0;} #CONTACTO #AITwitter p.BotonSeguir { margin:0 0 1.2em 0;} /* Formulario Agradecimiento */ #CONTACTO .Mensaje { height:170px; margin-bottom:4em;} #CONTACTO .Mensaje h1 { text-align:left;margin:0 0 0.6em 0;} #CONTACTO .Mensaje p { text-align:left; color:#080808; font-family:"Gotham Light", Arial, sans-serif; font-size:1.8em; line-height:1.2em} /* ------------------------------------------------------------------------ */ /* VALIDACION DE FORMULARIOS ---------------------------------------------- */ /* ------------------------------------------------------------------------ */ #REGISTRO input.TXT.error { border:1px solid #c20000;} /* COMUNES ---------------------------------------------------------------- */ /* BOTONES --------------------------- */ #FICHA p .BTN {display:block;float:left;margin:0 1em 1em 0;padding:0.8em 1em;color:#FFF;-moz-border-radius:2px;border-radius:2px;font-size:0.714em;} #FICHA p .BTN span {display:inline;float:left;text-transform:uppercase} #FICHA p .BTN strong {display:inline;color:#FFF;font-size:1.2em} #FICHA p .BTN:hover {color:#FFF;} #FICHA p .BTN strong.FL_Right {display:inline;padding-left:4.5em} /**/ #FICHA p .BTN.Descargar span {background:url(/resources/img/iconos/ico-descargar.png) right 0 no-repeat;padding-right:9em;} /**/ #FICHA p .BTN_Blanco {border:1px solid #E7E7E7;-moz-border-radius:3px;border-radius:3px;background:#FFF url(/resources/img/comun/flecha_gris.gif) right center no-repeat;padding:0.4em 5em 0.4em 1em;font-size:0.857em;font-family:"Gotham Book", Arial, sans-serif} #FICHA .BotonMas {font-family:"Gotham Medium", Arial, sans-serif;font-size:1em; text-transform:uppercase;} #FICHA .BotonMas a { display:block; float:right; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #E7E7E7; padding:5px 25px 5px 10px; margin:0 10px 0 0} /* ------------------------------------------------------------------------ */ /* MODULOS --------------------------- */ .Mod2Col {height:100%;} .Mod2Col .Mod1Col {width:480px;} .Mod2Col .ModPrincipal1Col {width:306px;margin-right:2.8em;} .Mod2Col .ModPrincipal1Col.Last {margin-right:0;} .ModColumna {float:left;display:inline;} /* ANCHOS ---------------------------- */ .Ancho230 {width:230px;} .Ancho180 {width:180px;} .Ancho145 {width:145px;} .Ancho170 {width:170px;} .Ancho120 {width:120px;} /* ALINEACION ------------------------ */ .AlignLeft {text-align:left !IMPORTANT;} .AlignCenter {text-align:center !IMPORTANT;} .AlignRight {text-align:right !IMPORTANT;} /**/ img.IMG.FL_Left {margin:0 1.5em 1em 0} img.IMG.FL_Right {margin:0 0 1.5em 1em} /* OTROS ----------------------------- */ .FL_Left {float:left !IMPORTANT;} .FL_Right {float:right !IMPORTANT;} .FL_None {float:none !IMPORTANT;} .Clear {clear:both !IMPORTANT;} .OV100 {overflow:hidden;height:100%;} .Oculto {display:none;} .Upper {text-transform:uppercase;} .SeparadorTop {border-top:1px solid #d0d0d0;margin:1em 0;padding-top:1.2em} .Pos_Rel {position:relative} .Pos_Abs {position:absolute} .BG_Blanco {background-color:#FFF} .ColorNaranja {color:#ff8d16} .ColorAzul {color:#679ecd} /* ------------------------------------------------------------------------ */ /* ----------------------------------- */ /* ----------------------------------- */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ ul#videoNav { width:254px; height:28px; float:right; text-align:right;} ul#videoNav li { font-size:1.2em; display:inline; color:#679ecd;} ul#videoNav li a { height:18px; display:inline-block; color:#679ecd; text-decoration:none; padding-top:5px} ul#videoNav li a:hover { text-decoration:underline;} li#videoCounter {display:inline-block; text-align:center; padding:0 5px} li#prevVideo a {padding-left:20px; padding-right:10px;} li#nextVideo a {padding-right:20px;padding-left:10px;}