body{background-color: #1b2338; color: #fff;} #content{float: none; display: block;} #headerwrap{margin-top: 20px; float: left; width: 100%; height: 211px; max-height: 211px; background: #35a1be; border-top: 5px solid #fff; border-bottom: 1px solid #64b7cd; border-left: 0; border-right: 0;} #header{background:url(../images/companies/backgrounds/destello_header.png) no-repeat; height: 211px; padding: 0; max-width: 702px;} #logo_mpei{float: left; clear: left; background:url(../images/companies/backgrounds/logo_mpe.png) no-repeat; width: 265px; height: 122px; margin-top: 16px; margin-left: 20px;} #bodywrap{margin: 20px auto 0; width:990px; clear: both; } #auxiliarwrap{background:url(../images/companies/backgrounds/swirl.gif) no-repeat; margin: 20px auto 0; width:990px; clear: both; min-height:169px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #bodywrap{padding-bottom:205px; } #footerwrap{border-top: 5px solid #202a3f; background: #181f31; height: 200px;} #footerwrap{position:relative; margin:-205px auto 0 auto} * html #footerwrap{margin-top:-7.4em} #footer{color: #fff; padding-top: 23px; font-size: 90%; } #copyright{float: left; text-transform: uppercase;} #lemonthink{float: right; clear: right; text-transform: uppercase;} #datos_footer{float: left; clear: left; margin: 40px 20px 20px 0; line-height:175%;} #direccion, #formas_contacto{border-right: 1px dotted #58A1B8; height: 70px;} #direccion{float: left; width: 200px;} #formas_contacto{float: left; width: 220px; padding: 0 20px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- ESTILOS ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ strong, .resaltar{color: #58a1b8;} a:link, a:visited{color:#e4ff00; text-decoration:none; outline:0} a:hover{border-bottom:1px dotted #e4ff00; cursor:pointer} a.back_top{float: left; width: 100%; margin: 20px 0;} hr.divider_line {background:transparent url(../images/common/dividers/divider.png) no-repeat scroll 0%; border:0pt none; clear:left; height:23px; width:470px; margin-bottom:45px; margin-top:45px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- ENCABEZADOS ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #auxiliar h1{float: left; width: 320px; height: 57px; margin-top: 60px; } #auxiliar h1 span{display: none;} h1#h_mpempresas_es{background: url(../images/companies/headers/es/mpempresas.png) no-repeat;} h1#h_planes_formacion_es{background: url(../images/companies/headers/es/planes_formacion.png) no-repeat;} h1#h_otros_servicios_es{background: url(../images/companies/headers/es/otros_servicios.png) no-repeat;} h1#h_formacioncontinua_es{background: url(../images/companies/headers/es/formacion_continua.png) no-repeat;} h1#h_cursos_intensivos_es{background: url(../images/companies/headers/es/cursos_intensivos.png) no-repeat;} h1#h_contacto_es{background: url(../images/companies/headers/es/contacto.png) no-repeat;} h2{color: #e4ff00; font-size: 120%; margin-bottom:20px;} h3{color: /*#58a1b8;*/#86D6EF; font-size: 110%; margin-top:30px; border-bottom: 1px solid #58a1b8; padding-bottom: 6px;} span.remark{color: #56B0C8;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- HOMEPAGE ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #left_block{float: left; width: 370px; margin-top: 20px;} #right_block{float: right; width: 285px; margin-top: 20px;} .link_box{float: right; width: 282px; height: 82px; margin-bottom: 9px; border: 1px solid #1b2338; background: #202a3f url(../images/companies/backgrounds/swirl_boxes.gif) no-repeat 67px 0; } .link_box:hover{border: 1px solid #385d73;} .link_box a{float: right; width: 282px; height: 82px; border: 0;} .link_box a#modelo_formacion{background: url(../images/companies/homepage/tripartita.gif) no-repeat 100% 0;} .link_box a#cursos_intensivos{background: url(../images/companies/homepage/cursos_intensivos.gif) no-repeat 100% 0;} .link_box a#planes_formacion{background: url(../images/companies/homepage/planes_formacion.jpg) no-repeat 100% 0;} .link_box a span{float: left; width: 144px; height: 41px; margin: 18px 0 0 8px; } .link_box a#modelo_formacion span{background: url(../images/companies/homepage/label_links/modelo_formacion_es.png) no-repeat;} .link_box a#cursos_intensivos span{background: url(../images/companies/homepage/label_links/oferta_cursos_intensivos_es.png) no-repeat;} .link_box a#planes_formacion span{background: url(../images/companies/homepage/label_links/planes_formacion_es.png) no-repeat;} #content_left{/*float: left; /*width: 456px;*/} #content_right{float: right; width: 192px; margin:0 0 70px 60px} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- PÁGINA DE CONTACTO ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ .submit_button, .error{float: left; clear: left; margin-left: 100px;} .vcard .org {color: #fff;} .vcard .phone,.vcard .mail{font-size: 90%;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- IMÁGENES ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ img#photo_banner{float: right; margin-top: -125px; z-index: 100;} img#quote{float: left; margin-top: 20px;} #companies #auxiliar{position: relative;} #companies img#photo_banner{position: absolute; right: 0;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- NAVEGACIÓN ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#navbar_1 {float: left; margin:0; padding:0;} ul#navbar_1 a{border: 0; padding: 0 1px;} ul#navbar_1 li{display:inline; float:left; border-right: 1px solid #62b6cd; margin: 0; padding:0;} ul#navbar_1 li a{float: left; color: #fff; width: 116px; height: 74px; } ul#navbar_1 li a span{display: none;} ul#navbar_1 li.current{} ul#navbar_1 li.current a{} ul#navbar_1 li#homepage a{background: url(../images/companies/navigation/es/homepage.png) no-repeat;} ul#navbar_1 li#mpempresas a{background: url(../images/companies/navigation/es/mpeempresas.png) no-repeat;} ul#navbar_1 li#planes_formacion a{background: url(../images/companies/navigation/es/planes_formacion.png) no-repeat;} ul#navbar_1 li#cursos_intensivos a{background: url(../images/companies/navigation/es/cursos_intensivos.png) no-repeat;} ul#navbar_1 li#otros_servicios a{background: url(../images/companies/navigation/es/otros_servicios.png) no-repeat;} ul#navbar_1 li#otros_servicios a{background: url(../images/companies/navigation/es/otros_servicios.png) no-repeat;} ul#navbar_1 li#contacto a{background: url(../images/companies/navigation/es/contacto.png) no-repeat;} #subnavigation ul{margin: 0; padding: 3px 8px 15px 8px; background: #202a3f url(../images/companies/backgrounds/swirl_submenu.gif) no-repeat 100% 100%; line-height:120%; text-align: left;} #subnavigation ul li{margin: 0; padding: 5px 8px; list-style-type: none; border-bottom: 1px solid #2a637c; font-size: 80%; text-transform: uppercase;} #subnavigation ul li a{color: #fff;} dl, ol, ul{line-height:175%; text-align:justify;} ul li, ol li{margin-bottom: 10px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- CURSOS INTENSIVOS ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #oferta_cursos_intensivos{margin-top: 40px;} .curso{float: left; width: 100%; margin-bottom: 30px; border:1px solid #fff; background:#202A3F;} .curso_name, .curso_contents{padding : 10px;} .curso_name{background: #35A1BE; border-bottom: 1px solid #fff; padding-bottom: 10px;} .curso_contents dl{background: #628968; border: 5px solid #D3B778; padding: 10px 20px; margin-bottom: 25px;} .curso_contents dt{float: left; clear: left; width: 21%; font-size: 90%;} .curso_contents dd{float:left; margin-bottom:10px; width:69%;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- PLANES DE FORMACION ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #contenidos_cursos_sector dl{background: #EFEFEF; font-size: 90%; border: 1px solid #fff; margin:25px 0pt 25px 30px;} #contenidos_cursos_sector dt{background: #4F4F4F; padding: 5px 8px;} #contenidos_cursos_sector dd{color: #4F4F4F; margin: 0; padding: 8px 15px;} #servicios_consultoria dt{color: /*#58a1b8;*/#86D6EF; font-size: 110%; margin-top:30px;} #servicios_consultoria dd{margin-left: 0;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- FORMACION CONTINUA ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ dl#ejemplo_calculo{float: left; border: 1px solid #fff; background: #EFEFEF; background: #EFEFEF; font-size: 90%; border: 1px solid #fff; border-bottom: 0; margin:25px 0pt 30px 60px;} dl#ejemplo_calculo dt{float: left; clear: left; background: #4F4F4F; color: #fff; width: 500px; padding: 8px 15px; border-bottom: 1px solid #fff;} dl#ejemplo_calculo dd{float: left; color: #333333; width: 15%; margin: 0; padding: 8px 8px 0 15px; } #link_tripartita{font-size: 80%; font-style: italic; margin-left: 60px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------- TABLAS ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #porcentajes_bonificacion {font-size: 90%; margin: 30px 0 30px 50px; border: 1px solid #fff;} #porcentajes_bonificacion td{padding: 5px;} #porcentajes_bonificacion thead tr{background-color: #333333;} #porcentajes_bonificacion tbody tr{background-color: #EFEFEF; color: #333333; } #porcentajes_bonificacion td.company_size{background-color: #4F4F4F; color: #fff;} #porcentajes_bonificacion td.bonificacion,#porcentajes_bonificacion td.cofinanciacion{text-align: right; padding-right: 66px; border-left: 1px solid #fff;} #porcentajes_bonificacion tbody td{border-top: 1px solid #fff;} p.nota{font-size: 80%; font-style: italic; margin-left: 50px;} #atencion{float: left; clear: left; margin-top: 10px; border: 1px solid #fff; padding: 10px 10px 0; background: #D6E03D; text-align: left; margin-bottom: 20px; color: #000;} #atencion h4{float: left; clear: left; background: url(../images/common/varios/alert.png) no-repeat; padding-left: 40px; padding-top: 3px; height: 40px; margin-bottom: 0;} #atencion p{float: left; clear: left;}