/* Guías ---------------------------------------------------------------------------------------------------------------------- */ Pantallas anchas @media (max-width: 1200px) { } Desktops a pantallas planas @media (min-width: 980px) and (max-width: 1200px) { } Tablets a pantallas de desktops @media (min-width: 768px) and (max-width: 980px) { } Smartphones a Tablets @media (max-width: 768px) { } Hasta smartphones de 480px @media (max-width: 480px) { } /* Estilos globales ---------------------------------------------------------------------------------------------------------------------- */ body { font-size: 14px; line-height: 16px; font-family: 'Don'; color: #333; background: #fff; padding: 0px; } a { color: #005196; } a:hover { color: #333333; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0px; line-height: inherit; font-weight: normal; } #toolbar { box-shadow: none; position: relative; margin: 0px; padding: 0px; } body.toolbar-drawer { padding-top: 0px!important; } .nav { margin: 0px; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } p { margin:0px;} .g-recaptcha { clear: both; } #whatsapp_chat_widget { display: none!important; } @media (max-width: 767px){ .zopim { left: 10px!important; right: inherit!important; } #whatsapp_chat_widget { display: block!important; } } h1.page-header,h2.block-title { text-align: center; font-size: 28px; line-height: 26px; border-bottom: 1px solid #005196; padding-bottom: 17px; margin-bottom: 0px; margin-top: 24px; letter-spacing: -1px; } .node-type-eventos-formato-nuevo .form-item-submitted-id-interno, .node-type-eventos-formato-nuevo .form-item-submitted-seccion, .node-type-eventos-formato-nuevo .form-item-submitted-horario, .node-type-eventos-formato-nuevo .form-item-submitted-id-gotowebinar, .page-node-1125 .contacto-f2, .page-node-1149 .contacto-f2 { display: none; } /* Fuentes ---------------------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'Don'; src: url('../fonts/DINPro-Regular.eot'); src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.ttf') format('truetype'), url('../fonts/DINPro-Regular.svg#DIN1451StdMittelschrift') format('svg'); font-weight: normal; font-style: normal; } /* Cabecera ---------------------------------------------------------------------------------------------------------------------- */ #header { background: #005196; padding: 18px 0 0 0; position: relative; } #block-block-1 { float: right; } #block-block-1 a.link { color: #d8edff; padding-right: 10px; margin-right: 10px; border-right: 1px solid #156bb4; } .navbar { margin-top: 20px; margin-bottom: 0px; border-radius: none; background: none; box-shadow: none; padding: 0px; border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #2368a3; min-height: inherit; } .navbar .navbar-header { padding: 0px 0 0 0; } .navbar .navbar-brand { margin: 0px 0 0 0; color: #d8edff; font-size: 11px; padding: 13px 0 0 0; text-shadow: none; } .navbar .navbar-brand a { color: #d8edff; } .navbar .navbar-brand span { vertical-align: -3px; font-family: 'Don'; font-size: 18px; margin: 0 0px 0 10px; } .navbar .navbar-brand span:first-child { font-family: 'Don'; font-size: 18px; margin: 0 20px 0 10px; } .navbar ul { float: right; } .navbar ul li a { text-shadow: none; padding: 14px 10px 16px 10px; color: #fff; text-transform: uppercase; } .navbar ul li a.active:hover { background: none; } .navbar ul li:last-child a { padding: 14px 0px 16px 10px; } .navbar ul li a:hover { color: #fff; background: none; } .navbar ul > .active > a { background: none; box-shadow: none; color: #fff; } .navbar ul .caret { border: none!important; margin: 0px 0 1px 3px!important; width: 16px; height: 16px; background: url(../img/caret.png) no-repeat 0 0; } .nav > li > a:hover, .nav > li > a:focus { background: none; } .navbar ul li.dropdown.open > .dropdown-toggle, .navbar ul li.dropdown.active > .dropdown-toggle, .navbar ul li.dropdown.open.active > .dropdown-toggle { background: #004174; color: #fff; } .navbar ul > li > .dropdown-menu:before, .navbar ul > li > .dropdown-menu:after { display: none; } .navbar ul .dropdown-menu { margin: 0px; border: none; border-radius: 0px; box-shadow: none; background: #004174; padding: 10px 20px 11px 10px; } .navbar ul li ul li a { text-transform: none; padding: 1px 0 2px 0!important; } .navbar .navbar-toggle { background: #004174; box-shadow: none; border-radius: 0px; margin: 0px; box-shadow: none; padding: 17px 15px 18px 15px; text-shadow: none; border: none; } .navbar .navbar-toggle span { background: #fff; } .dropdown-backdrop { display: none; } .modal-header { text-transform: uppercase; } .modal-dialog { width: 800px; } .modal-content { box-shadow: none; border-radius: 0px; } a.play { color: #fff; } .logo-partner { margin: 3px 0 0 25px; display: inline-block; } @media (max-width: 1200px){ #block-block-1 { margin-bottom: 16px; } #block-block-1 img { width:28px; } #block-block-1 a.link { padding-right: 0px; margin-right: 0px; border-right: none; display: block; margin-bottom: 10px; } #block-gtranslate-gtranslate { top: 75px!important; } } @media (min-width: 980px) and (max-width: 1200px){ .navbar ul li a { padding: 14px 6px 16px 6px; } } @media (min-width: 768px) and (max-width: 980px){ .navbar .navbar-header { display: none; } } @media (max-width: 768px){ .navbar ul { float: none; } .navbar-collapse { padding: 0px; max-height: inherit; } .navbar ul li ul { background: #004174!important; } .navbar ul li a { padding: 10px 10px 5px 10px; } .navbar ul li:last-child a { padding: 10px 10px 17px 10px; } .navbar ul .dropdown-menu { padding: 10px 10px 11px 10px; } .logo-partner { display: none; } } @media (max-width: 480px){ #block-block-1 a.link { display: none; } #block-block-1 img { width: 24px; } #block-gtranslate-gtranslate { top: 55px!important; } } /* Flexslider ---------------------------------------------------------------------------------------------------------------------- */ .flexslider { margin-top: -1px!important; width: 100%} .not-front.node-type-page .flexslider .caption { position: absolute; width: 100%; background: url(../img/black.png) repeat; padding: 17px 20px 20px; margin: 0px; top: 120px; lefT: 0px; right: 0px; bottom: inherit; } .flexslider .caption { position: relative; width: 50%; background: url(../img/black.png) repeat; padding: 17px 20px 20px; margin: 0px; float:right; bottom: 120px; } .flexslider .caption .titulo { color: #fff; font-size: 20px; line-height: 22px; text-transform: uppercase; display: inline-block; padding: 0px; } .flexslider .caption .titulo p { color: #fff; font-size: 16px; line-height: 18px; text-transform: none; margin: 5px 0 0 0; } .flexslider .caption .boton { padding-right: 0px; } .flexslider .caption .boton span { float: right; padding: 14px 20px 17px 20px; text-transform: uppercase; color: #fff; margin-top: 0px; background: #e88700; font-size: 18px; } .flex-control-paging li a { background: #aaa!important;} .flex-control-paging li a:hover { background: #005196!important;} .front .flexslider { max-height: 400px; } @media ( max-width:1200px ){ .flex-control-nav { top: 6px; left: 20px; text-align: left!important; width: auto!important; bottom: inherit!important; } .flexslider .caption { position: relative; background: #666666; bottom: 0px; padding: 20px; width:100%;} .flexslider .caption .boton span { float: right; } .flexslider { max-height: inherit!important; } } @media (max-width: 991px) { .flexslider .caption .boton span { float: left; margin-top: 20px; } .flexslider .caption .boton { padding: 0px; } } @media (max-width:768px){ .front .flexslider { max-height: 800px; } .node-type-page .flexslider .caption { position: relative; background: #333333; top: inherit; left: inherit; right: inherit; bottom: inherit; } } /* Contenido ---------------------------------------------------------------------------------------------------------------------- */ .main-container { padding-bottom: 21px; } .field-name-field-slogan { color: #005196; text-align: center; margin: 20px 100px 2px 100px; font-size: 24px !important; line-height: 26px; text-transform: uppercase; } .field-name-field-fecha { margin: 20px 0 15px 0; } .field-name-field-entradilla { margin: 20px 0 0px 0; } .field-name-field-entradilla h3 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 10px 0; } .field-name-field-entradilla p { line-height: 16px; color: #666; } .field-name-field-entradilla ul li { margin-bottom: 5px; } .field-name-field-columna-izquierda { margin: 20px 0 0px 0; } .field-name-field-columna-izquierda h3 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 10px 0; } .field-name-field-columna-izquierda p { line-height: 16px; color: #666; } .field-name-field-columna-izquierda ul li { margin-bottom: 5px; } .field-name-field-columna-derecha { margin: 20px 0 0px 0; } .field-name-field-columna-derecha h3 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 10px 0; } .field-name-field-columna-derecha p { line-height: 16px; color: #666; } .field-name-field-columna-derecha ul li { margin-bottom: 5px; } .field-name-body { margin: 40px 0 40px 0; } .field-name-body h3 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 10px 0; } .field-name-body h3.blue { font-size: 20px; line-height: 22px; border-bottom: none; padding: 13px 15px 15px 15px; margin: 0 0 0px 0; color: #fff; background: #005196; text-align: center; } .field-name-body h3.bluem { font-size: 20px; line-height: 22px; border-bottom: none; padding: 13px 15px 15px 15px; margin: 0 0 20px 0; color: #fff; background: #005196; text-align: center; } .field-name-body h3.blue span { display: block; font-style: italic; margin-top: 5px; } .field-name-body p { line-height: 16px; color: #666; } .field-name-body ul li { margin-bottom: 5px; } .info { margin-top: 20px; color: #ffffff; font-size: 16px; } .info span { float: left; margin-right: 10px; } .info span img { vertical-align: bottom; } .info .col-md-3 { padding: 14px 15px 15px 15px; background: #005196; } a.btn-recursos { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #ccc; padding: 9px 15px 11px 15px; font-family: 'Don'; font-size: 16px; text-transform: uppercase; color: #666; } .field-name-field-fotos { margin: 20px 0 0 0; } .field-name-field-fotos a { float: left; margin: 0 5px 10px 3px; } .ponentes h3 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 25px 0; } .ponentes div { width: 150px; text-align: center; display: inline-block; margin-right: 20px; } .ponentes div img { border-radius: 100px; margin-bottom: 10px; } .ponentes div span { display: block; font-style: italic; color: #666666; } .ponentes div a { display: block; margin-top: 5px; } .node-eventos-formato-nuevo .ponentes div { margin: 0px 10px 20px 10px; } .field-name-field-descripcion-evento { margin-bottom: 30px; } #estudios { text-align: center; } #estudios .field-name-field-fotos { margin: 20px 0px 20px 0; display: inline-block; width: 100%; } #estudios img { border: 3px solid #dddddd; } #estudios .field-name-field-fotos .field-items .field-item:first-child { display: none; } #estudios .field-name-field-fotos .field-item { float: none; display: inline-block; } .node-actualidad .field-name-field-fotos a { float: none; margin: 0; } #eventos h2 { font-size: 18px!important; line-height: 20px!important; padding-top: 14px; margin: 25px 0 15px 0; } #eventos .field-type-taxonomy-term-reference a { padding: 3px 14px 6px; } .servicio-home { margin-bottom: 20px; } .servicio-home h3 { font-size: 20px; line-height: 18px; border-bottom: 1px solid #e2e2e2; padding-bottom: 14px; } .servicio-home p { margin: 10px 0 0 0; line-height: 16px; color: #666; } .servicio-home a { display: block; text-align: center; margin: 15px 0; } .empresa { margin-bottom: 20px; } .empresa h3 { font-size: 20px; padding-bottom: 14px; line-height: 22px; border-bottom: 1px solid #e2e2e2!important; } .empresa p { margin: 10px 0 0 0!important; line-height: 16px; color: #666; } .empresa a { display: block; margin: 0px 0; } .empresa img { margin: 5px 0 10px 0; } .direcciones h4 { font-size: 20px; padding-bottom: 14px; line-height: 22px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; } .diseno { margin-bottom: 20px; } .diseno:last-child { margin-bottom: 30px; } .diseno h3 { font-size: 20px; line-height: 26px; border-bottom: 3px solid #e2e2e2; color: #005196; text-align: center; text-transform: uppercase; } .diseno p { margin: 10px 0 0 0; line-height: 16px; color: #666; } .diseno img { display: block; margin: 0px auto 15px; } #node-386 h2 { font-size: 20px!important; line-height: 26px; border-bottom: 3px solid #e2e2e2; color: #005196; text-align: center; text-transform: uppercase; } #node-386 p { margin: 10px 0 0 0; line-height: 16px; color: #666; } #node-386 img { display: block; margin: 0px auto 15px; } #node-386 .col-md-4 { margin-bottom: 20px; } #node-386 .col-md-6 { margin-top: 20px; } #node-386 .precio { text-align: center; font-weight: bold; display: block; margin-top: 30px; } #node-386 .precio strong { margin-top: 10px; color: #005196; border: 3px solid #005196; padding: 15px 50px 14px; display: inline-block; font-size: 60px; line-height: 60px; } .caso { margin-bottom: 20px; } .caso:last-child { margin-bottom: 30px; } .caso h4 { font-size: 20px; margin: 0 0 10px; padding-bottom: 14px; line-height: 26px; border-bottom: 3px solid #e2e2e2; color: #005196; text-align: center; } .caso p { margin: 0px 0 10px 0; line-height: 16px; color: #666; } .caso img { display: block; margin: 15px auto; } .landing { margin-bottom: 20px; margin-top: 15px; } .landing:last-child { margin-bottom: 30px; } .landing h3 { font-size: 20px; line-height: 26px; padding-top: 0px; padding-bottom: 0px; border-bottom: none; border-top: none; color: #005196; text-align: center; text-transform: uppercase; } .landing p { margin: 10px 0 0 0; line-height: 16px; color: #666; } .landing img { display: block; margin: 0px auto 15px; } .soporte { margin-bottom: 20px; text-align: center; } .soporte:last-child { margin-bottom: 30px; } .soporte h3 { font-size: 20px; line-height: 26px; border-bottom: 3px solid #e2e2e2; color: #005196; text-align: center; text-transform: uppercase; } .soporte p { margin: 10px 0 0 0; line-height: 16px; color: #666; } .soporte img { display: block; margin: 0px auto 15px; } .soporte a.intranet { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; display: inline-block; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .soporte input[type=text] { width: 50%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 15px 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 15px 0 0 0; display: inline-block; } .soporte button { box-shadow: none; border: none; display: inline-block; border-radius: 0px; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; vertical-align: bottom; } .marketing { margin-bottom: 20px; } .marketing h3 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; } .marketing p { margin: 10px 0 0 0; line-height: 16px; color: #666; } .marketing img { display: block; margin: 15px auto; } .box { margin-top: 10px; margin-bottom: 10px; } .box h3 { font-size: 20px; line-height: 22px; background: #005196; border: none; text-align: center; color: #fff; padding: 12px 15px 16px 15px; } .box p { margin: 10px 0 0 0; line-height: 16px; color: #005196; } .row .box:nth-child(2) h3 { background: #1b6595; } .row .box:nth-child(2) p { color: #1b6595; } .row .box:last-child h3 { background: #327baa; } .row .box:last-child p { color: #327baa; } .caracteristica { margin-bottom: 20px; } .caracteristica h3 { font-size: 20px; line-height: 22px; border-top: 1px solid #e2e2e2; padding-top: 10px; padding-bottom: 0px; text-align: center; border-bottom: none; } .caracteristica img { display: block; margin: 15px auto; } #block-views-noticias-block { margin: 21px 0 0 0; } #block-views-noticias-block h2 { display: none; } #block-views-noticias-block .views-row { position: relative; margin-bottom: 20px; } #block-views-noticias-block .views-field-field-fecha { position: absolute; top: 0px; right: 15px; color: #666666; background: #ffffff; padding: 10px 15px 11px 15px; } #block-views-noticias-block .views-field-title a { min-height: 40px; color: #333; font-size: 18px; line-height: 20px; margin: 10px 0 0 0; display: block; } #block-views-noticias-block .views-field-field-entradilla { color: #666; margin: 10px 0 0 0; min-height: 48px; } #block-views-noticias-block-1 { margin: 21px 0 0 0; } #block-views-noticias-block-1 h2 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 25px 0; } #block-views-noticias-block-1 .views-row { position: relative; margin-bottom: 20px; } #block-views-noticias-block-1 .views-field-field-fecha { position: absolute; top: 0px; right: 15px; color: #666666; background: #ffffff; padding: 10px 15px 11px 15px; } #block-views-noticias-block-1 .views-field-title a { color: #333; font-size: 18px; line-height: 20px; margin: 10px 0 0 0; display: block; } #block-views-noticias-block-1 .views-field-field-entradilla { color: #666; margin: 10px 0 0 0; } #block-views-noticias-block-2 { margin: 21px 0 0 0; } #block-views-noticias-block-2 h2 { display: none; } #block-views-noticias-block-2 .views-row { position: relative; margin-bottom: 20px; } #block-views-noticias-block-2 .views-field-field-fecha { position: absolute; top: 0px; right: 15px; color: #666666; background: #ffffff; padding: 10px 15px 11px 15px; } #block-views-noticias-block-2 .view-display-id-block_2 .views-field-field-fecha { position: relative; top: inherit; right: inherit; color: #999999; background: #ffffff; padding: 10px 0px 11px; } #block-views-noticias-block-2 .views-field-title a { min-height: 40px; color: #333; font-size: 18px; line-height: 20px; margin: 10px 0 0 0; display: block; } #block-views-noticias-block-2 .views-field-field-entradilla { color: #666; margin: 10px 0 0 0; min-height: 48px; } #block-views-noticias-block-2 .views-field-field-entradilla p { font-size: inherit!important; text-transform:none;color:#666;margin-top:0;margin-bottom:0;} #block-views-eventos-block-1 { margin: 21px 0 0 0; } #block-views-eventos-block-1 h2 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 25px 0; } #block-views-eventos-block-1 .views-row { text-align: center; margin-bottom: 40px; } #block-views-eventos-block-1 .views-field-field-fecha-del-evento { text-align: center; color: #333333; font-size: 15px; padding-top: 20px; background: #eeeeee;} #block-views-eventos-block-1 .views-field-field-tipo-de-evento { display: inline-block; margin-bottom: 15px; color: #333333; padding: 5px 10px 8px 10px;} #block-views-eventos-block-1 .views-field-php { display: inline-block; margin-bottom: 15px; color: #333333; padding: 5px 10px 8px 10px; } #block-views-eventos-block-1 .views-field-title a { color: #005196; font-size: 18px; font-weight: 900; line-height: 20px; padding-top: 8px; display: block; background: #eeeeee; padding-bottom: 20px; text-decoration: underline; } #block-efor-eventos-eventos { margin: 21px 0 0 0; } #block-efor-eventos-eventos h2 { font-size: 20px; border-bottom: 1px solid #005196; padding-bottom: 14px; margin: 0 0 25px 0; } #block-efor-eventos-eventos .views-row { text-align: center; margin-bottom: 40px; } #block-efor-eventos-eventos .evento { padding: 20px; background: #eeeeee;} #block-efor-eventos-eventos .evento span { text-align: center; color: #333333; font-size: 15px; margin: 0 3px; } #block-efor-eventos-eventos .modalidad span { display: inline-block; margin-bottom: 15px;color: #333333; padding: 5px 10px 8px 10px;} #block-efor-eventos-eventos .modalidad { text-align:center;} #block-efor-eventos-eventos .evento a { color: #005196; font-size: 18px;font-weight: 900; line-height: 20px; padding-top: 8px; display: block; padding-bottom: 20px; text-decoration: underline; } #block-views-eventos-block { margin-top: 20px; } #block-views-eventos-block h2 { display: none; } a.back { margin: 10px auto 0 auto; background: #eee; width: 40px; height: 40px; padding-top: 9px; font-size: 18px; display: block; color: #999999; border-radius: 50px; text-align: center; } .node-eventos-formato-nuevo a.back { margin: 40px auto 30px auto; } a.descarga { margin: 40px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #ccc; padding: 9px 12px 9px 12px; font-family: 'Don'; font-size: 14px; text-transform: uppercase; color: #666; } a.enlaceDescargaRecursos { margin-top: 10px; display: inline-block; text-transform: uppercase; border: 2px solid #005196; padding: 9px 10px 11px 10px; font-size: 18px; color: #005196; text-align: center; } a.enlaceDescargaRecursos:hover { background: #005196; color: #ffffff; } a.enlaceDescargaRecursos.landingWD { margin-top: 25px; } .foto-producto { margin: 0 auto; } .field-name-field-eventos-anteriores a { border-bottom: 1px solid #ddd; padding: 8px 0px 11px; display: block; } .field-name-field-eventos-anteriores .field-item:last-child a { border-bottom: none; padding: 8px 0px 0px; display: block; } #block-views-recursos-block { margin: 21px 0 0 0; text-align: center; } #block-views-recursos-block h2 { display: none; } #block-views-recursos-block .views-row { position: relative; margin-bottom: 20px; } #block-views-recursos-block .views-field-field-fecha { position: absolute; top: 0px; right: 15px; color: #666666; background: #ffffff; padding: 10px 15px 11px 15px; } #block-views-recursos-block .views-field-title a { min-height: 40px; color: #333; font-size: 18px; line-height: 20px; margin: 10px 0 10px 0; display: block; } #block-views-recursos-block p { color: #666; margin: 10px 0 0 0; } #block-views-recursos-block img { border: 3px solid #dddddd; } #block-views-premios-block { margin: 21px 0 0 0; text-align: center; } #block-views-premios-block h2 { display: none; } #block-views-premios-block .views-row { position: relative; margin-bottom: 30px; } #block-views-premios-block .views-field-field-fecha { position: absolute; top: 0px; right: 15px; color: #666666; background: #ffffff; padding: 10px 15px 11px 15px; } #block-views-premios-block .views-field-title a { color: #333; } #block-views-premios-block .views-field-title span { color: #333; font-size: 18px; line-height: 20px; margin: 10px 0 10px 0; display: block; } #block-views-premios-block p { color: #666; margin: 10px 0 0 0; } #block-views-premios-block .views-field-field-foto { border: 3px solid #dddddd; display: block; text-align: center; padding: 10px; } #regalo div { background: url(../img/nokia.jpg) no-repeat right center; padding: 20px; } #regalo hgroup { background: #005196; width: 275px; padding: 15px 15px 15px 15px; text-transform: uppercase; color: #fff; } #regalo h3 { font-size: 20px; line-height: 22px; } #regalo h4 { font-size: 24px; line-height: 26px; } .tecnologias { margin-top: 25px; } .tecnologias h3 { margin: 0px!important; text-transform: uppercase; background: #0d5aa8; padding: 15px 15px 15px 15px; color: #fff; font-size: 20px; line-height: 22px; } .tecnologias h3 strong { display: block; } .tecnologias div { background: #333333; padding: 15px; display: inline-block; } .tecnologias p { color: #ffffff; } .tecnologias .precio { font-size: 24px; line-height: 24px; color: #cddd22; float: right; font-weight: bold; } .tecnologias .horas { font-size: 20px; line-height: 22px; color: #ffffff; float: left; font-weight: bold; } .tecnologias a { font-size: 20px; line-height: 22px; color: #333333; background: #cddd22; padding: 12px 15px 15px 15px; text-align: center; display: block; font-weight: bold; } .tecnologias:last-child { margin-bottom: 25px; } .tecnologias img { margin: 0 auto; } #tecnologias-texto { margin-top: 25px; } #tecnologias-texto p { font-size: 16px; line-height: 18px; color: #333333; } #tecnologias-texto img { margin: 10px auto 0 auto; display: block; } @media (max-width: 980px) { #block-views-noticias-block img { margin: 0 auto; } #block-views-noticias-block .views-row:last-child { margin-bottom: 0px; } #block-views-recursos-block img { margin: 0 auto; } #block-views-recursos-block .views-row:last-child { margin-bottom: 0px; } #block-views-premios-block img { margin: 0 auto; } #block-views-premios-block .views-row:last-child { margin-bottom: 0px; } .direcciones { margin-bottom: 15px; } .info .field-name-field-fecha-del-evento { display: inline-block; } .ponentes { text-align: center; } .ponentes > div { margin-bottom: 15px; } } @media (max-width: 768px) { .field-name-field-slogan { margin: 20px 50px 21px 50px; font-size: 20px; line-height: 22px; } .direcciones { text-align: center; } .field-name-field-fotos { display: none; } a.back { margin: 20px auto 0 auto; } } @media (max-width: 480px) { .field-name-field-slogan { margin: 20px 20px 21px 20px; } } /* Gris ---------------------------------------------------------------------------------------------------------------------- */ #grey { background: #eee; padding: 20px 0 21px 0; max-width: 1440px; margin: 0 auto; } #block-block-8 { text-align: center; } #block-block-8 h3 { font-size: 20px; line-height: 22px; } #block-block-8 p { margin-top: 10px } @media (max-width: 768px) { #grey { display: none; } } /* Clientes ---------------------------------------------------------------------------------------------------------------------- */ #clientes { padding-top: 0px; padding-bottom: 21px; } #block-block-13 { margin-top: 20px; } #block-block-13 h3 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-block-13 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-1 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-1 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-2 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-2 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-3 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-3 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-4 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-4 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-5 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-5 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-6 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-6 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-7 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-7 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-8 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-8 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-9 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-9 .views-field-field-logo a { margin-top: 0px; display: block; } #block-views-clientes-block-10 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-10 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-11 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-11 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-12 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-12 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-13 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-13 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-14 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-14 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-15 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-15 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-16 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-16 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-17 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-17 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-18 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-18 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-19 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-19 .views-field-field-logo a{ margin-top: 0px; display: block; } #block-views-clientes-block-20 h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px; } #block-views-clientes-block-20 .views-field-field-logo a{ margin-top: 0px; display: block; } ul.pager { margin-bottom: 0px; margin-top: 15px; display: inline-block; width: 100%; } ul.pager li { color: #666666; } ul.pager a { color: #fff; background: #666; border: 0px; border-radius: 200px; padding: 0px 8px 5px 8px; margin-left: 10px; margin-right: 10px; } ul.pager a:hover { background: #ccc; color: #666; } #block-block-9 { margin-top: 20px; } #block-block-9 h3 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #005196; padding-bottom: 10px; margin-bottom: 15px; } #block-block-9 p { margin-bottom: 15px; } @media (max-width: 980px) { #block-views-clientes-block, #block-views-clientes-block-1, #block-views-clientes-block-2, #block-views-clientes-block-3, #block-views-clientes-block-4, #block-views-clientes-block-5, #block-views-clientes-block-6, #block-views-clientes-block-7, #block-views-clientes-block-8, #block-views-clientes-block-9 { display: none; } } /* Formularios ---------------------------------------------------------------------------------------------------------------------- */ #formularios { background: #eee; padding: 30px 0 30px 0; /* max-width: 1440px; */ margin: 0 auto; } #formularios h3 { line-height: 24px; } #block-block-6 { text-align: right; } #block-block-6 ul { margin: 13px 0 0px 0; } #block-block-6 ul li { list-style-type: none; margin: 0px 0 10px 0; } #block-block-6 ul li a { color: #666; } #block-block-6 ul li a img { margin-left: 10px; } #webform-component-seccion, .form-item-submitted-seccion { display: none; } #webform-component-id-gotowebinar { display: none; } #webform-component-id-interno { display: none; } #block-webform-client-block-315 h2 { display: none; } #block-webform-client-block-315 .field-name-body { margin: 0px; } #block-webform-client-block-315 h3 { font-size: 24px; padding: 0px; border: none; } #block-webform-client-block-315 input[type=text], #block-webform-client-block-315 input[type=email] { width: 92%; height: auto; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } #block-webform-client-block-315 input[type=checkbox] { display: inline-block; width: auto; margin: 0 10px 0 0; vertical-align: middle; } #block-webform-client-block-315 textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px; display: block; } #block-webform-client-block-315 select { height: 38px; clear: both; width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px; display: block; } #block-webform-client-block-315 label input { float: none!important; margin: 0 10px 0 0; } #block-webform-client-block-315 button#edit-submit { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } #block-webform-client-block-315 p { color: #666; margin: 10px 0 20px; } #block-webform-client-block-315 .form-item, #webform-client-form-473 .webform-component { float: left; width: 50%; } #block-webform-client-block-315 .form-item-submitted-motivo-de-la-consulta, #block-webform-client-block-315 .form-item-submitted-aceptacion-de-condiciones, #block-webform-client-block-315 .form-type-markup { width: 100%; } #block-webform-client-block-315 .captcha-admin-links { clear: both; } select#edit-submitted-departamento, select#edit-submitted-provincia { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; height: 40px !important;} #webform-client-form-473 #webform-component-direccion, #webform-client-form-473 #webform-component-persona-de-contacto, #webform-client-form-473 #webform-component-nombre-completo { width: 104%; } #webform-client-form-473 input[type=text] { width: 92%; height: auto; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; margin: 0 0 10px 0; display: block; } fieldset.collapsible { background: transparent !important; border: none; box-shadow: inherit;} .panel-default>legend.panel-heading { background: none !important; background-image: none; background-image: none;} #webform-client-form-670 {display:inline-block;} #webform-client-form-670 .webform-component {float:left; width:50%; padding-top: 15px; padding-left:10px;padding-right:10px;} #webform-client-form-670 button#edit-submit--2 { margin: 15px 15px 0 15px; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; float:right;} #webform-client-form-670 .form-control, #webform-client-form-670 .form-email {margin-top:5px!important;} #webform-client-form-670 .webform-component-markup { width: 100%; } #webform-client-form-670 .checkbox input[type=checkbox] { margin-left: 0px; } .recursos #webform-client-form-670 .form-item a { display: inline-block; background: none; padding-left: 0px; padding-bottom: 0px; margin: 0px; } .form-info #node-327 h2 { display: none; } .form-info #node-327 .field-name-body { margin: 0px; } .form-info #node-327 h3 { font-size: 24px; padding: 0px; border: none; } .form-info #node-327 input[type=text], .form-info #node-327 input[type=email] { width: 92%; height: auto; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } .form-info #node-327 input[type=checkbox] { display: inline-block; width: auto; margin: 0 10px 0 0; vertical-align: middle; } .form-info #node-327 label input { float: none!important; margin: 0 10px 0 0; } .form-info #node-327 button#edit-submit { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .form-info #node-327 p { color: #666; margin-top: 10px; } .form-info #node-327 .webform-component { float: left; width: 33%; } .form-info #node-327 #webform-component-aceptacion-de-condiciones { width: 100%; } .form-type-checkbox { padding: 0px; } .form-checkbox { margin-right: 5px!important; margin-top: 3px!important; } #block-block-14 input[type=text] { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } #block-block-14 input[type=checkbox] { width: auto; margin: 0; } #block-block-14 textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px; display: block; } #block-block-14 label input { float: none!important; margin: 0 10px 0 0; } #block-block-14 button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } #block-block-14 p { color: #666; margin-top: 10px; } #block-block-16 input[type=text] { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } #block-block-16 input[type=checkbox] { width: auto; margin: 0; } #block-block-16 textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px; display: block; } #block-block-16 label input { float: none!important; margin: 0 10px 0 0; } #block-block-16 button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } #block-block-16 p { color: #666; margin-top: 10px; } .form-info input[type=text], .form-info select { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } .form-info input[type=checkbox] { width: auto; margin: 0; } .form-info label input { float: none!important; margin: 0 10px 0 0; } .form-info button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .form-info p { color: #666; margin-top: 10px; } .form-info #node-268 { margin-top: 15px; } .form-info #node-268 h2 { display: none; } .form-info #node-268 .form-type-checkbox { padding-left: 0px; } .form-info #node-268 .form-type-checkbox input { margin-right: 10px; } .form-info #node-268 #edit-submitted-adjuntar-archivo button { margin: 0px; padding: 7px 20px 8px; background: #666666; text-shadow: none; } .form-info #node-268 input[type=email], .form-info #node-268 input[type=text] { height: auto; width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 10px 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } .form-info #node-268 input[type=file] { height: auto; width: 100%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 10px 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } .form-info #node-268 .input-group-addon, .input-group-btn { vertical-align: top; } .form-info #node-268 #webform-component-nombre, .form-info #node-268 #webform-component-e-mail { display: inline-block; width: 300px; margin-right: 15px; } .form-info #node-268 #webform-component-referencia { display: inline-block; width: 300px; } .contacto input[type=text], .contacto input[type=email] { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 0 0 10px 0; display: block; } .contacto input[type=checkbox] { width: auto; margin: 0; } .contacto textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 0 0 10px; display: block; } .contacto label input { float: none!important; margin: 0 10px 0 0; } .contacto button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .contacto p { color: #666; margin-top: 10px; } #node-259 input[type=text], #node-259 input[type=email] { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 0 0 10px 0; display: block; } #node-259 input[type=checkbox] { width: auto; margin: 0; } #node-259 textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 0 0 10px; display: block; } #node-259 label input { float: none!important; margin: 0 10px 0 0; } #node-259 button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } #node-259 p { color: #666; margin-top: 10px; } #node-259 #webform-component-aceptacion-de-condiciones { margin-top: 10px; } #block-webform-client-block-106 { margin-top: 20px; } #block-webform-client-block-106 h2 { display: none; } #block-webform-client-block-106 input[type=text] { width: 95%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 15px 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 0 0 10px 0; display: block; } #block-webform-client-block-106 textarea { clear: both; width: 95%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 15px 10px; border: none; border-radius: 0px; box-shadow: none; background: #eee; margin: 0 0 10px; display: block; } #block-webform-client-block-106 button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } #block-webform-client-block-106 th.checkbox { width: 15px; } #block-webform-client-block-106 .webform-component-webform_grid { margin-top: 20px; } #block-webform-client-block-106 .webform-component-webform_grid label { text-transform: uppercase; color: #005196; } .contacto-f1 { background: #eee; padding: 20px 20px 21px 20px; } .contacto-f1 h2 { display: none; } .contacto-f1 input[type=text], .contacto-f1 input[type=email] { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } .contacto-f1 input[type=checkbox] { width: auto; margin: 0; } .contacto-f1 textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px; display: block; } .contacto-f1 label input { float: none!important; margin: 0 10px 0 0; } .contacto-f1 button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .contacto-f1 p { color: #666; margin-top: 10px; } .contacto-f2 { background: #eee; padding: 20px 20px 21px 20px; margin-bottom: 25px; } .contacto-f2 h2 { display: none; } .contacto-f2 input[type=text], .contacto-f2 input[type=email] { width: 92%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 4% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px 0; display: block; } .contacto-f2 input[type=checkbox] { width: auto; margin: 0; } .contacto-f2 select { width: 92%; margin-top:5px; margin-bottom:5px;} .contacto-f2 textarea { clear: both; width: 98%; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 1% 10px; border: none; border-radius: 0px; box-shadow: none; background: #fff; margin: 0 0 10px; display: block; } .contacto-f2 label input { float: none!important; margin: 0 10px 0 0; } .contacto-f2 label select { float: none!important; margin: 0 10px 0 0; } .contacto-f2 button { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .contacto-f2 p { color: #666; margin-top: 10px; } .node-eventos-formato-nuevo .field-name-body { margin: 0px; } .node-eventos-formato-nuevo .info { margin-bottom: 30px; } .banda { padding-top: 15px; padding-bottom: 16px; } input.zona { display: none!important; } @media (max-width: 980px) { #block-webform-client-block-315 .form-item, .form-info #node-327 .webform-component { width: 100%; } .contacto-f2 { margin-top: 25px; } } /* Extras ---------------------------------------------------------------------------------------------------------------------- */ #extras { padding-top: 30px; padding-bottom: 21px; max-width: 1440px; margin: 0 auto; } .recursos { margin-bottom: 21px; background: #eee; padding-bottom: 15px; } .recursos h3 { background: #666; color: #fff; font-size: 20px; padding: 13px 15px 15px 15px; margin: 0 0 10px 0; } .recursos a { display: block; background: url(../img/download.png) no-repeat 0 1px; padding-left: 25px; padding-bottom: 1px; margin: 5px 15px 0px; } .node-eventos-formato-nuevo .recursos { padding: 15px; } .node-eventos-formato-nuevo .recursos a { margin: 0 0 7px 0; } .node-eventos-formato-nuevo .recursos a:last-child { margin: 0 0 0px 0; } .descargas { margin-bottom: 21px; background: #eee; padding-bottom: 15px; } .descargas h3 { background: #666; color: #fff; font-size: 20px; padding: 13px 15px 15px 15px; margin: 0 0 10px 0; } .descargas a { display: block; background: url(../img/download.png) no-repeat 0 1px; padding-left: 25px; padding-bottom: 1px; margin: 5px 15px 0px; } .node-eventos-formato-nuevo .descargas { padding: 15px; } .node-eventos-formato-nuevo .descargas a { margin: 0 0 7px 0; } .node-eventos-formato-nuevo .descargas a:last-child { margin: 0 0 0px 0; } #extras iframe { margin: 0 15px 10px 0; } /* Pie ---------------------------------------------------------------------------------------------------------------------- */ #footer { padding: 20px 0 25px 0; position: relative; border-top: 10px solid #333; /* max-width: 1440px; */ margin: 0px auto 0; background: #333; } #footer p { color: #eeeeee; /* margin: 25px 0 0 0; */ /* border-top: 1px solid #eee; */ padding-top: 14px;} #footer ul { margin: 0px 0 0px 0; padding: 0px; } #footer ul li { list-style-type: none; line-height: 18px; } #footer ul li a { /* text-transform: uppercase; */ color: #999; } #block-block-2 { text-align: right; } #block-block-2 a:last-child { display: block; margin: 0px 0 0 0; } #block-webform-client-block-264 { width: 100%; margin-top: 40px; display: inline-block; background: #777; padding: 5px 20px 17px 20px; color: #fff; } #webform-client-form-264 { display: inline-block; } #block-webform-client-block-264 h2 { display: inline-block; font-size: 18px; line-height: 18px; margin-top: 15px; margin-right: 20px; } #block-webform-client-block-264 #webform-component-e-mail { display: inline-block; margin-right: 15px; } #block-webform-client-block-264 input[type=checkbox] { width: auto; margin: 0; } #block-webform-client-block-264 #webform-component-aceptacion-de-condiciones { display: inline-block; margin-right: 30px; } #block-webform-client-block-264 #webform-component-aceptacion-de-condiciones input { float: none!important; margin: 0 10px 0 0; } #block-webform-client-block-264 #webform-component-aceptacion-de-condiciones .checkbox { padding: 0px; } #block-webform-client-block-264 button { margin: 0; box-shadow: none; border: none; border-radius: 0px; display: inline-block; background: #005196; padding: 6px 20px 7px 20px; font-family: 'Don'; font-size: 14px; text-transform: uppercase; color: #fff; } #block-webform-client-block-264 input[type=email] { width: 225px; font-family: 'Don'; font-size: 14px; color: #666666; padding: 8px 15px 10px; border: none; border-radius: 0px; box-shadow: none; background: #ffffff; margin: 0; display: inline; } #block-webform-client-block-264 .webform-component-markup { margin-top: 10px; } @media (max-width: 1200px) { #block-webform-client-block-264 h2 { margin-bottom: 15px; } } @media (max-width: 980px) { #block-block-2, #block-block-3, #block-block-4, #block-block-5 { display: none; } #footer p { margin: 0; border: none; padding: 0px; } #block-block-2 { text-align: left; } #block-webform-client-block-264 button { margin: 12px 0 0 0; } #block-webform-client-block-264 { margin-bottom: 20px; margin-top: 0px; } } @media (max-width: 768px) { #block-webform-client-block-264 button { clear: both; display: block; } #block-webform-client-block-264 #webform-component-aceptacion-de-condiciones { margin: 12px 0 0 0; } } #node-167 label, #node-167 .form-submit { margin: 10px 0px; } #block-gtranslate-gtranslate h2.block-title { display: none; } #block-gtranslate-gtranslate { position: absolute; right: 0px; top: 55px; width: 67px; } /* Cursos AJAX */ #resultado h1 { color: #005196; text-align: center; margin: 20px 100px 20px 100px; font-size: 24px; line-height: 26px; text-transform: uppercase; } .teaserCurso { display: inline-block; width: 100%; border-bottom: solid 1px #DEDEDE; padding: 10px 0px; text-align: center; } .teaserCurso .titulo { display: block; font-weight: bold; } .teaserCurso .detalles { margin: 5px 0 0 0; display: block; color: #666; } .teaserCurso .enlaceMasInfo { margin: 10px 0 0 0; box-shadow: none; border: none; border-radius: 0px; display: inline-block; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } /* Detalle de cursos */ .categoria { font-weight: bold; color: #666; } .cuadroGris { margin: 10px 0px; } .cuadroGris a { margin: 10px 0 0 0; float: right; box-shadow: none; border: none; border-radius: 0px; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .cuadroBlanco { margin: 10px 0px; } #volver { margin: 30px auto 0 auto; background: #eee; height: 40px; padding-top: 9px; font-size: 16px; display: block; color: #999999; border-radius: 50px; text-align: center; } .footerLink, .footerLink a{color:#999999} #node-248 .webform-component { margin: 20px 0px; } #node-248 .webform-component label{ margin-bottom: 10px; } #node-248 #webform-component-sn1, #node-248 #webform-component-sn2, #node-248 #webform-component-txt1 { display: none; } /* Eventos */ #block-webform-client-block-264 #webform-component-aceptacion-de-condiciones .checkbox a { /* padding: 0px; */ color: #111; text-decoration: underline; } .field-name-field-categoria .field-item,.field-name-field-etiquetas .field-item { width:33px; } .field-name-field-categoria .field-item a,.field-name-field-etiquetas .field-item a { padding: 3px 15px 6px 15px; background: #005196; color: #FFFFFF;} .field-name-field-etiquetas,.field-name-field-categoria { margin-top: 20px; } #block-webform-client-block-264 h2.block-title { border: none; } .view-display-id-block_3 p, .view-display-id-block_2 p{ font-size: 20px; text-transform: uppercase; color: #005196; margin-top: 50px; margin-bottom: 35px; } .view-display-id-block_3 .btn-info { background-image: none; border-color: none; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 1.6em; border: none; border-radius: 0px; border-color: none; } .views-exposed-widgets { margin-bottom: 30px; float: right; /* display: inline-block; */ margin-top: -65px; } .form-control{border-radius:0px;} .form-control, .form-email { display: inline-block; margin-top: 21px;} .btn-info { color: #fff; background-color: #005196; border-color: #005196; } .views-exposed-form .views-exposed-widget { float: left; margin-top: -38px; padding: 0.5em 1em 0 0; } @media (max-width: 768px) { .views-exposed-form .views-exposed-widget { margin-top: 0px; } .views-exposed-widgets { margin-top: 0px; float: left; } .view-display-id-block_3 p{margin-bottom:0px;} } .node-eventos .field-name-field-slogan { color: #005196; text-align: center; margin: 30px 0px 50px 00px; font-size: 20px; line-height: 26px; text-transform: none; } #node-306.info { margin-top: 20px; margin-bottom: 20px; color: #ffffff; font-size: 14px; } .cat-eti h2 { text-align: left; font-size: 18px; line-height: 19px; border-top: 1px solid #005196; border-bottom: none; padding-top: 17px; margin-bottom: 0px; margin-top: 50px; letter-spacing: 0px; } .field-name-field-categoria .field-item, .field-name-field-etiquetas .field-item { width: auto; display: inline-block; margin-top:7px; } .field-name-field-etiquetas, .field-name-field-categoria { margin-top: 0px; display: inline-block; margin-right: -3px; } .field-name-field-categoria .field-item a, .field-name-field-etiquetas .field-item a { margin-right: 5px; display: block; } #block-system-main h2{ font-size:14px; } /*categorias/marketing*/ h1.page-header{margin-bottom: 50px;} .fila-eventos-container{ padding-left:0px; padding-right:0px; } .fila-tags{ max-width:1140px; } .titulo-del-tag{ padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:0px; margin-bottom:18px; border-bottom:1px solid #f5f5f5; text-transform:uppercase; font-size:16px; line-height:17px; } .t-d-e-tag{ padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:0px; color:#fff; background-color: #333; border-bottom:1px solid #f5f5f5; text-align: center; } .mas-informacion-tag{ padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:0px; text-align: center; } .fila-eventos-container .anchura-eventos{ padding-left:0px; padding-right:0px; width: 100%; } @media (max-width: 1200px) { .fila-eventos-container .anchura-eventos{ padding-left:0px; padding-right:0px; width: 97%; } } @media (max-width: 980px) { .fila-eventos-container .anchura-eventos{ padding-left:0px; padding-right:0px; width: 95%; } } @media (max-width: 768px) { /*Este estilo en el section*/ .page-taxonomy-term #block-system-main { display: block; } /*Y luego como se publica?*/ .anchura-eventos{ width: 100%; float:none; } .titulo-del-tag{ text-align: center; display:block; margin-right:auto; margin-left:auto; margin-bottom:5px; margin-top:12px; border-bottom:0px solid #f5f5f5; } .mas-informacion-tag{ text-align: center; display:block; margin-right:auto; margin-left:auto; border-bottom:1px solid #f5f5f5; } } #freeze-height{display:none;} #edit-field-categoria-tid-wrapper label { color: #005196; font-size: 16px; text-transform: uppercase; } #edit-field-categoria-tid { margin-top: 10px !important; } #edit-submit-eventos { margin-top: 32px; } .politica-silverpop .checkbox { display: inline-block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; display: inline-block; width: auto; margin: 0 10px 0 0; vertical-align: middle; } .politica-silverpop label { display: inline-block; margin-bottom: 5px; font-weight: 300; margin-left: 7px; } .politica-silverpop input { width: auto; margin: 0; } .boton-silverpop { margin: 15px 0 0 0; box-shadow: none; border: none; border-radius: 0px; float: left; background: #005196; padding: 10px 20px 11px 20px; font-family: 'Don'; font-size: 18px; text-transform: uppercase; color: #fff; } .page-node-396 .region-content h2, .page-node-397 .region-content h2 { display: none; } .page-node-396 .region-content .form-control, .page-node-397 .region-content .form-control, .page-node-396 .region-content .form-email, .page-node-397 .region-content .form-email { margin: 0px; } .page-node-396 .region-content .field-name-body, .page-node-397 .region-content .field-name-body { margin: 0px; } .page-node-396 .region-content .form-item, .page-node-397 .region-content .form-item { margin-bottom: 15px; display: inline-block; width: 100%; } .page-node-396 .region-content legend, .page-node-397 .region-content legend { margin: 0px; } .page-node-396 .region-content .form-wrapper select, .page-node-397 .region-content .form-wrapper select { width: auto; float: right; } .page-node-396 .region-content .radio input[type=radio], .page-node-396 .region-content .radio-inline input[type=radio], .page-node-396 .region-content .checkbox input[type=checkbox], .page-node-397 .region-content .checkbox-inline input[type=checkbox], .page-node-397 .region-content .radio input[type=radio], .page-node-397 .region-content .radio-inline input[type=radio], .page-node-397 .region-content .checkbox input[type=checkbox], .page-node-397 .region-content .checkbox-inline input[type=checkbox] { margin-left: auto; } @media ( max-width: 768px ){ .page-node-396 .region-content .form-wrapper select, .page-node-397 .region-content .form-wrapper select { width: 100%; float: none; margin-top: 5px; } } .breadcrumb { padding: 8px 0; margin-bottom: 20px; list-style: none; background-color: #fff; border-radius: 4px; } #node-541 .contacto-f2, #node-526 .contacto-f2 { display:none;} /* Open webinar day ----------------------------------------------------------------------------------- */ .div_form_webinar { margin-bottom: 30px; position: relative; border-bottom: 1px dashed #dddddd; padding-bottom: 30px; } .div_form_webinar .field_idgotoweb, .div_form_webinar .field_idinterno, .div_form_webinar .div_id_gotowebinar, .div_form_webinar .div_id_interno, .div_form_webinar .div_seccion { display: none; } .div_form_webinar .field_imagen_webinar { text-align: center; } .div_form_webinar img { border-radius: 100%; } .div_form_webinar .field_hora_webinarday { border: 3px solid #999999; padding: 9px 14px 0px; height: 51px; font-size: 24px; line-height: 26px; color: #999999; float: left; } .div_form_webinar .field_fileics a { float: left; height: 51px; background: #999999 url('../img/calendar.png') no-repeat left 16px center; color: #ffffff; padding: 16px 20px 0px 44px; } .div_form_webinar h3 { font-size: 22px; line-height: 24px; display: inline-block; margin-top: 16px; margin-bottom: 10px; width: 100%; font-weight: bold; } .div_form_webinar button { background: #005196; height: 51px; padding: 0px 30px; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 18px; line-height: 20px; display: inline-block; margin-top: 18px; border: none; border-radius: 100px; } .div_form_webinar .descripcion { font-size: 16px; line-height: 18px;color:#333;margin:0;text-transform: inherit;} .div_form_webinar .result_registro { margin-top: 20px; font-weight: bold; font-size: 16px; line-height: 18px; } .div_form_webinar .msj_error:first-child { padding: 10px 10px 5px; } .div_form_webinar .msj_error { background: #f2d5d5; padding: 4px 14px 5px; color: #aa1b1b; } .div_form_webinar .msj_error:last-child { padding: 4px 10px 11px; } .div_form_webinar .reg_correcto { background: #d2eabe; padding: 10px 14px 11px; color: #5ea322; margin-bottom: 10px; } #node-594 center p, #node-612 center p, #node-646 center p, #node-668 center p, #node-732 center p, #node-752 center p, #node-773 center p, #node-864 center p, #node-891 center p, #node-965 center p, #node-996 center p, #node-1024 center p, #node-1030 center p { font-size: 20px; line-height: 24px; margin-bottom: 30px; } .page-node-594 .flexslider, .page-node-612 .flexslider, .page-node-646 .flexslider, .page-node-668 .flexslider, .page-node-732 .flexslider, .page-node-752 .flexslider, .page-node-773 .flexslider, .page-node-864 .flexslider, .page-node-891 .flexslider, .page-node-965 .flexslider, .page-node-996 .flexslider, .page-node-1024 .flexslider, .page-node-1030 .flexslider, .page-node-1087 .flexslider, .page-node-1179 .flexslider, .page-node-1194 .flexslider { max-height: 400px; } .form_registro_webinar { padding: 30px 30px 11px; background: #eeeeee; margin-top: 30px; } .form_registro_webinar label { display: block; font-weight: bold; margin-bottom: 8px; font-size: 16px; line-height: 18px; } .form_registro_webinar input, .form_registro_webinar select { width: 100%; border: none; height: 37px; padding: 8px 14px 9px; font-size: 16px; line-height: 18px; margin-bottom: 14px; } .form_registro_webinar .input_condiciones { width: auto; padding: 0px; margin: 0px 10px 0 0; display: inline-block; height: auto; } .form_registro_webinar .div_condiciones label { display: inline-block; } .banner_fecha { padding: 18px 30px 19px; text-align: center; font-weight: bold; color: #ffffff; font-size: 22px; line-height: 24px; margin-bottom: 40px; background: #005196; } #block-block-19 .info { padding: 18px 30px 19px; text-align: center; font-weight: bold; color: #ffffff; font-size: 22px; line-height: 24px; margin-bottom: 40px; background: #333333; } #block-block-19 .info a { color: #ffffff; } @media ( max-width: 991px ){ .div_form_webinar { text-align: center; } .div_form_webinar img { margin-bottom: 20px; } .div_form_webinar .field_hora_webinarday, .div_form_webinar .field_fileics { float: none; display: inline-block; vertical-align: top; } } @media ( max-width: 480px ){ .div_form_webinar .field_hora_webinarday, .div_form_webinar .field_fileics { display: block; } .div_form_webinar .field_fileics a { width: 100%; } } /* Formulario encuesta IoT ----------------------------------------------------------------------------------- */ .office-form-title-container { padding: 30px 50px; } .office-form-body { padding: 30px 30px 40px; } .office-form-question { padding:20px 0px; } fieldset.captcha .panel-heading { display: none; } fieldset.captcha .panel-body { padding: 0px; } fieldset.captcha { margin: 0px; border: none; border-radius: 0px; background: none; box-shadow: none; } fieldset.captcha .form-control, fieldset.captcha .form-email { width: auto; margin: 0 0 0 10px; } .ocultar { display: none!important; } #webform-client-form-268 #edit-submitted-adjuntar-archivo-ajax-wrapper button { margin: 0px!important; } #block-block-20 { margin: 30px 15px 10px; } #block-block-20 a { display: inline-block; margin: 0 15px 10px 0; } #block-block-20 a:last-child { display: inline-block; margin: 0 0px 10px 0; } div.form_evento_webinar_day.texto_gpdr { padding-bottom: 10px; } #block-block-21 { margin-bottom: 50px; } #block-block-21 h2 { margin-top: 0px; }