/* Estilos reales del proyecto */ /*----------------------------------------------------------------------------------- Project Name: STARTinnova URI: http://startinnova.tak.local Description: STARTinnova Author: JCB Author URI: http://www.tak.es License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.1.1 All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ----------------------------------------------------------------------------------- 0. CSS Reset & Clearfix 1. Typography 2. Document Setup (body, common classes, vertical rhythm, structure etc) 3. Header Styles 4. Navigation & Menus 5. Main Content Styles 6. Post Content Styles 7. Pagination 8. Footer Styles 9. Widgets 10. Shortcode Styles -----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 0. CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/ /*-----------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ /*-----------------------------------------------------------------------------------*/ /* 1. Typography /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'blue_highwayregular'; src: url('fontface/bluehighwayrg.eot'); src: url('fontface/bluehighwayrg.eot?#iefix') format('embedded-opentype'), url('fontface/bluehighwayrg.woff') format('woff'), url('fontface/bluehighwayrg.ttf') format('truetype'), url('fontface/bluehighwayrg.svg#blue_highwayregular') format('svg'); font-weight: normal; font-style: normal; } /*-----------------------------------------------------------------------------------*/ /* 2. Document Setup (body, common classes, vertical rhythm, structure etc) /*-----------------------------------------------------------------------------------*/ html { background: url('img/bg_base.png'); text-align: center; margin: 0 auto; height: 100%; } body { background: url('img/bg_line.png') repeat-y 35px 0; font: 14px/17px 'Arial', Arial, Helvetica, sans-serif; color: #666666; padding: 0; margin: 0 auto; width: 980px; } body.estado { height: 100%; } .houdini { display: none; } .fleft { float: left; } .fright { float: right; } .center { margin-left: auto; margin-right: auto; display: block; clear: both; text-align: center; width: 99% !important; margin-bottom: 40px; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } a { color: #5095ad; text-decoration: none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; } a:hover { color: #5095ad; text-decoration: underline; } a img { border: none; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 20px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0; } h1 { font-size: 74px; color: #ad913a; font-family: Arial, Helvetica, sans-serif; } h2 { font-size: 32px; color: #ad5597; font-family: 'blue_highwayregular'; letter-spacing: 2px; } h3 { font-size: 24px; color: #5095ad; font-family: 'blue_highwayregular'; letter-spacing: 2px; line-height: 24px; } h4 { font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } /* ---------------------------------------------------- */ /* 3. Header Styles /* ---------------------------------------------------- */ .header { margin: 0; padding: 0; position: relative; } h1.brandlogo { float: left; text-indent: -9999px; background: url('img/logotipo.png') no-repeat; width: 210px; height: 90px; margin: 18px 0 15px 15px; } h1.brandlogo a { width: 210px; height: 90px; display: block; } h1.brandlogo-curso { float: left; text-indent: -9999px; background: url('img/logotipo_curso.png') no-repeat; width: 210px; height: 90px; margin: 18px 0 0 15px; } h1.brandlogo-curso a { width: 210px; height: 90px; display: block; } .zona-usuario { background: url('img/bg_login.png'); float: right; width: 426px; height: 50px; text-align: center; padding: 10px 19px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; margin-right: 10px; } .zona-usuario-conected { background: url('img/bg_login.png'); float: right; width: auto; height: 30px; text-align: center; padding: 10px 0 13px 19px; margin-right: 70px; margin-bottom: 20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .zona-usuario-conected p { float: left; margin: 8px 0; } .zona-usuario-conected p a { font-size: 16px; } .zona-usuario-conected a.btn { transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; color: #FFFFFF; float: left; text-align: center; background: #ad5597; border: 1px solid #7a3c6b; line-height: 30px; height: 30px; width: 108px; padding: 0; -moz-box-shadow: 0 0 3px 1px #999; -webkit-box-shadow: 0 0 3px 1px #999; box-shadow: 0 0 3px 1px #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; cursor: pointer; margin: 0 20px 0; } .idiomas { position: absolute; top: 72px; right: 30px; } .idiomas-conected { top: 16px; right: 20px; position: absolute; } .idiomas ul li, .idiomas-conected ul li { padding: 0; display: inline; font-size: 12px; color: #666666; } .idiomas ul li.first:after, .idiomas-conected ul li.first:after { content:' -'; color: #5095ad; } .idiomas ul li a, .idiomas-conected ul li a { color: #5095ad; text-decoration: underline; } .idiomas ul li a:hover, .idiomas-conected ul li a:hover { text-decoration: none; } /*-----------------------------------------------------------------------------------*/ /* 4. Navigation & Menus /*-----------------------------------------------------------------------------------*/ /* Tabs */ .tabs-modules { clear: both; position: relative; top: -13px; margin-bottom: -33px; } .tabs-modules ul { background: url('img/sep_tabs.png') no-repeat center bottom; height: 27px; margin-left: 30px; width: 950px; } .tabs-modules ul li { padding: 6px 14px; display: inline; position: relative; font: 16px/23px 'blue_highwayregular'; color: #666666; letter-spacing: 1px; margin: 0; } .tabs-modules ul li.active { background: #FFFFFF; border: 1px solid #30819e; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .tabs-modules ul li a { font: 16px/23px 'blue_highwayregular'; color: #5095ad; } /* Units */ .units { background: url('img/bg_menu.png') repeat left top; margin: 0; } .units ol { width: 980px; margin: 0 auto; text-align: center; padding: 10px auto; } .units ol li { text-align: left; display: inline; float: left; width: auto; margin-left: 10px; font: 17px/16px 'blue_highwayregular'; color: #5095ad; } .units ol li a { background: url('img/sprite_pasos.png') no-repeat 0 0; color: #5095ad; display: inline; float: left; width: 114px } /*/ Fondos /*/ .units ol li.uno a { background-position: 0 9px; padding: 30px 0 20px 120px; } .units ol li.dos a { background-position: 0 -72px; padding: 30px 0 20px 120px; } .units ol li.tres a { background-position: 0 -159px; padding: 30px 0 20px 120px; } .units ol li.cuatro a { background-position: 0 -248px; padding: 30px 0 35px 120px; } /* Tabs Units */ .tabs-modules-units { clear: both; position: relative; top: -40px; margin-bottom: -60px; float: left; } .tabs-modules-units ol { background: url('img/sep_tabs.png') no-repeat center bottom; height: auto; margin-left: 30px; width: 650px; padding-left: 270px; } .tabs-modules-units ol li { text-transform: uppercase; margin: 0 16px; display: block; float: left; text-align: center; font: 14px/15px 'blue_highwayregular'; background: url('img/sprite_pasos_curso.png') no-repeat 0 0; color: #5095ad; width: auto; } .tabs-modules-units ol li.active { background-color: #FFFFFF; border: 1px solid #30819e; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .tabs-modules-units ol li a { font: 14px/15px 'blue_highwayregular'; color: #5095ad; float: right; } /*/ Fondos /*/ .tabs-modules-units ol li.uno { background-position: 4px 6px; } .tabs-modules-units ol li.dos { background-position: 4px -128px; } .tabs-modules-units ol li.tres { background-position: 4px -268px; } .tabs-modules-units ol li.cuatro { background-position: 4px -410px; } .tabs-modules-units ol li a { width: 114px; padding: 70px 0px 4px; } .tabs-modules-units ol li.inactive { width: 114px; padding: 70px 0px 4px; color: #999999; } /*/ Fondos Inactivos /*/ .tabs-modules-units ol li.inactive { background: url('img/sprite_pasos_curso_inactive.png') no-repeat 0 0; } .tabs-modules-units ol li.dos.inactive { background-position: 4px -128px; } .tabs-modules-units ol li.tres.inactive { background-position: 4px -268px; } .tabs-modules-units ol li.cuatro.inactive { background-position: 4px -410px; } /* second-subnav */ ul.second-subnav { margin: 5px auto 0; text-align: center; width: 504px; } ul.second-subnav li { display: block; float: left; width: auto; font: 14px/15px 'blue_highwayregular'; color: #30819e; padding: 4px 4px 0 4px; } ul.second-subnav li a, ul.second-subnav li.inactive { color: #999999; } ul.second-subnav li.active { color: #30819e; } ul.second-subnav li.teoria { background: url('img/ico_teoria.png') no-repeat left 0px; padding-left: 24px; } ul.second-subnav li.practica { background: url('img/ico_practica.png') no-repeat left 0px; padding-left: 24px; } ul.second-subnav li span.pico-activo { background: url('img/pico_third_subnav.png') no-repeat center bottom; display: block; height: 26px; } /* third-subnav */ ul.third-subnav { position: relative; z-index: 10; clear: both; background: url('img/bg_third_subnav.png') repeat-y; width: 980px; margin: 0 auto; text-align: center; padding: 12px 0; } ul.third-subnav li { display: inline; width: auto; /*border-left: 1px solid #92bccd;*/ font: 13px/15px 'blue_highwayregular'; color: #bcbcbc; padding: 0px 2px; } ul.third-subnav li a, ul.third-subnav li.inactive { color: #bcbcbc; } ul.third-subnav li.first { border-left: none; } ul.third-subnav li.active, ul.third-subnav li.active a { color: #30819e; } ul.third-subnav li span.done { background: url('img/tick.png') no-repeat left 0px; padding: 4px 0 4px 30px; color: #7C9E32; margin-left: -6px; } ul.third-subnav li span.done a { color: #7C9E32; } ul.third-subnav li span.doneactive { background: url('img/tick.png') no-repeat left 0px; padding: 4px 0 4px 30px; color: #30819e; margin-left: -6px; } ul.third-subnav li span.doneactive a { color: #30819e; } /* fourth-subnav */ ul.fourth-subnav { position: relative; z-index: 10; background: none repeat scroll 0 0 #EFF7FA; border-radius: 105px 105px 105px 105px; clear: both; margin: 20px auto 30px; padding: 5px 0; text-align: center; width: 270px; } ul.fourth-subnav li { display: inline-block; width: auto; font: bold 21px/21px 'blue_highwayregular'; color: #FFFFFF; margin: 0 3px; background: #30819e; height: 22px; width: 22px; border: 3px solid #30819e; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } ul.fourth-subnav li a { color: #FFFFFF; height: 22px; width: 22px; display: block; } ul.fourth-subnav li a:hover { text-decoration: none; } ul.fourth-subnav li.active { color: #30819e; background: #FFFFFF; border: 3px solid #30819e; } ul.fourth-subnav li.inactive { color: #ffffff; background: #cccccc; border: 3px solid #cccccc;} /*-----------------------------------------------------------------------------------*/ /* 5. Main Content Styles /*-----------------------------------------------------------------------------------*/ .container { background: url('img/bg_content.png') repeat-y center top; padding: 6px 0; text-align: left; clear: both; position: relative; } .container h2 { margin: 14px 0 14px 65px; position:relative; } .container h2.triple { font-size: 27px; clear: both; margin: 14px 0 14px 104px; } .container h2.triple span.azul { color: #30819e; font-size: 18px; display: block; margin-bottom: 8px; } .container h2.triple span.verde { color: #7c9e32; font-size: 20px; font-weight: normal; } .container h2 span.texto_peq { font: 16px/10px 'Arial', Helvetica, sans-serif; } /* Separadores */ .sep { background: #d6aacb; height: 1px; margin: 8px 0; width: 900px; position: relative; } .sep span { background: url('img/sep_fin_right.png') no-repeat; position: absolute; height: 1px; width: 69px; right: -69px; top: 0; } .sep_mini { width: 300px; position: relative; } .sep_mini_dos { width: 279px; background: #d6aacb; margin: 8px 0; height: 1px;position: relative; } .sep_mini_dos span { background: url('img/sep_fin_right.png') no-repeat; position: absolute; height: 1px; width: 69px; right: -69px; top: 0; } .sep_mini_right { width: 222px; height: 1px; background: #d6aacb; margin: 8px 0 0 62px; position: relative; } .sep_mini_right span { background: url('img/sep_fin_left.png') no-repeat; position: absolute; height: 1px; width: 69px; left: -69px; top: 0; } .sep_mini_tres { width: 320px; position: relative; } /* Video Social */ .video-social { width: 694px; float: left; } .video-curso { width: 835px; margin: 20px auto; position: relative; } /* Social */ .social ul { background: #ebebeb; background: rgba(235,235,235,.6); border: 1px solid #b6b6b6; border-right: none; padding: 4px 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; width: 34px; height: auto; float: left; margin: 14px 0 14px 14px; } .social ul li { display: block; width: 28px; height: 28px; margin: 0 auto; background: url('img/sprite_social.png') no-repeat 0 0; text-indent: -9999px; } .social ul li a { display: block; width: 28px; height: 28px; } /*/ Fondos /*/ .social ul li.facebook { background-position: 0 0; } .social ul li.twitter { background-position: 0 -28px; } .social ul li.youtube { background-position: 0 -56px; } .social ul li.share { background-position: 0 -84px; } /* Videos */ .video-social .video-container { width: 627px; height: 379px; margin: 0; float: left; border: 1px solid #e1e1e1; } .video-social #video-login { margin: 11px; width: 605px; position: relative; z-index: 1; } .video-curso .video-container { width: 835px; height: 497px; margin: 0; background: url('img/bg_video.png') no-repeat; position: relative; z-index: 1; } .video-curso #video-login { margin: 10px 12px; } .arrows { width: 950px; margin: -40px auto 0 -475px; position: fixed; top: 50%; left: 50%; } .arrows span.anterior { float:left; display:block; margin:-10px 0 0 6px; position:fixed; font: 12px Arial, Helvetica, sans-serif; color: #ad5597;} .arrows span.siguiente { float:right; display:block; margin:-10px 0 0 895px; position:fixed; font: 12px Arial, Helvetica, sans-serif; color: #ad5597;} .arrows .arrow-prev { width: 80px; height: 80px; text-indent: -9999px; float: left; } .arrows .arrow-next { width: 80px; height: 80px; text-indent: -9999px; float: right; } .arrows .arrow-prev a { background: url('img/arrows.png') left top; display: block; width: 80px; height: 80px; } .arrows .arrow-next a { background: url('img/arrows.png') right top; display: block; width: 80px; height: 80px; } .arrows .arrow-prev a:hover { background: url('img/arrows.png') left -80px; } .arrows .arrow-next a:hover { background: url('img/arrows.png') right -80px; } .arrows .arrow-prev.inactive { background: url('img/arrows.png') left bottom; } .arrows .arrow-next.inactive { background: url('img/arrows.png') right bottom; } /* Noticias */ .noticias { float: right; width: 285px; letter-spacing: 2px; } .noticias h2 { margin: 6px 0 14px 12px; } .noticias ul { width: 260px; margin: 0 auto; } .noticias ul li { background: url('img/sep_horizontal.png') no-repeat center bottom; padding: 14px 0; } .noticias ul li.last { background: none; text-align: right; } .noticias ul li.last a { font-size: 12px; letter-spacing: 1px; } .noticias ul li span { font-size: 12px; color: #ad5597; display: block; } .noticias ul li a { font-size: 14px; color: #5095ad; } .noticias ul li.doble { padding: 34px 0; } .noticias ul li.doble a { display: block; margin: 0; width: 240px; height: 122px; background: url('img/btn_finalistas.png') no-repeat; text-indent: -9999px; } .noticias ul li.gan a { display: block; margin: 0; width: 240px; height: 122px; background: url('img/tenemos-ganadores-es.png') no-repeat; text-indent: -9999px; } .noticias ul li.doble a.rioja { display: block; margin: 0; width: 240px; height: 122px; background: url('img/finalistas-2.png') no-repeat; text-indent: -9999px; } /* Participa wrapper */ .participa_wrapper { background: #fbf6fa; background: url('img/bg_participa.png') repeat-y; margin: 20px 0; } /* Mapa Google */ .mapa-content { float: right; margin: 10px 20px; width: 577px; height: 370px; padding: 12px; background: #FFFFFF; -moz-box-shadow: 0px 0px 4px 0 #CCC; -webkit-box-shadow: 0px 0px 4px 0 #CCC; box-shadow: 0px 0px 4px 0 #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* Participantes */ .participantes { float: left; width: 338px; margin: 4px 0 0 0; color: #ad5597; font-size: 16px; text-align: left; letter-spacing: 2px; } .participantes h2 { margin-left: 65px; } .participantes p, .participantes a { margin-left: 65px; } .participantes p.black { font-size: 12px; color: #666666; margin: 30px 0 40px 65px; } .participantes a.btn_participa { display: block; margin: 0 0 0 66px; width: 235px; height: 121px; background: url('img/btn_participa.png') no-repeat; text-indent: -9999px; } .participantes a.btn_participa_eu { display: block; margin: 0 0 0 66px; width: 235px; height: 121px; background: url('img/btn_participa_eu.png') no-repeat; text-indent: -9999px; } .participantes a.btn_participa_correo { display: block; margin: 0 0 0 66px; width: 235px; height: 121px; background: url('img/btn_participa_correo.png') no-repeat; text-indent: -9999px; } .participantes a.btn_participa_correo_eu { display: block; margin: 0 0 0 66px; width: 235px; height: 121px; background: url('img/btn_participa_correo_eu.png') no-repeat; text-indent: -9999px; } /* Grid Span Incidencias */ .grid_incidencias { margin: 0 95px 0 85px; position: relative; } .grid_incidencias .fleft_incidencias { width: 280px; } .grid_incidencias .fright_incidencias { position: relative; width: 415px; padding: 20px; -moz-box-shadow: 0px 0px 4px 0 #CCC; -webkit-box-shadow: 0px 0px 4px 0 #CCC; box-shadow: 0px 0px 4px 0 #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .grid_incidencias form label { display: block; font-weight: bold; } .grid_incidencias form label span { display: block; font-weight: normal; color:#999; } .grid_incidencias form input { width: 400px; } .grid_incidencias form select { width: 414px; } .grid_incidencias form textarea { width: 400px; } .grid_incidencias form span.error { margin: 52px 0 0; left: 20px; } .grid_incidencias form span.error_textarea { left: 20px; margin: 150px 0 0; } .grid_incidencias form span.obligatorio { position: absolute; top: 10px; display: block; right: 20px; } .grid_incidencias form ul.google_docs { clear: both; padding: 40px 0 0; font-size: 12px; text-align: center; margin: 0; } .grid_incidencias form ul.google_docs li { display: inline; } /* Grid Span Participa */ .grid_participa { margin: 0 90px; position: relative; } .grid_participa p { line-height: 21px; } .grid_participa .fleft_participa { width: 380px; position: relative; } .grid_participa .fright_participa { width: 380px; position: relative; } .grid_participa form label { display: block; font-weight: bold; } .grid_participa form input { width: 366px; } .grid_participa form select { width: 380px; } .grid_participa form textarea { width: 366px; } .grid_participa form input.button { clear: both; margin: 30px auto; left: 50%; position: relative; margin-left: -40px; } .grid_participa form span.error { left: 0; margin: 56px 0 0; } .grid_participa form span.error_textarea { left: 0; margin: 140px 0 0; } .grid_participa form span.obligatorio { position: absolute; margin-top: 12px; display: block; right: 0; } .grid_participa h3 { color: ; background: url('img/bg_menu.png'); padding: 2px 6px; } .grid_participa ul { width: 100%; text-align: center; margin: 60px 0 40px; } .grid_participa ul.subir_wrapper { text-align: right; } .grid_participa ul li { display: inline; xborder-left: 1px solid #666666; padding: 4px 6px; xbackground: #ad5597; border: 1px solid #7a3c6b; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .grid_participa ul li.first { border-left: none; } .grid_participa ul li.subir { background: none; border: none; } .grid_participa ul li.subir a { background: url('img/up.png') 50px center no-repeat; padding-right: 52px; color: #7c9e32; } .grid_participa ul li a { color: #FFFFFF; } ul.partic { float:right; margin:-20px 90px 0 0;} ul.partic li { display: inline; border-left: 1px solid #666666; padding: 4px 6px; background: #ad5597; border: 1px solid #7a3c6b; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } ul.partic li.first { border-left: none; } ul.partic li.subir { background: none; border: none; } ul.partic li.subir a { background: url('img/up.png') 50px center no-repeat; padding-right: 52px; color: #7c9e32; } ul.partic li a { color: #FFFFFF; } .grid_participa ol { width: 100%; text-align: left; margin-bottom: 60px; } .grid_participa ol li { display: block; margin-bottom: 20px; } .grid_participa ol.bloques li { clear:both; display: block; margin-top: 30px; line-height: 18px; } .grid_participa ol.bloques li strong { display: block; margin-bottom: 10px; } .grid_participa ol.bloques li span { float: left; font-size: 13px; width: 600px; } .grid_participa ol.bloques li span.verde { float: none; font-size: 13px; width: auto; } .grid_participa ol.bloques li span.num_uno { background: url('img/sprite_pasos.png') no-repeat 0 0; width: 160px; height: 72px; } .grid_participa ol.bloques li span.num_dos { background: url('img/sprite_pasos.png') no-repeat 0 -72px; width: 160px; height: 84px; } .grid_participa ol.bloques li span.num_tres { background: url('img/sprite_pasos.png') no-repeat 0 -166px; width: 160px; height: 84px; } .grid_participa ol.bloques li span.num_cuatro { background: url('img/sprite_pasos.png') no-repeat 0 -258px; width: 160px; height: 100px; } .grid_participa ol.premios, .grid_participa #premios p { font-size: 13px !important; } .grid_participa ol.premios li { clear:both; display: block; margin: 0 20px 20px; padding: 5px 0 5px 80px; } .grid_participa ol.premios li.oro { background: url('img/medal_yellow.png') no-repeat left center; } .grid_participa ol.premios li.plata { background: url('img/medal_silver.png') no-repeat left center; } .grid_participa ol.premios li.bronce { background: url('img/medal_bronce.png') no-repeat left center; } /* video_actions_wrapper */ .video_actions_wrapper { width: 910px; margin: 0 auto; } .ideas-content { float: left; margin: 15px 0 0 70px; width: 460px; } .ideas-content h3 { text-transform: uppercase; color: #ad5597; font-size: 23px; letter-spacing: 0px; background: url('img/line_ideas.png') no-repeat left bottom; padding: 0 0 6px 4px; } .ideas-content ul { background: url('img/ico_ideas.png') no-repeat 0 0; margin: 30px 0 0; } .ideas-content ul li { display: block; background: url('img/bullet.png') no-repeat 0 0; margin: 0 0 20px 120px; padding-left: 30px; } .ideas-content ul li strong { color: #30819e; } .links-content { float: right; width: 340px; margin: 15px 0 0 0; } .links-content h3 { text-transform: uppercase; color: #ad5597; font-size: 23px; letter-spacing: 0px; background: url('img/line_ideas.png') no-repeat right bottom; padding: 0 0 6px 4px; } .links-content ul { margin: 30px 0 0; } .links-content ul li { display: block; margin: 0 0 20px; padding: 6px 0 0 66px; color: #396e7f; font: 16px/18px 'blue_highwayregular'; } .links-content ul li.charla { background: url('img/charla_extra.png') no-repeat; padding: 15px 0 0 140px; width: 160px; margin: -35px 0 10px -12px; position: relative; } .links-content ul li.charla span.date { font: 12px Arial, Helvetica, sans-serif; color: #999999; } .links-content ul li.charla ul { margin: 10px 0 0; } .links-content ul li.charla ul li { clear: both; font: 14px/15px Arial, helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color: #666666 !important; } .links-content ul li.charla ul li span { color: #7c9e32; } .links-content ul li.charla_eu { background: url('img/charla_extra_eu.png') no-repeat; padding: 15px 0 40px 140px; width: 160px; margin: -35px 0 10px -12px; position: relative; } .links-content ul li.docu { background: url('img/ico_descarga.png') no-repeat; } .links-content ul li.docu span.type { font-size: 15px; color: #999999; } .links-content ul li.glosario { background: url('img/ico_glosario.png') no-repeat; padding: 13px 0 13px 66px; } .links-content ul li.docu2 { background: url('img/ico_descarga.png') no-repeat; padding: 13px 0 13px 66px; } .links-content ul li a { color: #396e7f; } .links-content-hrz { float: left; width: auto; margin: 30px 0 0 0; } .links-content-hrz h3 { background: url('img/line_ideas.png') no-repeat right bottom; float: left; width: 300px; } .links-content ul li { display: block; margin: 0 0 20px 0; width: auto; } .links-content-hrz ul { float: left !important; } .links-content-hrz ul li.charla { float: left; margin: -35px 120px 10px 0; } .links-content-especial { margin: 30px 0 0 80px; } /* Página Participantes ---------------------------- */ .participantes-entrada p { width: 940px; margin: 20px 0 20px 106px; color: #ad5597; font: 18px/18px 'blue_highwayregular'; text-align: left; letter-spacing: 2px; } .mapa-big-content { margin: 0 auto; width: 767px; height: 491px; padding: 12px; background: #FFFFFF; -moz-box-shadow: 0px 0px 4px 0 #CCC; -webkit-box-shadow: 0px 0px 4px 0 #CCC; box-shadow: 0px 0px 4px 0 #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* Localidades Dinámicas */ .localidades-dinamicas { margin: 30px auto 50px; } .localidades-dinamicas > ul { background: url('img/line.png') no-repeat center top; width: 687px; margin: 0 auto; text-align: center; padding-top: 4px; } .localidades-dinamicas > ul.first { background: none; } .localidades-dinamicas > ul > li { text-align: left; float: left; width: 199px; margin: 10px 0; padding: 0 15px 0 14px; border-left: 1px solid #e6edd8; } .localidades-dinamicas > ul > li.first { border-left: 1px solid #FFFFFF; } .localidades-dinamicas > ul > li .num { float: left; width: 37px; height: 44px; text-align: center; background: url('img/marker.png') no-repeat; font: 19px/18px 'blue_highwayregular'; color: #FFFFFF; padding-top: 8px; } .localidades-dinamicas > ul > li h4 { float: left; font: 21px/18px 'blue_highwayregular'; text-transform: uppercase; color: #7c9e32; margin: 9px 0 16px 10px; padding-bottom: 10px; border-bottom: 1px solid #7c9e32; width: 148px; } .localidades-dinamicas > ul > li ul.lista-centros { clear: both; font: 13px/18px 'blue_highwayregular'; color: #333333; margin: 0 0 0 16px; } .localidades-dinamicas > ul > li ul.lista-centros li { margin: 0 0 8px 0; background: url('img/list-type.png') no-repeat left 6px; padding-left: 20px; } .localidades-dinamicas > ul > li ul.lista-centros li a { color: #333333; } /* Ficha Centro */ .busca-centro { margin: -41px 0 0 674px; position: absolute; } .busca-centro a { background: url('img/lupa.png') no-repeat left top; color: #804474; display: block; width: 226px; height: 40px; font: 13px/18px 'blue_highwayregular'; padding: 11px 0 0 50px; letter-spacing: 1px } .centro { margin: 30px 0 26px 60px; } .centro .foto-centro { float: left; margin: 0 15px 0 0; width: 170px; height: 140px; padding: 3px; background: #30819e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .datos-centro { float: left; width: 700px; } .datos-centro h4 { color: #30819e; font-size: 30px; text-transform: none; margin-top: 7px; line-height: 30px; } .datos-centro h4 span { text-transform: uppercase; } .datos-centro p.localidad { color: #666666; font-size: 14px; margin: 0px 0; } .datos-centro a { float: left; color: #FFFFFF; font-size: 14px; padding: 6px 15px; background: #30819e; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .datos-centro h5.es { text-transform: uppercase; color:#FFFFFF; width:112px; height:59px; padding-top:13px; padding-left:10px; background:url(img/empresas_mentoras.png) no-repeat; float:left;} .datos-centro h5.eu { text-transform: uppercase; color:#FFFFFF; width:135px; height:59px; padding-top:13px; padding-left:8px; background:url(img/empresas_mentoras_eu.png) no-repeat; float:left;} .grupos { margin: 0 0 100px 20px; } .grupos > ul > li { clear: both; margin: 0 auto 20px; width: 884px; height: auto; padding: 0; background: url('img/bg_grupo.png') no-repeat; padding: 18px; } .grupos > ul > li .foto-grupo { float: left; margin-right: 26px; } .grupos > ul > li .texto-grupo { float: left; } .grupos > ul > li .texto-grupo h4 { color: #7C9E32; font-size: 18px; margin-top: 10px; } .grupos > ul > li .texto-grupo .fleft { float: left; margin: 18px 30px 0 0; width: 226px; } .grupos > ul > li .texto-grupo .fleft h5 { font-size: 13px; color: #666666; border-bottom: 1px solid #666666; padding-bottom: 4px; } .grupos > ul > li .texto-grupo .fleft.patrocinador h5, .grupos > ul > li .texto-grupo .fleft h5.tutor { border-color: #30819e!important; } .grupos > ul > li .texto-grupo .fleft.integrantes h5 { border-color: #ad5597; } .grupos > ul > li .texto-grupo .fleft.patrocinador ul li { color: #30819e; margin-top: 4px; } .grupos > ul > li .texto-grupo .fleft.patrocinador ul li img { margin: 10px auto; } .grupos > ul > li .texto-grupo .fleft.integrantes ul li { color: #ad5597; margin-top: 4px; } /* Contenido Curso */ .contenido-curso { width: 835px; margin: 20px auto; position: relative; } .contenido-curso strong { color: #ad5597; } .contenido-curso strong .black { color: #333333; } .contenido-curso .contenedor { margin: 0 32px; position: relative; z-index: 10; } .contenido-curso .contenedor p { font-size: 16px; margin: 0 20px 20px; line-height: 20px; } .contenido-curso .contenedor .img-teoria { float: left; margin: 0 20px 20px 0; } .contenido-curso .contenedor .img-externo { float: left; margin: 0 20px 20px 0; position: relative; width: 356px; height: 200px; } .contenido-curso .contenedor .img-externo img { position: absolute; } .contenido-curso .contenedor .txt-teoria { width: auto; font-size: 14px; color: #666666; } .contenido-curso .contenedor .txt-teoria img { float: left; margin: 0 20px 20px 0; } .contenido-curso .contenedor .txt-teoria h3 { text-transform: uppercase; color: #ad5597; font-size: 23px; letter-spacing: 0px; background: url('img/line_ideas.png') no-repeat right bottom; padding: 0 0 6px; line-height: 20px; margin-bottom: 14px; } .contenido-curso .contenedor .txt-teoria h3 span.pasos { color: #999999; font-size: 15px; position: absolute; right: 5px; text-transform: none; } .contenido-curso .contenedor .txt-teoria p { letter-spacing: 1px; font-size: 14px; margin: 0 0 14px; line-height: 17px; } .contenido-curso .contenedor .txt-teoria p.pregunta { display: block; margin-bottom: 32px; letter-spacing: 0; line-height: 18px; } .contenido-curso .contenedor .txt-teoria p.frase { display: block; margin-bottom: 32px; letter-spacing: 0; font-size: 18px; color: #666666; line-height: 22px; } .contenido-curso .contenedor .txt-externo { width: auto; } .contenido-curso .contenedor .txt-externo h3 { margin-left: 376px; } .contenido-curso .contenedor ol.lista-numerada { width: auto; margin: 0 auto 20px; display: table; } .contenido-curso .contenedor ol.lista-numerada li { padding: 15px 0 15px 70px; margin-bottom: 10px; font-size: 16px; line-height: 20px; } .contenido-curso .contenedor ol.lista-numerada li.uno { background: url('img/big_dot_uno.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.dos { background: url('img/big_dot_dos.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.tres { background: url('img/big_dot_tres.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.cuatro { background: url('img/big_dot_cuatro.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.cinco { background: url('img/big_dot_cinco.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.seis { background: url('img/big_dot_seis.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.siete { background: url('img/big_dot_siete.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.ocho { background: url('img/big_dot_ocho.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.nueve { background: url('img/big_dot_nueve.png') no-repeat left top; } .contenido-curso .contenedor ol.lista-numerada li.diez { background: url('img/big_dot_diez.png') no-repeat left top; } .contenido-curso .contenedor ul.lista { width: auto; margin: 20px 0; display: table; } .contenido-curso .contenedor ul.lista li { padding: 0 0 8px 35px; margin-bottom: 10px; font-size: 16px; line-height: 20px; background: url('img/dot_big.png') no-repeat left 2px; } .contenido-curso .contenedor .resumen { background: url('img/resumen.png') no-repeat; margin: 0 0 20px; height: auto; color: #30819e; font: 21px/18px 'blue_highwayregular'; letter-spacing: 2px; padding: 28px 36px 28px 100px; width: 600px; } p.blue { font-size: 18px; color: #30819e; } .contenido-curso .contenedor .txt-charla { width: auto; font-size: 14px; color: #666666; margin: 0 20px; } .contenido-curso .contenedor .txt-charla img { float: right; margin: 0 0 20px 20px; } .contenido-curso .contenedor .txt-charla p { font-size: 14px; margin: 0 0 14px; line-height: 17px; width: 95%; letter-spacing: 1px; } .contenido-curso .contenedor .txt-charla p.no-obligatorio { color: #999999; font-size: 11px; margin-left: 65px; } .contenido-curso .contenedor .txt-charla p span { text-transform: uppercase; color: #ad5597; font-size: 14px; display: block; margin-bottom: 10px; } .contenido-curso .contenedor .txt-charla a.btn-formu { display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 368px; height: 42px; margin: 34px 0 64px 0; clear: none !important; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .contenido-curso .contenedor .txt-charla a.btn-formu:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } .contenido-curso .contenedor .txt-charla a.btn-formu.comprueba { margin: 34px 0; font-size: 14px; } .contenido-curso .contenedor .txt-charla .uno { background: url('img/uno.png') no-repeat left top; padding: 20px 0 0 65px; } .contenido-curso .contenedor .txt-charla .dos { background: url('img/dos.png') no-repeat left top; padding: 20px 0 0 65px; } .contenido-curso .contenedor .txt-charla .tres { background: url('img/tres.png') no-repeat left top; padding: 20px 0 0 65px; } .contenido-curso .contenedor .txt-charla ul { margin: 20px 0; } .contenido-curso .contenedor .txt-charla ul li { list-style-type: disc; margin: 0px 40px 10px; } /*/ Boton Imprimir /*/ a.btn-imprimir { position: absolute; display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 146px; height: 42px; margin: -34px 0 0 620px; clear: none !important; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } a.btn-imprimir span { padding: 5px 0 0 40px; background: url('img/ico_print.png') no-repeat; } a.btn-imprimir:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } /* Estado Curso ------------------------------ */ .estado-curso { background: #FFFFFF; width: 600px; top: 150px; margin: 0 auto; text-align: left; height: auto; padding: 0; position: relative; } .estado-curso .wrapper { margin: 0; height: auto; padding: 60px; margin-bottom: 0; } /* Comité Técnico ---------------------------- */ .bio { margin: 30px auto 0; width: 790px; height: auto; padding: 28px; background: #FFFFFF; border: 1px solid #F9F9F9; -moz-box-shadow: 0px 0px 4px 0 #CCC; -webkit-box-shadow: 0px 0px 4px 0 #CCC; box-shadow: 0px 0px 4px 0 #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bio .foto { float: left; margin: 0 20px 20px 0; } .bio .texto { float: right; width: 620px; } .bio h3 { color: #2f9dcb; font: bold 16px Arial,helvetica, sans-serif; } .bio h3 span { font: normal 14px Arial,helvetica, sans-serif; } .bio h4 { color: #666666; font: bold 12px Arial,helvetica, sans-serif; text-transform: none; margin: 6px 0 25px; padding-bottom: 8px; border-bottom: 1px solid #2f9dcb; } /* Ejercicios -------------------------- */ .contenido-curso .contenedor .img-ejercicio { float: left; margin: 0 20px 20px 0; /*border: 3px solid #30819e;*/ } .contenido-curso .contenedor .txt-ejercicio { font: 16px Arial, helvetica,sans-serif; margin-bottom: 60px; z-index: 10; position: relative; } .contenido-curso .contenedor form { margin: 0 auto 100px; } .contenido-curso .contenedor form p.pregunta { display: block; margin-bottom: 32px; letter-spacing: 0; line-height: 18px; } .contenido-curso .contenedor form p.frase { display: block; margin-bottom: 32px; letter-spacing: 0; font-size: 18px; color: #666666; line-height: 22px; } .contenido-curso .contenedor form p.frase-rosa { display: block; margin: 12px 0; letter-spacing: 0; font-size: 14px; color: #9e2f7f; line-height: 16px; } .contenido-curso .contenedor form p.frase span { font-weight: bold; color: #9e2f7f; } .contenido-curso .contenedor form label { display: block; line-height: 20px; margin: 0 0 16px 0; color: #999999; font-size: 14px; } .contenido-curso .contenedor form input[type=checkbox], .contenido-curso .contenedor form input[type=radio] { width: 20px; height: 20px; margin: 0 30px 16px 0; } .contenido-curso .contenedor form ul li label { display: block; line-height: 20px; margin: 0 0 16px 0; color: #999999; font-size: 14px; } .contenido-curso .contenedor form input.btn-formu, .contenido-curso .contenedor a.btn-formu { display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 288px; height: 42px; margin: 24px 0; clear: both; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .contenido-curso .contenedor form input.btn-formu:hover, .contenido-curso .contenedor a.btn-formu:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } .contenido-curso .contenedor form input.btn-formu.centrar, .contenido-curso .contenedor a.btn-formu.centrar { float: none; margin: 24px auto; } .combos { background-color: #f5eaf2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 24px 16px 20px; width: 378px; margin-bottom: 20px; } .combos span { font-weight: bold; color: #9e2f7f; font-size: 24px; clear: both; float: left; height: 42px; line-height: 42px; margin: 0 15px 6px 0; } .contenido-curso .contenedor form.test-auto { background: url('img/test_auto.png') no-repeat left top; padding: 0 0 0 240px; } #nota_wrapper { position: relative; background: url('img/bg_nota.png') no-repeat; width: 191px; height: 136px; margin: 20px auto 40px; text-align: center; } #nota { font: 63px 'blue_highwayregular'; color: #8ab85d; padding-top: 29px; } #total { position: absolute; right: 16px; bottom: 37px; font: 30px 'blue_highwayregular'; color: #999999; } #icono { background: url('img/icono_nota.png') no-repeat; position: absolute; left: -20px; bottom: -20px; width: 69px; height: 69px; } /* ejercicio-drag-drop */ /* .ejercicio-drag-drop { } .ejercicio-drag-drop ul#draggable li { margin-left: 7px; display: block; float: left; text-align: center; width: 102px; height: 28px; border: 1px solid #61aeca; background: #61aeca; font: 17px/28px 'blue_highwayregular'; color: #ffffff; -moz-box-shadow: 0px 0px 2px 0 #999; -webkit-box-shadow: 0px 0px 2px 0 #999; box-shadow: 0px 0px 2px 0 #999; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .ejercicio-drag-drop ul#draggable li.first { margin-left: 0; } .ejercicio-drag-drop ul#draggable li:hover { background: #5498b0; cursor: move; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ejercicio-drag-drop ul#draggable li.inactive { color: #e5e5e5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px dashed #e5e5e5; background: #FFFFFF; } .ejercicio-drag-drop ul#draggable li.inactive:hover { cursor: default; } .ejercicio-drag-drop ul#droppable { clear: both; margin: 30px 0; } .ejercicio-drag-drop ul#droppable li { position: relative; margin: 0 0 26px 0; border: 1px solid #D1D1D1; text-align: center; padding: 14px 20px; width: 728px; height: 60px; background: #f9f9f9; font: 17px/28px 'blue_highwayregular'; color: #c7c7c7; -moz-box-shadow: inset 0px 0px 20px 0 #CCC; -webkit-box-shadow: inset 0px 0px 20px 0 #CCC; box-shadow: inset 0px 0px 20px 0 #CCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .ejercicio-drag-drop ul#droppable li div { position: absolute; float: left; color: #ad5597; width: 130px; height: 30px; bottom: 0; padding-top: 80px; text-align: left; } .ejercicio-drag-drop ul#droppable li.item1 div { background: url('img/ane.png') no-repeat 10px 0; } .ejercicio-drag-drop ul#droppable li.item2 div { background: url('img/ion.png') no-repeat 0 0; text-align: right; right: 20px; } .ejercicio-drag-drop ul#droppable li.item3 div { background: url('img/iker.png') no-repeat 10px 0; } .ejercicio-drag-drop input.btn-formu { margin: 30px auto !important; float: none; } */ /* /curso/bloque_1/paso2/paso_2_3 */ #personas { overflow: hidden } #ane { float: left; width: 33% } #ion { float: left; width: 33% } #iker { float: left; width: 33% } #personas h3.h3-ane, #personas h3.h3-ion, #personas h3.h3-iker { display: block; height: 107px; text-indent: -9999!important; color: #fff !important; width: 100% } #personas h3.h3-ane { background: url('img/ane.jpg') no-repeat center top; } #personas h3.h3-ion { background: url('img/ion.jpg') no-repeat center top; } #personas h3.h3-iker { background: url('img/iker.jpg') no-repeat center top; } #ane ul li, #ion ul li, #iker ul li{ display: block; clear: both; overflow: hidden; text-align: left; } .align-center { margin: 0 auto; overflow: hidden; text-align: center; width: 294px; } /* ejercicio-sortable */ .ejercicio-sortable { } .contenido-curso .contenedor .txt-teoria .ejercicio-sortable p { margin: 0 0 6px; display: block; float: left; text-align: left; padding: 0 18px; width: 720px; height: 28px; border: 1px solid #61aeca; background: #61aeca; font: 21px/28px 'blue_highwayregular'; color: #ffffff; -moz-box-shadow: 0px 0px 2px 0 #999; -webkit-box-shadow: 0px 0px 2px 0 #999; box-shadow: 0px 0px 2px 0 #999; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .ejercicio-sortable ul { clear: both; margin: 0 0 0 4px; padding: 0; width: 750px; } .ejercicio-sortable ul li { margin: 0 0 6px; display: block; float: left; text-align: left; padding: 3px 18px 0 42px; width: 688px; height: 41px; border: 1px solid #d1d1d1; background: #FFFFFF url('img/puntitos.png') no-repeat 8px 8px; font: 14px/17px Arial, helvetica, sans-serif; color: #32829f; -moz-box-shadow: 0px 0px 2px 0 #999; -webkit-box-shadow: 0px 0px 2px 0 #999; box-shadow: 0px 0px 2px 0 #999; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .ejercicio-sortable ul li:hover { cursor: move; } .ejercicio-sortable input.btn-formu { margin: 60px auto !important; float: none; } /* Resultados */ #resultados h3 { font: 25px 'blue_highwayregular'; color: #9e2f7f; margin: -20px auto 0; text-align: center; position: relative; } #resultados h4 { font: 22px 'blue_highwayregular'; color: #9e2f7f; background: url('img/line_ideas.png') no-repeat left bottom; margin: 20px 0 6px 0; padding: 0 0 14px 0; text-transform: none; } #resultados h4 span.fallo { background: url('img/ico_error.png') no-repeat; height: 26px; width: 26px; margin-right: 14px; float: left; text-indent: -9999px; } #resultados h4 span.acierto { background: url('img/ico_ok.png') no-repeat; height: 26px; width: 26px; margin-right: 14px; float: left; text-indent: -9999px; } #resultados p.pregunta { font-size: 16px; } #resultados ul.respuestas { font-size: 14px; margin: 10px 120px; } #resultados ul.respuestas li { margin-bottom: 3px; padding: 2px 15px; border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #resultados ul.respuestas li.fallo { background: #fbf5f5; border: 1px solid #ab3a38; font-weight: bold; color: #333333; } #resultados ul.respuestas li.acierto { background: #fafbf7; border: 1px solid #98b663; font-weight: bold; color: #333333; } #resultados ul.respuestas li.correcto { font-weight: bold; color: #7C9E32; } #resultados ul.respuestas.respuestas-puntos li span { background: url('img/dot.png') no-repeat left center; height: 1px; width: 7px; padding-right: 4px; } #resultados ul.respuestas.respuestas-letras li span { padding-right: 4px; color: #9e2f7f; font-size: 16px; font-weight: bold; } #resultados div.tres-col { float: left; width: 236px; margin-bottom: 20px; } #resultados div.tres-col.first { margin-left: 30px; clear: both; } #resultados div.tres-col p { margin: 0; color: #9e2f7f; font: 22px 'blue_highwayregular'; text-align: center; } #resultados div.tres-col ul { float: left; margin: 10px; } #resultados .info { clear: both; background: url('img/info.png') no-repeat; margin: 0 auto 20px; min-height: 31px; height: auto; color: #30819e; font: 14px/18px 'blue_highwayregular'; letter-spacing: 2px; padding: 28px 36px 28px 100px; width: 564px; } #resultados .info div.tres-col-info { float: left; width: 168px; margin: 10px; } #resultados .info div.tres-col-info.first { clear: both; } #resultados .info div.tres-col-info p { margin: 0; font-size: 14px; font-weight: bold; } #resultados .info div.tres-col-info p.black { color: #333333; } /*-----------------------------------------------------------------------------------*/ /* 6. Pagination /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 7. Footer Styles /*-----------------------------------------------------------------------------------*/ .logos { clear: both; text-align: left; margin: 40px 0 0; } .logos div { float: left; margin-right: 10px; } .logos div h4 { text-transform: uppercase; margin: 0 0 0 8px; padding-bottom: 4px; } .logos ul { border-top: 1px solid #d9c5d9; background: #FFFFFF; height: 64px; padding: 0; } .logos ul li { display: block; float: left; margin: 10px 0 30px; } .logos ul li a { display: block; width: inherit; height: inherit; } .logos .idea { margin-left: 60px; } .logos .idea ul { width: 300px; } .logos .impulsores { float: left; } .logos .impulsores ul { width: 549px; } .logos .colaboradores { clear: both; margin-left: 60px; } .logos .colaboradores ul { width: 860px; } .logos .dv_impulsores { float: left; margin-left: 60px; } .logos .dv_impulsores ul { width: 425px; } .logos .dv_colaboradores { float: right; margin-right:60px;} .logos .dv_colaboradores ul { width: 425px; } .logos .idea ul li { xwidth: 200px; } .pie { font-size: 12px; color: #666666; margin: 70px 0 30px; } .pie ul { width: 100%; text-align: center; } .pie ul li { display: inline; border:none!important; xborder-left: 1px solid #666666!important; padding: 0 5px 0 7px; } .pie ul li.first { border-left: none; } .pie ul li a { color: #30819e; } /*-----------------------------------------------------------------------------------*/ /* 8. Forms /*-----------------------------------------------------------------------------------*/ form { width: auto; height: auto; padding: 0; margin: 0 auto; margin-bottom: 40px;} form fieldset { margin: 0; } form legend { display: none; } form label { display: none; font-size: 13px; } form input { color: #666666; float: left; text-align: left; background: #FFFFFF; border: 1px solid #527f90; line-height: 30px; height: 30px; width: 146px; padding: 0 6px; -moz-box-shadow: inset 0 0 3px 1px #999; -webkit-box-shadow: inset 0 0 3px 1px #999; box-shadow: inset 0 0 3px 1px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; margin-right: 9px; } form input.error { border-color: #b22b19; } form select { color: #666666; float: left; text-align: left; background: #FFFFFF; border: 1px solid #527f90; line-height: 30px; height: 30px; width: 146px; padding: 6px; -moz-box-shadow: inset 0 0 3px 1px #999; -webkit-box-shadow: inset 0 0 3px 1px #999; box-shadow: inset 0 0 3px 1px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; margin-right: 9px; } form select.error { border-color: #b22b19; } form select option { padding: 10px !important; background: #FFFFFF !important; } form textarea { color: #666666; float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; background: #FFFFFF; border: 1px solid #527f90; line-height: 15px; height: 100px; width: 316px; padding: 6px; -moz-box-shadow: inset 0 0 3px 1px #999; -webkit-box-shadow: inset 0 0 3px 1px #999; box-shadow: inset 0 0 3px 1px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; margin-right: 9px; } form textarea.error { border-color: #b22b19; } form input.button { transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; color: #FFFFFF; float: left; text-align: center; background: #ad5597; border: 1px solid #7a3c6b; line-height: 30px; height: 32px; width: 88px; padding: 0; -moz-box-shadow: 0 0 3px 1px #999; -webkit-box-shadow: 0 0 3px 1px #999; box-shadow: 0 0 3px 1px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; cursor: pointer; margin: 0; } form input.button_big { transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; color: #FFFFFF; clear: both; float: right; text-align: center; background: #ad5597; border: 1px solid #7a3c6b; line-height: 30px; height: 32px; width: 128px; padding: 0; -moz-box-shadow: 0 0 3px 1px #999; -webkit-box-shadow: 0 0 3px 1px #999; box-shadow: 0 0 3px 1px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; cursor: pointer; margin: 0; } form input.button:hover { text-decoration: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } form p.olvido { clear:both; float: left; color: #5095AD; font-size: 12px; margin: 4px 0 0 0; width: 200px; text-align: left; position: relative; } form p.olvido a { color: #5095AD; font-size: 12px; text-decoration: underline; } form p.olvido a:hover { text-decoration: none; } span.error { position: absolute; margin: 35px 0 0 0; left: 40px; color: #b22b19; font: 11px/13px Georgia, "Times New Roman", Times, serif; font-style: italic; } span.obligatorio { top: 98px; right: 47px; position: absolute; color: #CCC; font: 11px/13px Georgia, "Times New Roman", Times, serif; font-style: italic; } span.verde { color: #7c9e32; font-weight: bold; } p.errorLogin { float:left; margin: 12px 0 0 0; left: 40px; color: #b22b19; font: 12px/13px Georgia, "Times New Roman", Times, serif; font-style: italic; } /*-----------------------------------------------------------------------------------*/ /* 9. Shortcode Styles /*-----------------------------------------------------------------------------------*/ /* Lightbox ----------------------------*/ .lightbox_wrapper { height: auto; padding: 40px; background: #FFFFFF; text-align: left; position: relative; } .lightbox_wrapper p { margin: 20px 0 0; } .lightbox_wrapper h2 { font-size: 24px; } .lightbox_wrapper h2 span { font-size: 16px; display: block; color: #5095ad; margin-top: 8px; } .lightbox_wrapper input { width: 316px; } span.error { position: absolute; margin: 35px 0 0 0; left: 40px; color: #b22b19; font: 11px/13px Georgia, "Times New Roman", Times, serif; font-style: italic; } span.obligatorio { top: 18px; right: 42px; position: absolute; color: #CCC; font: 11px/13px Georgia, "Times New Roman", Times, serif; font-style: italic; } span.verde { color: #7c9e32; font-weight: bold; } .size_min { width: 440px; } .size_bloque { width: 540px; } .size_comparte { width: 332px; } .lightbox_wrapper h2.bloque_num { padding: 15px 0 15px 100px; background: url('img/sprite_pasos_sin.png') no-repeat; } .lightbox_wrapper#unit1 h2.bloque_num { background-position: 0 0; } .lightbox_wrapper#unit2 h2.bloque_num { background-position: 0 -73px; padding: 25px 0 18px 109px; } .lightbox_wrapper#unit3 h2.bloque_num { background-position: 0 -169px; } .lightbox_wrapper#unit4 h2.bloque_num { background-position: 0 -259px; padding: 15px 0 20px 100px; } .size_comparte span.error { margin: 52px 0 0 0; } .size_creditos { width: 340px; } .size_max { width: 620px; } ul.logos-creditos { margin: 0; } ul.logos-creditos li { display: block; float: left; margin-top: 20px; } ul.logos-creditos li.TAK { width: 174px; height: 42px; } ul.logos-creditos li.TAK a { display: block; width: 174px; height: 42px; } ul.logos-creditos li.DV { width: 145px; height: 42px; margin-right: 20px; } ul.logos-creditos li.DV a { display: block; width: 145px; height: 42px; } #prueba .img-ejercicio { float: left; margin: 0 20px 40px 0; /*border: 3px solid #30819e;*/ } #prueba .txt-ejercicio { font: 16px Arial, helvetica,sans-serif; margin-bottom: 60px; } #prueba form { margin: 0 auto; } #prueba form p.pregunta { display: block; margin-bottom: 32px; letter-spacing: 0; line-height: 18px; } #prueba form p.frase { display: block; margin-bottom: 32px; letter-spacing: 0; font-size: 18px; color: #666666; line-height: 22px; } #prueba form p.frase-rosa { display: block; margin: 12px 0; letter-spacing: 0; font-size: 14px; color: #9e2f7f; line-height: 16px; } #prueba form p.frase span { font-weight: bold; color: #9e2f7f; } #prueba form label { display: block; line-height: 20px; margin: 0 0 16px 0; color: #999999; font-size: 14px; } #prueba form input[type=checkbox], #prueba form input[type=radio] { width: 20px; height: 20px; margin: 0 30px 16px 0; } #prueba form input.btn-formu, #prueba a.btn-formu { display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 288px; height: 42px; margin: 24px 0; clear: both; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #prueba form input.btn-formu:hover, #prueba a.btn-formu:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } #prueba form input.btn-formu.centrar, #prueba a.btn-formu.centrar { float: none; margin: 24px auto; } /* Alerts ------------------------------*/ .alert { padding: 20px 20px 20px 80px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; margin: 0 auto; width: 340px; display: block; } .alert.white { background: #fff; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; color: #444444; } .alert.red { background: #FFD7D8; border-top: 1px solid #f9bac7; border-bottom: 1px solid #f9bac7; color: #d54c4c; } .alert.orange { background: #FFCBA8; border-top: 1px solid #efd1b1; border-bottom: 1px solid #efd1b1; color: #cc6600; } .alert.green { background: #D5FFCA url('img/ok.png') no-repeat 10px 5px; border-top: 1px solid #cadba7; border-bottom: 1px solid #cadba7; color: #5f8b33; } /* * Copyright (c) 2007-2008 Inturico Engineering GmbH * Copyright (c) 2008-2011 Doodle AG * $Id: polls.css 35140 2013-01-29 08:43:57Z og $ */ /* POLL */ #clasicontainer p.intro { margin: 20px 0 20px -20px; width: 620px; font-size: 15px; color: #666666; } #clasicontainer p.intro strong { color: #9e2f7f; } a.volar { position: absolute; right: 0; top: -30px; } /* Tooltip */ .tooltip_wrapper_expandir, .tooltip_wrapper_contraer { position:absolute; margin: 385px 0 0 518px; } .tooltip { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #32829f; color: #FFFFFF; font: bold 14px/16px 'blue_highwayregular'; padding: 10px 16px; width: 230px; text-align: center; position: relative; } .pico { background: url('img/pico_tooltip.png') no-repeat center top; position: relative; } h3.tablas { background: none; border-bottom: 1px dashed; margin-bottom: 20px; padding: 0 0 4px 0; } /* participation table */ table.poll { border-collapse: separate; border-spacing: 0; } table.poll.mini { float: left; width: 390px; margin-right: 20px; } table.poll.mini.last { float: left; margin-right: 0; } /* participation table - header / footer */ .asep { cursor: pointer; } table.poll th { font-size: 18px; font-weight: normal; margin: 0; white-space: nowrap; } table.poll th b { font-weight: bold; } table.poll tr.titulo { text-transform: uppercase; text-align: left; padding: 10px; color: #5095ad; font-family: 'blue_highwayregular'; letter-spacing: 1px; } table.poll tr.header th { text-transform: uppercase; text-align: center; padding: 10px; background: #32829f url('img/sep_tabla_head.png') right 0 no-repeat; color: #fff; font: 15px 'blue_highwayregular'; border-bottom: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; letter-spacing: 1px; } table.poll tr.header th p { margin: 0; } table.poll tr.header th.asep { background: url('img/horizontalsprite.png') 1px 0 no-repeat; padding: 0; min-width: 36px; width: 36px; cursor: pointer; border: none; } table.poll tr.header th.dsep { width: 190px; } table.poll tr.header th.rsep { border-right: 1px solid #b6b6b6; width: 120px; background-image: none; } table.poll tr.header th.lsep { border-left: 1px solid #b6b6b6; font-size: 11px; } table.poll tr.header th.dsep.last { background-image: none; border-right: none; border-left: none; } /* participation table - participation row */ table.poll tr.participation td { border: 1px solid #ecf1f3; background: #e0ecf1; text-align: left; text-transform: uppercase; padding: 10px 20px; color: #32829f; font: 11px 'blue_highwayregular'; letter-spacing: 1px; } table.poll tr.participation td p { margin: 0; } table.poll tr.participation td.asep, table.poll tr.participation.cebra td.asep, table.poll tr.participation.more td.asep, table.poll tr.participation.more.cebra td.asep { background: url('img/horizontalsprite.png') -36px bottom repeat-y; padding: 0 0 1px 0; border-bottom: none; border-top: none; min-width: 36px; width: 36px; cursor: pointer; } table.poll tr.participation td.lsep { text-align: center; background: #e0ecf1 url('img/sep_tabla.png') right 0 repeat-y; border-right: none; font-size: 11px; color: #9e2f7f; font-weight: bold; } table.poll tr.participation.cebra td { border: 1px solid #d5e0e4; } table.poll tr.participation.cebra td.lsep { text-align: center; background: #bcd6e0 url('img/sep_tabla.png') right 0 repeat-y; border-right: none; } table.poll tr.participation td.dsep { background: #e0ecf1 url('img/sep_tabla.png') right 0 repeat-y; border-right: none; border-left: none; } table.poll tr.participation.cebra td.dsep { background: #bcd6e0 url('img/sep_tabla.png') right 0 repeat-y; border-right: none; border-left: none; } table.poll tr.participation td.rsep, table.poll tr.participation.cebra td.rsep { text-align: center; border-right: 1px solid #ecf1f3; border-left: none; } table.poll tr.participation.cebra td { border: 1px solid #e6e6e6; background: #bcd6e0; } table.poll tr.participation.last td.asep { background: url('img/horizontalsprite.png') -72px bottom no-repeat; border-bottom: none; border-top: none; } table.poll tr.participation.more td { border: 1px solid #f2f5f7; background: #eaf2f5; } table.poll tr.participation.more.cebra td { border: 1px solid #eeeeee; background: #ffffff; } table.poll tr.participation.more td.lsep { text-align: center; background: #eaf2f5 url('img/sep_tabla.png') right 0 repeat-y; border-right: none; color: #61aeca; } table.poll tr.participation.more.cebra td.lsep { text-align: center; background: #ffffff url('img/sep_tabla.png') right 0 repeat-y; border-right: none; color: #61aeca; } table.poll tr.participation.more td.dsep { background: #eaf2f5 url('img/sep_tabla.png') right 0 repeat-y; border-right: none; border-left: none; } table.poll tr.participation.more.cebra td.dsep { background: #ffffff url('img/sep_tabla.png') right 0 repeat-y; border-right: none; border-left: none; } table.poll tr.participation.more td.rsep, table.poll tr.participation.more.cebra td.rsep { text-align: center; border-right: 1px solid #ecf1f3; border-left: none; } table.poll tr.participation td.dsep.last, table.poll tr.participation.more td.dsep.last { background-image: none; border-right: none; border-left: none; } table.poll tfoot tr.participation.more.cebra td.lsep { background: #ffffff; text-align: left; font-size: 21px; color: #30819e; font-weight: bold; text-transform: none; } table.poll tfoot tr.participation.more.cebra td.asep { background: url('img/horizontalsprite.png') -108px bottom repeat-y; border-bottom: none; border-top: none; } table.poll th.ocultar, table.poll td.ocultar { display: none; } table.poll th.mas { background-color: #6fa7bc !important; font-size: 13px !important;} table.poll th.mas:hover, table.poll td.mas:hover { cursor: pointer; } table.poll td.mas { color: #666666 !important; } table.poll tr.participation td.mas { background-color: #FFFFFF !important; } table.poll tr.participation.cebra td.mas { background-color: #e0ecf1 !important; } table.poll.mini th, table.poll.mini td { padding: 10px 0 !important; } table.poll.mini .lsep { width: 50px !important; } table.poll.mini .dsep { width: 150px !important; text-align: center; } table.poll.mini .rsep { width: 334px !important; } /* Paginate -------------------- */ .paginate { margin: 20px auto; } .paginate ul { width: 100%; text-align: center; margin: 20px auto; } .paginate ul li { display: inline; padding: 4px 6px; margin: 0px; background: #30819e; border: 1px solid #b6b6b6; font-size: 14px; color: #FFFFFF; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .paginate ul li.active, .paginate ul li.flecha { border: none; background: transparent; color: #30819e; } .paginate ul li a { color: #FFFFFF; } .paginate ul li.flecha a { color: #30819e; } /*/ //////////////////// /*/ /*/ AJUSTES POR BLOQUE 2 /*/ /*/ //////////////////// /*/ ul.second-subnav { margin: 5px auto 10px; width: 950px; } ul.second-subnav li { display: inline; float: none; } ul.second-subnav li span.pico-activo { display: inline; padding-bottom: 12px; } ul.bloque2-third-subnav li { padding: 0px; } ul.bloque2-third-subnav li span.done { background: url('img/tick_2.png') no-repeat left 0px; padding: 4px 0 4px 24px; } ul.bloque2-third-subnav li span.doneactive { background: url('img/tick_2.png') no-repeat left 0px; padding: 4px 0 4px 24px; } ul.fourth-subnav { width: 348px; } /*strong.tit-importante { font-size: 17px; color: #666666; display: block; margin: 20px 0 5px; }*/ strong.tit-importante { color: #666666; display: block; font-size: 16px; margin: 20px 0 5px; } .tit-entradilla { font-size: 18px; font-weight: normal; line-height: 18px; } strong.tit-importante-guia { color: #666666; font-size: 16px; margin: 20px 0 5px; font-weight: normal; } /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ /*/ ---------------------------------------------------------------- B L O Q U E 3 ---------------------------------------------------------------- /*/ /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ /* Instrucciones */ .contenido-curso .contenedor .txt-instrucciones { width: auto; font-size: 14px; color: #666666; } .contenido-curso .contenedor .txt-instrucciones p { letter-spacing: 1px; font-size: 14px; margin: 0 6px 14px; line-height: 17px; } .contenido-curso .contenedor .txt-instrucciones h3 { text-align: center; text-transform: uppercase; color: #ad5597; font-size: 23px; letter-spacing: 0px; background: url('img/dotted.png') repeat-x left bottom; padding: 0 0 14px; line-height: 20px; margin: 25px auto 14px; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada { width: auto; margin: 0 30px 20px; display: table; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li { padding: 15px 0 15px 70px; margin-bottom: 10px; font-size: 16px; line-height: 20px; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li hr { background: url('img/dotted.png') repeat-x left bottom; height: 3px; border: none; margin: 20px 0 0 -65px; position: relative; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol { margin: 0 0 30px -64px; position:relative; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li { clear: both; padding: 0; margin: 20px 0 10px; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li img { float: left; margin: 0; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li div { font-size: 14px; line-height: 120%; width: 534px; float: left; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li span { margin: 0 0 0 26px; display: block; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li h4 { font-size: 15px; font-weight: bold; text-transform: none; padding: 0 0 10px 26px; color: #ad5597; background: url('img/sep.png') no-repeat right bottom; margin-bottom: 5px; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li.izq img { float: right; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li.izq div { text-align: right; float: right; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li.izq span { margin: 0 26px 0 0; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li.izq h4 { padding: 0 26px 10px 0; background: url('img/sep.png') no-repeat left bottom; } .contenido-curso .contenedor .txt-instrucciones p.editarEnviar { margin: 25px auto; background: url('img/btn_editarenviar.png') no-repeat; width: 285px; height: 85px; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-family: 'blue_highwayregular'; padding: 55px 0 0 165px; } .contenido-curso .contenedor .txt-instrucciones p.editarEnviar a { color: #FFFFFF; font-size: 17px; font-family: 'blue_highwayregular'; } .contenido-curso .contenedor .txt-instrucciones p.pasoapaso { margin: 25px auto; background: url('../img/btn_paso_a_paso.png') no-repeat; width: 194px; height: 65px; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-family: 'blue_highwayregular'; padding: 32px 0 0 110px; } .contenido-curso .contenedor .txt-instrucciones p.pasoapaso a { color: #FFFFFF; font-size: 17px; font-family: 'blue_highwayregular'; } .contenido-curso .contenedor .txt-instrucciones p.enviar_programa { margin: 25px auto; background: url('../img/btn_enviar_programa.png') no-repeat; width: 239px; height: 81px; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-family: 'blue_highwayregular'; padding: 48px 0 0 130px; } .contenido-curso .contenedor .txt-instrucciones p.enviar_programa a { color: #FFFFFF; font-size: 17px; font-family: 'blue_highwayregular'; } .contenido-curso .contenedor .txt-instrucciones a.enviar_programa_mini { color: #666666; background: url('../img/icono_como_exportar.png') no-repeat; margin:-40px 0 0 100px; padding:10px 0 0 60px; font-size: 14px; font-family:Arial, Helvetica, sans-serif; height:42px; display:block; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li.tiny img { margin: -10px 0 0 50px; position: relative; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li div.mayor { font-size: 16px; line-height: 120%; width: 244px; float: left; margin: 20px 0; letter-spacing: 1px; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li div.estado_pieza { float: left; width: auto; color: #ad5597; font-size: 14px; } .contenido-curso .contenedor .txt-instrucciones ol.lista-numerada li ol li div.estado_pieza img { margin: -4px 20px 0 24px; position: relative; } .contenido-curso .contenedor .txt-instrucciones p.aviso { font-size: 21px; color: #30819e; font-family: 'blue_highwayregular'; text-transform: uppercase; text-align: center; } /*/ /////////////////////////////////////////////// /*/ /*/ ////////////// P U Z Z L E ////////////// /*/ /*/ /////////////////////////////////////////////// /*/ .container a.volver { margin: 20px 100px; display: block; font-size: 16px; } .contenido-curso .contenedor p.espace { margin: -10px 60px 25px 104px; } #puzzleintro { margin: 0 auto; text-align: center; } #puzzleintro ul { position: relative; width: 522px; height: 117px; margin:0 auto; } #puzzleintro ul li { width: 522px; height: 117px; position: absolute; } #puzzleintro ul li.pieza0 { background: url('img/pieza_0.png') no-repeat; z-index: 3; left: 0; top: 0; } #puzzleintro ul li a { display: block; width: 313px; height: 224px; text-indent: -9999px; text-align: center; background: url('img/ico_no_edit.png') no-repeat 20px 20px; color: #FFFFFF; } #puzzleintro ul li a.noeditado { background: url('img/ico_no_edit.png') no-repeat; } #puzzleintro ul li a.editando { background: url('img/ico_edit.png') no-repeat; } #puzzleintro ul li a.editado { background: url('img/ico_done.png') no-repeat; } #puzzleintro ul li.pieza0 a { background-position: 20px 20px; } #puzzleintro ul li a div.editor { margin: 0 auto; width: 192px; height: 34px; line-height: 34px; text-align: left; font-weight: bold; padding: 0 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-indent: 0px; color: #FFFFFF; font-size: 12px; } #puzzleintro ul li.pieza0 a div.editor { margin: 80px 0 0 35px; } #puzzleintro ul li a.noeditado div.editor { display: none; } #puzzleintro ul li a.editando div.editor { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(242, 188, 59); /* RGBa with 0.6 opacity */ background: rgba(242, 188, 59, 0.7); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70f2bc3b, endColorstr=#70f2bc3b); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70f2bc3b, endColorstr=#70f2bc3b)"; } #puzzleintro ul li a.editado div.editor { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(138, 184, 93); /* RGBa with 0.6 opacity */ background: rgba(138, 184, 93, 0.7); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#708ab85d, endColorstr=#708ab85d); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#708ab85d, endColorstr=#708ab85d)"; } #puzzleintro ul li:hover a { text-decoration: none; } #puzzleintro .botones { margin: 0 auto; width: 508px; } #puzzleintro a.btn-formu, a.btn-lightbox { float: left; display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 238px; height: 42px; margin: 6px 8px 0; clear: none !important; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #puzzleintro a.btn-formu:hover, a.btn-lightbox:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } #puzzleintro span.btn-formu.desactivado { float: left; background: #e5e5e5; border: 1px solid #d1d1d1; color: #FFFFFF; width: 236px; height: 40px; margin: 6px 8px 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; display: block; clear: none !important; text-transform: uppercase; text-align: center; line-height: 40px;color: #FFFFFF; font-weight: bold; font-size: 16px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #puzzle { margin: 0 auto; text-align: center; } #puzzle ul { position: relative; width: 792px; height: 590px; } #puzzle ul li { width: 313px; height: 224px; position: absolute; } #puzzle ul li.pieza1 { background: url('../img/puzzle/es/puzzle_01.png') no-repeat; z-index: 3; left: 20px; top: 5px; } #puzzle ul li.pieza2 { background: url('../img/puzzle/es/puzzle_02.png') no-repeat; z-index: 3; left: 258px; top: 14px; } #puzzle ul li.pieza3 { background: url('../img/puzzle/es/puzzle_03.png') no-repeat; z-index: 3; left: 498px; top: 4px; } #puzzle ul li.pieza4 { background: url('../img/puzzle/es/puzzle_04.png') no-repeat; z-index: 2; left: 12px; top: 168px; } #puzzle ul li.pieza5 { background: url('../img/puzzle/es/puzzle_05.png') no-repeat; z-index: 2; left: 258px; top: 187px; } #puzzle ul li.pieza6 { background: url('../img/puzzle/es/puzzle_06.png') no-repeat; z-index: 2; left: 506px; top: 164px; } #puzzle ul li.pieza7 { background: url('../img/puzzle/es/puzzle_07.png') no-repeat; z-index: 1; left: 21px; top: 335px; } #puzzle ul li.pieza8 { background: url('../img/puzzle/es/puzzle_08.png') no-repeat; z-index: 1; left: 255px; top: 344px; } #puzzle ul li.pieza9 { background: url('../img/puzzle/es/puzzle_09.png') no-repeat; z-index: 1; left: 490px; top: 331px; } #puzzle ul li a { display: block; width: 313px; height: 224px; text-indent: -9999px; text-align: center; background: url('img/ico_no_edit.png') no-repeat 20px 20px; color: #FFFFFF; } #puzzle ul li a.noeditado { background: url('img/ico_no_edit.png') no-repeat; } #puzzle ul li a.editando { background: url('img/ico_edit.png') no-repeat; } #puzzle ul li a.editado { background: url('img/ico_done.png') no-repeat; } #puzzle ul li.pieza1 a { background-position: 210px 29px; } #puzzle ul li.pieza2 a { background-position: 225px 20px; } #puzzle ul li.pieza3 a { background-position: 238px 30px; } #puzzle ul li.pieza4 a { background-position: 218px 40px; } #puzzle ul li.pieza5 a { background-position: 225px 21px; } #puzzle ul li.pieza6 a { background-position: 230px 45px; } #puzzle ul li.pieza7 a { background-position: 209px 47px; } #puzzle ul li.pieza8 a { background-position: 228px 38px; } #puzzle ul li.pieza9 a { background-position: 246px 52px; } #puzzle ul li a div.editor { margin: 0 auto; width: 192px; height: 34px; line-height: 34px; text-align: left; font-weight: bold; padding: 0 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-indent: 0px; color: #FFFFFF; font-size: 12px; } #puzzle ul li.pieza1 a div.editor { margin: 80px 0 0 35px; } #puzzle ul li.pieza2 a div.editor { margin: 60px 0 0 62px; } #puzzle ul li.pieza3 a div.editor { margin: 80px 0 0 60px; } #puzzle ul li.pieza4 a div.editor { margin: 80px 0 0 35px; } #puzzle ul li.pieza5 a div.editor { margin: 60px 0 0 48px; } #puzzle ul li.pieza6 a div.editor { margin: 80px 0 0 60px; } #puzzle ul li.pieza7 a div.editor { margin: 80px 0 0 35px; } #puzzle ul li.pieza8 a div.editor { margin: 80px 0 0 60px; } #puzzle ul li.pieza9 a div.editor { margin: 80px 0 0 60px; } #puzzle ul li a.noeditado div.editor { display: none; } #puzzle ul li a.editando div.editor { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(242, 188, 59); /* RGBa with 0.6 opacity */ background: rgba(242, 188, 59, 0.7); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70f2bc3b, endColorstr=#70f2bc3b); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70f2bc3b, endColorstr=#70f2bc3b)"; } #puzzle ul li a.editado div.editor { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(138, 184, 93); /* RGBa with 0.6 opacity */ background: rgba(138, 184, 93, 0.7); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#708ab85d, endColorstr=#708ab85d); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#708ab85d, endColorstr=#708ab85d)"; } #puzzle ul li:hover a { text-decoration: none; } #puzzle .botones { margin: 0 auto; width: 508px; } #puzzle a.btn-formu, a.btn-lightbox { float: left; display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 238px; height: 42px; margin: 6px 8px 0; clear: none !important; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #puzzle a.btn-formu:hover, a.btn-lightbox:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } #puzzle span.btn-formu.desactivado { float: left; background: #e5e5e5; border: 1px solid #d1d1d1; color: #FFFFFF; width: 236px; height: 40px; margin: 6px 8px 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; display: block; clear: none !important; text-transform: uppercase; text-align: center; line-height: 40px;color: #FFFFFF; font-weight: bold; font-size: 16px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .container h2.triple img { margin: 0 20px -22px 18px; z-index: 1000; position: relative; } .container .who { margin-top: -29px; position: absolute; right: 140px; } .container .who label { color: #30819e; font-weight: bold; } #editor_html { margin: 0 auto; text-align: center; } #editor_html .botones { margin: 20px auto; width: 508px; } #editor_html a.btn-formu { float: left; display: block; background: url('img/bg-btn-formu.png') repeat-x; cursor: pointer; width: 238px; height: 42px; margin: 6px 8px 0; clear: none !important; text-transform: uppercase; text-align: center; line-height: 42px; border: none; color: #FFFFFF; font-weight: bold; font-size: 16px; -moz-box-shadow: 0px 0px 4px 0 #666; -webkit-box-shadow: 0px 0px 4px 0 #666; box-shadow: 0px 0px 4px 0 #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #editor_html a.btn-formu:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } #editor_html span.btn-formu.desactivado { float: left; background: #e5e5e5; border: 1px solid #d1d1d1; color: #FFFFFF; width: 236px; height: 40px; margin: 6px 8px 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; display: block; clear: none !important; text-transform: uppercase; text-align: center; line-height: 40px;color: #FFFFFF; font-weight: bold; font-size: 16px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ /*/ ---------------------------------------------------------------- B L O Q U E 4 ---------------------------------------------------------------- /*/ /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ .contenido-curso .contenedor .txt-introduccion { width: auto; font-size: 14px; color: #666666; } .contenido-curso .contenedor .txt-introduccion img { float: left; margin: 0 30px 20px 16px; } .contenido-curso .contenedor .txt-introduccion img.alignright { float: right; margin: -34px 36px 20px 40px; } .contenido-curso .contenedor .txt-introduccion p { color: #666666; letter-spacing: 1px; font-size: 16px; margin: 0 0 40px; line-height: 19px; font-weight: normal; font-family: Arial, helvetica,sans-serif; } .contenido-curso .contenedor .txt-introduccion p.especial { color: #AD5597; font-size: 24px; font-weight: bold; text-align: right; width: 632px; } .contenido-curso .contenedor .txt-introduccion hr { height: 1px; background: url('img/dotted.png') repeat-x; border: none; margin: -24px 0 16px; } ul.premios li { display: block; margin-bottom: 10px; font-size: 16px; letter-spacing: 1px; padding: 14px 0 0; } ul.premios li strong { font-size: 21px; font-family: 'blue_highwayregular'; } ul.premios li span { font-size: 18px; color: #666666; font-weight: bold; font-family: 'blue_highwayregular'; } ul.premios li img { border: 1px solid #d2d2d2; margin: -14px 20px 0 5px !important; position: relative; } .contenido-curso .contenedor .txt-programa p { color: #999999; letter-spacing: 1px; font-size: 14px; margin: 0 0 40px; font-weight: bold; font-family: Arial, helvetica,sans-serif; text-align: center } .contenido-curso .contenedor .txt-programa p strong { color: #AD5597; font-size: 24px; font-weight: bold; } .contenido-curso .contenedor .txt-programa p.oscuro { color: #666666; letter-spacing: 1px; font-size: 18px; margin: 25px 0 10px; font-weight: bold; font-family: Arial, helvetica,sans-serif; } .contenido-curso .contenedor .txt-programa hr { height: 1px; background: url('img/dotted.png') repeat-x; border: none; margin: 0 0 26px; } .programa { background: url('img/bg_programa.png') no-repeat; width: 370px; height: 480px; margin: 0 6px; text-align: left; padding-top: 56px; float: left; } .programa p { line-height: 15px !important; margin: 0 0 10px 12px !important; text-align: left !important; } .programa table { margin: 0 0 0 12px; } .programa table th { font-size: 14px; color: #999999; width: 100px; text-align: center; font-weight: normal; font-family: 'Arial', helvetica,sans-serif; height: 18px; border-bottom: 2px solid #FFFFFF; } .programa table td { font-size: 14px; color: #30819e; text-align: left; font-family: 'Arial', helvetica,sans-serif; height: 18px; border-bottom: 2px solid #FFFFFF; } .programa table .cebra th, .programa table .cebra td { background: #eaf2f5; } .programa table .jurado th, .programa table .jurado td { background: #ccb2cc; color: #FFFFFF; } .programa table .premios th, .programa table .premios td { background: #996699; color: #FFFFFF; } /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ /*/ ---------------------------------------------------------------- CHARLA DIGITAL PASO 2 -------------------------------------------------------- /*/ /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ #imagen_ponente { border:solid 3px #2f9dcb; width:548px; height:429px; float:left; margin:0 35px 20px 0px;} #texto_ponente { float:left; width:250px;} #texto_ponente p { color:#5c5a5a; font:normal 13px Arial, Helvetica, sans-serif; line-height:18px; margin:0;} #texto_ponente p.date { color:#ffffff; font:normal 15px Arial, Helvetica, sans-serif; background:#2f9dcb; width:155px; text-align:center; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #texto_ponente h3 { color:#2f9dcb; font:normal 32px Arial, Helvetica, sans-serif; margin:5px 0 5px 0;} #Scribblelivediv { background:url(img/bg_grupo.png) no-repeat 0px 0px; text-align:center; position: relative; z-index: 1000;} #Scribblelivediv p { color:#8e8f8f; font:normal 22px Arial, Helvetica, sans-serif; float:left; margin:0 0 20px 30px;} /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ /*/ ---------------------------------------------------------------- GUIA SET UP PASO A PASO -------------------------------------------------------- /*/ /*/ --------------------------------------------------------------------------------------------------------------------------------------------------- /*/ #set_up_list.es {width:640px; height:450px; background:url(../../img/set_up_guia_puzzle_es.png) no-repeat; margin:40px auto 40px auto;} #set_up_list.eu {width:640px; height:450px; background:url(../../img/set_up_guia_puzzle_eu.png) no-repeat; margin:40px auto 40px auto;} #set_up_list ul#set_up_list_pdf li { display:inline-block; width:22px; height:30px;} #set_up_list ul#set_up_list_pdf li.uno { margin:12px 0 0 175px;} #set_up_list ul#set_up_list_pdf li.dos { margin:12px 0 0 195px;} #set_up_list ul#set_up_list_pdf li.tres { margin:12px 0 0 185px;} #set_up_list ul#set_up_list_pdf li.cuatro { margin:115px 0 0 175px;} #set_up_list ul#set_up_list_pdf li.cinco { margin:115px 0 0 195px;} #set_up_list ul#set_up_list_pdf li.seis { margin:115px 0 0 185px;} #set_up_list ul#set_up_list_pdf li.siete { margin:115px 0 0 175px;} #set_up_list ul#set_up_list_pdf li.ocho { margin:115px 0 0 195px;} #set_up_list ul#set_up_list_pdf li.nueve { margin:115px 0 0 185px;} ul#tics_verdes { margin:10px 0 10px 0;} ul#tics_verdes li { padding:0px 0 0 0px; margin:0 0 0px 50px; list-style:disc;} ul#set_up_demo {} ul#set_up_demo li { padding:0 0 0 350px; display:block; margin:0 0 25px 0;} ul#set_up_demo li.uno { background:url(../img/set_up_reflexiona.png) no-repeat 300px 0px;} ul#set_up_demo li.dos { background:url(../img/set_up_recuerda.png) no-repeat 300px 0px;} ul#set_up_demo li.tres { background:url(../img/set_up_olvides.png) no-repeat 300px 0px;} ul#set_up_demo li.cuatro { background:url(../img/set_up_practico.png) no-repeat 300px 0px;}