@charset "utf-8"; /* CMO HACER APLICAR UN CAMBIO SLO A UN EXPLORADOR (HACK) IE6 ---> * html propiedad IE7 ---> *+html propiedad Opera 9 y anteriores ---> html:first-child propiedad */ /* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS: * -sin bordes * -sin mrgenes ni paddings * -sin fondos ni estilo para listas */ * {margin: 0; padding: 0; font: 100% Tahoma,Arial,Helvetica,sans-serif;} q:before,q:after {content: "";} sup {font-size: 0.8em;} sub {font-size: 0.8em;} ul {list-style-type: none;} a {border: none; text-decoration: none; color: #52006e;} a:link, a:visited, a:active {outline: none;} a:hover {text-decoration: underline;} img {border: none; text-decoration: none;} acronym {border: 0;} /* igualar las fuentes a todos los elementos */ h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;} /* tablas */ table {width: 100%; border-collapse: collapse; border-spacing: 0;} /* propociona altura a divs sin altura con contenido flotado */ /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .b {border: 1px solid Yellow;} /*clase de uso rpido para destacar los bordes de un bloque*/ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body { background:url(/imagenes/comunes/fnd_inf.jpg) repeat-x bottom; width:100%;} #subpagina { background:url(/imagenes/comunes/fnd_sup.jpg) repeat-x top; width:100%;} #pagina { margin:auto; width:1005px;} /********************************************** CABECERA ***********************************************/ #cabecera { float:left; width:1005px; margin-top:19px; } #cabecera h1 { float:left; } #cabecera h1 a { display:block; background:url(/imagenes/comunes/logo_cuatrocanos.jpg) no-repeat; width:303px; height:85px; text-indent:-9999px; } #cabecera #nav_util { float:right; display:inline; margin-right:10px;} #cabecera #nav_util ul { float:left;} #cabecera #nav_util ul li { display: inline;} #cabecera #nav_util ul li span.linea-naranja { color:#ea6522; font-family:Tahoma; font-size:11px;} #cabecera #nav_util ul li a { font-family:Tahoma; color:#707173; font-size:11px; text-decoration: none; height: 11px;} #cabecera #nav_util ul li a:hover { text-decoration:underline; } #cabecera #nav_util ul li.compartir{font-family:Tahoma; color:#707173; font-size:11px; text-decoration: none; height: 11px;} #cabecera #nav_util ul li a.facebook img{margin-top:5px;} #cabecera #menu { display:inline; float:left; width:1005px; height:42px;} #menu ul {float:left;} #menu li {display:inline; float:left; position:relative;} #menu li a {display:block; height:42px; text-indent:-9999px;} #menu li .index { background:url(/imagenes/comunes/menu.png) no-repeat 0px 0px; width:125px;} #menu li .index-selec { background: url(/imagenes/comunes/menu.png) no-repeat 0px -42px; width: 125px;} #menu li .index:hover { background: url(/imagenes/comunes/menu.png) no-repeat 0px -42px; width: 125px;} #menu li .grupo { background:url(/imagenes/comunes/menu.png) no-repeat -125px 0px; width:210px;} #menu li .grupo-selec { background:url(/imagenes/comunes/menu.png) no-repeat -125px -42px; width:210px;} #menu li .grupo:hover { background:url(/imagenes/comunes/menu.png) no-repeat -125px -42px; width:210px;} #menu li .proyectos-venta { background:url(/imagenes/comunes/menu.png) no-repeat -335px 0px; width:185px;} #menu li .proyectos-venta-selec { background:url(/imagenes/comunes/menu.png) no-repeat -335px -42px; width:185px;} #menu li .proyectos-venta:hover { background:url(/imagenes/comunes/menu.png) no-repeat -335px -42px; width:185px;} #menu li .ventajas-diferenciales { background:url(/imagenes/comunes/menu.png) no-repeat -520px 0px; width:207px;} #menu li .ventajas-diferenciales-selec { background:url(/imagenes/comunes/menu.png) no-repeat -520px -42px; width:207px;} #menu li .ventajas-diferenciales:hover { background:url(/imagenes/comunes/menu.png) no-repeat -520px -42px; width:207px;} #menu li .gana-dinero { background:url(/imagenes/comunes/menu.png) no-repeat -727px 0px; width:139px;} #menu li .gana-dinero-selec { background:url(/imagenes/comunes/menu.png) no-repeat -727px -42px; width:139px;} #menu li .gana-dinero:hover { background:url(/imagenes/comunes/menu.png) no-repeat -727px -42px; width:139px;} #menu li .contacto { background:url(/imagenes/comunes/menu.png) no-repeat -866px 0px; width:131px;} #menu li .contacto-selec { background:url(/imagenes/comunes/menu.png) no-repeat -866px -42px; width:131px;} #menu li .contacto:hover { background:url(/imagenes/comunes/menu.png) no-repeat -866px -42px; width:131px;} #menu .submenuDesplegable{ left: 0; position: absolute; top:0px; width: 100%; display:none; z-index: 99;} #menu .submenuDesplegable .menu-desplegado{list-style:none;width:100%;} #menu .submenuDesplegable .menu-desplegado li{float: left;display:block;margin:0px;} #menu .submenuDesplegable .menu-desplegado li a{display:block; text-indent:-9999px;} /****SUBMENU GRUPO****/ #desplegable1{top:1px !important; left:0px !important; width:207px !important;} #desplegable1 li{width:207px;} #desplegable1 .subgrupo{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px 0px; width:207px;height:29px;} #desplegable1 .subgrupo:hover, #desplegable1 .subgrupo-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px 0px;width:207px;height:29px;} #desplegable1 .presentacion{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -29px; width:207px;height:30px;} #desplegable1 .presentacion:hover, #desplegable1 .presentacion-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -29px;width:207px;height:30px;} #desplegable1 .origen{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -59px; width:207px;height:23px;} #desplegable1 .origen:hover, #desplegable1 .origen-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -59px;width:207px;height:23px;} #desplegable1 .evolucion{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -82px; width:207px;height:23px;} #desplegable1 .evolucion:hover, #desplegable1 .evolucion-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -82px;width:207px;height:23px;} #desplegable1 .sociedades{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -105px; width:207px;height:23px;} #desplegable1 .sociedades:hover, #desplegable1 .sociedades-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -105px;width:207px;height:23px;} #desplegable1 .divisiones{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -128px; width:207px;height:23px !important;} #desplegable1 .divisiones:hover, #desplegable1 .divisiones-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -128px;width:207px;height:23px;} #desplegable1 .capricho{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -151px; width:207px;height:23px;} #desplegable1 .capricho:hover, #desplegable1 .capricho-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -151px;width:207px;height:23px;} #desplegable1 .proyectos{ background:url(/imagenes/comunes/subMenu1.png) no-repeat 0px -174px; width:207px;height:23px;} #desplegable1 .proyectos:hover, #desplegable1 .proyectos-selec{ background:url(/imagenes/comunes/subMenu1.png) no-repeat -207px -174px;width:207px;height:23px;} /****SUBMENU Proyectos****/ #desplegable2{top:1px !important; left:0px !important; width:183px !important;} #desplegable2 li{width:183px;} #desplegable2 .subproyectos{ background:url(/imagenes/comunes/subMenu2.png) no-repeat 0px 0px; width:183px;height:27px;} #desplegable2 .subproyectos:hover, #desplegable2 .subproyectos-selec{ background:url(/imagenes/comunes/subMenu2.png) no-repeat -183px 0px;width:183px;height:27px;} #desplegable2 .todos{ background:url(/imagenes/comunes/subMenu2.png) no-repeat 0px -27px; width:183px;height:33px;} #desplegable2 .todos:hover, #desplegable2 .todos-selec{ background:url(/imagenes/comunes/subMenu2.png) no-repeat -183px -27px;width:183px;height:33px;} #desplegable2 .ramales{ background:url(/imagenes/comunes/subMenu2.png) no-repeat 0px -60px; width:183px;height:23px;} #desplegable2 .ramales:hover, #desplegable2 .ramales-selec{ background:url(/imagenes/comunes/subMenu2.png) no-repeat -183px -60px;width:183px;height:23px;} #desplegable2 .mortera{ background:url(/imagenes/comunes/subMenu2.png) no-repeat 0px -83px; width:183px;height:23px;} #desplegable2 .mortera:hover, #desplegable2 .mortera-selec{ background:url(/imagenes/comunes/subMenu2.png) no-repeat -183px -83px;width:183px;height:23px;} #desplegable2 .miengo{ background:url(/imagenes/comunes/subMenu2.png) no-repeat 0px -106px; width:183px;height:23px;} #desplegable2 .miengo:hover, #desplegable2 .miengo-selec{ background:url(/imagenes/comunes/subMenu2.png) no-repeat -183px -106px;width:183px;height:23px;} #desplegable2 .escalante{ background:url(/imagenes/comunes/subMenu2.png) no-repeat 0px -129px; width:183px;height:22px;} #desplegable2 .escalante:hover, #desplegable2 .escalante-selec{ background:url(/imagenes/comunes/subMenu2.png) no-repeat -183px -129px;width:183px;height:22px;} /********************************************** MIGAS ***********************************************/ .migas { float:left; margin-top:-18px; margin-left:32px; height:20px; display:inline;} .migas span { float:left; font-family:Tahoma; font-size:11px; color:#000; margin-right:3px;} .migas a { float:left; font-family:Tahoma; font-size:11px; color:#000; margin-right:3px;} .migas a.actual { float:left; font-family:Tahoma; font-size:11px; color:#EA6522; margin-right:3px; font-weight:bold;} /********************************************** PIE ***********************************************/ #pie { float:left; background:url(/imagenes/comunes/fnd-pie.gif) no-repeat; width:1005px; height:80px; /*margin-top:17px;*/} #pie p { display:inline; float:right; font-family:Tahoma; font-size:10px; color:#fff; margin-right:20px; margin-top:10px; text-align:right; text-transform:uppercase;} #pie p a {font-family:Tahoma; font-size:10px; color:#fff; } .pie-grupo{float:left;background:url(/imagenes/grupo/pie-grupo2.jpg) no-repeat;height:174px;width:996px;} .pie-grupo h5{margin-bottom:8px; float:left;} .pie-grupo div{float:left;display:block;width:245px;text-align:center;height:174px;padding-top:2px;} .pie-grupo #redes ul{width:230px;} .pie-grupo #redes li{display:inline; float:right;} .pie-grupo #redes #img_redes{display:inline; float:right; margin-right:63px; } .pie-grupo #gana a{display:block;} .pie-grupo #gana img{float:left; margin-left:17px;} .pie-grupo #redes li{line-height:45px;height:45px;} .pie-grupo #redes li span{vertical-align:middle;float:left; display:inline;text-align:right;margin-right:3px;width:150px;} .pie-grupo #redes li img{vertical-align:middle;float:left; display:inline;} .pie-grupo #financiacion img{float:left; margin-left:17px;} .pie-grupo #promociones li{float:left;margin-top:28px; margin-left:20px;height:30px;display:inline;} .pie-grupo #promociones #escalante{float:left;margin-top:5px; margin-left:14px;height:30px; display:block} .pie-grupo #promociones h5{margin-bottom:15px;}