body { color: #4D4D4D; font: 12px/16px 'PT Sans', Helvetica, Geneva, sans-serif; } h1 { color: #F60; font: bold 20px/1em 'Ubuntu', Helvetica, Geneva, sans-serif; margin: 0 0 15px 0; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .container { margin: 0 auto; text-align: left; width: 1024px; } /*#fons_taronja {background: url('../images/web/textura_cap.png'); height: 300px; margin: 115px auto -415px; position: relative; width: 1024px!important; z-index: -1; }*/ #fons_taronja { background-color: #00AAA0; height: 355px; margin: 115px auto -470px; position: relative; z-index: -1; min-width: 1024px; width: 100%; } /* CANVIS FRANJA COLOR */ /*#fons_taronja { background-color: #00c7c7; height: 374px; margin: 115px auto -489px; position: relative; z-index: -1; min-width: 1024px; width: 100%; }*/ /*#fons_taronja { background-color: #00c7c7; height: 374px; margin: 115px auto -489px; position: relative; z-index: -1; min-width: 1024px; width: 100%; }*/ /* PORTADA PROVISIONAL ---------------------- */ .portada_provisional { background: url('../images/web/portada_provisional/provisional.png') no-repeat left top; width: 573px; height: 250px; display: block; overflow: hidden; } /* CAPÇALERA ------------ */ #top { background-image: url('../images/web/textura_peu.png'); height: 34px; margin: 0 auto; } #top .container { background-image: url('../images/web/textura_peu.png'); padding: 5px 0; width: 1024px; } #top .container ul { float: right; margin: 5px 30px 0 0; } #top .container ul li { border-right: 1px solid #4D4D4D; float: left; font: 11px 'Ubuntu'; /*padding: 0px 15px 0 0;*/ padding: 0px; } #top .container ul li:nth-child(3) { border: 0px; padding-right: 0px; } #top .container ul li.last { border: 0px; padding-right: 0px; } #top .container ul li a { color: #FFF; padding-left: 25px; } #top .container ul li a.eng { background: url('../images/web/icon_eng.png') no-repeat; margin-right: 20px;} #top .container ul li a.eng:hover { background: url('../images/web/icon_eng_hov.png') no-repeat; } #top .container ul li a.contacto { background: url('../images/web/icon_contacte.png') no-repeat; margin-right: 20px;} #top .container ul li a.contacto:hover { background: url('../images/web/icon_contacte_hov.png') no-repeat;} #top .container ul li a.acceso { background: url('../images/web/icon_acceso.png') no-repeat;} #top .container ul li a.acceso:hover { background: url('../images/web/icon_acceso_hov.png') no-repeat;} #top .container ul li a:hover { color: #FF6600; } #menu_principal { background-color: #fff; height: 81px; margin: 0 32px; position: relative; width: 960px; z-index: 2; } #menu_principal #logo { float: left; display: block; margin-top: 16px; } #menu_principal ul { float: right; margin-top: 52px; } #menu_principal ul li { float: left; font: 13px 'Ubuntu'; padding: 0 17px; } #menu_principal ul li.last { padding: 0 0 0 17px; } #menu_principal ul li:hover, #menu_principal ul li.actiu { background: url('../images/web/triangle.png') no-repeat center bottom; height: 33px; } #menu_principal ul li a { color: #4D4D4D; } #menu_principal ul li:hover a, #menu_principal ul li.actiu a { color: #FF6600; } #frase_destacada { color: #fff; font: 20px 'Ubuntu'; padding: 30px 0; text-align: center; } #breadcrumb { color: #666; font: 10px/1em 'Ubuntu'; margin: 10px 0; } #breadcrumb a { color: #666; } #breadcrumb a:hover { color: #F60; } #espai { width: 100px; height: 50px; } /* SLIDER PORTADA o IMG FIXA **********************************************************/ #slider { height: 355px; position: relative; /*z-index: -10;*/ } /*#imgTop { height: 355px; position: relative; z-index: 0; min-width: 1024px; }*/ #imgTop { width: 100%; } #imgTop .containerResponsive { max-width: 1024px; margin: 0 auto; } #imgTop img { display: block; margin: 0 auto; max-width: 100%;} /* AVIS COOKIES ***************************************************************************************************** */ #avisCookies { padding: 10px 10px; background-color: #FFF; position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #B7B7B7; } #avisCookies #text { width: 75%; } #avisCookies #botons { width: 25%; margin-top: 15px; } #avisCookies p { color: #4C4C4C; line-height: 20px; } #avisCookies #ok { width: auto; margin-right: 10px; } #avisCookies #mesinfo { width: auto; } #avisCookies #ok a { padding: 7px 15px; background-color: #FF6600; color: #FFFFFF; } #avisCookies #mesinfo a { padding: 7px 15px; background-color: #4C4C4C; color: #FFFFFF; } /* pagina cookies -------- */ #legalCookies { margin: 0 auto; min-height: 200px; width: 1024px; } #legalCookies .container { background-color: #FFF; margin: 0 px; padding: 10px; width: 940px;} #legalCookies .col_esq { float: left; padding-right: 10px; width: 220px; } #legalCookies .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; padding: 5px 20px; width: 440px; } #legalCookies .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } #legalCookies .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: justify; } #legalCookies .col_mig p a { color: #4D4D4D; text-decoration: underline; } #legalCookies .col_mig ul { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 20px 20px; text-align: justify; } #legalCookies .col_mig ul li { line-height: 1.5em; /*margin-bottom: 20px;*/ padding: 3px 0; } #legalCookies .col_mig ul li a { color: #4D4D4D; text-decoration: underline; } #legalCookies #taula { width: 80%; margin: 0px auto 35px; } #legalCookies #taula table { border: 1px solid #cecece; } #legalCookies #taula thead { border-bottom: 1px solid #cecece; } #legalCookies #taula thead tr th, #legalCookies #taula tbody tr td { padding: 10px; } /* PORTADA ---------- */ /*.galeria_portada { background: #fff; margin: 0 auto; width: 960px; }*/ #destacats_portada { margin: 0 auto; width: 960px; } #destacats_portada a { display: block; float: left; margin: 14px 18px 0 0; overflow: hidden; width: 308px; } #destacats_portada a:nth-child(3) { margin-right: 0px; } #destacats_portada a.last { margin-right: 0px; } /*#text_portada { background-color: #f2f2f2; margin: 0 auto; width: 1024px; }*/ /* CANVIS FRANJA COLOR */ #text_portada { background-color: #f2f2f2; margin: 0 auto; width: 1024px; min-width: 1024px; width: 100%; } #text_portada .container { background-color: #f2f2f2; margin: 14px auto 0; padding: 25px 0; width: 960px; } #text_portada a { color: #4D4D4D; text-decoration: underline; } #text_portada a:hover { text-decoration: underline; } #text_portada #conocenos_home { float: left; width: 634px; margin-right: 18px; } #text_portada #cursos { float: left; width: 308px; } #text_portada #conocenos_home span, #text_portada #cursos span { border-bottom: 1px solid #ccc; display: block; font: 16px 'Ubuntu'; margin-bottom: 15px; padding-bottom: 3px; } #text_portada #conocenos_home p, #text_portada #cursos p { line-height: 20px; text-align: left; } /* MENU LATERAL --------------- */ #menu_lateral { border-bottom: 1px solid #DDD; font: 12px/1em 'Ubuntu'; margin: 10px 0 0 0; } #menu_lateral li { border-top: 1px solid #DDD; padding: 10px 5px; line-height: 1.2em; } #menu_lateral li:hover { background-color: #FFDAC1; border-top: 1px solid #FF6600; padding: 10px 5px; } /* #menu_lateral li.pre_normal { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } #menu_lateral li.pre_normal:hover { background-color: #FFDAC1; border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600; } #menu_lateral li.pre { border-top: 1px solid #DDD; border-bottom: 0; } #menu_lateral li.pre:hover { background-color: #FFDAC1; border-top: 1px solid #FF6600; } */ #menu_lateral li.actiu { background-color: #FFDAC1; border-top: 1px solid #FF6600; } /* #menu_lateral li.post { border-top: 0; border-bottom: 1px solid #DDD;} #menu_lateral li.post:hover { background-color: #FFDAC1; border-bottom: 1px solid #FF6600; } #menu_lateral li.post_normal { border-top: 0; border-bottom: 1px solid #DDD;} #menu_lateral li.post_normal:hover { background-color: #FFDAC1; border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600; } */ #menu_lateral li a { color: #4D4D4D; } /* AREAS */ #submenu_lateral_areas { padding: 0; } #submenu_lateral_areas li { border-top: 1px solid #DDD; padding: 10px 5px 10px 25px; } #submenu_lateral_areas li:hover, #submenu_lateral_areas li.actiu { background-color: #EEE; border-top: 1px solid #F60; padding: 10px 5px 10px 25px; } /* SECTORES */ #submenu_lateral_sectores { padding: 0; } #submenu_lateral_sectores li { border-top: 1px solid #DDD; padding: 10px 5px 10px 25px; } #submenu_lateral_sectores li:hover, #submenu_lateral_sectores li.actiu { background-color: #EEE; border-top: 1px solid #F60; padding: 10px 5px 10px 25px; } /* PILDORAS */ #submenu_lateral_pildoras { padding: 0; } #submenu_lateral_pildoras li { border-top: 1px solid #DDD; padding: 10px 5px 10px 25px; } #submenu_lateral_pildoras li:hover, #submenu_lateral_pildoras li.actiu { background-color: #EEE; border-top: 1px solid #F60; padding: 10px 5px 10px 25px; } /* SOLUCIONES */ #submenu_soluciones_plataforma_learning, #submenu_soluciones_herramienta_autora, #submenu_soluciones_aplicacion_movil { padding: 0; } #submenu_soluciones_plataforma_learning li, #submenu_soluciones_herramienta_autora li, #submenu_soluciones_aplicacion_movil li { border-top: 1px solid #DDD; padding: 10px 5px 10px 25px; } #submenu_soluciones_plataforma_learning li:hover, #submenu_soluciones_plataforma_learning li.actiu, #submenu_soluciones_herramienta_autora li:hover, #submenu_soluciones_herramienta_autora li.actiu, #submenu_soluciones_aplicacion_movil li:hover, #submenu_soluciones_aplicacion_movil li.actiu { background-color: #EEE; border-top: 1px solid #F60; padding: 10px 5px 10px 25px; } #submenu_lateral_skills { padding: 0; } #submenu_lateral_skills li { border-top: 1px solid #DDD; padding: 10px 5px 10px 25px; } #submenu_lateral_skills li:hover, #submenu_lateral_skills li.actiu { background-color: #EEE; border-top: 1px solid #F60; padding: 10px 5px 10px 25px; } /* SERVICIOS */ #submenu_subformacion { padding: 0; } #submenu_subformacion li { border-top: 1px solid #DDD; padding: 10px 5px 10px 25px; } #submenu_subformacion li:hover, #submenu_subformacion li.actiu { background-color: #EEE; border-top: 1px solid #F60; padding: 10px 5px 10px 25px; } /* FORMACION ------------ */ #formacion { margin: 0 auto; min-height: 200px; width: 1024px; } #formacion .container { background-color: #FFF; margin: 0 px; min-height: 400px; padding: 10px; width: 940px;} #formacion .col_esq { float: left; padding-right: 10px; width: 220px; } #buscar_cursos { border: 1px solid #DDD; color: #999; font: 13px "PT Sans"; height: 20px; padding: 5px 2px 2px 5px; margin: 40px 0 0 0; } #buscar_cursos #paraula { margin-top: -1px; } #buscar_cursos input { border: 0; color: #000; float: left; font: 13px "PT Sans"; width: 160px; } #buscar_cursos input[type=submit] { background: url('../images/web/submit.png') no-repeat; border: 0; cursor: pointer; float: right; height: 21px; margin: -2px 0 0 5px; width: 21px; } #formacion .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; min-height: 400px; padding: 5px 20px; width: 440px; } #formacion .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: left; } #formacion .col_mig ul { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 20px 20px; text-align: justify; } #formacion .col_mig a { color: #4D4D4D; text-decoration: underline; } /*#formacion .col_mig a:hover { text-decoration: underline; }*/ #formacion .col_mig ul li { line-height: 1.5em; /*margin-bottom: 20px;*/ padding: 3px 0; } #formacion .col_mig ul ul { list-style-image: url('../images/web/vinyeta_submenu_lateral_2.png'); margin: 20px 0 20px 20px; text-align: justify; } #formacion .col_mig ul ul li { margin-bottom: 0; } #formacion .col_mig ol { margin: 20px 0 20px 25px; } #formacion .col_mig ol li { line-height: 1.5em; padding: 3px 0; } /* #formacion .col_mig #curs_online ul { margin: -15px 0 20px 20px; } #formacion .col_mig #curs_online ol { margin: -15px 0 20px 25px; } */ #formacion .col_mig #curs_online ul { margin: 0 0 20px 20px; } #formacion .col_mig #curs_online ol { margin: 0 0 20px 25px; } #formacion .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } .col_mig.gran ul.areas { border-top: 1px solid #DDD; list-style: none !important; margin: 0 !important; } .col_mig.gran ul.areas li { border-bottom: 1px solid #DDD; cursor: pointer; font: bold 14px "Ubuntu"; padding: 7px 0px 7px !important; } .col_mig.gran ul.areas li img { display: block; float: left; height: 12px; margin-right: 10px; margin-top: 5px; width: 12px; } .col_mig.gran ul.areas li:hover { background-color: #ffe1ce; } .col_mig.gran ul.areas li img { margin-left: 0px; padding-bottom: 2px; } .col_mig.gran ul.sectores { border-top: 1px solid #DDD; list-style: none !important; margin: 0 !important; } .col_mig.gran ul.sectores li { border-bottom: 1px solid #DDD; cursor: pointer; font: bold 14px "Ubuntu"; padding: 7px 0px 7px !important; } .col_mig.gran ul.sectores li img { display: block; float: left; height: 12px; margin-right: 10px; margin-top: 5px; width: 12px; } .col_mig.gran ul.sectores li:hover { background-color: #ffe1ce; } .col_mig.gran ul.sectores li img { margin-left: 0px; padding-bottom: 2px; } .col_mig.gran ul.pildoras { border-top: 1px solid #DDD; list-style: none !important; margin: 0 !important; } .col_mig.gran ul.pildoras li { border-bottom: 1px solid #DDD; cursor: pointer; font: bold 14px "Ubuntu"; padding: 7px 0px 7px !important; } .col_mig.gran ul.pildoras li img { display: block; float: left; height: 12px; margin-right: 10px; margin-top: 5px; width: 12px; } .col_mig.gran ul.pildoras li:hover { background-color: #ffe1ce; } .col_mig.gran ul.pildoras li img { margin-left: 0px; padding-bottom: 2px; } .col_mig.gran ul.cursos { list-style: none !important; margin: 0 !important; } .col_mig.gran ul.cursos li { border-bottom: 1px solid #DDD; cursor: auto; font: 12px "Ubuntu"; padding: 5px 22px 5px !important; } .col_mig.gran ul.cursos li a { color: #4D4D4D; } .col_mig.gran ul.cursos li:hover { background-color: #EEE; } #formacion .col_dre { float: left; margin: 40px 0 0 0; padding-left: 10px; width: 220px; } #formacion .col_dre .banners img { margin: 0 0 5px 0; } ul.modalitat { display: block; font: bold 12px "PT Sans"; height: 30px; margin: 0 0 30px 0 !important; } ul.modalitat li { background: url('../images/web/boto_modalitat.png') no-repeat left top; cursor: pointer; float: left; height: 36px; list-style: none; padding-top: 7px !important; text-align: center; width: 220px; } ul.modalitat li.actiu { background: url('../images/web/boto_modalitat_actiu.png') no-repeat left top; color: #FFF; } ul.modalitat li.no_online { background: url('../images/web/boto_modalitat_no.png') no-repeat left top; color: #4D4D4D; cursor: auto; } .apartat_curs { border-top: 1px solid #DDD; margin: 5px 0 5px 0; padding: 5px 0 10px 0; } .apartat_curs a { color: #4D4D4D; } .apartat_curs ol { margin-top: 10px !important; } /*p.primer_apartat { border-top: 1px solid #DDD; margin-top: 5px; padding-top: 5px; }*/ .resum_dades_curs { background-color: #EEE; border-bottom: 2px solid #F60; border-top: 2px solid #F60; margin-bottom: 10px; padding: 5px 10px; } .resum_dades_curs li { border-top: 1px solid #DDD; font: 12px "PT Sans"; padding: 5px; } .resum_dades_curs li.resum_curs { border-top: 0; } .resum_dades_curs li a { color: #4D4D4D; } ul.buscador { border-bottom: 1px solid #DDD; line-height: 1.5em; margin: 0 !important; padding: 7px 0px 7px !important; } ul.buscador li { border-top: 1px solid #DDD; list-style: none; } ul.buscador li img { display: block; float: left; height: 12px; margin-right: 10px; margin-top: 5px; width: 12px; margin-left: 0px; padding-bottom: 2px; } ul.buscador li.miga_de_pan { font: bold 14px "Ubuntu"; padding-top: 5px !important; padding-bottom: 5px !important; } ul.buscador li.miga_de_pan:hover { background-color: #ffe1ce; } ul.buscador li.curs { font: 12px "Ubuntu"; padding: 5px 22px 5px !important; } ul.buscador li.curs:hover { background-color: #EEE; } /* FORMULARI LATERAL -------------------- */ #formulari_lateral { background: #e7e7e7; border-bottom: 2px solid #999; border-top: 2px solid #999; padding: 14px 10px; text-align: center; width: 200px; } #formulari_lateral span { color: #4d4d4d; display: block; font: 17px 'Ubuntu'; } #formulari_lateral #camps_form { margin-top: 14px; } #formulari_lateral input { border: 0px; color: #4D4D4D; display: block; font: 12px 'Pt sans'; margin-bottom: 7px; padding: 10px 7px; width: 186px; } #formulari_lateral textarea { border: 0px; color: #4D4D4D; display: block; font: 12px 'Pt sans'; margin-bottom: 7px; overflow: hidden; padding: 7px; width: 186px; } #formulari_lateral input#aviso_legal { float: left; width: 20px; } #formulari_lateral .text_aviso_legal { color: #4d4d4d; font-size: 10px; text-align: left; } #formulari_lateral .text_aviso_legal a { color: #4d4d4d; text-decoration: underline; } #formulari_lateral input#submit { background: #999; color: #fff; cursor: pointer; float: right; font: bold 13px 'Pt sans'; padding: 6px; width: 80px; } #formulari_lateral .error { color: #F00; padding: 5px 7px 0; text-align: left; } #formulari_lateral .operacio { padding: 5px 7px 0; text-align: left; } /* CONSULTORÍA -------------- */ #consultoria { margin: 0 auto; min-height: 200px; width: 1024px; } #consultoria .container { background-color: #FFF; margin: 0 px; padding: 10px; width: 940px;} #consultoria .col_esq { float: left; padding-right: 10px; width: 220px; } #consultoria .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; padding: 5px 20px; width: 660px; } #consultoria .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: left; } #consultoria .col_mig ul { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 20px 20px; text-align: justify; } #consultoria .col_mig ul li { line-height: 1.5em; /*margin-bottom: 20px;*/ padding: 3px 0; } #consultoria .col_mig ul li a { color: #4D4D4D; text-decoration: underline; } /*#consultoria .col_mig ul li a:hover { text-decoration: underline; }*/ #consultoria .col_mig ul ul { list-style-image: url('../images/web/vinyeta_submenu_lateral_2.png'); margin: 20px 0 20px 20px; text-align: justify; } #consultoria .col_mig ul ul li { margin-bottom: 0; } #consultoria .col_mig ol { margin: 20px 0 20px 25px; } #consultoria .col_mig ol li { line-height: 1.5em; padding: 3px 0; } #consultoria .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } #consultoria .col_dre { float: left; margin: 40px 0 0 0; padding-left: 10px; width: 220px; } #consultoria .col_dre .banners img { margin: 0 0 5px 0; } /* SOLUCIONES ------------- */ #soluciones { margin: 0 auto; min-height: 200px; width: 1024px; } #soluciones .container { background-color: #FFF; margin: 0 px; padding: 10px; width: 940px;} #soluciones .col_esq { float: left; padding-right: 10px; width: 220px; } #soluciones .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; padding: 5px 20px; width: 440px; } #soluciones .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } #soluciones .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: left; } #soluciones .col_mig p a { color: #4D4D4D; text-decoration: underline; } #soluciones .col_mig ul { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 20px 20px; text-align: left; } #soluciones .col_mig ul li { line-height: 1.5em; /*margin-bottom: 20px;*/ padding: 3px 0; } #soluciones .col_mig ul li a { color: #4D4D4D; text-decoration: underline; } /*#soluciones .col_mig ul li a:hover { text-decoration: underline; }*/ #soluciones .col_mig ul ul { list-style-image: url('../images/web/vinyeta_submenu_lateral_2.png'); margin: 20px 0 20px 20px; text-align: left; } #soluciones .col_mig ul ul li { margin-bottom: 0; } #soluciones .col_mig ol { margin: 20px 0 20px 25px; } #soluciones .col_mig ol li { line-height: 1.5em; padding: 3px 0; } #soluciones .col_mig.funcionalidades ul { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 0 20px; text-align: left; } #soluciones .col_mig.funcionalidades ul li { line-height: 1.5em; margin-bottom: 20px; padding: 3px 0; } #soluciones .col_mig.funcionalidades ul ul { list-style-image: url('../images/web/vinyeta_submenu_lateral_2.png'); margin: 20px 0 20px 20px; text-align: left; } #soluciones .col_mig.funcionalidades ul ul li { margin-bottom: 0; } #soluciones .col_dre { float: left; margin: 40px 0 0 0; padding-left: 10px; width: 220px; } #soluciones .col_dre .banners img { margin: 0 0 5px 0; } #soluciones #video { display: block; margin: 0 auto; } #soluciones #galeria { } #soluciones #galeria .miniatura, #soluciones .galeria .miniatura { display: inline; height: auto; max-height: 166px; width: 30%; overflow: hidden; margin: 0px 9px; border: 1px solid #DDD; } #soluciones #galeria .miniatura img, #soluciones .galeria .miniatura img { max-width: 100%; height: auto; } /* CONÓCENOS ------------ */ /*#conocenos { background-color: #FFF; margin: 0 auto; min-height: 200px; padding: 10px; width: 940px; }*/ #conocenos { margin: 0 auto; min-height: 200px; width: 1024px; } #conocenos .container { background-color: #FFF; margin: 0 px; padding: 10px; width: 940px;} #conocenos .col_esq { float: left; padding-right: 10px; width: 220px; } #conocenos .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; min-height: 400px; padding: 5px 20px; width: 440px; } #conocenos .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } #conocenos .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: left; } #conocenos .col_mig ul { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 20px 20px; text-align: justify; } #conocenos .col_mig ul li { line-height: 1.5em; padding: 3px 0; } #conocenos .col_mig ul ul { list-style-image: url('../images/web/vinyeta_submenu_lateral_2.png'); margin: 20px 0 20px 20px; text-align: justify; } #conocenos .col_mig ol { margin: 20px 0 20px 25px; } #conocenos .col_mig ol li { line-height: 1.5em; padding: 3px 0; } #conocenos .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } p.clients { clear: both; font: bold 14px/1em "Ubuntu" !important; border-bottom: 1px solid #DDD; padding: 10px 0px !important;} ul.clients { display: block; margin: 10px 0 0 1px !important; padding: 0 !important; } ul.clients li { float: left; list-style: none; margin: 0 22px 20px 0; text-align: left; width: 150px; } ul.clients li img { border: 1px solid #DDD; height: 100px; width: 150px; overflow: hidden; } ul.clients li.last { margin: 0; } #conocenos .col_dre { float: left; margin: 40px 0 0 0; padding-left: 10px; width: 220px; } #conocenos .col_dre .banners img { margin: 0 0 5px 0; } /* CONOCENOS PARTNERS */ #conocenos_partners { } #conocenos_partners ul.partners { margin: 0; } #conocenos_partners ul.partners li { list-style: none; margin-bottom: 25px; } #conocenos_partners ul.partners li img { height: 100px; width: 150px; overflow: hidden; margin-right: 10px; } #conocenos_partners ul.partners li span.titol { display: inline-block; font-weight: bold; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; } ul.tutorizacion { margin-top: 0px!important; } /* LEGAL -------- */ #legal { margin: 0 auto; min-height: 200px; width: 1024px; } #legal .container { background-color: #FFF; margin: 0 px; padding: 10px; width: 940px;} #legal .col_esq { float: left; padding-right: 10px; width: 220px; } #legal .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; padding: 5px 20px; width: 440px; } #legal .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } #legal .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: justify; } #legal .col_mig p a { color: #4D4D4D; text-decoration: underline; } /* ABOUT ------------*/ #about { margin: 0 auto; min-height: 200px; width: 1024px; } #about .container { background-color: #FFF; margin: 0 px; padding: 10px; width: 940px;} #about .col_esq { float: left; padding-right: 10px; width: 220px; } #about .col_mig { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top, url('../images/web/ralla_diviso_vertical.png') no-repeat right top; float: left; padding: 5px 20px; width: 440px; } #about .col_mig.gran { background: url('../images/web/ralla_diviso_vertical.png') no-repeat left top; padding: 5px 20px; width: 670px; } #about .col_mig p { color: #4D4D4D; font: 12px/1.5em "PT Sans"; text-align: left; } #about .col_mig p a { color: #4D4D4D; text-decoration: underline; } .about_llista { list-style-image: url('../images/web/vinyeta_submenu_lateral.png'); margin: 20px 0 20px 20px; text-align: left; } .about_llista li { line-height: 1.5em; padding: 3px 0px; } /* PEU ------ */ #peu_infinit { background-image: url('../images/web/textura_peu.png'); } #peu { background-image: url('../images/web/textura_peu.png'); margin: 14px auto 0; width: 1024px; } #peu .container { background-image: url('../images/web/textura_peu.png'); font: 10px 'Ubuntu'; margin: 0 auto; padding: 25px 0; width: 960px; } #peu .col { float: left; margin-right: 5px; width: 150px; } #peu .col.mini { width: 60px; } #peu .col.petita { width: 120px; } /*#peu .col.consultoria { float: left; margin-left: -10px; width: 157px; }*/ #peu .col:nth-child(6) { margin-right: 0px; } #peu .col.last { margin-right: 0px; padding: 0; width: 160px!important; } #peu .col span { color: #FF6600; display: block; margin-bottom: 8px; } #peu .col ul li { line-height: 18px; } #peu .col ul li a { color: #fff; } #peu .col ul li a:hover { color: #FF6600; } #peu .col ul li a span { color: #FF6600; display: inline; font-size: 9px; } #peu .col #xs img { margin-right: 5px; } #peu .col .icons { float: left; } #peu .col .icons img { display: block; margin-right: 10px; } #peu .col .icons img:nth-child(2) { margin-top: 62px; } #peu .col .icons img.last { margin-top: 62px; } #peu .col p { color: #fff; display: inline; line-height: 18px; } #peu #camp_formulari { background-color: #e7e7e7; padding: 2px 0; width: 140px;} /*#peu input#mce-EMAIL { border: 0px; color: #4D4D4D; font: 12px 'Pt sans'; padding: 10px 2px; width: 109px; }*/ #peu input#mce-EMAIL { background-color: #e7e7e7; border: 0; color: #4D4D4D; float: left; font: 12px 'Pt sans'; height: 20px; margin-top: -2px; padding: 3px 4px 0 4px; width: 109px; } #peu input#mc-embedded-subscribe { background: url('../images/web/submit.png') no-repeat left top; border: 0; height: 22px; float: left; width: 21px;} #parriba { bottom: 30px; cursor: pointer; display: none; position: fixed; right: 30px; } #copyright { background: #000;} #copyright .aaa { background: #000; color: #fff; font: 10px 'Ubuntu'; padding: 6px 0; margin: 0 auto; text-align: center;width: 1024px;} #copyright .aaa a { color: #fff !important; } #copyright .aaa a:hover { color: #FF6600; } /** FANCYBOX LOGIN ***********/ /* formularis d'accés (/e-learning, /mytraining, /) */ #container_login, #container_recuperarPassword { background-color: #fff; border: 1px solid #F8F8F8; /*height: 311px;*/height:auto; padding: 20px 0px; /*width: auto;*/ width:382px; position: relative; } #container_login .logoFormAcces { padding: 20px 0px 0px 0px; } #container_login .logoFormAcces img { width: auto; height: auto; margin: 19px 0px 28px 0px; } #container_login .logoFormAcces.personalitzat img { width: 196px; margin: 8px 0px 21px; } #container_login .logoFormAcces.cetib img { width: 196px; margin: -1px 0px -1px 0px; } #container_login .formulariAcces { padding: 15px 38px; } #container_login .usuariAcces, #container_login .passAcces { margin-bottom: 15px; } #container_login .usuariAcces input, #container_login .passAcces input { border: 1px solid #CCC; color: #555; line-height: 1.5; font-size: 14px; padding: 6px 12px 5px 12px; width: 288px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*font-weight: 500; */font-weight: 400; font-stretch: normal; position: relative; margin-left: -4px;letter-spacing: -0.6; } #container_login .usuariAcces input:focus, #container_login .passAcces input:focus { border-color: #66AFE9; outline: 0px none; box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6); } #container_login .submitAcces { margin: 15px 0px; font-weight: normal; } #container_login .submitAcces input, #container_login .submitAcces button { background-color: #000000; border: 0px; border-radius: 5px; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; padding: 11px 10px 9px 10px; position: relative; margin-right: -4px; line-height: 1.42857; vertical-align: middle; font-weight: 400; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } #container_login .submitAcces input:hover, #container_login .submitAcces button:hover { color: #333; } #container_login .submitAcces.ccoo input { margin-bottom: 10px; } #container_login .forgotAcces { text-align: left; margin-top: 23px; margin-bottom: 23px; } #container_login .forgotAcces a { color: #000000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12.6px; text-decoration: underline; margin-left: -4px; top: 1px; } #container_login .link-wrap { text-align: left;} #container_login .link a { color: #000000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12.6px; text-decoration: underline; } #container_login .error_login { color: #E3001C; margin-bottom: 15px; font-size: 14px; } #container_login label.error { margin-top: 10px; text-align: left; } /*.fancybox-inner { height: auto!important; }*/ #fancyElearn .fancybox-inner, #fancyMyTr .fancybox-inner { width: 384px!important; height: 354px!important; } .fancybox-opened { margin-left: 8px!important; margin-top: 6px!important; } .button-test {background-color:red;} /* inscripcions personalitzat */ .inscripcions .fancybox-wrap { padding-bottom: 20px; } .inscripcions .fancybox-inner { height: auto !important; overflow: hidden !important; } #container_login.custom_login { font-family: "Helvetica Neue", Arial, sans-serif; margin: 0 auto; padding: 0; max-width: 90%; width: 646px; margin: 100px auto; background-color: #f8f8f8; border: 1px solid #ccc; } #container_login.custom_login .logoFormAcces{ padding: 0; } #container_login.custom_login .formulariAcces{ padding: 0; } .custom_login h1 { color: #4d4d4d; font-family: "Helvetica Neue", Arial, sans-serif; margin: 0; font-size: 24px; font-weight: 300; padding: 20px 35px; border-bottom: 3px solid #fff; text-align: left;} .custom_login h2 { font-size: 21px; font-weight: 300; } .custom_login div { color: #4d4d4d; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 1.5; padding: 20px 35px;} .custom_login .fa { color: #808080; } .fila:after { content: ""; display: table; clear: both; } .col { float: left; width: 49%; padding-right: 1%; } .col-last { padding-right: 0; padding-left: 1%; } .llarg { float: left; width: 59%; padding: 0 1% 0 0; } .curt { float: left; width: 39%; padding: 0 1% 0 0; } .llarg:last-child, .curt:last-child { padding: 0 0 0 1% ; } .bloc { background: #fff; margin-bottom: 3px; padding: 13px 19px;} .bloc+h2.bloc { margin-top: 30px; } .custom_login textarea { font-family: "Helvetica Neue", Arial, sans-serif; border: 1px solid #CCC; color: #555; line-height: 1.5; font-size: 14px; min-height: 110px; } .custom_login textarea:focus { border-color: #66AFE9; outline: 0px none; box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6); } #container_login.custom_login .input_login { border-radius: 3px; padding: 6px 2% 5px; width: 96%; } #container_login.custom_login label.error { display: block; color: red; } #container_login.custom_login .passAcces:last-child, #container_login.custom_login .passAcces.col{ margin-bottom: 0; } .custom_login .fila .passAcces.curt { padding: 0; float: right; } .custom_login .aviso_legal input { float: left; margin-right: 5px; } .custom_login .aviso_legal label { display: block; font-size: 14px; line-height: 1.4; margin: 20px 0; text-align: left; } .custom_login .aviso_legal a { color: #000; text-decoration: underline; } .informacio { font-size: 14px; line-height: 1.4; margin: 20px 0; text-align: left; } .fila + .passAcces { margin-top: 10px; } .custom_login .writeErrors { margin: 20px 0; max-width: none; padding: 15px 2%; text-align: center; width: 96%; } #container_login.custom_login .submitAcces input, #container_login.custom_login .submitAcces button { display: block; float: none; margin: 40px auto 0; position: static; width: 105px;} @media screen and (max-width: 700px) { .col { float: none; padding: 0; width: 100%; } .col.passAcces:first-child { padding-bottom: 10px; } h2.bloc {margin-top: 30px;} } /* errors */ #container_login #dreta form #error_login { color: red; height: 15px!important; } #container_login #dreta form #error_login p { margin-bottom: 0; } #container_login #dreta form fieldset img { width: 16px; height: 16px; } #container_login #dreta form fieldset#forgot { margin-top: 25px; } #container_login #dreta form fieldset#forgot a { text-decoration: underline!important; } #recuperaPass { background-color: #F8F8F8; border: 1px solid #F8F8F8; height: auto; padding: 20px 0px; width: 382px; } #recuperaPass .logoFormAcces { padding: 20px 0px 0px 0px; } #recuperaPass .logoFormAcces img { width: auto; height: auto; margin: 20px 0px 28px 0px } #recuperaPass .logoFormAcces.personalitzat img { width: 196px; margin: 8px 0px 21px; } #recuperaPass .formulariRecuperaPass { padding: 15px 38px; } #recuperaPass .usuariAcces { margin-bottom: 15px; } #recuperaPass .usuariAcces input { border: 1px solid #CCC; color: #555; line-height: 1.5; font-size: 14px; padding: 6px 12px 5px 12px; width: 288px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*font-weight: 500; */font-weight: 400; font-stretch: normal; position: relative; margin-left: -4px;letter-spacing: -0.6; } #recuperaPass .submitAcces { margin: 15px 0px; font-weight: normal; } #recuperaPass .submitAcces button { background-color: #000000; border: 0px; border-radius: 5px; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; margin-bottom: 30px; padding: 11px 10px 9px 10px; position: relative; margin-right: -4px; line-height: 1.42857; vertical-align: middle; font-weight: 400; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } #recuperaPass .submitAcces input:hover, #recuperaPass .submitAcces button:hover { color: #333; } .writeErrors, .writeErrorsPass, .mailOk { background-color: #DEDEDE; color: #000; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 15px; text-align: left; max-width: 290px; margin: 0 auto; margin-bottom: 20px; position: relative; margin-top: -15px; } #container_login #passEnviat, #container_login #passModificat { background-color: #DEDEDE; color: #000; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 15px; text-align: left; max-width: 290px; margin: 0 auto; margin-bottom: 20px; position: relative; margin-top: -15px; } .fancybox-skin { /*box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75)!important;*/ } /* FANCYBOX RECUPERAR PASSWORD ********** */ #container_recuperarPassword { } #container_recuperarPassword { width: 520px; min-height: 260px; auto; border-radius: 8px 8px 8px 8px; border: 1px solid rgb(192, 192, 192); } #container_recuperarPassword.myTraining { height: auto; } #container_recuperarPassword #esquerra { width: 50%; /*height: 100%;*/ min-height: 260px; background-color: #F8F8F8; } #container_recuperarPassword #esquerra img { display: block; margin: 45px auto 80px; } #container_recuperarPassword #esquerra span { font-size: 15px; font-weight: bold; text-align: center; color: #000;} #container_recuperarPassword #dreta { width: 49.8%; /*height: 100%;*/min-height: 260px; background-color: #ffffff; border-left: 1px solid rgb(192, 192, 192); } #container_recuperarPassword #dreta form { margin: 20px 29px;} #container_recuperarPassword #dreta form fieldset { width: 200px; text-align: left; margin: 10px 0px; } #container_recuperarPassword #dreta form fieldset label.label_login { display: block; font-size: 13px; color: #000000; padding: 0px 0px 5px; } #container_recuperarPassword #dreta form fieldset input.input_login { width: 160px; background-color: #F4F8FA; font-size: 18px; height: 23px; padding: 2px 5px 3px; border-width: 1px; border-style: solid; border-color: rgb(128, 128, 128) rgb(204, 204, 204) rgb(204, 204, 204) rgb(128, 128, 128); } #container_recuperarPassword #dreta form input#button_login { background: rgb(219, 234, 239) url('../images/web/bg.k-button.png') repeat-x scroll 0px center; border: 1px solid rgb(173, 204, 206); border-radius: 7px 7px 7px 7px; font-size: 11px; padding: 5px 25px; color: rgb(80, 80, 80); cursor: pointer; } #container_recuperarPassword #dreta form input#button_login:hover { background-image: none; background-color: #bfefff; } /* errors */ #container_recuperarPassword #dreta form #error_login { color: red; height: 15px!important; } #container_recuperarPassword #dreta form #error_login p { margin-bottom: 0; } #container_recuperarPassword #dreta form fieldset img { width: 16px; height: 16px; } #container_recuperarPassword #dreta form fieldset#forgot { margin-top: 25px; } #container_recuperarPassword #dreta form fieldset#forgot a { text-decoration: underline!important; } /* ERROR 404 ------------ */ #error_404 { background: #fff; height: 300px; margin: 0px auto; padding: 40px 20px; width: 920px!important;} #error_404 #titol { font-size: 30px; } #error_404 #descripcio { font-size: 20px; } /* MEDIA QUERIES ---------------- */ @media screen and (max-width:800px) { #soluciones .col_mig p { color: #F00; font: 12px/1.5em "PT Sans"; } } /* Footer amb links legals */ .footer-help { height: 12px; padding: 10px; background: #fff; border-top: 1px solid #e6e6e6; color: #808080; font-size: 12px; text-align: center; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .footer-help a { color: #808080; text-decoration: none; } .footer-help-avis{ position: absolute; width: 98.534%; bottom: 0; } .footer-help-cookies{ position: absolute; width: 97.619%; bottom: 0; } .footer-help{ position: fixed; width: 98.4%; bottom: 0; }