.BoxInterior { width: 570px; } .BoxPortada { width: 200px; } .BoxFloat { float: left; width: 195px; } .BoxFloatSpacer { float: left; width: 10px; } .box { border-bottom:1px solid; border-left:1px solid; border-right:1px solid; margin-bottom: 15px; padding: 0px; } .BoxTitle { border: 1px solid #EBEBEB; border-left: none; font: bold 10px Verdana, "MS Sans Serif",Geneva,sans-serif; width:100%; margin: 0; padding: 0; } .BoxTitle img { vertical-align: middle; } .BoxContent { margin: 10px 20px 0px 68px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; text-align: justify; } .BoxTitleInterior { border: 0px solid #EBEBEB; border-left: none; font:bold 10px Verdana, "MS Sans Serif",Geneva,sans-serif; width:100%; margin: 0px 0px 10px 20px; } .BoxContentGrande { margin: 10px 30px 20px 68px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; } .BoxContentSmall { margin: 0 15px 0 25px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; } .BoxFooter { font: 10px Verdana; text-align: right; padding: 0px; margin: 0px; } #general { width:100%; border-color:#ccc; background :#F5F5F5 url(/img/iconos/noticias-icon.gif) no-repeat left bottom; } #noticias { width:100%; border-color:#FE921E; background :#F5F5F5 url(/img/iconos/noticias-icon.gif) no-repeat left bottom; } #legislacion { width:100%; border-color:#102B72; background :#F5F5F5 url(/img/iconos/legislacion-icon.gif) no-repeat left bottom; } #legislacionportada { width:100%; border-color:#102B72; background :#F5F5F5 url(/img/iconos/legislacion-icon-small.gif) no-repeat left bottom; } #boletines { width:100%; border-color:#102B72; background :#F5F5F5 url(/img/iconos/boletines-icon.gif) no-repeat left bottom; } #fiscal { width:100%; border-color:#007CC2; background :#F5F5F5 url(/img/iconos/fiscal-icon.gif) no-repeat left bottom; } #laboral { width:100%; border-color:#00529B; background :#F5F5F5 url(/img/iconos/laboral-icon.gif) no-repeat left bottom; } #laboralportada { width:100%; border-color:#00529B; background :#F5F5F5 url(/img/iconos/laboral-icon-small.gif) no-repeat left bottom; } #mercantil { width:100%; border-color:#39B6E9; background :#F5F5F5 url(/img/iconos/mercantil-icon.gif) no-repeat left bottom; } #gestoriaonline { width:100%; border-color:#19BCAF; background :#F5F5F5 url(/img/iconos/gestoriaonline-icon.gif) no-repeat left bottom; } #gestoriaonlineportada { width:100%; border-color:#19BCAF; background :#F5F5F5 url(/img/iconos/gestoriaonline-icon-small.gif) no-repeat left bottom; } #gestoriavirtual { width:100%; border-color:#19BCAF; background :#F5F5F5 url(/img/iconos/gestoriaonline-icon.gif) no-repeat left bottom; } #gestoriavirtualportada { width:100%; border-color:#19BCAF; background :#F5F5F5 url(/img/iconos/gestoriaonline-icon-small.gif) no-repeat left bottom; } #novedades { width:100%; border-color:#148D12; background :#F5F5F5 url(/img/iconos/gestoriavirtual-icon.gif) no-repeat left bottom; } #webmail { width:100%; border-color:#5C81F3; background :#F5F5F5 url(/img/iconos/webmail-icon-small.gif) no-repeat left bottom; } #newsletter{ width:100%; border-color:#BC0000; background :#F5F5F5 url(/img/iconos/newsletter-icon.gif) no-repeat left bottom; } #asistente { width:100%; border-color:#C0068F; background :#F5F5F5 url(/img/iconos/asistente-icon-small.gif) no-repeat left bottom; } #boletinesportada { width:100%; border-color:#102B72; background :#F5F5F5 url(/img/iconos/boletines-icon-small.gif) no-repeat left bottom; } #sistemared { width:100%; border-color:#00529B; background :#F5F5F5 url(/img/iconos/sistemared-icon.gif) no-repeat left bottom; } #administracionpublica { width:100%; border-color:#009D57; background :#F5F5F5 url(/img/iconos/administracionpublica-icon.gif) no-repeat left bottom; } #presenciainternet { width:100%; border-color:#007842; background :#F5F5F5 url(/img/iconos/presenciainternet-icon.gif) no-repeat left bottom; } #recursos { width:100%; border-color:#BC0000; background :#F5F5F5 url(/img/iconos/recursos-icon.gif) no-repeat left bottom; } #recursosportada { width:100%; border-color:#BC0000; background :#F5F5F5 url(/img/iconos/recursos-icon-small.gif) no-repeat left bottom; } #sistemaredportada { width:100%; border-color:#00529B; background :#F5F5F5 url(/img/iconos/sistemared-icon-small.gif) no-repeat left bottom; } /* ----- Solucion para el pixel inferior del mas [+] ----- */ #noticias img { vertical-align: bottom; } #novedades img { vertical-align: bottom; } #asistente img { vertical-align: bottom; } #legislacion img { vertical-align: bottom; } #boletines img { vertical-align: bottom; } #fiscal img { vertical-align: bottom; } #laboral img { vertical-align: bottom; } #mercantil img { vertical-align: bottom; } #gestoriaonline img { vertical-align: bottom; } #gestoriavirtual img { vertical-align: bottom; } #administracionpublica img { vertical-align: bottom; } #presenciainternet img { vertical-align: bottom; } #recursos img { vertical-align: bottom; } #webmail img { vertical-align: bottom; } #newsletter img { vertical-align: bottom; } #boletinesportada img { vertical-align: bottom; } #sistemared img { vertical-align: bottom; } #legislacionportada img { vertical-align: bottom; } #laboralportada img { vertical-align: bottom; } #gestoriavirtualportada img { vertical-align: bottom; } #sistemaredportada img { vertical-align: bottom; } img .imgbottom { vertical-align: bottom; } /* Especiales para div dentro de cajas */ #interior{ border:0px solid #EBEBEB; width:70%; margin-left: 50px; padding: 0px; } #derecha{ border:0px solid #EBEBEB; width:20%; float:right; margin: 0px 5px 20px 0px; } #centro{ border:0px solid #EBEBEB; width:20%; float:right; margin-right:50px; padding: 10px 5px 20px 5px; } #tituloLaboral{ background: #007842; border:1px solid #EBEBEB; width:20%; float:right; margin-right: 5px; } /* ------- CUADROS CON TITULO ------- */ .CuadroInterior { width: 566px; } .Cuadro { border:1px solid #E0E0E0; background-color: #F5F5F5; width:100%; margin-top: 2px; padding: 0px 0px 0px 0px; } .CuadroTitle { font:bold 13px Verdana; color: #FFFFFF; background-color: #CCCACC; width:100%; } .CuadroTitlePRL { font:bold 13px Verdana; color: #FFFFFF; background-color: #D7DCF3; width:100%; } #baseTituloCuadro { float: left; padding: 0px 20px 0px 20px; } .CuadroContent { margin: 0px; padding: 10px 20px 0px 20px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; text-align: justify; } .CuadroContentBlanco { margin: 0px; padding: 10px 20px 0px 68px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; line-height: 18px; text-align: justify; background-color: #FFFFFF; } .CuadroMapa { margin:0px; padding: 10px 0px 0px 68px; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; } /* --------- Formatos del CONTENIDO de los CUADROS --------- */ #noticiasCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/noticias-icon.gif) no-repeat left bottom; } #contactoCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/contacto-icon.gif) no-repeat left bottom; } #quienessomosCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/quienessomos-icon.gif) no-repeat left bottom; } #legislacionCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/legislacion-icon.gif) no-repeat left bottom; } #fiscalCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/fiscal-icon.gif) no-repeat left bottom; } #laboralCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/laboral-icon.gif) no-repeat left bottom; } #mercantilCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/mercantil-icon.gif) no-repeat left bottom; } #gestoriavirtualCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/gestoriaonline-icon.gif) no-repeat left bottom; } #gestoriaonlineCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/gestoriaonline-icon.gif) no-repeat left bottom; } #administracionpublicaCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/administracionpublica-icon.gif) no-repeat left bottom; } #presenciainternetCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/presenciainternet-icon.gif) no-repeat left bottom; } #boletinesCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/boletines-icon.gif) no-repeat left bottom; } #sistemaredCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/sistemared-icon.gif) no-repeat left bottom; } .Cuadro img { vertical-align: bottom; } #recursosCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/recursos-icon.gif) no-repeat left bottom; } #newsletterCuadro { width:100%; border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/newsletter-icon.gif) no-repeat left bottom; } #noticiasCuadroPRL { width:100%; border-color:#EBEBEB; background :#ECEEF9; } /* --------- Formatos de los TITULOS de los CUADROS --------- */ #noticiasTituloCuadroPRL { background-color :#2A317F; float: left; padding: 0px 20px 0px 20px; } #noticiasTituloCuadro { background-color :#012059; float: left; padding: 0px 20px 0px 20px; } #contactoTituloCuadro { background-color :#FB931A; float: left; padding: 0px 20px 0px 20px; } #quienessomosTituloCuadro { background-color :#FB931A; float: left; padding: 0px 20px 0px 20px; } #legislacionTituloCuadro { background-color :#333E79; float: left; padding: 0px 20px 0px 20px; } #fiscalTituloCuadro { background-color :#589CCF; float: left; padding: 0px 20px 0px 20px; } #laboralTituloCuadro { background-color :#005494; float: left; padding: 0px 20px 0px 20px; } #mercantilTituloCuadro { background-color :#8ED7F6; float: left; padding: 0px 20px 0px 20px; } #gestoriaonlineTituloCuadro { background-color :#0AA20A; float: left; padding: 0px 20px 0px 20px; } #administracionpublicaTituloCuadro { background-color :#066406; float: left; padding: 0px 20px 0px 20px; } #presenciainternetTituloCuadro { background-color :#043D04; float: left; padding: 0px 20px 0px 20px; } #boletinesTituloCuadro { background-color :#102B72; float: left; padding: 0px 20px 0px 20px; } #sistemaredTituloCuadro { background-color :#00529B; float: left; padding: 0px 20px 0px 20px; } #recursosTituloCuadro { background-color :#9B121F; float: left; padding: 0px 20px 0px 20px; } #newsletterTituloCuadro { background-color :#9B121F; float: left; padding: 0px 20px 0px 20px; } /* Ayudas */ .CuadroTitleA { font:bold 13px Verdana; color: #FFFFFF; background-color: #CCCACC; width:100%; margin: 10px 0px 0px 0px; } #ayudaCuadro { border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/ayuda-icon.gif) no-repeat left bottom; padding: 0px 0px 25px 0px; } #faqCuadro { border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/faq-icon.gif) no-repeat left bottom; padding: 0px 0px 25px 0px; } #ventajasCuadro { border-color:#EBEBEB; background :#F5F5F5 url(/img/iconos/ventajas-icon.gif) no-repeat left bottom; padding: 0px 0px 25px 0px; } #ventajasTituloCuadro { background-color :#FB931A; float: left; padding: 0px 20px 0px 20px; } #ayudaTituloCuadro { background-color :#FB931A; float: left; padding: 0px 20px 0px 20px; } /* AYUDAS DE VENTAJAS */ div#ventajas a span { display: none; text-decoration: none; } div#ventajas a:hover { background: #F1F2F3; color: #022C82; } div#ventajas a:hover span { display: block; position: absolute; padding: 5px; width: 250px; top : 80px; left:265px; font: 10px Verdana, sans-serif; text-align: left; color: #022C82; background-color: #eee; border: 1px solid #ccc; } .CuadroInteriorA { width:95%; margin: 0px auto; } /* CUADRO ADMINISTRACION PUBLICA MAPAS */ #adminTituloCuadro { background-color :#FB931A; float: left; padding: 0px 20px 0px 20px; } #adminCuadro { border-color:#EBEBEB; background :#F5F5F5 ; padding: 0px 0px 15px 0px; } #GrisOscuro { background-color: #E7E7E7; border: 1px solid #102B72; } .Cuadro a:link, .Cuadro a:visited { color: #102B72; } .Cuadro a:hover { color: #FB931A; } .Cuadro h1 { font-size: 12px; color: #102B72; border: 1px solid #102B72; padding: 1px 5px; text-align: center; background-color: white; width: 200px; margin-top: 10px; margin-left: 15px; } #ContentCuadroBoletines { padding: 5px 15px 10px 80px; } .Box_Laboral { border: 1px solid #EBEBEB; border-left: none; font:bold 10px Verdana, "MS Sans Serif",Geneva,sans-serif; width:100%; }