/* CSS Document */ *{ margin: 0;padding:0;} /* -------------------------- GENERAL ----------------------------*/ html{height:100%; width:100%;padding: 0;margin: 0; } body { height:100%; width:100%; margin: 0; padding: 0; color: #000000; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:69.5%; background-color:#005c99; } .clear{clear:both;} .clear15{clear:both; height:15px} .separador{margin:20px 0 20px 0;border-bottom:1px solid #999999;} .separadorMin{margin:-10px 0 10px 0;border-bottom:1px dotted #999999;} .bold{font-weight:bold;} .cursiva{font-style:oblique;} /* -------------------------- CONTENEDORES ----------------------------*/ #container{width:100%; margin:auto;} #container #Arriba{width:100%;height:52px; background-image:url(images/fnd_Superior.jpg); background-position:center bottom; background-repeat:no-repeat;} #container #Arriba #pc{ text-align:right;width:778px;margin-left:auto;margin-right:auto;} #container #Arriba #pc a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;} #container #Medio{width:100%;background-image:url(images/fnd_Cuerpo.jpg); background-position:center; background-repeat:repeat-y;} #container #Abajo{width:100%; height:45px; background-image:url(images/fnd_Pie.jpg); background-position:center top; background-repeat:no-repeat;} /*------------menu Navegacion ----*/ #navega{height:15px; margin:10px 0 -17px 15px;} #navega a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;} #navega a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; } /* -------------------------- PIE ----------------------------*/ #container #Abajo #pie{width:778px; margin:auto; height:30px;} #container #Abajo #pie #pieLegal{ width:300px;height:15px; margin-top:30px; margin-left:20px; margin-right:20px; float:left;} #container #Abajo #pie #pieLegal li{ list-style:none; display:block; float:left; margin-right:19px; color:#FFFFFF;} #container #Abajo #pie #pieLegal li a{ font:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #container #Abajo #pie #pieRegistro{width:350px;height:15px; margin-top:30px; margin-left:15px; float:left; color:#FFFFFF;} #container #Abajo #pie #pieRegistro li{float:left;list-style:none; display:block; float:left; margin-left:10px;} #container #Abajo #pie #pieRegistro li a{ font:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} #contenedor{width:778px; margin:auto; min-height:750px; height:auto !important; height:750px;} /* -------------------------- CABECERA ----------------------------*/ #contenedorCabecera{ width:778px; height:222px;float:left;} #contenedorCabeceraInf{ width:778px; height:54px;float:left; background-image: url(images/fnd_Cabecera.jpg); background-repeat:repeat-x;} #contenedorCabeceraInf #Logo1{ width:191px;height:54px; float:left;} #contenedorCabeceraInf #Logo1 h1{width:191px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;} #contenedorCabeceraInf #Logo1 h1 a { width:191px; height:54px; background:url(images/logoForcusa1.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo1 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #Logo2{ width:160px;height:54px; float:left} #contenedorCabeceraInf #Logo2 h1{width:160px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF } #contenedorCabeceraInf #Logo2 h1 a { width:160px;height:54px; background:url(images/logoForcusa2.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo2 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #Logo3{ width:110px;height:54px; float:left;} #contenedorCabeceraInf #Logo3 h1{width:110px;height:54px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF } #contenedorCabeceraInf #Logo3 h1 a { width:110px;height:54px; background:url(images/logoForcusa3.jpg) no-repeat; display: block; color: #FFFFFF; } #contenedorCabeceraInf #Logo3 h1 a span { position: absolute; z-index: -1; } #contenedorCabeceraInf #submenu{ margin-top:15px; padding-left:8px;width:305px; float:left;} #contenedorCabeceraInf #submenu ul{ width:305px; float:left;} #contenedorCabeceraInf #submenu ul li{ list-style:none;display:inline; margin-left:8px; float:left;} #contenedorCabecera #flash{ width:778px; height:168px; background:url(images/fnd_Flash.jpg); float:left;} /* -------------------------- MENU ----------------------------*/ #contenedor #menu{ height:32px; width:776px; padding-top:18px; border-left:1px solid #3e4751; border-right:1px solid #787679; background-image: url(images/fndMenu.jpg); background-repeat:repeat-x; float:left;} #menu ul{width:600px; float:left; margin-left:18px;} #menu ul li{float:left; display:block; list-style:none; margin-right:10px;} #menu ul .empresa{ width:101px; height:32px;} #menu ul .empresa h1{width:101px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .empresa h1 a{width:101px; height:32px;background:url(images/principal.jpg) no-repeat; background-position:0 0 0 0; display: block; color: #FFFFFF;} #Bprincipal #menu ul .empresa h1 a{width:101px; height:32px;background:url(images/principal.jpg) no-repeat; background-position:-101px 0;display: block; color: #FFFFFF;} #menu ul .empresa h1 a:hover{width:101px; height:32px;background:url(images/principal.jpg) no-repeat;background-position:-101px 0; display: block; color: #FFFFFF;} #Bprincipal #menu ul .empresa h1 a:hover{} #menu ul .empresa h1 a span{ position: absolute; z-index: -1; } #menu ul .promociones{ width:121px; height:32px;} #menu ul .promociones h1{width:121px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .promociones h1 a{width:121px; height:32px;background:url(images/promociones.jpg) no-repeat;background-position:0 0; display: block; color: #FFFFFF;} #Bpromociones #menu ul .promociones h1 a{width:121px; height:32px;background:url(images/promociones.jpg) no-repeat;background-position:-121px 0; display: block; color: #FFFFFF;} #menu ul .promociones h1 a:hover{width:121px; height:32px;background:url(images/promociones.jpg) no-repeat;background-position:-121px 0; display: block; color: #FFFFFF;} #Bpromociones #menu ul .empresa h1 a:hover{} #menu ul .promociones h1 a span{position: absolute; z-index: -1; } #menu ul .historia{ width:90px; height:32px;} #menu ul .historia h1{width:90px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .historia h1 a{width:90px; height:32px;background:url(images/historia.jpg) no-repeat;background-position:0 0; display: block; color: #FFFFFF;} #Bhistoria #menu ul .historia h1 a{width:90px; height:32px;background:url(images/historia.jpg) no-repeat;background-position:-90px 0; display: block; color: #FFFFFF;} #menu ul .historia h1 a:hover{width:90px; height:32px;background:url(images/historia.jpg) no-repeat; background-position:-90px 0;display: block; color: #FFFFFF;} #menu ul .historia h1 a span{position: absolute; z-index: -1; } #menu ul .accionsocial{ width:132px; height:32px;} #menu ul .accionsocial h1{width:132px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .accionsocial h1 a{width:132px; height:32px;background:url(images/accionsocial.jpg) no-repeat;background-position:0 0; display: block; color: #FFFFFF;} #Baccionsocial #menu ul .accionsocial h1 a{width:132px; height:32px;background: url(images/accionsocial.jpg) no-repeat;background-position:-132px 0; display: block; color: #FFFFFF;} #menu ul .accionsocial h1 a:hover{width:132px; height:32px;background:url(images/accionsocial.jpg) no-repeat;background-position:-132px 0; display: block; color: #FFFFFF;} #menu ul .accionsocial h1 a span{position: absolute; z-index: -1; } #menu ul .contacto{width:91px; height:32px;} #menu ul .contacto h1{width:91px; height:32px;position: relative; z-index: 1; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF} #menu ul .contacto h1 a{width:91px; height:32px;background:url(images/contactoT.jpg) no-repeat;background-position:0 0; display: block; color: #FFFFFF;} #Bcontacto #menu ul .contacto h1 a{width:91px; height:32px;background:url(images/contactoT.jpg) no-repeat;background-position:-91px 0; display: block; color: #FFFFFF;} #menu ul .contacto h1 a:hover{width:91px; height:32px;background:url(images/contactoT.jpg) no-repeat;background-position:-91px 0; display: block; color: #FFFFFF;} #menu ul .contacto h1 a span{position: absolute; z-index: -1; } /* -------------------------- CUERPO ----------------------------*/ #contenedor #cuerpo{width:778px; min-height:300px; height:auto !important; height:300px; background-image:url(images/fnd_Cuerpo.jpg); background-position:center; background-repeat:repeat-y; float:left;} #contenedor #cuerpo #contenidoArriba{width:778px; background-image:url(images/fndCuerpo.jpg); background-repeat:no-repeat; background-position:top; float:left; min-height:141px; height:auto !important; height:141px;} #contenedor #cuerpo #contenidoMedio{width:776px; float:left; background-color: #FFFFFF; border-left:1px solid #3e4751; border-right:1px solid #949192; min-height:300px; height:auto !important; height:300px; } /* -------------------------- pagina de inicio ----------------------------*/ #cuerpo #list_Promociones{width:778px; height:113px; float:left; margin-top:25px;} #cuerpo #list_Promociones .contPromocion{width:91px; height:113px; margin-right:15px; float:left; margin-left:18px;} #cuerpo #list_Promociones .contPromocion .fotoPromo{ width:91px; height:83px;} #cuerpo #list_Promociones .contPromocion .esquina{ position:absolute;width:91px; height:83px;margin-top:-83px;} #cuerpo #list_Promociones .contPromocion .textPromo{ height:25px; padding-top:8px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#787679;} #contenedor #cuerpo #cont_portada{width:776px; height:310px;min-height:310px; height:auto !important; margin-top:25px;} #contenedor #cuerpo #cont_portada #fotoPortada{ width:417px; padding-left:18px; float:left;} #cuerpo #cont_portada #fotoPortada #foto{width:417px; height:auto;} #cuerpo #cont_portada #fotoPortada #fotopie{ margin-top:10px; clear:both} #cuerpo #cont_portada #fotoPortada #fotopie h1{font-family:Tahoma; font-size:14px; color:#000000; font-weight:600; word-spacing:4px; text-align:left;} #contenedor #cuerpo #cont_portada #noticias{width:300px; float:left; height:280px; margin-left:20px;} #contenedor #cuerpo #cont_portada #noticias #notarriba{width:300px; float:left; height:40px; background-image: url(images/noticiaarriba.jpg); background-position:center top; background-repeat:no-repeat;} #contenedor #cuerpo #cont_portada #noticias #notarriba h2{ font-size:16px; color:#FFFFFF; padding-top:10px; padding-left:10px;} #contenedor #cuerpo #cont_portada #noticias #notmedio{width:300px; float:left; height:auto; background-color:#ECEDEF;} #contenedor #cuerpo #cont_portada #noticias #notmedio #textonot{width:270px; float:left; height:225px; padding:15px;} #contenedor #cuerpo #cont_portada #noticias #textonot #tituloNot{width:270px; float:left;} #contenedor #cuerpo #cont_portada #noticias #textonot #tituloNot h1{font-weight:bold; font-size:11px;} #contenedor #cuerpo #cont_portada #noticias #textonot #descrNot{width:270px; float:left; padding-top:7px;} #contenedor #cuerpo #cont_portada #noticias #textonot #vermas{width:150px; float:left; padding-top:3px; margin-bottom:10px;} #contenedor #cuerpo #cont_portada #noticias #textonot #vermas a{color:#4BADA8; text-decoration:underline;} #contenedor #cuerpo #cont_portada #noticias #textonot #vermas a:hover{color:#000000; text-decoration:underline;} #contenedor #cuerpo #cont_portada #noticias #notabajo{width:300px; float:left; height:15px; background-image:url(images/noticiaabajo.jpg); background-position:center top; background-repeat:no-repeat;} #contenedor #cuerpo #cont_portada #noticias #notabajo #mas{ float:right; width:250px; padding-right:10px; text-align:right;} #contenedor #cuerpo #cont_portada #noticias #notabajo #mas a{color:#4BADA8; text-decoration:underline;} #contenedor #cuerpo #cont_portada #noticias #notabajo #mas a:hover{color:#000000; text-decoration:underline;} /* -------------------------- pagina de historia ----------------------------*/ #cuerpo #historia{width:778px; float:left; margin-top:25px; min-height:300px; height:auto !important; height:300px;} #cuerpo #historia #textoH{width:300px;float:left; margin-left:15px;} #cuerpo #historia #textoH #textoHArriba{width:300px; float:left; height:40px; background-image: url(images/historiaarriba.jpg); background-position:center top; background-repeat:no-repeat;} #cuerpo #historia #textoH #textoHArriba h2{ font-size:16px; color:#FFFFFF; padding-top:10px; padding-left:10px;} #cuerpo #historia #textoH #textoHMedio{width:300px; float:left; background-color:#ECEDEF; } #cuerpo #historia #textoH #textoHMedio #descH{width:270px; float:left; padding:15px;} #cuerpo #historia #textoH #textoHAbajo{width:300px; float:left; height:15px; background-image:url(images/noticiaabajo.jpg); background-position:center top; background-repeat:no-repeat;} #cuerpo #historia #FotosH{width:425px;float:left; margin-left:13px;} #cuerpo #historia #FotosH #FotoG{width:425px;float:left; height:288px;} #cuerpo #historia #FotosH #PieFoto{width:400px;float:left; margin-bottom:25px; padding-top:3px; padding-left:5px;} #cuerpo #historia #FotosH #FotosP{width:425px;float:left; height:83px;} #cuerpo #historia #FotosH #FotosP #FotoP{width:90px;float:left; height:83px; margin-right:15px;} /* -------------------------- pagina de accion social ----------------------------*/ #cuerpo #historia #FotosH #Logos{width:425px;float:left; height:150px;} #cuerpo #historia #FotosH #Logos #LogoP{width:120px;float:left; height:103px; margin-right:6px;} #cuerpo #historia #FotosH #Logos #LogoP #PieLogo{width:130px;float:left; padding-left:5px; height:42px; margin-top:5px;} #cuerpo #historia #FotosH #Logos #LogoP #PieLogo a{color:#4BADA8; text-decoration:underline;} #cuerpo #historia #FotosH #Logos #LogoP #PieLogo a:hover{color:#000000; text-decoration:underline;} #Baccionsocial #cuerpo #historia #FotosH{width:405px;float:left; margin-left:33px;} /* -------------------------- pagina de contacto ----------------------------*/ #cuerpo #historia #textoH #textoHMedio #fotoContacto{width:280px; float:left;background-image: url(images/contacto.jpg); background-position:center bottom; background-repeat:no-repeat; height:374px; padding:10px 10px 0px 10px;} #cuerpo #historia #FotosH #Telefonos{ padding-left:20px; width:400px; float:left; min-height:200px; height:auto !important; height:200px;} #cuerpo #historia #FotosH #Telefonos #Titulo{padding-top:20px; height:30px; width:400px;} #cuerpo #historia #FotosH #Telefonos #Titulo h1{font-size:17px; color:#000000; font-weight:400;} #cuerpo #historia #FotosH #Telefonos #Oficinas{ width:400px; float:left; padding-top:5px;} #cuerpo #historia #FotosH #Telefonos #Oficinas h2{font-weight:bold;font-size:11px;} #cuerpo #historia #FotosH #Telefonos #Oficinas h2 a{ text-decoration:underline; font-size:10px; color:#353f90; padding-left:5px; padding-bottom:5px;} #cuerpo #historia #FotosH #Telefonos #Oficinas h2 a:hover{ text-decoration:underline; font-size:10px; color:#000000; padding-left:5px; padding-bottom:5px;} #cuerpo #historia #FotosH #Telefonos #Oficinas .txOficina{font-size:11px; color:#000000; text-align:left; width:400px; float:left; } #cuerpo #historia #FotosH #Telefonos2{ padding-left:20px; width:400px; float:left; min-height:50px; height:auto !important; height:50px;} #cuerpo #historia #FotosH #Telefonos2 #Titulo{padding-top:20px; height:25px; width:400px;} #cuerpo #historia #FotosH #Telefonos2 #Titulo h1{font-size:17px; color:#000000; font-weight:400;} #cuerpo #historia #FotosH #Telefonos2 #Oficinas{ width:400px; float:left; padding-top:5px;} #cuerpo #historia #FotosH #Telefonos2 #Oficinas h2{font-weight:bold;font-size:11px;} #cuerpo #historia #FotosH #Telefonos2 #Oficinas h2 a{ text-decoration:underline; font-size:10px; color:#353f90; padding-left:5px; padding-bottom:5px;} #cuerpo #historia #FotosH #Telefonos2 #Oficinas h2 a:hover{ text-decoration:underline; font-size:10px; color:#000000; padding-left:5px; padding-bottom:5px;} #cuerpo #historia #FotosH #Telefonos2 #Oficinas .txOficina{font-size:11px; color:#000000; text-align:left; width:400px; float:left; } #cuerpo #historia #FotosH #Correo{ padding-left:20px; width:400px; float:left; height:240px;} #cuerpo #historia #FotosH #Correo #TituloCorreo{padding-top:10px; height:30px; width:400px;} #cuerpo #historia #FotosH #Correo #TituloCorreo h1{font-size:17px; color:#000000; font-weight:400;} #cuerpo #historia #FotosH #Correo #Formulario{width:320px; float:left; background-color:#F7F5F5; height: 127px; padding:5px;} #cuerpo #historia #FotosH #Correo #Formulario div.medidas{margin: 0px 0px 2px 0px; background-color:#E5E9EC; width:317px; float:left;} #cuerpo #historia #FotosH #Correo #Formulario div.medidas label{float:left;width:70px;line-height:16px; background-color:#E5E9EC; padding-left:5px;} #cuerpo #historia #FotosH #Correo #Formulario div.medidas #espacio{float:left;width:5px;background-color:#F7F5F5;} #cuerpo #historia #FotosH #Correo #Formulario div.medidas input{width:230px;height:11px;text-align: justify; margin-left:5px;padding-left:01m; vertical-align:top; font-size:10px; } #cuerpo #historia #FotosH #Correo #Formulario div.medidas textarea{width:218px; padding-left:1em; margin-left:5px; vertical-align:top; font-size:11px; text-align:left;} #cuerpo #historia #FotosH #Correo #Formulario div.medidas .select{padding-left:01m; width:233px; text-align: justify; vertical-align:top; font-size:10px;margin-left:5px;} #cuerpo #historia #FotosH #Correo #Formulario .botonformulario{font-size:11px;margin:auto;text-align:center; height:20px; width:150px; margin-top:10px;} #cuerpo #historia #FotosH #Telefonos #Oficinas #LogoEnlace{ float:right; width:120px;} #cuerpo #historia #FotosH #Telefonos #Oficinas a{ color:#283e8f; text-decoration:underline;} #cuerpo #historia #FotosH #Telefonos #Oficinas a:hover{ color:#283e8f; text-decoration:underline;} /* -------------------------- pagina de promociones ----------------------------*/ #cuerpo #historia #mapaPromocion{width:330px;float:left; margin:15px 0px 0px 12px;} #cuerpo #historia #mapaPromocion #mapa{width:330px; float:left; height:235px; margin:0px 0px 10px 0px;} #cuerpo #historia #mapaPromocion #provinciamapa{width:330px; float:left; padding:0px 0px 0px 4px;} #cuerpo #historia #mapaPromocion #provinciamapa h2{font-size:16px;} #cuerpo #historia #mapaPromocion #provinciamapa #prov{width:80px; float:left; font-size:11px; margin:0px 0px 5px 0px;} #cuerpo #historia #mapaPromocion #provinciamapa #prov a{ text-decoration:underline; color:#0033FF;} #cuerpo #historia #mapaPromocion #provinciamapa #prov a:hover{ text-decoration:none; color:#0033FF;} #cuerpo #historia #promocionH{width:405px;float:left; margin-left:12px;} #cuerpo #historia #promocionH #promocionHArriba{width:405px; float:left; height:40px; background-image: url(images/promocionesarriba.jpg); background-position:center top; background-repeat:no-repeat;} #cuerpo #historia #promocionH #promocionHArriba h2{ font-size:16px; color:#FFFFFF; padding-top:10px; padding-left:10px;} #cuerpo #historia #promocionH #promocionHMedio{width:405px; float:left; background-color:#ECEDEF; } #cuerpo #historia #promocionH #promocionHMedio #promoDestacada{width:380px; padding:10px 10px 10px 15px; float:left;height:83px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #fotoPromo{width:91px; height:83px; float:left;margin:0px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada .esquinagris{width:91px; height:83px; z-index:1; margin-top:-83px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP{float:left; padding:0px 0px 0px 10px; width:270px; font-size:10px; text-align:left} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP h3{font-size:11px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP a{color:#4BADA8; text-decoration:underline; padding:0px 0px 0px 4px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP .linkMapaweb{color:#003399; font-size:14px; text-decoration:underline; padding:0px 0px 0px 4px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP a:hover{color:#000000; text-decoration:underline; padding:0px 0px 0px 4px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP a{color:#003399; font-size:12px; text-decoration:underline; padding:0px 0px 0px 0px;} #cuerpo #historia #promocionH #promocionHMedio #promoDestacada #descP a:hover{color:#003399; font-size:12px; text-decoration:underline; padding:0px 0px 0px 0px;} #cuerpo #historia #promocionH #promocionHAbajo{width:405px; float:left; height:15px; background-image:url(images/promocionabajo.jpg); background-position:center top; background-repeat:no-repeat;} #cuerpo #historia #promocionH #promocionHAbajo #maspromo{ float:right; width:340px; padding-right:10px; text-align:right;} #cuerpo #historia #promocionH #promocionHAbajo #maspromo a{color:#4BADA8; text-decoration:underline;} #cuerpo #historia #promocionH #promocionHAbajo #maspromo a:hover{color:#000000; text-decoration:underline;} /* -------------------------- pagina de listado de promociones ----------------------------*/ #contenidoArriba #listadoPromo{width:740px; margin:25px auto 10px auto; background-color:#F2F3F4; } #contenidoArriba #listadoPromo #listArriba{width:740px; float:left; height:40px; background-image: url(images/promocionArriba.jpg); background-position:center top; background-repeat:no-repeat;} #contenidoArriba #listadoPromo #listArriba h2{ font-size:16px; color:#FFFFFF; padding-top:10px; padding-left:10px;} #contenidoArriba #listadoPromo #listMedio{width:740px; float:left; background-color:#ECEDEF;} #contenidoArriba #listadoPromo #listMedio #promoDest{width:725px; padding:10px 0px 10px 15px; float:left;height:auto;} #contenidoArriba #listadoPromo #listMedio #promoDest .fotoPr{width:91px; height:83px; float:left;margin:0px;} #contenidoArriba #listadoPromo #listMedio #promoDest .fotoPr .esquinagris{width:91px; height:83px; z-index:1; margin-top:-83px;} #contenidoArriba #listadoPromo #listMedio #promoDest .descPr{float:left; padding:0px 0px 0px 10px; width:230px; font-size:10px; margin:0px 25px 0px 0px;} #contenidoArriba #listadoPromo #listMedio #promoDest .descPr h3{font-size:11px;} #contenidoArriba #listadoPromo .bAzul{ color:#003399; font-size:12px} #contenidoArriba #listadoPromo #listMedio #promoDest .descPr a{color:#003399; font-size:12px; text-decoration:underline; padding:0px 0px 0px 0px;} #contenidoArriba #listadoPromo #listMedio #promoDest .descPr a:hover{color:#003399; font-size:12px; text-decoration:underline; padding:0px 0px 0px 0px;} #contenidoArriba #listadoPromo #listAbajo{width:740px; float:left; height:20px; background-image:url(images/promocionesAbajo.jpg); background-position:center top; background-repeat:no-repeat;} #contenidoArriba #listadoPromo #listMedio2{width:740px; float:left; font-size:11px;} #contenidoArriba #listadoPromo #listMedio2 #promoND{width:740px; padding:10px 0px 10px 15px; float:left;height:auto;} #contenidoArriba #listadoPromo #listMedio2 #promoND .fotoPro{width:91px; height:83px; float:left;margin:0px;} #contenidoArriba #listadoPromo #listMedio2 #promoND .fotoPro .esquina{ width:91px; height:83px; z-index:1; margin-top:-83px;} #contenidoArriba #listadoPromo #listMedio2 #promoND .fotoPro .esquinagris{ width:91px; height:83px; z-index:1; margin-top:-83px;} #contenidoArriba #listadoPromo #listMedio2 #promoND .descPro{float:left; padding:0px 0px 0px 10px; width:230px; font-size:10px; margin:0px 25px 0px 0px;} #contenidoArriba #listadoPromo #listMedio2 #promoND .descPro h3{font-size:11px;} #contenidoArriba #listadoPromo #listMedio2 #promoND .descPro a{color:#003399; font-size:12px; text-decoration:underline; padding:0px 0px 0px 0px;} #contenidoArriba #listadoPromo #listMedio2 #promoND .descPro a:hover{color:#003399; font-size:12px; text-decoration:underline; padding:0px 0px 0px 0px;} /* -------------------------- Promociones Detallado ----------------------------*/ #textoHMedio #foto{ padding:10px; height:260px;} #textoHMedio .esquinagrande{position:absolute; width:280px; height:260px; margin-top:-270px; margin-left:10px;} #textoHMedio #fotopeq{padding-left:10px;padding-right:0px; width:290px;} #textoHMedio #fotopeq li{ list-style:none; float:left;width:91px; height:83px; margin-right:4px;} #textoHMedio #fotopeq li .esquinagris{ width:91px; height:83px; z-index:1; margin-top:-83px; cursor:pointer} #cuerpo #historia #FotosH #Telefonos #Oficinas .mapGoogle{border:3px solid #006699; width:400px; background-color:#F4F4F4} #cuerpo #historia #FotosH #Telefonos #Oficinas .textoDatos{ line-height:20px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px}