/* -------------------------------------------------------------- AUTOR: Andrés Iniesta Cepeda -- www.ainiesta.com FECHA: JULIO 2008 PARA: DNOiSE Agencia de comunicación -------------------------------------------------------------- */ /* -------------------------------------------------------------- Hoja de estilos principal En esta hoja cargaremos todas las demas que nos hagan falta para la pagina. -------------------------------------------------------------- */ @import url("reset.css"); /*@import url("ie.css");*/ @import url("typography.css"); @import url("dnse_voto.css"); *{margin:0;padding:0;list-style:none;} body { background:#2C2C2C url('../img/bg_body2.gif') repeat-x scroll top left; color:#ddd; } img{margin:0;padding:0;} a{color:#fff;} #wrap { background:transparent url('../img/bg_header.gif') repeat-x scroll top left; width:100%; height:100%; text-align:center; float:left; } #container{ width:848px; text-align:left; position:relative; left:50%; margin-left:-424px; float:left; } h1{text-indent:-99999px;background: url('../img/logo_dnoise.jpg') no-repeat scroll top left; color:#fff; font-size:14px; float:right; height:84px; width:84px; } h2#titulo_pagina {height:35px;} #header{float:left;width:848px ;/*border:1px solid red;*/} #header ul{margin:0;padding:0;} #header ul li{float:left;height:84px;} /*MENU PRINCIPAL*/ /*ESTADO DE REPOSO*/ #header ul li#inicio a {width:68px;background: url('../img/nav_inicio.gif') no-repeat scroll top left; } #header ul li#portfolio a {width:88px;background: url('../img/nav_portfolio.gif') no-repeat scroll top left; } #header ul li#servicios a {width:86px;background: url('../img/nav_servicios.gif') no-repeat scroll top left; } #header ul li#presupuesto a {width:109px;background: url('../img/nav_presupuesto.gif') no-repeat scroll top left; } #header ul li#extranet a {width:82px;background: url('../img/nav_extranet.gif') no-repeat scroll top left; } #header ul li#contactanos a {width:112px;background: url('../img/nav_contactanos.gif') no-repeat scroll top left; } #header ul li#blog a {width:41px;background: url('../img/nav_blog.gif') no-repeat scroll top left; } #header ul li#newsletter a {width:76px;background: url('../img/nav_newsletter.gif') no-repeat scroll top left; } #header ul li#english a {width:61px;background: url('../img/nav_english.gif') no-repeat scroll top left; } /*ESTADO DE REPOSO*/ #header ul li#inicio a:hover,#header ul li#portfolio a:hover,#header ul li#servicios a:hover,#header ul li#presupuesto a:hover, #header ul li#extranet a:hover, #header ul li#contactanos a:hover, #header ul li#blog a:hover,#header ul li#newsletter a:hover,#header ul li#english a:hover {background-position: 0 -84px; } /*ESTADO ACTIVO*/ #header ul li.active{border-left:1px solid #82dfff;border-right:1px solid #000;} #header ul li a,#header ul li.active {display:block;height:84px;text-indent:-9999px;} #header ul li#inicio a.active{width:68px;background: url('../img/nav_inicio.gif') no-repeat scroll 0 -168px; } #header ul li#portfolio a.active{width:88px;background: url('../img/nav_portfolio.gif') no-repeat scroll 0 -168px; } #header ul li#servicios a.active{/*display:block;*/width:86px;background: url('../img/nav_servicios.gif') no-repeat scroll 0 -168px; } #header ul li#presupuesto a.active{width:109px;background: url('../img/nav_presupuesto.gif') no-repeat scroll 0 -168px; } #header ul li#extranet a.active{width:82px;background: url('../img/nav_extranet.gif') no-repeat scroll 0 -168px; } #header ul li#contactanos a.active{width:112px;background: url('../img/nav_contactanos.gif') no-repeat scroll 0 -168px; } #header ul li#blog a.active {width:41px;background: url('../img/nav_blog.gif') no-repeat scroll 0 -168px; } #header ul li#newsletter a.active{width:76px;background: url('../img/nav_newsletter.gif') no-repeat scroll 0 -168px; } #header ul li#english a.active{width:61px;background: url('../img/nav_english.gif') no-repeat scroll 0 -168px; } /*#header ul li#blog a.active{width:41px;background: url('../img/nav_blog.gif') no-repeat scroll 0 -168px; } Para que el activo del blog tenga enlace a la pagina principal del blog*/ /* BARRA DE SELECCION PROYECTOS Y TAMAÑO */ #content #switch{ background: url('../img/bg_banner.gif') repeat-x scroll top left; float:left; width:848px; height:19px; padding-top:5px; /*border:1px solid red;*/ font-size:10px; position:relative; top:-5px; } body#idDetalle #content #switch{ background: url('../img/bg_banner2.gif') repeat-x scroll top left;height:26px;} #content #switch p{color:#6d6d6d;} #content #switch_izq{float:left;} #content #switch_izq ul,#content #switch_izq ul li,#content #switch_izq p,#content #switch_izq h4{float:left;} #content #switch_izq ul{margin-top:2px;} #content #switch_izq p{margin:-2px 0 0 10px;padding-right:10px;border-right:1px solid #404040;} #content #switch_izq h4{color:#00BEFF;font-size:9px;} /*FECHITAS PASA PROYECTOS*/ #content #switch_izq ul li.adelante a{display:block;text-indent:-9999px;height:10px;width:7px;background: url('../img/down_arrow.gif') no-repeat scroll top left;/*border-right:1px solid #404040;*/padding-left:5px;margin-right:5px;margin-left:5px;outline:none;display:block;} #content #switch_izq ul li.atras a{display:block;text-indent:-9999px;height:5px;width:7px;background: url('../img/up_arrow.gif') no-repeat scroll top left;border-right:1px solid #404040;padding-right:5px;outline:none;} #content #switch_izq ul li.adelante a:hover{display:block;text-indent:-9999px;height:10px;width:7px;background: url('../img/down_arrow_over.gif') no-repeat scroll top left;/*border-right:1px solid #404040;*/padding-left:5px;margin-right:5px;outline:none;display:block;} #content #switch_izq ul li.atras a:hover{display:block;text-indent:-9999px;height:5px;width:7px;background: url('../img/up_arrow_over.gif') no-repeat scroll top left;border-right:1px solid #404040;padding-right:5px;outline:none;} /*CAMBIO DE TAMAÑO DE TIPOGRAFIA*/ #content #switch_der{float:right;visibility:hidden;} #content #switch_der ul,#content #switch_der ul li,#content #switch_der p{float:left;} #content #switch_der p{border-left:1px solid #404040;padding-left:10px;} #content #switch_der ul li a{color:#00BEFF;text-decoration:none;display:block;/*border:1px solid red;*/} #content #switch_der ul li a sup{font-size:13px;color:#fff;} #content #switch_der ul li a:hover{color:#fff;text-decoration:none;display:block;/*border:1px solid red;*/} #content #switch_der ul li a:hover sup{font-size:13px;color:#00BEFF;} #content #switch_der ul li.menor a{font-size:9px;border-right:1px solid #404040;padding-right:5px;margin-right:5px;padding-left:3px;padding-top:1px;} #content #switch_der ul li.mayor a{padding-left:5px;padding-left:3px;} /*MODULO DE ULTIMOS PROYECTOS*/ body#inicio #container_muestra_trabajos{float:left;width:815px;height:169px;overflow:hidden;margin-bottom:23px;/*border:1px solid blue;*/} #muestra_trabajos{float:left;width:788px;padding:5px;margin-top:10px;font-size:11px;margin-bottom:23px;/*border:1px solid red;*/position:relative;} body#inicio #muestra_trabajos{float:left;padding-top:0px;margin-top:0px;} .modulo_trabajo {float:left;width:173px;height:165px;background: url('../img/sep_modulos.gif') no-repeat scroll top right;padding:0px 12px 5px 12px;text-align:justify;position:relative;} .modulo_trabajo p{margin:5px 0 15px 0;} #ultimo_modulo{background: none;} .modulo_trabajo .img_modulo {height:35px; margin-bottom:30px;} img.voto{margin:5px 0 8px 0; display:none;} /*MUESTRA DE TRABAJOS RELACIONADOS EN LA PAGINA DE SERVICIOS*/ h4.relacionados{float:left;color:#fff;background:#00bffe;font-family:"Arial";font-weight:bold;font-size:12px;width:597px;height:19px;padding:7px 0 0 10px;margin:25px 0 20px 0px;text-decoration:none;} #idServicios #content #muestra_trabajos{float:right;width:595px;padding: 0 0px;margin-top:0px;font-size:11px;margin-bottom:23px;} #idServicios .modulo_trabajo {float:left;width:173px;height:165px;background: url('../img/sep_modulos.gif') no-repeat scroll top right;padding:0 12px;text-align:justify;} #idServicios .modulo_trabajo p{margin:5px 0 15px 0;} #idServicios #ultimo{background: none;} #idServicios .modulo_trabajo .img_modulo {height:35px;} #idServicios img.voto{margin:5px 0 8px 0;} /*CONTENIDO INFERIOR*/ /* CLASES SCROLLPANEL */ .scrollpanel_contenedor_mask {width:398px; height: 218px; overflow: hidden; position: relative; clear: left; /*border:1px solid red;*/} .scrollpanel_contenedor_paneles {position:relative;} #info{float:left;width:398px;margin: 0 16px 25px 20px;position:relative;} #info p{font-size:11px;text-align:justify;} #info h2{color:#fff;background:#00BEFF;float:left;width:383px;height:30px;padding-left:15px;font-size:16px;margin:0px;} #info .scrollpanel_contenedor_mask {height: 218px;} #info .scrollpanel_contenedor_paneles {clear:both;display:block; height:210px; position:relative; top:4px;} #info .scrollpanel_contenedor_paneles div.scrollpanel_panel {padding: 0px 10px 0px 10px; margin:0px; height: 210px; width: 375px;} /*NAVEGACION INFERIOR HOME*/ #info ul {float:left;width:398px;margin:0;padding:0;background:#000;} #info ul li{float:left;font-size:10px;background:#000;} /*REPOSO*/ #info .scrollpanel_navegacion a{outline:none;display:block;height:16px;color:#fff;background:#000;font-family:"Arial";font-size:12px;text-decoration:none;padding:4px 2px 4px 1px;} #info .scrollpanel_navegacion a:hover{color:#929393;} #info .scrollpanel_navegacion a.panel_seleccionado{color:#00c2ff;} /*PAGINA DE SERVICIOS*/ /*MENUSES DE SERVICIOS- NAVEGACION IZQUIERDA*/ #col_izq{width:190px;margin-left:20px;/*background:transparent url('../img/linea_vertical_grande.gif') repeat-y top right;position:relative;left:2px;*/} #col_izq h3{color:#fff;font-size:14px;} #col_izq .h3_listado_general{width:190px;height:28px;background:#00c0ff;} #col_izq h3#quizas{width:190px;height:28px;background:#000;} #col_izq h3#contacta{width:190px;height:28px;background:#000;} #col_izq ul.listado_general li a{color:#ddd;font-size:12px;font-family:"Arial";text-decoration:none;text-transform:uppercase;} #col_izq ul.listado_general li a:hover, #col_izq ul.listado_general li a.active{color:#00bffe;font-size:12px;font-family:"Arial";text-decoration:none;} /*MENUSES IZQUIERDA PORTFOLIO*/ #col_izq h3#quieresver{width:190px;height:28px;text-indent:-9999px;background:transparent url('../img/tit_quieresver.gif') no-repeat top left;} #col_izq ul#listado_quieresver li a{color:#ddd;font-size:12px;font-family:"Arial";text-decoration:none;} #col_izq ul#listado_quieresver li a:hover{color:#00bffe;font-size:12px;font-family:"Arial";text-decoration:none;} #col_izq h3#organizar{width:190px;height:28px;background:#ff9100;} #col_izq ul#listado_organizar li a{color:#797878;background:transparent url('../img/mayorque.gif') no-repeat 0 3px;font-size:10px;font-family:"Arial";text-decoration:none;padding-left:10px;} #col_izq ul#listado_organizar li a:hover{color:#ff9c00;font-size:10px;font-family:"Arial";text-decoration:none;} #col_izq ul#listado_organizar li a.active{color:#ff9c00;font-size:10px;font-family:"Arial";text-decoration:none;} /**/ #col_izq ul#listado_interes {width:170px;} #col_izq ul#listado_interes li a{color:#797878;background:transparent url('../img/mayorque.gif') no-repeat 0 3px;font-size:10px;font-family:"Arial";text-decoration:none;padding-left:10px;} #col_izq ul#listado_interes li a:hover{background:transparent url('../img/mayorque.gif') no-repeat 0 3px;color:#00bffe;font-size:10px;font-family:"Arial";text-decoration:none;} #col_izq ul#listado_interes li.presupuesto a{color:#00bffe;} #col_izq ul#listado_interes li.presupuesto a:hover{color:#fff;} /* MODIFICADO POR JAVI, HE COMENTADO EL PADDING-LEFT PORQUE HIZE UNO MAS GENERAL Y SE DUPLICABA*/ #col_izq p.telefono{width:153px;height:40px;margin:0;margin-left:12px;} #col_izq p.horario{margin-bottom:8px;color:#797878;font-size:10px;width:165px;} #col_izq p.email{/*padding-left:12px;*/color:#fff;font-size:10px;width:165px;} #col_izq p.email a{font-size:10px;} #col_izq a{color:#00bffe;font-size:10px;} #col_izq,#col_der_contenido{float:left;} /*CONTENIDO SERVICIOS- CONTENIDO DERECHA*/ #col_der_contenido{width:608px;/*border:1px solid red;*/background:transparent url('../img/linea_vertical_grande.gif') repeat-y top left;padding-left:12px;margin-bottom:20px;} #col_der_contenido h2{font-family:"Arial";color:#00bffe;margin:0;} #col_der_contenido h2 span{color:#fff;} #col_der_contenido p.sub_titulo{margin:0;color:#797878;font-size:10px;margin-top:-7px;margin-bottom:24px;} div.parrafo_servicios{float:left;border:1px solid red;} #lista_servicios {display:block;} a.tit_motules_reposo{/*border:1px solid yellow;*/ display:block; float:left; color:#fff;background:#000;font-family:"Arial";font-weight:bold;font-size:12px;width:597px;height:14px;padding:7px 0px 7px 10px;margin:0px 0px 1px 0px;text-decoration:none;outline:none;} a.tit_motules_reposo:hover{color:#fff;background:#797878;font-family:"Arial";font-weight:bold;font-size:12px;width:597px;height:14px;} .motules{/*border:1px solid green;*/float:left;} .motules p {display:block;padding:10px 0px 0px 10px;} .motules li{color:#ddd;font-size:11px;font-family:"Arial";text-decoration:none;background:transparent url('../img/mayorque.gif') no-repeat 0 6px;padding-left:8px;margin-left:30px;} .motules h4.sabiasque {padding:5px 0 0 11px; height:21px; width:597px; margin:26px 0 0 0; font-size:13px; color:#ffffff; text-transform:uppercase; font-family:"Arial";background-color:#797878;} /* FIXED porque no se ve el fondo del contenido */ /*CONTENIDO PORTFOLIO*/ #ul_trabajos{float:left;} div.li_trabajos{background:#393939;padding:10px;margin:0 0 5px 0;float:left;width:588px;height:105px;} div.li_trabajos.par{background:#434343;} div.li_trabajos div.datos,div.li_trabajos div.mas_info,div.li_trabajos img{float:left;} /*CLASE EN LA QUE SE DEFINE EL TIPO DE TRABAJO Y LE AÑADE UN COLOR A SU IZQUIERDA PARA DIFERENCIARLO*/ div.li_trabajos img.branding, div.li_trabajos img.web,div.li_trabajos img.grafico{padding: 0 0 0 11px;margin-right:12px;} div.li_trabajos img.branding{background:#24506c;} div.li_trabajos img.web{background:#000;} div.li_trabajos img.grafico{background:#797878;} div.li_trabajos div.datos{width:175px;} div.li_trabajos div.datos dl{margin:5px 10px 10px 0px;} div.li_trabajos div.datos dt {color:#ddd;font-family:"Arial";font-size:10px;margin:0;padding:0;line-height: normal; } div.li_trabajos div.datos dd a{color:#00bffe;font-family:"Arial";font-size:14px;margin:0;padding:0;line-height: normal;text-decoration:none;} div.li_trabajos div.datos dd.tipo a{font-size:11px;color:#787878;margin:0px;padding:0px;} div.li_trabajos div.datos dd.tipo p{line-height:1.5px;} div.li_trabajos div.mas_info{width:220px;position:relative;} div.li_trabajos div.mas_info a{color:#00bffe;display:block;position:absolute;top:80px;text-decoration:none;} div.li_trabajos div.mas_info a:hover{text-decoration:underline;} a.classmasinfo1 {color:#00bffe;text-decoration:none;} a.classmasinfo1:hover {text-decoration:underline;} a.classmasinfo2 {text-decoration:none;} a.classmasinfo2:hover {text-decoration:underline;} a.classmasinfo1, a.classmasinfo2 {position:absolute;top:152px;} /*Paginacion*/ #paginacion {background:#393939;float:left;width:608px;height:28px;position:relative;} #paginacion div {height:28px;position:absolute;top:0px;} #paginacion div#pag_ant{left:0px;} #paginacion div#pag_sig{left:560px;} #paginacion div#pag_paginas{left:48px;} #paginacion div#pag_ant, #paginacion div#pag_sig{width:48px;} #paginacion div#pag_ant a, #paginacion div#pag_sig a{outline:none;display:block;width:48px; height:28px; text-indent:-5000px;background:transparent url('../img/flechas_paginas.gif');} #paginacion div#pag_ant a {background-position:top left;} #paginacion div#pag_ant a:hover {background-position:bottom left;} #paginacion div#pag_sig a {background-position:top right;} #paginacion div#pag_sig a:hover {background-position:bottom right;} #paginacion div#pag_paginas{width:512px;text-align:center;color:#fff;font-weight:bold;margin-top:4px;} #paginacion div#pag_paginas a{text-decoration:none;color:#fff;padding:0px 3px;outline:none;} #paginacion div#pag_paginas a.pagactual{color:#00befd;} #paginacion div#pag_paginas a:hover{text-decoration:underline;} /*DETALLE DE UN PROYECTO continua alrededor de la linea 391*/ h3#volver{margin-bottom:22px;} #col_der_contenido p.sub_titulo{color: #797878; font-size: 10px; margin: -5px 0 20px; } div.detalle_trabajo{float:left;} div.detalle_trabajo dl ,div.detalle_trabajo dt ,div.detalle_trabajo dd{float:left;} div.flotado_datos{float:left;width:200px;margin:15px 0;} div.flotado_datos h4, div.flotado_datos h5{margin:0;padding:0;float:left;} div.flotado_datos h4{margin:0;padding:0;font-size:11px;font-family:"Arial";color:#00bffe;font-weight:bold;width:50px;} div.flotado_datos h5{margin:0;padding:0px 0px 0px 3px;font-size:11px;font-family:"Arial";color:#ddd;font-weight:normal;width:147px;position:relative;top:-3px;} div.detalle_trabajo p{float:left;margin-top:10px;} div.copy{clear:both;} .social {float:right; width:240px;} /*FORMULARIOS COMUN*/ #caja_spinner, #caja_msg {height:150px;background:#0e0e0e;padding:60px 0px 0px 0px;margin:10px 0px 0px 0px;} #caja_spinner p#str_enviando, #caja_msg p#str_respuesta {height:35px;width:125px;position:relative;left:50%;margin-left:-53px;} #caja_spinner, #caja_msg p{text-align:center;margin:10px 0px; font-size:12px; text-transform:uppercase; font-family:"Arial";} #caja_alerta {text-align:center;margin:20px 0px 0px 0px; padding:10px 0px 0px 0px;font-size:12px; text-transform:uppercase; font-family:"Arial"; height:30px;background:#f3b308;border:1px solid #82500D;color:#000000;} #caja_alerta p strong {color:#db5c17;text-decoration:none;font-style:none;} #caja_alerta p em{color:brown;text-decoration:none;font-style:none;} /*FORMULARIO PRESUPUESTO*/ /* editado por javi , el becario */ #form{ width:596px; } label{display:block; padding:8px 0 0 4px;} label span{ color:#00C0FF; padding-left:2px;} input,textarea{ background-color:#434343; border:none;} input{height:18px; font-size:13pt; /*text-transform: uppercase;*/ padding:4px; padding-top:3px;} textarea{height:128px; width:580px; font-size:9pt; padding:4px;} #form h4 {padding:5px 0 0 11px; height:21px; width:597px; margin:26px 0 0 0; font-size:13px; font-family:"Arial";} #form h4 span, label span{ font-size:7pt;} .formgroup_title_uno{ background-color:#797878;} .formgroup_title_dos{ background-color:#00C0FF;} fieldset p , form p{margin-left:10px;} input, textarea, #form h4 {color:#FFF;} #form h4 span, label span, textarea, input { font-family:"Arial"; } .columna_uno, .columna_dos, .columna_tres, .columna_doble{float:left;} .columna_uno input{width:188px;} .columna_dos input{width:238px;} .columna_tres input{width:118px;} .columna_doble input{width:375px;} #boton_borrar, #boton_enviar{ float:right; margin:13px 10px 0 0;} #boton_enviar input { height: 28px; width:297px; padding:0px;} #boton_borrar input { height: 28px; width:73px; padding:0px;} /*FORMULARIO CONTACTANOS*/ /* editado por javi , el becario */ .formgroup_title_empleo { background-color:#434343; font-family:"Arial";color:#FFF; padding:5px 0 0 11px; height:21px; width:597px; margin:26px 0 0 0; font-size:13px; font-family:"Arial";} p#empleo, #col_izq p.telefono2 {margin-top:10px;} #col_izq h3#tel_y_fax { width:190px;height:28px;background:#414141;} #col_izq h3#direccion { width:190px;height:28px;background:#414141;} #col_izq h3#mails { width:190px;height:28px;background:#414141;} #col_izq p.telefono_contacto { width:171px; height:42px;font-size:27px;color:#00bffe;margin:0 0 5px 0;/*margin-left:9px;*/ margin:-10px 0 -4px 11px;/*background:transparent url('../img/telefono_contacto.png') no-repeat top left;text-indent:-9999px;*/} #col_izq p.fax { width:153px;height:30px;font-size:20px;color:#00bffe;margin:-2px 0 14px 11px;/*background:transparent url('../img/fax_contacto.png') no-repeat top left;text-indent:-9999px;*/ } #col_izq p.fax span, #col_izq p.telefono_contacto span {color:#797878;} #col_izq p { margin-left:11px; font-family:"Arial"; font-size:12px; color:#FFF; width:169px;} #col_izq .direccion_postal {width:175px;height:70px; margin-top:10px; margin-bottom:15px;} #col_izq #listado_mails {margin:7px 0 24px 11px; padding:0px;} #col_izq #listado_mails li {font-size:9pt; line-height:9pt; margin-top:5px;} #col_izq #listado_mails li span {font-size:9pt; color:#797878; display:block;} #col_izq #listado_mails li a,#empleo a {color:#00bffe; font-size:9pt; text-decoration:none;} #col_izq #listado_mails li a:hover ,#empleo a:hover {color:#FFF; font-size:9pt; text-decoration:none;} #boton_enviar_consulta input { height: 28px; width:115px; padding:0px;} #boton_enviar_consulta {float:right; margin:13px 10px 0 0;} #contenedor_formulario_contacto #caja_spinner, #contenedor_formulario_contacto #caja_msg, #contenedor_formulario_presupuesto #caja_spinner, #contenedor_formulario_presupuesto #caja_msg {height:270px;width:608px;margin-top:5px;padding-top:150px;} /*PAGINA 404*/ body#page-not-found #bloque {clear:both;display:block;margin-bottom:120px;} body#page-not-found #bloque img{margin:50px 0px 15px 60px;} body#page-not-found #bloque #sugerencia{margin:0px 0px 0px 189px; width:500px;} body#page-not-found #bloque #sugerencia p{font-size:13px; margin:15px auto;} body#page-not-found #bloque #sugerencia a{color:#01bffe;} body#page-not-found #bloque #sugerencia h4 {height:28px; width:190px; margin-top:30px;} body#page-not-found #bloque #sugerencia ul, body#page-not-found #bloque #sugerencia li{margin:0px; padding:0px;} /*#content{float:left;}*/ /*PIE DE PAGINA*/ #footer{float:left;width:100%;height:102px;background:#000;position:relative;margin-top:25px;} #footer p {color:#6d6d6d;font-size:10px;padding-top:6px;margin-left:30px;_margin-left:70px;} #footer p strong{color:#00BEFF;font-size:10px;} #footer p a{font-size:9px; } /*DETALLE DE UN PROYECTO continuacion (pt1 linea 300)*/ /* - Estilos especificos del copy de los trabajos - ul - li : bullets azules -p : quitar flotado */ div.detalle_trabajo div.copy * {float:none;} div.detalle_trabajo div.copy p {margin-top:0px;} div.detalle_trabajo div.copy ul {padding:0; margin:10px 0 20px;} div.detalle_trabajo div.copy li {background:url(../img/blue_bullet.gif) no-repeat 0 6px; padding-left:8px;} .banner_inf a.ficod { background: url(../../assets/img/uploads/banner_FICOD.jpg) no-repeat; width:388px; height:147px; float:left; margin-bottom:10px;} .banner_inf a.ficod:hover { background: url(../../assets/img/uploads/banner_FICOD_hover.jpg) no-repeat;} .banner_inf a.mad { background: url(../../assets/img/uploads/banner_MAD.jpg) no-repeat; width:388px; height:59px; float:left;} .banner_inf a.mad:hover { background: url(../../assets/img/uploads/banner_MAD_hover.jpg) no-repeat;} }