/* CSS Generico para Eventos (Listado y ampliación) PROD */ .main-menu #rightpanel { display:block; border:#787879 1px solid; margin: 0; padding:0; width: 100%; max-width:100%; } .main-menu #rightpanel .meta-box .box-body .menuitems { margin:0; padding:0; } .main-menu .description { display:none; } .main-menu, .btn_main-menu { margin:0; } .btn_main-menu { padding: 0; position: absolute; top: 15px; right: 20px; width: 2.6rem; height: 2.4rem; line-height: 3rem; cursor: pointer; font-weight: 500; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; font-size: 1.2rem; color: #fff; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /* -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;*/ z-index: 999; } .btn_main-menu:hover span { background-color: #000; } .btn_main-menu span:nth-of-type(1) { margin-top: 10px; } .btn_main-menu span { display: block; width: 1.7rem; height: 2px; margin: 9px auto 0; background-color: #000; /*-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;*/ -webkit-transform-origin: left top; -moz-transform-origin: left top; -o-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .btn_main-menu, .btn_main-menu.active, .icon-main-title, .main-menu.active .icon-main-title { -webkit-transition-delay: .2s; -o-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s; } .btn_main-menu span { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .btn_main-menu.active { border-color: transparent; color: #000; } .btn_main-menu.active span { background-color: #000; height:2px; } .btn_main-menu.active span:nth-of-type(1) { -webkit-transform: translate(5px, 1px) rotate(40deg); -moz-transform: translate(5px, 1px) rotate(40deg); -o-transform: translate(5px, 1px) rotate(40deg); -ms-transform: translate(5px, 1px) rotate(40deg); transform: translate(5px, 1px) rotate(40deg); } .btn_main-menu.active span:nth-of-type(2) { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); } .btn_main-menu.active span:nth-of-type(3) { -webkit-transform: translate(4px, -4px) rotate(-40deg); -moz-transform: translate(4px, -4px) rotate(-40deg); -o-transform: translate(4px, -4px) rotate(-40deg); -ms-transform: translate(4px, -4px) rotate(-40deg); transform: translate(4px, -4px) rotate(-40deg); } .btn_main-menu.lighten { border-color: #ecf0f1; } .btn_main-menu.lighten span { background-color: #ecf0f1; } .btn_main-menu:before, .btn_main-menu:after { opacity: 0; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .btn_main-menu:before { display:none; content: ""; background-color: #787879; color: #fff; content: attr(title); font-size: 0.7rem; font-weight: 300; height: 20px; line-height: 20px; padding: 0 5px; position: absolute; right: -70px; top: 30%; width: 3rem; } .btn_main-menu:after { display:none; content: ""; border-color: transparent #000 transparent transparent; border-style: solid; border-width: 10px 10px 10px 0; height: 0; position: absolute; right: -12px; top: 30%; width: 0; } .btn_main-menu:hover:before, .btn_main-menu:hover:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .btn_main-menu.active:before, .btn_main-menu.active:after { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); } /* --- MAIN MENU ----- */ .main-menu { position: absolute; top:0; right:0; width:0; z-index: 10; overflow: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .main-menu.active { width: 100%; background-color: rgba(255,255,255,1); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .main-menu .icon-main-title, .main-menu.active .icon-main-title, .main-menu.active ul li { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .main-menu > div { display:block !important; transition:all .5s ease; } .main-menu > div * { -moz-box-sizing: border-box; box-sizing: border-box; } .main-menu > div ul { list-style: none; margin: 0; padding: 0; } .main-menu > div li { margin: 0; padding: 0; display: block; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s; } .icon-main-title { display:block; margin:15px 0 20px 0; padding:0 20% 0 0; font-size: 30px; font-weight: normal; font-family: FuturaComMediumCondensed, Tahoma, Geneva, sans-serif; line-height: 1; letter-spacing: 0; text-transform: uppercase; color:#333; z-index:1; /*-webkit-transition-delay:.2s; -o-transition-delay:.2s; -ms-transition-delay:.2s; transition-delay:.2s*/ } .main-menu .icon-main-title { /*-moz-opacity:1; -khtml-opacity: 1; -webkit-opacity: 1; opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); */ -webkit-transition-delay:0; -o-transition-delay:0; -ms-transition-delay:0; transition-delay:0; } .main-menu.active .icon-main-title { /*-moz-opacity:1; -khtml-opacity: 1; -webkit-opacity: 1; opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); */ -webkit-transition:0s; -moz-transition:0s; -o-transition:0s; -ms-transition:0s; transition:0s; /*-webkit-transition-delay:.2s; -o-transition-delay:.2s; -ms-transition-delay:.2s; transition-delay:.2s;*/ } .icon-main-title a { display:inline-block; color:#2c3e50; position:relative; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; -ms-transition:color .3s; transition:color .3s } .icon-main-title a:hover:before, .icon-main-title a:hover:after { -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1 } .icon-main-title.lighten a, .icon-main-title.active a { color:#333; } .icon-main-title.active a:before,.icon-main-title.active a:after { -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0); -webkit-transform:translateX(-999px); -moz-transform:translateX(-999px); -o-transform:translateX(-999px); -ms-transform:translateX(-999px); transform:translateX(-999px); } /* EVENTOS */ .eventosBody #centralpanel ul.eventsWrapped li:before { display:none; } .eventosBody #centralpanel ul.eventsWrapped li { padding:0; } .eventosBody .seccionColgado { display:block; margin-bottom:30px; } .eventosBody #body { position:relative; } .eventosBody #centralpanel { width: 96% !important; padding-right: 0; } .eventosBody #centralpanel, .eventosBody #centralpanel ul.eventsWrapped { overflow:visible; } .eventosBody #body > #rightpanel, .eventosBody #movRightpanel, .eventoDetalleBody #centralpanel > #content-description, .eventoDetalleBody #centralpanel > #content-picture, .eventosBody #rightpanel .meta-htm, .eventosBody #rightpanel .meta-con, .eventoDetalleBody #body > #rightpanel { display:none; height:0; } /* Tipografías */ .eventoDetalleBody #content-toptitle, #eventsList li .eventsInfo .eventsToptitle, #eventsList li .eventsInfo .eventsTitle, #eventsList li .eventsInfo .eventsDate, #eventsList li.withForm > .btFormEvents a, .eventoDetalleBody .eventoCupos, .eventoDetalleBody .formField.button input { font-family: "Open sans", Arial, Helvetica, sans-serif; } /* Tamaño de fuentes */ #eventsList .eventsTitle a, #eventsList li .eventsInfo .eventsTitle { font-size: 24px; } .eventoDetalleBody #type-ortevent .eventoInscripcion h2, .eventoDetalleBody .eventoDate li .place em, .eventoDetalleBody .eventoOrganiza strong, .eventoDetalleBody .eventoDirigido strong { font-size:20px; } .eventoDetalleBody .eventoExpositor .expositorNombre strong, #eventsList li .eventsPlace strong { font-size:19px; } #eventsList li .eventsInfo, #eventsList li .eventsOrganizers, .eventoDetalleBody #content-description, .eventoDetalleBody #centralpanel #content-description h2, #eventsList li .eventsDescription p { font-size: 18px; } .eventoDetalleBody #centralpanel #content-description { height: auto; display: block; margin: 0 0 2em; padding: 20px; } .eventoDetalleBody .eventoDate li > *, #eventsList li .eventsInfo .eventsDate, #eventsList li .eventsInfo .place, #eventsList li .eventsInfo .organizers { font-size: 17px; } .eventoDetalleBody .eventoEmail p a, .eventoDetalleBody #type-ortevent, .eventoDetalleBody .formField.button input { font-size: 16px; } .eventoDetalleBody #content-toptitle, #eventsList li .eventsInfo .eventsToptitle { font-size:15px; } .seccionColgado { font-size:14px; } /* ORT Eventos - Listado */ #eventsList { margin-top: 30px; } #eventsList li { margin-right: -20px; margin-left: -10px; margin-bottom: 1.5em; border: 1px dotted /*#000*/; transition: .3s; position: relative; display:block; list-style: none; } #eventsList li .eventsImg { float: left; margin: 0 46px 20px 0; max-width: 400px; } #eventsList li .eventsImg img { border: 0; padding: 0; margin: 0; max-width: 100%; } #eventsList li > a { display: block; padding: 40px 40px 30px; overflow: hidden; } #eventsList li .eventsInfo { padding: 0 0 20px 0; overflow: hidden; } #eventsList li .eventsInfo > * { margin-bottom: 15px; } .eventoDetalleBody #content-toptitle, #eventsList li .eventsInfo .eventsToptitle { display:inline-block; padding:5px 10px; border: 1px dotted /*#000*/; margin: 0 0 10px 0; overflow: hidden; text-transform: uppercase; } #eventsList li.eventsPreu .eventsInfo .eventsToptitle:after { content: "\2012 \00A0 Preuniversitarios"; position: absolute; margin: -5px 0 0 0; padding: inherit; border: 1px none /*#000*/; } #eventsList li .eventsInfo .eventsTitle { font-weight: 600; margin: 0 0 30px 0; /*color: #570C15;*/ } #eventsList li .eventsInfo .eventsDate { display: inline-block; padding: 5px 10px; font-weight: bold;/* background: #906568; color: #fff;*/ } /*#eventsList li .eventsPlace strong { color:#603715; }*/ #eventsList li .eventsPlace strong:after { content: " "; } /*#eventsList li .eventsInfo .place { color:#3a291d; }*/ #eventsList li .eventsDescription { margin-bottom: 0; padding: 20px; /*background: #EDEAE2;*/ } #eventsList li .eventsDescription p { padding: 0;/* color: #3A291D;*/ } #eventsList li .eventsDescription p:last-child { padding-bottom: 0; } #eventsList li .eventsDescription a { pointer-events: none; text-decoration: none !important;/* color: inherit;*/ } #eventsList li .eventsDescription strong { font-weight: normal; } #eventsList .eventsWrapped li { border: 10px solid #fff; transition: .3s; } /*#eventsList .eventsWrapped li:hover { border-color: #D1CAC7; }*/ #eventsList .eventsWrapped li > a { display: block; border: 1px dotted #a3aaaf; text-decoration: none !important; } #eventsList .eventsWrapped li:hover .eventsTitle a { text-decoration: none !important; } #eventsList li.withForm > .btFormEvents { display:block; overflow:hidden; clear:both; } #eventsList li.withForm > .btFormEvents a { display:inline-block; position: absolute; right: 25px; bottom: 0; padding:10px 30px; margin: 20px; -webkit-border-radius: 3px ; border-radius: 3px; font-weight:400; /*background: #661020; color: #fff;*/ } /*#eventsList li.withForm > .btFormEvents a:hover{ background:#721428; }*/ /*#eventsList li a:after { content: ""; clear: both; display: block; }*/ #eventsList li .eventsInfo .eventsToptitle { position: absolute; left: 40px; top: -15px; background: #fff; } #eventsList li.eventsPreu .eventsInfo .eventsToptitle:after { position: static; } #eventsList li:not(.eventsPreu) .eventsInfo .eventsToptitle:after { margin: -5px 0 0 .5em; padding: inherit; border: 1px none /*#000*/; } #eventsList li .eventsTitle { margin-bottom: 1em; } #eventsList li .eventsInfo { padding-bottom: 0; } #eventsList li .eventsDescription { margin-bottom: 1em; } @media screen and (max-width: 480px) { #eventsList li .eventsInfo .eventsToptitle { left: 20px; right: 20px } #eventsList li > a { padding: 40px 20px 30px; } } /* Ampliación del evento */ .eventoDetalleBody #content-title { padding-bottom: 44px; } .eventoDetalleBody #content-picture, .eventoDetalleBody #centralpanel > #content-picture { display: none; max-width: 680px; overflow:hidden;} .eventoDetalleBody #type-ortevent > #content-picture { display: block; float: left; margin: 0 56px 65px 0; } .eventoDetalleBody #type-ortevent > #content-picture img { width:100%; margin: 0; padding: 0; max-width: 680px; overflow:hidden; border:none; } .eventoDetalleBody .eventoDescripcion { margin: 25px 0; padding: 0; } .eventoDetalleBody .eventoDescripcion > *:last-child { margin-bottom: 0; padding-bottom: 0; } .eventoDetalleBody .eventoInfo { overflow: hidden; } .eventoDetalleBody .eventoOrganiza, .eventoDetalleBody .eventoDirigido { margin-bottom: 1em; line-height: 1.8; } .eventoDetalleBody .eventoOrganiza, .eventoDetalleBody .eventoOrganiza strong, .eventoDetalleBody .eventoDirigido strong { display: block; } .eventoDetalleBody .eventoAbstract { display: none; } .eventoDetalleBody #content-description { margin: 25px 0 41px 0; padding: 42px 66px; font-weight: normal; } .eventoDetalleBody #centralpanel #content-description h2 { margin: 0; padding: 0; color: #3A291D; } .eventoDetalleBody #content-description h2 *:first-child { margin-top: 0; padding-top: 0; } .eventoDetalleBody #content-description h2 *:last-child { margin-bottom: 0; padding-bottom: 0; } .eventoDetalleBody .eventoDate { margin-bottom: 25px; line-height: 1.5; } .eventoDetalleBody .eventoDate li { display: block; font-size: 0; margin-bottom: 10px } .eventoDetalleBody .eventoDate li .date, .eventoDetalleBody .eventoDate li .time { display:inline-block; padding: 10px; font-weight: 700 !important; /*background: #906568; color: #fff;*/ } .eventoDetalleBody .eventoDate li .time:before { content: "-"; position: relative; left: -7px; } .eventoDetalleBody .eventoDate li .place em { display: block; margin-top: 5px; font-weight: bold; line-height: 1.8; /*color: #603715;*/ } .eventoDetalleBody .eventoDate li .place strong { display: block; margin-bottom: 10px; font-weight: normal; } .eventoDetalleBody .eventoDate em { font-style: normal; } .eventoDetalleBody .eventoDate li strong { font-weight: bold; } .eventoDetalleBody .eventoDate .place { display: block; margin-top: 1em; } .eventoDetalleBody .eventoDate .date em { display: none; } .eventoDetalleBody .eventoDate .date.eventoNoDate em { display: inline-block; } .eventoDetalleBody .eventoExpositores .eventoExpositor:first-child { margin-top:64px; } .eventoDetalleBody .eventoExpositor { margin-bottom: 54px; } .eventoDetalleBody .eventoExpositor:after { content: ""; clear: both; display: block; width: 100%; height: 0; } .eventoDetalleBody .eventoExpositor .expositorNombre { margin-bottom: 20px; font-weight: bold; } .eventoDetalleBody .eventoExpositor .expositorNombre strong { display: inline-block; margin-right: 8px; padding: 0; font-weight: bold; } .eventoDetalleBody .eventoExpositor .expositorNombre strong:before { content: ""; position: relative; top: -13px; display: block; width: 68px; height: 0; border-bottom: 7px solid #bcb4af; } .eventoDetalleBody .expositorConFoto .expositorNombre strong:after { content: ""; position: relative; top: 2px; display: inline-block; width: 0; height: 1em; margin-left: 10px; border-right: 1px solid #bcb4af; } .eventoDetalleBody .expositorSinFoto .expositorNombre strong { display: block; margin-bottom: .7em; } .eventoDetalleBody .expositorFoto { float: left; width: 150px; margin: 0 25px 0 0; } .eventoDetalleBody .expositorFoto img { width: 100%; max-width: 100%; } .eventoDetalleBody #type-ortevent .eventoInscripcion { border-top: 2px dotted; padding-top:30px; } .eventoDetalleBody #type-ortevent .eventoInscripcion h2 { font-weight: bold; text-transform: uppercase; text-align:center; } .eventoDetalleBody .eventoInscripcionInfo { margin-bottom: 50px; margin-top: 10px; text-align:center; } .eventoDetalleBody .eventoInscripcionInfo li { display: inline-block; color: #000; } .eventoDetalleBody .eventoInscripcionInfo li:before { content: "- "; } .eventoDetalleBody .eventoInscripcionInfo li:first-child:before { content: ""; } .eventoDetalleBody .eventoEmail { text-align:center; width: 60%; margin: 0 auto 50px auto; } .eventoDetalleBody .eventoEmail:before{ content: ""; position: relative; display: block; top: -2px; border-bottom: 2px dotted /*#661020*/; } .eventoDetalleBody .eventoEmail:after { content: ""; position: relative; display: block; bottom: -2px; border-bottom: 2px dotted /*#661020*/; } .eventoDetalleBody .eventoEmail p { padding: 15px 20px; margin: 0; } .eventoDetalleBody .eventoEmail p strong, .eventoDetalleBody .eventoEmail p a { font-weight: bold; } .eventoDetalleBody .eventoCupos { display:block;line-height: 1.8; margin-top:30px; margin-bottom:30px; text-align:center; padding:5px 10px; border: 3px solid /*#d1cac7*/; text-transform:uppercase; font-weight:400; } .eventoDetalleBody .formField { padding: 0 0 10px 0; } .eventoDetalleBody .formField:after { content: ""; clear: both; display: block; width: 100%; height: 0; overflow: hidden; } .eventoDetalleBody #eventoInscripcionForm .formField label { float: left; width: 37%; min-height: 1px; padding-top:10px; padding-right: 1em; text-align: right; } .eventoDetalleBody .formField.required label:after { content: "*"; font-size: 112.5%; } .eventoDetalleBody .formField div { float: left; width:302px; } .eventoDetalleBody .formField.button input { display:block; padding: 10px 20px; margin-bottom: 10px; border: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 3px ; border-radius: 3px; font-weight:400; margin:20px auto; width:207px; text-align:center; color:#fff; } .eventoDetalleBody #eventoInscripcionForm .formField.check div label { float: none; color:#fff; vertical-align: middle; } .eventoDetalleBody #eventoInscripcionForm .formField.radio div label { float: none; width: auto; display: inline-block;} .eventoDetalleBody .formField.required div label:after { content: ""; } .eventoDetalleBody #eventoInscripcionForm, .eventoDetalleBody #eventoInscripcionForm > ul { text-align: left; margin:0 auto; } .eventoDetalleBody #eventoInscripcionForm ul + p { display: block; width: 60%; margin: 20px auto 55px; font-style: italic; text-align: center; } .eventoDetalleBody #eventoInscripcionForm ul input[type=checkbox] { vertical-align: middle; margin-top: .8em; } .eventoDetalleBody .formField.captcha div { text-align:center; margin:0 auto; } .eventoDetalleBody #content-description { display: inline-block; width:100%; overflow: hidden; } .eventoDetalleBody .formField input[type=text], .eventoDetalleBody .formField input[type=email], .eventoDetalleBody .formField input[type=text], .eventoDetalleBody .formField input[type=number], .eventoDetalleBody .formField select, .eventoDetalleBody .formField textarea{ padding: 10px; border: 1px solid #D1CAC7; width: 100%; } .eventoDetalleBody .formField.captcha label { visibility: hidden; } .eventoDetalleBody .formField.error .formFieldMsg { display: block; padding: 3px 0 5px; color: #f00; } .eventoDetalleBody .errorMessages { display: none; } .eventoDetalleBody.eventoPreu #content-toptitle:after { content: "\2012 \00A0 Preuniversitarios"; margin: 0; padding: inherit; border: 1px none #000; } .eventoDetalleBody:not(.eventoPreu) #content-toptitle:after { margin: -5px 0 0 .5em; padding: inherit; border: 1px none /*#000*/; } .eventoDetalleBody #content-title { padding-bottom: 2em; } .eventoDetalleBody #type-ortevent > #content-picture img { max-width: 480px; } .eventoDetalleBody .eventoDescripcion { clear: both; } @media screen and (max-width: 800px) { .eventosBody #content-title { margin-left:10px; } .eventosBody #centralpanel #eventoInscripcionForm form label { width:37%; } #eventsList li { margin-right: 0; margin-left: 0; } #content-picture, .eventoDetalleBody #type-ortevent > #content-picture img, #eventsList li .eventsImg { max-width:100%; margin:0; } #eventsList li .eventsInfo { padding: 20px 0; display: block; clear: both; overflow: hidden; } .eventoDetalleBody #type-ortevent #content-picture { display:block; margin-right:0;} .eventoDetalleBody .eventoEmail, .eventoDetalleBody #eventoInscripcionForm ul + p { width:100%; } .eventoDetalleBody .eventoCupos { display:inline-block; width: 100%; } .eventoDetalleBody #centralpanel .formField.radio div label { width: auto; } } @media screen and (max-width: 480px) { .eventoDetalleBody #type-ortevent #content-picture { float: none; margin-right: 0; } .eventoDetalleBody #type-ortevent #content-picture img { float: none; width: auto; margin-right: 0; } .eventoDetalleBody #eventoInscripcionForm .formField label { float: none; width: 100%; text-align: center; } .eventoDetalleBody #eventoInscripcionForm .formField div { float: none; width: auto; max-width: 100% } .eventoDetalleBody .formField input[type=text], .eventoDetalleBody .formField input[type=email], .eventoDetalleBody .formField input[type=date] { width: 98%; line-height: 1.8; font-size: 14px } .eventoDetalleBody .formField textarea { width: 98%; line-height: 1.4; } .eventoDetalleBody .formField.button input { width: 98%; line-height: 1.8; } } @media screen and (max-width: 320px) { .eventoDetalleBody #type-ortevent #content-picture img { min-width: 300px; } } /* ----- PARA SI ----------------------------------------------------------------------------------------- */ #www .btn_main-menu.active span { background-color: #fff; } #www #rightpanel.panelWithForm2 > div:not(.meta-form2) { display: block; } #www .eventosBody .main-menu { top: 45px; } #www .eventosBody .btn_main-menu { top: 50px; } #www .eventoDetalleBody .main-menu { top: 25px; } #www .eventoDetalleBody .btn_main-menu { top: 30px; } #www #eventsList li .eventsInfo .eventsTitle { color: #570C15; } #www .eventoDetalleBody #content-toptitle, #www #eventsList li .eventsInfo .eventsToptitle { color:#424242; } #www #eventsList li .eventsInfo .place, #www #eventsList li .eventsOrganizers .organizers, #www #eventsList li .eventsDescription p, #www .eventoDetalleBody #centralpanel #content-description h2 { color: #3A291D; } #www #eventsList li .eventsDescription a { color: inherit; } #www #eventsList li .eventsPlace strong, #www #eventsList li .eventsOrganizers strong, #www .eventoDetalleBody #type-ortevent .eventoInscripcion h2, #www .eventoDetalleBody .eventoEmail p strong, #www .eventoDetalleBody .eventoEmail p a, #www .eventoDetalleBody .eventoOrganiza strong, #www .eventoDetalleBody .eventoDirigido strong, #www .eventoDetalleBody .eventoDate li .place em, #www .eventoDetalleBody .eventoExpositor .expositorNombre strong, #www .eventoDetalleBody .formField label { color: #603715; } #www .eventoDetalleBody .eventoExpositor .expositorNombre, #www .eventoDetalleBody .eventoInscripcionInfo li { color: #000; } #www #eventsList li .eventsInfo .eventsDate, #www #eventsList li.withForm > .btFormEvents a, #www .eventoDetalleBody .eventoDate li .date, #www .eventoDetalleBody .eventoDate li .time, #www .eventoDetalleBody .formField.check div label { color:#fff; } #www .eventoDetalleBody .eventoCupos, #www #eventsList .eventsWrapped li:hover { border-color: #D1CAC7; } #www .eventoDetalleBody #content-toptitle, #www #eventsList li .eventsInfo .eventsToptitle, #www #eventsList li.eventsPreu .eventsInfo .eventsToptitle:after, #www .eventoDetalleBody .expositorConFoto .expositorNombre strong:after { border-color: #d8ceca; } #www .eventoDetalleBody .eventoEmail:before, #www .eventoDetalleBody .eventoEmail:after { border-color:#661020; } #www .eventoDetalleBody .eventoExpositor .expositorNombre strong:before { border-bottom-color: #BCB4AF; } #www .eventoDetalleBody #type-ortevent .eventoInscripcion { border-top-color: #661020; } #www .eventoDetalleBody #content-description, #www #eventsList li .eventsDescription { background: #EDEAE2; } #www #eventsList li.withForm > .btFormEvents a, #www .eventoDetalleBody .formField.button input { background: #661020; } #www #eventsList li.withForm > .btFormEvents a:hover{ background:#721428; } #www #eventsList li .eventsInfo .eventsDate, #www .eventoDetalleBody .eventoDate li .date, #www .eventoDetalleBody .eventoDate li .time { background: #906568; } #www .eventoDetalleBody .eventoEmail p { background: #F2F0EB; } /* ----- PARA FACS ----------------------------------------------------------------------------------------- */ #facs .eventosBody #centralpanel { width:100% !important; } #facs .eventoDetalleBody .seccionColgado, #facs .eventosBody #centralpanel ul li:before, #facs .eventoDetalleBody #centralpanel > #content-picture, #facs .eventosBody #rightpanel .meta-htm { display:none; } #facs .eventoDetalleBody #type-ortevent .eventoInfo { padding:0; } #facs .eventoDetalleBody #centralpanel .eventoExpositores ul li { padding-left:0 } #facs .eventosBody #body { position:relative; } #facs .eventosBody #centralpanel #content-body { width: 94%; padding-right: 0; } #facs #eventsList li .eventsInfo .eventsToptitle { color:#191919; } #facs #eventsList li .eventsInfo > * { color:#191919; } #facs .eventoDetalleBody #content-description, #facs #eventsList li .eventsDescription { background: #eaf6fd; } #facs .eventoDetalleBody #type-ortevent > #content-picture { width: 32.92%; } #facs .eventoDetalleBody #type-ortevent .eventoInscripcion, #facs .eventoDetalleBody #type-ortevent > #content-picture, #facs .eventoDetalleBody #content-description { margin-left:90px; } #facs .eventoDetalleBody #centralpanel #content-description { margin-left: 90px; margin-right: 90px; display: block; width: calc(100% - 180px); } #facs .eventoDetalleBody .eventoDate, #facs .eventoDetalleBody #type-ortevent .eventoInscripcion h2, #facs .eventoDetalleBody .eventoInscripcionInfo { margin-left:0; margin-right: 0; } #facs .eventoDetalleBody .eventoInscripcionInfo li { padding:0; } #facs .eventoDetalleBody .eventoInscripcionInfo li:before { content: " - "; display:inline-block !important; border:none; background:none; position:static; } #facs .eventoDetalleBody .eventoInscripcionInfo li:first-child:before { content: ""; } #facs .eventoDetalleBody .eventoDescripcion { clear: none; overflow: hidden; width: 100%; } #facs .eventoDetalleBody #eventoInscripcionForm, #facs .eventoDetalleBody #content-description p, #facs #eventsList li .eventsDescription p { margin:0; } #facs .eventoDetalleBody .eventoDate li > *, #facs #eventsList li .eventsInfo .eventsDate, #facs #eventsList li .eventsInfo .place { font-size: 16px; } #facs .eventoDetalleBody .eventoCupos { border-color:#4e6b93; } #facs #eventsList .eventsWrapped li:hover { border-color: #ebf3f7; } #facs #eventsList li .eventsImg { max-width: 400px; } #facs #eventsList li .eventsImg img { border: 0; padding: 0; margin: 0; } #facs #eventsList li > a { display: block; overflow: hidden; padding: 45px 62px; } #facs #eventsList li .eventsInfo .eventsDate { background: #dbdde1; color:#191919; } #facs #eventsList li .eventsInfo { padding-top:0; } #facs #eventsList li.withForm > .btFormEvents { display:block; overflow:hidden; clear:both; } #facs #eventsList li.withForm > .btFormEvents a { display:inline-block; position: absolute; right: 25px; bottom: 0; padding:10px 30px; margin: 20px; background: #661020; border-radius: 3px; color: #fff; font-weight:400; font-family: 'Open Sans'; } #facs #eventsList li.withForm > .btFormEvents a:hover{ background:#721428; } #facs .eventoDetalleBody .eventoDate li .date, #facs .eventoDetalleBody .eventoDate li .time { background: #dbdde1; color:#191919; padding:10px; } #facs .eventoInscripcionForm ul { width:55%; } #facs .eventoDetalleBody .formField.button input { background:#284b67; } @media screen and (max-width: 1200px) { #facs #eventsList li .eventsInfo { width: 100%; } } @media screen and (max-width: 1024px) { #facs .eventosBody #centralpanel #content-body { width: 100%; margin: 0; } #facs #eventsList .events { margin: 0 40px 0 30px; padding: 0; } } @media screen and (max-width: 800px) { #facs #eventsList .events { margin: 0 20px; } #facs .eventoDetalleBody #type-ortevent > #content-picture { float: none; width: calc(100% - 90px - 90px); } #facs .eventoDetalleBody #type-ortevent .eventoInfo { width: auto; margin: 0 90px; } #facs .eventoDetalleBody .eventoDescripcion { width: calc(100% - 90px - 90px); margin-left: 90px; margin-right: 90px; } #facs .eventoDetalleBody .eventoDescripcion p { margin: 0; } #facs .eventoDetalleBody #centralpanel .eventoExpositores ul, #facs .eventoDetalleBody #type-ortevent .eventoInscripcion { margin-right: 90px; } } @media screen and (max-width: 640px) { #facs #eventsList li > a { padding: 45px; } } @media screen and (max-width: 480px) { #facs #eventsList li > a { padding: 45px 20px; } #facs .eventoDetalleBody #centralpanel #content-description { margin: 30px; width: auto; } #facs .eventoDetalleBody #type-ortevent > #content-picture { width: auto; margin: 30px; } #facs .eventoDetalleBody #type-ortevent > #content-picture img { width: 100%; } #facs .eventoDetalleBody #centralpanel .eventoExpositores ul, #facs .eventoDetalleBody #type-ortevent .eventoInscripcion { margin-left: 30px; margin-right: 30px; } #facs .eventoDetalleBody #type-ortevent .eventoInfo { margin: 0 30px; } #facs .eventoDetalleBody .eventoDescripcion { width: auto; margin: 30px; } #facs .eventoDetalleBody .formField { padding: 0 0 1em 0; } } /* ----- PARA FA ----------------------------------------------------------------------------------------- */ #fa .eventosBody #centralpanel { width: 75% !important; } #fa .eventoDetalleBody .seccionColgado, #fa .eventosBody #centralpanel ul li:before, #fa .eventoDetalleBody #centralpanel > #content-description, #fa .eventoDetalleBody #centralpanel > #content-picture, #fa .eventosBody #rightpanel .meta-htm { display:none; } #fa .eventoDetalleBody #type-ortevent > #content-picture { width: 45.62%; margin: 0 5.32% 65px 0; } #fa .eventoDetalleBody #type-ortevent .eventoInfo { width: 49.06%; padding-left:0; } #fa .eventoDetalleBody #centralpanel .eventoExpositores ul li { padding-left:0 } #fa .eventosBody #body { position:relative; } #fa .eventosBody #centralpanel #content-body { padding-right: 0; } #fa .eventosBody #centralpanel ul.eventsWrapped { padding: 0; } #fa .eventoDetalleBody ul { padding-left: 0; } #fa #eventsList li .eventsInfo .eventsToptitle { color:#191919; } #fa #eventsList li .eventsTitle { display: block; } #fa #eventsList li .eventsInfo > * { color:#191919; } #fa .eventoDetalleBody #content-description, #fa #eventsList li .eventsDescription { display: block; background: #e2e2e2; } #fa .eventoDetalleBody #content-picture, #fa .eventoDetalleBody #centralpanel .eventoInfo .eventoImg { display: block; max-width: 480px; } #fa .eventoDetalleBody #type-ortevent .eventoInscripcion, #fa .eventoDetalleBody #type-ortevent > #content-picture, #fa .eventoDetalleBody #content-description { /*margin-left:90px;*/ } #fa .eventoDetalleBody .eventoDate, #fa .eventoDetalleBody #type-ortevent .eventoInscripcion h2, #fa .eventoDetalleBody .eventoInscripcionInfo { margin-left:0; } #fa .eventoDetalleBody .eventoInscripcionInfo li { padding:0; } #fa .eventoDetalleBody .eventoInscripcionInfo li:before { content: " - "; display:inline-block !important; border:none; background:none; position:static; margin:0; } #fa .eventoDetalleBody .eventoInscripcionInfo li:first-child:before { content: ""; } #fa .eventoDetalleBody #eventoInscripcionForm, #fa .eventoDetalleBody #content-description p, #fa #eventsList li .eventsDescription p { margin:0; } #fa .eventoDetalleBody .eventoDate li > *, #fa #eventsList li .eventsInfo .eventsDate, #fa #eventsList li .eventsInfo .place { font-size: 16px; } #fa .eventoDetalleBody .eventoCupos { border-color:#4e6b93; } #fa #eventsList .eventsWrapped li:hover { border-color: #e2e2e2; } #fa #eventsList li .eventsImg { max-width: 400px; width: 42.73%; } #fa #eventsList li .eventsImg img { border: 0; padding: 0; margin: 0; } #fa #eventsList li > a { display: block; overflow: hidden; padding: 45px 62px; } #fa #eventsList li .eventsInfo .eventsDate { background: #e2e2e2; color:#191919; } #fa #eventsList li .eventsInfo { padding-top:0; } #fa #eventsList li.withForm > .btFormEvents { display:block; overflow:hidden; clear:both; } #fa #eventsList li.withForm > .btFormEvents a { display:inline-block; position: absolute; right: 25px; bottom: 0; padding:10px 30px; margin: 20px; background: #661020; border-radius: 3px; color: #fff; font-weight:400; font-family: 'Open Sans'; } #fa #eventsList li.withForm > .btFormEvents a:hover{ background:#721428; } #fa .eventoDetalleBody .eventoDate li .date, #fa .eventoDetalleBody .eventoDate li .time { background: #e2e2e2; color:#191919; padding:10px; } #fa .eventoInscripcionForm ul { width:55%; } #fa .eventoDetalleBody .formField.button input { background:#1d1d1d; } #fa #centralpanel form .captcha { margin-left: 0 } @media screen and (max-width: 800px) { #fa .eventosBody #centralpanel { width: 100% !important; } #fa #eventsList li .eventsImg { max-width: 100%; width: 100%; margin-bottom: 15px; } #fa .eventoDetalleBody #content-description { margin-bottom: 0; } } @media screen and (max-width: 640px) { #fa #eventsList li > a { padding: 30px; } } @media screen and (max-width: 480px) { #fa .eventosBody #content-body { padding-top: 0; } #fa #eventsList li > a { padding: 30px 20px; } #fa .eventoDetalleBody #type-ortevent > #content-picture { width: 100%; margin: 0; } #fa .eventoDetalleBody #type-ortevent > #content-picture img { width: 100%; margin: 0; } #fa .eventoDetalleBody #type-ortevent .eventoInfo { width: 100%; padding-left:0 ; } #fa .eventoDetalleBody .formField { margin-bottom: 0; padding-bottom: 0; } } /* ----- PARA IE ----------------------------------------------------------------------------------------- */ #ie .eventoDetalleBody .seccionColgado, #ie .eventosBody #centralpanel ul li:before, #ie .eventoDetalleBody #centralpanel > #content-description, #ie .eventoDetalleBody #centralpanel > #content-picture, #ie .eventosBody #rightpanel .meta-htm { display:none; } #ie #eventsList li .eventsInfo .eventsDate, #ie .eventoDetalleBody .eventoDate li .date, #ie .eventoDetalleBody .eventoDate li .time { background: #906568; } #ie #eventsList li .eventsInfo .eventsDate, #ie #eventsList li.withForm > .btFormEvents a, #ie .eventoDetalleBody .eventoDate li .date, #ie .eventoDetalleBody .eventoDate li .time, #ie .eventoDetalleBody .formField.check div label { color:#fff; } #ie .eventoDetalleBody #content-description, #ie #eventsList li .eventsDescription { background: #EDEAE2; } /*#ie .eventoDetalleBody #type-ortevent .eventoInscripcion { padding-left: 90px; }*/ #ie #eventsList .eventsWrapped li:hover { border-color: #D1CAC7; } #ie .eventoDetalleBody #eventoInscripcionForm, #ie .eventoDetalleBody #content-description p, #ie #eventsList li .eventsDescription p { margin:0; } #ie .eventoDetalleBody .formField.button input { background:#661020; } /* ----- PARA FI ----------------------------------------------------------------------------------------- */ #fi .eventosBody .btn_main-menu { top: 50px; } #fi .eventosBody .main-menu { top: 40px; } #fi .eventosBody #centralpanel h1 { margin:0; } #fi #eventsList li .eventsTitle, #fi #eventsList li .eventsTitle a { color: #005050; } #fi .eventoDetalleBody #content-toptitle, #fi #eventsList li .eventsInfo .eventsToptitle { color:#4A4949; } #fi #eventsList li .eventsDescription p, #fi .eventoDetalleBody #centralpanel #content-description h2 { color: #4A4949; } #fi #eventsList li .eventsInfo .place, #fi #eventsList li .eventsOrganizers .organizers { color: #4A4949; } #fi #eventsList li .eventsDescription a { color: inherit; } #fi #eventsList li .eventsPlace strong, #fi #eventsList li .eventsOrganizers strong, #fi .eventoDetalleBody #type-ortevent .eventoInscripcion h2, #fi .eventoDetalleBody .eventoEmail p strong, #fi .eventoDetalleBody .eventoEmail p a, #fi .eventoDetalleBody .eventoOrganiza strong, #fi .eventoDetalleBody .eventoDirigido strong, #fi .eventoDetalleBody .eventoDate li .place em, #fi .eventoDetalleBody .eventoExpositor .expositorNombre strong, #fi .eventoDetalleBody .formField label { color: #35495C; } #fi .eventoDetalleBody .eventoExpositor .expositorNombre, #fi .eventoDetalleBody .eventoInscripcionInfo li { color: #000; } #fi #eventsList li .eventsInfo .eventsDate, #fi #eventsList li.withForm > .btFormEvents a, #fi .eventoDetalleBody .eventoDate li .date, #fi .eventoDetalleBody .eventoDate li .time, #fi .eventoDetalleBody .formField.check div label { color:#005050; } #fi .eventoDetalleBody .eventoCupos, #fi #eventsList .eventsWrapped li:hover { border-color: #EAEAEA; } #fi .eventoDetalleBody #content-toptitle, #fi #eventsList li .eventsInfo .eventsToptitle, #fi #eventsList li.eventsPreu .eventsInfo .eventsToptitle:after, #fi .eventoDetalleBody .expositorConFoto .expositorNombre strong:after { border-color: #D8CECA; } #fi .eventoDetalleBody .eventoEmail:before, #fi .eventoDetalleBody .eventoEmail:after { border-color:#005050; } #fi .eventoDetalleBody .eventoExpositor .expositorNombre strong:before { border-bottom-color: #BCB4AF; } #fi .eventoDetalleBody #type-ortevent .eventoInscripcion { border-top-color: #005050; } #fi #eventsList li.withForm > .btFormEvents a, #fi .eventoDetalleBody .formField.button input { background: #005050; } #fi #eventsList li.withForm > .btFormEvents a:hover{ background:#721428; } #fi .eventoDetalleBody #content-description, #fi #eventsList li .eventsDescription, #fi #eventsList li .eventsInfo .eventsDate, #fi .eventoDetalleBody .eventoDate li .date, #fi .eventoDetalleBody .eventoDate li .time, #fi .eventoDetalleBody .eventoEmail p { background: #EAEAEA; } /* ----- PARA FCD ----------------------------------------------------------------------------------------- */ #fcd .btn_main-menu { /*top: 30px;*/ /*! right: 60px; */ } #fcd .main-menu { top: 0px; } #fcd .main-menu #rightpanel { /*! width: 96.5%; */ } #fcd .btn_main-menu.active span { background-color: #fff; } #fcd .eventosBody #centralpanel { overflow:visible; margin: 30px auto; max-width: 100%; padding:0; } #fcd .eventosBody #body { max-width: 1500px; width: 75%; } #fcd .eventoDetalleBody #content-toptitle, #fcd #eventsList li .eventsInfo .eventsToptitle, #fcd #eventsList li .eventsInfo .eventsTitle, #fcd #eventsList li .eventsInfo .eventsDate, #fcd #eventsList li.withForm > .btFormEvents a, #fcd .eventoDetalleBody .eventoCupos, #fcd .eventoDetalleBody .formField.button input { font-family: "Rambla", Arial, Helvetica, sans-serif; } #fcd .eventosBody .main-menu #rightpanel { margin-top: 10px; } #fcd .eventosBody #centralpanel h1 { margin:0; } #fcd #eventsList li .eventsInfo .eventsTitle { color: #570C15; } #fcd .eventoDetalleBody #content-toptitle, #fcd #eventsList li .eventsInfo .eventsToptitle { color:#424242; padding: 5px 10px; } #fcd #eventsList li .eventsInfo .place, #fcd #eventsList li .eventsDescription p, #fcd .eventoDetalleBody #centralpanel #content-description h2 { color: #3A291D; } #fcd #eventsList li .eventsDescription a { color: inherit; } #fcd #eventsList li .eventsPlace strong, #fcd .eventoDetalleBody #type-ortevent .eventoInscripcion h2, #fcd .eventoDetalleBody .eventoEmail p strong, #fcd .eventoDetalleBody .eventoEmail p a, #fcd .eventoDetalleBody .eventoOrganiza strong, #fcd .eventoDetalleBody .eventoDirigido strong, #fcd .eventoDetalleBody .eventoDate li .place em, #fcd .eventoDetalleBody .eventoExpositor .expositorNombre strong, #fcd .eventoDetalleBody .formfcdeld label { color: #252525; } #fcd .eventoDetalleBody .eventoExpositor .expositorNombre, #fcd .eventoDetalleBody .eventoInscripcionInfo li { color: #000; } #fcd #eventsList li .eventsInfo .eventsDate, #fcd #eventsList li.withForm > .btFormEvents a, #fcd .eventoDetalleBody .eventoDate li .date, #fcd .eventoDetalleBody .eventoDate li .time, #fcd .eventoDetalleBody .formField.check div label { color:#252525; } #fcd .eventoDetalleBody .eventoCupos, #fcd #eventsList .eventsWrapped li:hover { border-color: #EAEAEA; } #fcd .eventoDetalleBody #content-toptitle, #fcd #eventsList li .eventsInfo .eventsToptitle, #fcd #eventsList li.eventsPreu .eventsInfo .eventsToptitle:after, #fcd .eventoDetalleBody .expositorConFoto .expositorNombre strong:after { border-color: #D8CECA; } #fcd .eventoDetalleBody .eventoEmail:before, #fcd .eventoDetalleBody .eventoEmail:after { border-color:#252525; } #fcd .eventoDetalleBody .eventoExpositor .expositorNombre strong:before { border-bottom-color: #BCB4AF; } #fcd .eventoDetalleBody #type-ortevent .eventoInscripcion { border-top-color: #252525; } #fcd .eventoDetalleBody #eventoInscripcionForm .formField.check div label { display: none; } #fcd #eventsList li.withForm > .btFormEvents a, #fcd .eventoDetalleBody .formField.button input { background: #252525; } #fcd #eventsList li.withForm > .btFormEvents a:hover{ background:#721428; } #fcd .eventoDetalleBody #content-description, #fcd #eventsList li .eventsDescription, #fcd #eventsList li .eventsInfo .eventsDate, #fcd .eventoDetalleBody .eventoDate li .date, #fcd .eventoDetalleBody .eventoDate li .time, #fcd .eventoDetalleBody .eventoEmail p { background: #EAEAEA; } @media screen and (max-width: 1440px) { #fcd .eventosBody #content-title { margin-left:10px; } #fcd .eventosBody #centralpanel form label { width:37%; } #fcd #eventsList li { margin-right: 0; margin-left: 0; } #fcd #eventsList li .eventsImg { max-width:100%; margin-right:0; } #fcd #eventsList li .eventsInfo { padding: 20px 0; display: block; clear: both; overflow: hidden; } #fcd .eventoDetalleBody .eventoEmail, #fcd .eventoDetalleBody #eventoInscripcionForm ul + p { width:100%; } #fcd .eventoDetalleBody .eventoCupos { display:inline-block; width: 100%; } /*#fcd .eventoDetalleBody .formField label { float: none; width: 100%; } #fcd .eventoDetalleBody .formField div { float: none; width: auto; max-width: 100% } #fcd .eventoDetalleBody .formField input[type=text], #fcd .eventoDetalleBody .formField input[type=email], #fcd .eventoDetalleBody .formField input[type=date] { width: 98%; line-height: 1.8; font-size: 14px } #fcd .eventoDetalleBody .formField textarea { width: 98%; line-height: 1.4; } #fcd .eventoDetalleBody .formField.button input { width: 98%; line-height: 1.8; } */ } @media screen and (max-width: 1024px) { #fcd .eventoDetalleBody #type-ortevent #content-picture { display:block; margin-right:0;} #fcd .eventoDetalleBody #type-ortevent #content-picture { float: none; margin: 0 0 65px 0; max-width:100%; } #fcd .eventoDetalleBody #type-ortevent #content-picture img { float: none; width: auto; margin-right: 0; max-width:100%; } } @media screen and (max-width: 800px) { #fcd .eventosBody #body { width: 98%; } } /* ----- PARA PREUNIVERSITARIOS ----------------------------------------------------------------------------------------- */ #preuniversitarios .eventosBody .contentCentralpanel, #preuniversitarios .eventosBody #centralpanel.normalwidth { overflow:visible; } #preuniversitarios .eventoDetalleBody .eventoCupos, #preuniversitarios #eventsList .events { padding: 0; } #preuniversitarios #eventsList .eventsWrapped li:hover { border-color: #ededed; } #preuniversitarios #eventsList li .eventsInfo .eventsToptitle { border-color: #000; } #preuniversitarios #eventsList li .eventsInfo .eventsTitle { font-size: 25px; color: #741346; } #preuniversitarios #eventsList li .eventsInfo .eventsTitle a { color: #741346; } #preuniversitarios #eventsList li .eventsInfo .eventsTitle a:hover { color: #000; } #preuniversitarios #eventsList li .eventsInfo .eventsDate { background: #ededed; } #preuniversitarios #eventsList li .eventsDescription { background: #ededed; } #preuniversitarios .eventoDetalleBody #content-title { padding-bottom: 1em; } #preuniversitarios .eventoDetalleBody #content-toptitle { color: #424242; } #preuniversitarios .eventoDetalleBody #type-ortevent #content-picture img { border: 1px dotted #D1CAC7; } #preuniversitarios .eventoDetalleBody .expositorConFoto .expositorNombre strong:after { content: ""; border-right: 1px solid #000; } #preuniversitarios .eventoDetalleBody .eventoInscripcionInfo li { color: #000; } #preuniversitarios .eventoDetalleBody .eventoCupos { border: 1px solid #ccc; } #preuniversitarios .eventoDetalleBody .evSeccionColgado { color: #741346; } #preuniversitarios .eventoDetalleBody .eventoInfo { font-size: 1.125rem } #preuniversitarios .eventoDetalleBody .eventoInfo * { box-sizing: border-box; } #preuniversitarios .eventoDetalleBody #type-ortevent { font-family: "Ubuntu", sans-serif; font-size: 20px; font-weight: 300; } #preuniversitarios .eventoDetalleBody #type-ortevent * { box-sizing: border-box; } #preuniversitarios .eventoDetalleBody .eventoOrganiza strong { color: #741346; font-size: 1em; } #preuniversitarios .eventoDetalleBody .eventoDirigido strong { color: #741346; font-size: 1em; } #preuniversitarios .eventoDetalleBody #content-description { width: auto; padding: 10px; background: #EAEAEA; } #preuniversitarios .eventoDetalleBody #content-description h2 p { font-size: 15px; font-weight: normal; color: #333333; line-height: 1.6; margin-bottom:none !important; } #preuniversitarios .eventoDetalleBody .eventoExpositores ul { padding: 0; list-style: none; } #preuniversitarios .eventoDetalleBody .eventoExpositor .expositorNombre { color: #000; } #preuniversitarios .eventoDetalleBody .eventoExpositor .expositorNombre strong { color: #741346; } #preuniversitarios .eventoDetalleBody .eventoExpositor .expositorNombre strong:before { border-bottom-color: #BCB4AF; } #preuniversitarios .eventoDetalleBody #type-ortevent .eventoInscripcion { border-top-color: #741346; } #preuniversitarios .eventoDetalleBody #type-ortevent .eventoInscripcion h2 { color: #741346; } #preuniversitarios .eventoDetalleBody .eventoDate { padding: 0; } #preuniversitarios .eventoDetalleBody .eventoDate li strong { font-weight: 300; } #preuniversitarios .eventoDetalleBody .eventoDate li .date, #preuniversitarios .eventoDetalleBody .eventoDate li .time { color: #741346; background: #EDEDED; font-size: 18px; font-weight: 300; } #preuniversitarios .eventoDetalleBody .eventoDate li .place { margin-top: .8em; font-size: 18px; } #preuniversitarios .eventoDetalleBody .eventoDate li .place em { color: #741346; font-size: 1em; font-weight: 400; } #preuniversitarios .eventoDetalleBody .eventoDate li .place strong { font-size: 1em; font-weight: 300; } #preuniversitarios .eventoDetalleBody .eventoEmail p { background: #EAEAEA; } #preuniversitarios .eventoDetalleBody .eventoEmail p strong, #preuniversitarios .eventoDetalleBody .eventoEmail p a { color: #741346; } #preuniversitarios .eventoDetalleBody .eventoEmail:before, #preuniversitarios .eventoDetalleBody .eventoEmail:after { border-color: #000; } #preuniversitarios .eventoDetalleBody .eventoCupos { color: #741346; } #preuniversitarios .eventoDetalleBody .eventoCupos:before, #preuniversitarios .eventoDetalleBody .eventoCupos:after { background: #741346; } #preuniversitarios .eventoDetalleBody .eventoInscripcionInfo { padding: 0; } #preuniversitarios .eventoDetalleBody .formField { width: 49%; margin: 0; } #preuniversitarios .eventoDetalleBody .formField.captcha { width: 100%; } #preuniversitarios .eventoDetalleBody .formField.button { width: 100%; } #preuniversitarios .eventoDetalleBody .formField label { color: #333; margin-top: 0; } #preuniversitarios .eventoDetalleBody .formField.captcha label, #preuniversitarios .eventoDetalleBody .formField.button label { display: none; } #preuniversitarios .eventoDetalleBody .formField label + div { width: 63%; vertical-align: top; } #preuniversitarios .eventoDetalleBody .formField.captcha > div { width: 100%; margin: 0 auto; } #preuniversitarios .eventoDetalleBody .formField.captcha > div > div { float: none; margin: 0 auto; } #preuniversitarios .eventoDetalleBody .formField.button div { width: 100%; margin-left: 0 } #preuniversitarios .eventoDetalleBody .formField input[type=text], #preuniversitarios .eventoDetalleBody .formField input[type=email], #preuniversitarios .eventoDetalleBody .formField input[type=text], #preuniversitarios .eventoDetalleBody .formField input[type=number], #preuniversitarios .eventoDetalleBody .formField select, #preuniversitarios .eventoDetalleBody .formField textarea { width: 100%; border-color: #6a1c57; } #preuniversitarios .eventoDetalleBody .formField input[type=radio], #preuniversitarios .eventoDetalleBody .formField input[type=checkbox] { display: inline-block; width: auto; margin: 0; vertical-align: middle; } #preuniversitarios .eventoDetalleBody .formField div label { display: inline-block; width: auto; margin: 0 1.5em 0 0; padding: .5em 0; vertical-align: middle; } #preuniversitarios .eventoDetalleBody .formField.required label:before { content: "* "; font-size: 112.5%; } #preuniversitarios .eventoDetalleBody .formField.required label:after { content: ""; } #preuniversitarios .eventoDetalleBody .formField.required div label:before { display: none; } #preuniversitarios .eventoDetalleBody #eventoInscripcionForm ul + p { color: #777677; text-align: center; } #preuniversitarios .eventoDetalleBody #eventoInscripcionForm ul + p br { display: none } #preuniversitarios .eventoDetalleBody .formField.button { clear: both; float: none; width: 100%; text-align: center; } @media screen and (max-width: 1024px) { #preuniversitarios .eventoDetalleBody #type-ortevent #content-picture { width: 50%; margin-right: 5.62%; } } @media screen and (max-width: 800px) { #preuniversitarios .eventoDetalleBody #content-title { padding-bottom: 0; } #preuniversitarios .eventoDetalleBody #type-ortevent #content-picture { margin-right: 5.62%; margin-bottom: 1em; } #preuniversitarios .eventoDetalleBody .formField { width: 100%; } } @media screen and (max-width: 640px) { #preuniversitarios .eventoDetalleBody #type-ortevent #content-picture { float: none; width: 100%; } #preuniversitarios .eventoDetalleBody #type-ortevent #content-picture img { max-width: 100%; } #preuniversitarios .eventoDetalleBody .formField label, #preuniversitarios .eventoDetalleBody .formField label + div { float: none; width: 80%; margin-left: auto; margin-right: auto; text-align: left; } #preuniversitarios .eventoDetalleBody .formField label + div input { max-width: 100%; } #preuniversitarios .eventoDetalleBody .formField.button div { text-align: center; } } /* ----- PARA CIE ----------------------------------------------------------------------------------------- */ #cie #body { margin-top: 10px } /*#cie .btn_main-menu.active span { background-color: #fff; }*/ #cie .eventosBody .main-menu { top: 39px; } #cie .eventosBody .btn_main-menu { top: 50px; } #cie .eventoDetalleBody .main-menu { top: 25px; } #cie .eventoDetalleBody .btn_main-menu { top: 30px; } #cie .eventosBody .main-menu.active #rightpanel .meta-box:before { display:none; } #cie #eventsList li .eventsInfo .eventsTitle { color: #570C15; } #cie .eventoDetalleBody #content-toptitle, #cie #eventsList li .eventsInfo .eventsToptitle { color:#424242; } #cie #eventsList li .eventsInfo .place, #cie #eventsList li .eventsOrganizers .organizers, #cie #eventsList li .eventsDescription p, #cie .eventoDetalleBody #centralpanel #content-description h2 { color: #353535; } #cie #eventsList li .eventsDescription a { color: inherit; } #cie #eventsList li .eventsPlace strong, #cie #eventsList li .eventsOrganizers strong, #cie .eventoDetalleBody #type-ortevent .eventoInscripcion h2, #cie .eventoDetalleBody .eventoEmail p strong, #cie .eventoDetalleBody .eventoEmail p a, #cie .eventoDetalleBody .eventoOrganiza strong, #cie .eventoDetalleBody .eventoDirigido strong, #cie .eventoDetalleBody .eventoDate li .place em, #cie .eventoDetalleBody .eventoExpositor .expositorNombre strong, #cie .eventoDetalleBody .formField label { color: #661020; } #cie .eventoDetalleBody .eventoExpositor .expositorNombre, #cie .eventoDetalleBody .eventoInscripcionInfo li { color: #000; } #cie #eventsList li .eventsInfo .eventsDate, #cie #eventsList li.withForm > .btFormEvents a, #cie .eventoDetalleBody .eventoDate li .date, #cie .eventoDetalleBody .eventoDate li .time, #cie .eventoDetalleBody .formField.check div label { color:#fff; } #cie .eventoDetalleBody .eventoCupos, #cie #eventsList .eventsWrapped li:hover { border-color: #e5e3e3; } #cie .eventoDetalleBody #content-toptitle, #cie #eventsList li .eventsInfo .eventsToptitle, #cie #eventsList li.eventsPreu .eventsInfo .eventsToptitle:after, #cie .eventoDetalleBody .expositorConFoto .expositorNombre strong:after { border-color: #d8ceca; } #cie .eventoDetalleBody .eventoEmail:before, #cie .eventoDetalleBody .eventoEmail:after { border-color:#661020; } #cie .eventoDetalleBody .eventoExpositor .expositorNombre strong:before { border-bottom-color: #BCB4AF; } #cie .eventoDetalleBody #type-ortevent .eventoInscripcion { border-top-color: #661020; } #cie .eventoDetalleBody #content-description, #cie #eventsList li .eventsDescription { background: #e1ecf1; } #cie #eventsList li.withForm > .btFormEvents a, #cie .eventoDetalleBody .formField.button input { background: #661020; } #cie #eventsList li.withForm > .btFormEvents a:hover{ background:#721428; } #cie #eventsList li .eventsInfo .eventsDate, #cie .eventoDetalleBody .eventoDate li .date, #cie .eventoDetalleBody .eventoDate li .time { background: #e5e3e3; color: #661020 } #cie .eventoDetalleBody .eventoEmail p { background: #F2F0EB; } /* @media screen and (max-width: 1280px) { .eventoDetalleBody form input, .eventoDetalleBody form textarea, .eventoDetalleBody form select { max-width:100%; } } @media screen and (max-width: 1024px) { .eventoDetalleBody #eventoInscripcionForm ul + p br { display: inherit; } } @media screen and (max-width: 800px) { .eventoDetalleBody .formField input[type=radio], .eventoDetalleBody .formField input[type=checkbox] { float: left; clear: left; margin: 8px 8px 10px 2em; } .eventoDetalleBody .formField div label { float: left; line-height: 1.5; } } @media screen and (max-width: 640px) { .eventoDetalleBody .formField { float: none; width: auto; } .eventoDetalleBody #type-ortevent #content-picture { float: none; margin-right: 0; } .eventoDetalleBody #type-ortevent #content-picture img { max-width: 100%; } .eventoDetalleBody #eventoInscripcionForm ul + p br { display: none; } } */ #type-ortevent::after { content: "Por favor, tener presente que este evento podrá ser filmado y/o fotografiado y las imágenes podrán ser difundidas con fines didácticos o de interés público. Además, esta actividad puede contar con cobertura de medios de prensa."; display: block; max-width: 60%; margin: 0 auto 1rem; color: #333; font-size: .875rem; text-align: center; }