/* Hoja de estilos Site: elperiodicodelmotor.es Autor: Packo ED3 2009 */ /* /////////////////////// Global /////////////////////// */ body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;background-image: url(/img/b/body.png);background-repeat: repeat-x;background-position: center top;margin: 0px;padding: 0px;} #subbody {padding: 0px;margin: 0px auto;width: 980px;} #precabecera {height: 95px;width: 980px;padding: 0px;margin: 0px;} #precabecera #publiTop {background: #CCC url(/img/p/publicidad.gif) no-repeat top left;padding: 0 0 0 12px;margin: 0px;height: 90px;width: 728px;float: left;overflow: hidden;} #precabecera #publiTop2 {background: #CCC url(/img/p/publicidad.gif) no-repeat top left;padding: 0 0 0 12px;margin: 0px 0px 0px 10px;height: 90px;width: 215px;float: left;overflow: hidden;} #cabecera {background: #E60000 url(/img/cab/fondo.png) no-repeat top left;height: 100px;width: 980px !important;padding: 0px;margin: 0px;} #cabecera #premenu {height: 20px;width: 980px;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #FFFFFF;border-bottom-color: #FFFFFF;margin: 0px;padding: 0px;} #cabecera #premenu #items {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: 18px;color: #FFF;text-align: right;padding: 0px;margin:0px auto;height: 18px;width: 950px;} #cabecera #premenu #items a {color: #FFF;text-decoration: none;margin: 10px 0;} #cabecera #premenu #items a:hover {color: #E60000;} #cabecera #colum_left {float: left;width: 420px;height: 78px;} #cabecera #colum_left #log {margin: 0px;padding: 0px;height: 50px;width: 410px;margin: 0px;padding:0;} #cabecera #colum_left #log h1 {padding: 0px;margin: 0px;height: 1px;} #cabecera #colum_left #log a { display:block;padding: 49px 0 0 ;margin: 0 0 0 10px;width: 400px;height: 1px; overflow:hidden;} #cabecera #colum_left #ed3 {float: left; height: 20px;width: 170px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;padding: 0px;margin: 0px;text-align: right;} #cabecera #colum_left #fecha {float: left;height: 20px;width: 240px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;text-align: right;line-height: 20px;} #cabecera #colum_right{float: left; width: 545px;height: 78px;margin: 0px;padding: 0px;} #cabecera #colum_right #libre { float: left;width: 545px;height: 51px;margin: 0px;padding: 0px;} #cabecera #colum_right #buscadores { float: left;width: 545px;height: 25px;margin: 0px;padding: 0px;} #cabecera #colum_right #buscadores #busca {float: right;background: #E60000 url(/img/cab/buscar_campo.png) no-repeat top left;margin: 0px 12px 0px 20px;padding: 0px;height: 25px;width: 138px;} #cabecera #colum_right #buscadores #busca form {float: left;border: 0px;margin: 0px;padding: 0px;} #cabecera #colum_right #buscadores #busca #busfoto,#cabecera #colum_right #buscadores #busca #busgeneral {float: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: 15px;border: 0px;margin: 5px;padding: 0px;width: 100px;height: 15px;} #cabecera #colum_right #buscadores #busca #submit {float: left;cursor:pointer;margin: 0px;padding: 0px;} #menu {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-image: url(/img/cab/menu.png);background-repeat: repeat-x;background-position: center top;text-align: left;height: 29px;width: 979px;border-right: 1px solid #999;} #menu ul {float:left; margin: 0px;padding: 0px; width:100%; list-style:none;height: 29px; } #menu li {float:left; display:inline; margin: 0px;padding: 0px; line-height: 28px;} #menu li a {margin: 0px; padding: 0 10px;text-align:center;color:#333;height: 29px;width: auto;text-decoration: none;border-right: 1px solid #CCC;border-left: 1px solid #999;display:block;} #menu li a:hover {color:#000;background-image: url(/img/cab/menu_inver.png);background-repeat: repeat-x;background-position: center top;} #menu #feed {float: right;padding: 0px;margin: -22px 10px 0px 0px;} #contenedor {width: 978px;background: #FFF;margin: 0px;padding: 0px;border-right: 1px solid #ccc;border-left: 1px solid #bbb;float: left;display:inline;font-family: Verdana, Arial, Helvetica, sans-serif;} #contenedor #cuadro {background:#fff;} #pie {background: #CCC url(/img/cab/menu.png) repeat-x top left;width: 978px;height: 20px;border-top: 1px solid #CCC;margin: 0px;padding: 0px;border-bottom-width: 1px;border-right: 1px solid #999;border-left: 1px solid #CCC;float: left;display:inline;} #pie #items {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: 18px;color: #999;text-align: center;padding: 0px;margin:0px auto;height: 18px;width: 950px;} #pie #items a {color: #999;text-decoration: none;margin: 10px 0;} #pie a:hover {text-decoration: underline;color: #666;} br .clear{margin: 0px;padding: 0px;clear: both; } #margenControl {float: left; width: 958px; height: 30px; margin: 25px 0 0 0; color:#000;background-image: url(/img/cab/menu_inver.png);background-repeat: repeat-x;background-position: center top;} #listaControl { float: left; width: 958px; padding: 10px 0; margin: 0 0 20px 0; border-top: 1px solid #CCCCCC; } #listaControl #retroceso, #listaControl #avance {float: left; width: 90px; height: 20px; text-align:center; line-height: 20px;} #listaControl #paginas {float: left; width: 778px; height: 20px; text-align:center; font-size: 11px; color:#333333;} #listaControl a { border: 1px solid #CCCCCC; background-color:#EEEEEE; text-decoration: none; margin: 3px; padding:2px; color:#333333;} #listaControl a:hover {background-color:#CCCCCC;color: #990000;} #column1 #megusta { float:left; width:260px; margin: 0 6px; padding: 5px 0 0 0;} /* /////////////////////////////////////////////// Home ////////////////////////////////////////////////// */ #home {float:left; margin: 10px;padding: 0px;width: 958px;} #bloq0,#bloq1,#bloq2,#bloq3 {float:left; width:958px; margin:0 0 10px 0; padding:0;} #home #bloq0 #ultimahora { float:left; width:958px; margin:0;} #home #bloq0 #ultimahora #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px 5px 23px; border: 1px solid #ccc; border-bottom: none; color: #900; font-weight: bold; letter-spacing: 2px; background: #fff url(/img/r/ultima_hora16x16.gif) no-repeat 1px 1px ; overflow:visible;} #home #bloq0 #ultimahora #cuadro { float:left; width:956px; margin: -1px 0 0 0; padding: 6px 0 1px 0; border: 1px solid #ccc;} #home #bloq0 #ultimahora #cuadro ul{ list-style:none; padding:0; margin:0;} #home #bloq0 #ultimahora #cuadro li{ float:left; position:relative; width:233px; background: #fff;color: inherit;padding: 0; margin: 0 0 0 5px;} #home #bloq0 #ultimahora #cuadro li #fotoMuestra {float:left; width:126px; height:90px;} #home #bloq0 #ultimahora #cuadro li #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #home #bloq0 #ultimahora #cuadro li #fotoMuestra img .ampliada{} #home #bloq0 #ultimahora #cuadro li #fotoMuestra a .ampliada{ display: none; } #home #bloq0 #ultimahora #cuadro li #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -90px;left: -50px; position:relative; z-index:2;} #home #bloq0 #ultimahora #cuadro li h2 {float:left; width: 100px; height:auto; margin:0 0 5px -1px; padding: 2px 0 2px 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; border-left: 0; font-size: 10px; color: #060; background: #fff; position:relative; z-index:1; } #home #bloq0 #ultimahora #cuadro li h2 a { display:block; color: #060; text-decoration: none; font-size: 11px; line-height: 14px; padding: 2px 3px; font-weight: bold;} #home #bloq0 #ultimahora #cuadro li h2:hover {color: #900; background:#fff url(/img/cab/menu_inver.png) repeat-x top;} #home #bloq0 #ultimahora #cuadro li span{ position:absolute; bottom:3px; right:0; color: #900; font-size: 9px; padding: 3px 2px; z-index: 1;} #home #bloq1 #column1 {float:left; width:646px; overflow:visible; margin-right: 10px;} #home #bloq1 #column2 {float:left; width:302px; overflow:visible;} #home #bloq1 #column1 #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #fff; color: #900; border: 1px solid #ccc; border-bottom: none;} #home #bloq1 #column1 #cuadro { float:left; width:640px; margin: -1px 0 0 0; padding: 2px; border: 1px solid #ccc; list-style:none;} #home #bloq1 #column1 #titulo.mtop { margin:5px 0 0 0;} #home #bloq1 #column1 #titulo.salon {background: #E60000; color: #fff;font-weight: bold;} #home #bloq1 #column1 #cuadro.salon {background: url(/img/r/fondo_smt.png) repeat-x;} #home #bloq1 #column1 #cuadro.salon #destacado #item{ background: none;} #home #bloq1 #column1 #cuadro.salon #destacado #item h3 { margin: 5px 5px 10px 5px;} #home #bloq1 #column1 #cuadro.salon #destacado #item h3 a:hover {color: #E60000;} #home #bloq1 #column1 #destacado { float:left;margin: 0px;padding: 0px;float: left;width: 644px; list-style:none;} #home #bloq1 #column1 #destacado #item { float:left; width:630px; height:220px; margin: 0; padding:5px;background-image: url(/img/r/fondo_destacado.png);background-repeat: no-repeat;background-position: right top; overflow: hidden;} #home #bloq1 #column1 #destacado #item #foto {float: left;display:inline;width: 326px;padding: 0px;margin: 0px;background-image: url(/img/r/fondo_foto_m.png);background-repeat: repeat-x;background-position: left bottom;} #home #bloq1 #column1 #destacado #item #foto img {height: 213px;width: 320px;margin: 0px;padding: 2px;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px; background:#fff; } #home #bloq1 #column1 #destacado #item #foto img:hover {opacity:0.9; filter:alpha(opacity=90); } #home #bloq1 #column1 #destacado #item #foto #piefoto{z-index: 2;background-color: #E60000;text-align:center;height: 16px;width: 320px;margin: -21px 0px 0px 3px;padding: 0px;font-size: 10px;line-height: 14px;opacity:0.6;filter:alpha(opacity=60);color: #fff;} #home #bloq1 #column1 #destacado #item h2 {float: left;display:inline;width: 298px;margin:0 0 0 -1px; padding: 0 0 0 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; border-left: none; font-size: 11px;line-height: 15px; background:#fff; z-index:3;} #home #bloq1 #column1 #destacado #item h3 {float: left;display:inline;width: 288px;padding: 0px;margin: 15px 5px 10px 5px;font:bold 24px "Times New Roman", Times, serif;color:#323637;line-height: 24px;} #home #bloq1 #column1 #destacado #item h2 a {text-decoration: none;color: #060; display:block;} #home #bloq1 #column1 #destacado #item h2 a:hover {color: #900;} #home #bloq1 #column1 #destacado #item h3 a {text-decoration: none;color: #333;} #home #bloq1 #column1 #destacado #item h3 a:hover {color: #900;} #home #bloq1 #column1 #destacado #item p{ float: left;display:inline;width: 288px;padding: 0px;margin: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 15px;} #home #bloq1 #column2 #ultimahora{ margin:9px 0 0 0!important;} #home #bloq2 #column1 {float:left; width:317px; overflow:visible; margin-right: 10px;} #home #bloq2 #column2 {float:left; width:631px; overflow:visible;} #home #bloq2 #column1 #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #fff; color: #900; border: 1px solid #ccc; border-bottom: none;} #home #bloq2 #column1 #cuadro { float:left; width:305px; margin: -1px 0 0 0; padding: 5px 5px 0 5px; border: 1px solid #ccc; list-style:none;} #home #bloq2 #column1 #titulo.mtop { margin:5px 0 0 0;} #home #bloq2 #column1 #novedadesListaItem{width:295px; height:86px; float:left; margin: 0 0 6px 0; padding:5px; background-image: url(/img/r/f_column1_i.png);background-repeat: no-repeat;background-position: right top; } #home #bloq2 #column1 #novedadesListaItem.eco{background-image: url(/img/r/f_column1_e.png);background-repeat: no-repeat;background-position: right top;} #home #bloq2 #column1 #novedadesListaItem #fotoMuestra {float:left; width:126px; height:90px;} #home #bloq2 #column1 #novedadesListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #home #bloq2 #column1 #novedadesListaItem #fotoMuestra img .ampliada{} #home #bloq2 #column1 #novedadesListaItem #fotoMuestra a .ampliada{ display: none; } #home #bloq2 #column1 #novedadesListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -16px; position:relative; z-index:2;} #home #bloq2 #column1 #novedadesListaItem h2 {float:left; width: 163px; height:auto; margin:0 0 5px -1px; padding: 2px 0 2px 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; border-left: 0; font-size: 10px; color: #060; background: #fff; position:relative; z-index:1; } #home #bloq2 #column1 #novedadesListaItem h2 a { display:block; color: #060; text-decoration: none;} #home #bloq2 #column1 #novedadesListaItem h2 a:hover{ color: #900;} #home #bloq2 #column1 #novedadesListaItem h3 {float:left; width: 160px; height:auto; margin: 5px 0 0 5px; font-size: 12px;} #home #bloq2 #column1 #novedadesListaItem h3 a{ text-decoration: none; color:#333333;} #home #bloq2 #column1 #novedadesListaItem h3 a:hover{ color:#900; } #home #bloq2 #column2 #listaPruebas { float:left; width:631px; margin:0; } #home #bloq2 #column2 #listaPruebas.mtop { margin:6px 0 0 0;} #home #bloq2 #column2 #listaPruebas #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #fff; color: #900; border: 1px solid #ccc; border-bottom: none;} #home #bloq2 #column2 #listaPruebas #cuadro { float:left; width:624px; margin: -1px 0 0 0; padding: 5px 5px 0 0; border: 1px solid #ccc;list-style:none;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado {float:left; width:619px; height:220px; margin: 0 0 5px 5px; padding:0;overflow: hidden;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado #fotoMuestra {float:left; height: 219px;width: 326px;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado #fotoMuestra img:hover {opacity:0.9; filter:alpha(opacity=90);} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado h2 {float:left; width: 285px; height:auto; margin:0 0 0 -1px; padding: 2px 2px 2px 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; border-left: none; font-size: 10px; background: #fff; position:relative; z-index:1; } #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado h2 a{ text-decoration: none; color: #060; display:block;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado h2 a:hover{ color:#900; } #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado h3 {float: left;display:inline;width: 275px;padding: 0px;margin: 10px 5px 5px 5px;font-size: 14px;color:#323637;line-height: 20px;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado h3 a {text-decoration: none;color: #333;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado h3 a:hover {color: #900;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem.destacado p{ float: left;display:inline;width: 275px;padding: 0px;margin: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 15px;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem {width:307px; height:86px; float:left; margin: 0 0 5px 5px; padding:0;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem #fotoMuestra {float:left; width:126px; height:90px;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem #fotoMuestra img .ampliada{ position:relative; z-index:1;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem #fotoMuestra a .ampliada{ display: none; } #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -10px; position:relative; z-index:2;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem h2 {float:left; width: 172px; height:auto; margin:0 0 0 -1px; padding: 2px 2px 2px 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; border-left: none; font-size: 10px; background: #fff; position:relative; z-index:1; } #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem h2 a{ text-decoration: none; color: #060; display:block;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem h2 a:hover{ color:#900; } #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem h3 {float:left; width: 162px; height:auto; margin: 5px 0 0 5px; overflow:hidden; color:#323637;line-height: 18px; font-size: 12px;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem h3 a{ text-decoration: none; color:#333;} #home #bloq2 #column2 #listaPruebas #cuadro #pruebasListaItem h3 a:hover{ color:#900; } #home #bloq3 #column1 {float:left; width:646px; overflow:visible; margin-right: 10px; } #home #bloq3 #column2 {float:left; width:302px; overflow:visible;} #home #bloq3 #column1 #cuadro { float:left; width:644px; height:258px; margin: 0; padding: 5px 0 0 0; border: 1px solid #ccc; list-style:none; background: #E9E9E9;} #home #bloq3 #column1 #cuadro li{ float:left; width:314px; height:120px; float:left; margin: 0 0 0 5px; padding: 0; } #home #bloq3 #column1 #cuadro li #titulo { float: left; width:312px; overflow: visible; position:relative; z-index:1; font-size:9px; line-height: 11px; margin:0 ; padding:10px 0 3px 2px; color: #900; border-top: 1px solid #ccc; } #home #bloq3 #column1 #cuadro li #fotoMuestra {float:left; width:126px; height:90px;} #home #bloq3 #column1 #cuadro li #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #home #bloq3 #column1 #cuadro li #fotoMuestra img .ampliada{} #home #bloq3 #column1 #cuadro li #fotoMuestra a .ampliada{ display: none; } #home #bloq3 #column1 #cuadro li #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -215px;left: -5px; position:relative; z-index:3;} #home #bloq3 #column1 #cuadro li h2 {float:left; width: 181px; height:auto; margin:0 0 5px -1px; padding: 1px 0 1px 6px; border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px; border-left: none;font-size: 10px; color: #060; background: #fff; position:relative; z-index:1; } #home #bloq3 #column1 #cuadro li h2 a { display:block; color: #060; text-decoration: none;} #home #bloq3 #column1 #cuadro li h2 a:hover{ color: #900;} #home #bloq3 #column1 #cuadro li h3 { float:left; width: 175px; margin: 0 0 5px 5px;} #home #bloq3 #column1 #cuadro li h3 a{ text-decoration: none; color:#333333;} #home #bloq3 #column1 #cuadro li h3 a:hover{ color:#900; } #home #bloq3 #column1 #cuadro li.texto #titulo{ border: none; padding:0 0 3px 2px;} #home #bloq3 #column1 #cuadro li.texto {height:140px; border-bottom: 1px solid #fff;} #home #bloq3 #column1 #cuadro li.texto h2 {float:left; width: 306px; height:auto; margin:0 0 5px 0; padding: 1px 0 1px 6px; border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px; font-size: 10px; color: #060; background: #fff; position:relative; z-index:1; } #home #bloq3 #column1 #cuadro li.texto h2 a { display:block; color: #060; text-decoration: none;} #home #bloq3 #column1 #cuadro li.texto h2 a:hover{ color: #900;} #home #bloq3 #column1 #cuadro li.texto p {float:left; width: 296px; height:auto; margin:0 5px 0 5px; overflow:hidden; color:#323637;line-height: 13px; font-size: 10px;} #home #bloq3 #column1 #cuadro li.texto p a{ text-decoration: none; color:#333333;} #home #bloq3 #column1 #cuadro li.texto p a:hover{ color:#900; } #home #bloq4 #listaFotos { float:left; width:958px; margin:0;} #home #bloq4 #listaFotos #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #E60000; color: #fff; border: 1px solid #ccc; border-bottom: none; font-weight: bold;} #home #bloq4 #listaFotos #cuadro { float:left; width:946px; margin: -1px 0 0 0; padding: 10px 0px 0px 10px; border: 1px solid #ccc; list-style:none; background: url(/img/r/fondo_smt.png) repeat-x;} #home #bloq4 #listaFotos #cuadro #fotosListaItem {width:126px; height:86px; float:left; margin: 0 9px 10px 0; padding:0;} #home #bloq4 #listaFotos #cuadro #fotosListaItem #fotoMuestra {float:left; width:130px; height:90px;} #home #bloq4 #listaFotos #cuadro #fotosListaItem #fotoMuestra img {background: #fff;border-color: #a00 #c00 #d00 #b00;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #home #bloq4 #listaFotos #cuadro #fotosListaItem #fotoMuestra img .ampliada{ } #home #bloq4 #listaFotos #cuadro #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #home #bloq4 #listaFotos #cuadro #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -210px;left: -100px;} /* /////////////////////////////////////////////// Fotos ////////////////////////////////////////////////// */ #fotos {margin: 10px;width: 958px;} #fotos #fotosIntro{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0;} #fotos #fotosIntro #clasificado { float:right; font-size: 9px; color:#888;} #fotos #fotosIntro h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #fotos #fotosIntro #fotosBuscaArea {background-color:#E60000;text-align: center;height: 28px;margin: 10px 0 10px 0; border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;} #fotos #fotosIntro #fotosBuscaArea #busca { background: #E60000 url(/img/cab/buscar_campo.png) no-repeat top left;margin: 2px auto;padding: 0px;height: 25px;width: 200px;} #fotos #fotosIntro #fotosBuscaArea #busca form {float: left;border: 0px;margin: 0px;padding: 0px;} #fotos #fotosIntro #fotosBuscaArea #busca #input {float: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 15px;border: 0px;margin: 5px;padding: 0px;width: 162px;height: 15px;} #fotos #fotosIntro #fotosBuscaArea #busca #submit {float: left;cursor:pointer;margin: 0px;padding: 0px;} #fotos #fotosRoba {float: right;height: 278px;width: 309px;position: relative;overflow: hidden;} #fotos #fotosListaItem {width:312px; height:86px; float:left; margin: 0; padding:3px; background-image: url(/img/r/fondo_destacado.png);background-repeat: no-repeat;background-position: right top; } #fotos #fotosListaItem #fotoMuestra {float:left; width:130px; height:90px;} #fotos #fotosListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #fotos #fotosListaItem #fotoMuestra img .ampliada{ } #fotos #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #fotos #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -5px;} #fotos #fotosListaItem #fotoPie {float:left; width: 179px; height:auto; border-bottom: 1px solid #CCCCCC; font-size: 11px; color: #006600; } #fotos #fotosListaItem #enlaces {float:left; width: 179px; height:auto; margin: 5px 0;} #fotos #fotosListaItem #enlaces ul{list-style: none; text-align:right; margin: 0; padding:0;} #fotos #fotosListaItem #enlaces a{ text-decoration: none; color:#333333;} #fotos #fotosListaItem #enlaces a:hover{ text-decoration:underline; color:#990000; } #fotos #fotosAviso{ float:left; border: dashed 1px #E60000; text-align:center; padding: 10px; line-height:40px; height: 40px; width:618px; font-size: 11px;} /* /////////////////////////////////////////////// Buscador ////////////////////////////////////////////////// */ #buscador {margin: 10px;width: 958px;} #buscador #intro{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0;} #buscador #intro #clasificado { float:right; font-size: 9px; color:#888;} #buscador #intro h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #buscador #intro #buscaArea {background-color:#E60000;text-align: center;height: 28px;margin: 10px 0 0 0; border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;} #buscador #intro #buscaArea #busca { background: #E60000 url(/img/cab/buscar_campo.png) no-repeat top left;margin: 2px auto;padding: 0px;height: 25px;width: 200px;} #buscador #intro #buscaArea #busca form {float: left;border: 0px;margin: 0px;padding: 0px;} #buscador #intro #buscaArea #busca #input {float: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 15px;border: 0px;margin: 5px;padding: 0px;width: 162px;height: 15px;} #buscador #intro #buscaArea #busca #submit {float: left;cursor:pointer;margin: 0px;padding: 0px;} #buscador #google { float:right;color: #006600; height: 20px; margin: -20px 0 0 0;} #buscador #google img { vertical-align:text-top;} #buscador #resultado #cse-search-results table { border-color: #ccc;background: #ccc;} /* /////////////////////////////////////////////// Estático ////////////////////////////////////////////////// */ #estatico { margin: 10px;width: 958px;} #estatico #column1{float:left; width:644px; overflow:visible; margin-right: 10px;} #estatico #column2{float:left; width:304px; overflow:visible;} #estatico #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0;} #estatico #titular #clasificado { float:right; font-size: 9px; color:#CCCCCC;} #estatico #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #estatico #column1 #presentacion{ font-size: 12px; margin: 0 0 20px 0; text-align: justify; color:#333366; font-weight: bold;} /* ---- Contacto ----- */ #estatico #column1 #formulario { float:left;margin:10px 0; padding:10px; border:1px solid #ccc; font-size:11px;} #estatico #column1 #formulario #resultado{ color:#900; text-align: center;} #estatico #column1 #formulario form { margin:0; padding:0;} #estatico #column1 #formulario #bloque{ float:left; width:310px; height:45px;} #estatico #column1 #formulario #bloque #titulo{ margin:5px 0 0 0; padding:1px; } #estatico #column1 #formulario #bloque #campo{ margin:0 0 15px 0; padding:1px;} #estatico #column1 #formulario #bloque #campo input{ width:270px; border: 1px solid #ccc;font-size:11px;} #estatico #column1 #formulario #bloque #campo select{ width:270px;border: 1px solid #ccc;font-size:11px;} #estatico #column1 #formulario #bloque2 { float:left; width:620px; padding:0;} #estatico #column1 #formulario #bloque2 #titulo{ margin:5px 0 0 0; padding:1px; } #estatico #column1 #formulario #bloque2 #campo{ margin:0; padding:1px; text-align: right;} #estatico #column1 #formulario #bloque2 #campo input{ border: 1px solid #ccc;font-size:11px; cursor:pointer;} #estatico #column1 #formulario #bloque2 #campo textarea{ width:618px; height:100px; border: 1px solid #ccc;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;} /* ----- Quienes ----- */ #estatico #column1 #cargo { font-weight: bold; color:#333366;font-size: 12px; margin: 15px 0 5px 0; font-weight: bold;} #estatico #column1 #cargo h1{font-size: 16px;border-bottom: 1px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #estatico #column1 #descripcion{font-size: 11px; line-height:16px; margin: 5px 0 20px 0; text-align: justify;} #estatico #column1 #descripcion span.nombre{font-style: italic;font-weight: bold;} #estatico #column1 #descripcion a{ text-decoration:none; color: #900;} #estatico #column1 #descripcion a:hover{color: #900;} /* ----- trafico ----- */ #estatico #trafico {float:left; width:564px; height:264px; padding: 0 80px 0 0; font-size: 11px; background-image: url(/img/r/fondo_trafico.png);background-repeat: no-repeat;background-position: right bottom;} #estatico #trafico #tit1{ width:auto; margin: 10px 0; border-bottom: 1px solid #ccc; } #estatico #trafico #tit2{ width:auto; margin: 30px 40px 0 0; border-bottom: 1px solid #ccc; } #estatico #trafico select {font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; } #estatico #trafico #tipo {margin: 10px 0 10px 20px;} #estatico #trafico #lugar {margin: 10px 0 10px 20px; font-size: 12px;} #estatico #trafico #buscar {margin: 20px 0 0 10px;} #estatico #incidencias {float:left;width: 956px; margin: -10px 0 0 0;} #estatico #incidencias #titulo { float:left; padding:5px; font-size:14; border:1px solid #ccc; border-bottom: none; background:#fff; position:relative; z-index:1;} #estatico #incidencias #cuadro { float:left;width: 936px; margin: -1px 0 10px 0; padding:10px; border: 1px solid #ccc; font-size:11px; } #estatico #incidencias #cuadro #lineaHead {float:left; width: 938px; border-bottom: 1px solid #bbb; background:#CCCCCC url(/img/cab/menu_inver.png) repeat-x right bottom;} #estatico #incidencias #cuadro #lineaHead #dato{ float:left; background-image: inherit; padding: 2px 5px;} #estatico #incidencias #cuadro #linea{ float:left;width: 938px; border-bottom: 1px solid #ccc;} #estatico #incidencias #cuadro #linea.a{} #estatico #incidencias #cuadro #linea.b{} #estatico #incidencias #cuadro #linea #dato{ float:left; height:12px; line-height:12px; padding: 2px 5px;} #estatico #incidencias #cuadro #linea .tipo ,#estatico #incidencias #cuadro #lineaHead .tipo {width: 100px; background: #eee; } #estatico #incidencias #cuadro #linea .via , #estatico #incidencias #cuadro #lineaHead .via {width: 90px; background: #fff; } #estatico #incidencias #cuadro #linea .km , #estatico #incidencias #cuadro #lineaHead .km{width: 180px;background: #eee;padding:3px;} #estatico #incidencias #cuadro #linea .poblacion , #estatico #incidencias #cuadro #lineaHead .poblacion {width: 235px;background: #fff;} #estatico #incidencias #cuadro #linea .observacion , #estatico #incidencias #cuadro #lineaHead .observacion {width: 282px;background: #eee;} #estatico #incidencias #cuadro #linea #dato span{ background:#FFFF00;} #estatico #incidencias #cuadro #dgt {float:left; width: 936px; padding:10px; text-align:center;} /* ----- enlaces ----- */ #estatico #column1 #enlaces { padding: 5px 5px 0 5px; margin: 0 0 10px 0; border: 1px solid #ccc;} #estatico #column1 #enlaces #grupo {background: #eee; padding: 5px; margin: 0 0 5px 0;} #estatico #column1 #enlaces #grupo #tituloGrupo{ margin:0; padding: 1px 5px; font-size: 10px; background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px; color: #006600; } #estatico #column1 #enlaces #grupo ul{list-style: none; margin: 0; padding: 0; } #estatico #column1 #enlaces #grupo li{ margin: 0; padding:0; background-image: url(/img/cab/menu.png);background-repeat: repeat-x;background-position: top;} #estatico #column1 #enlaces #grupo li a{text-decoration: none; color:#333333; padding: 3px 5px; font-size:11px; display:block;} #estatico #column1 #enlaces #grupo li a:hover{text-decoration:underline; color:#990000;background-image: url(/img/cab/menu_inver.png);background-repeat: repeat-x;background-position: bottom;} /* /////////////////////////////////////////////// Articulo ////////////////////////////////////////////////// */ #articulo {margin: 10px;width: 958px;} #articulo #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif;} #articulo #titular #clasificado { float:right; font-size: 9px; color:#888;} #articulo #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #articulo #titular h2 {font:bold 28px "Times New Roman", Times, serif;color:#323637;line-height: 24px;} #articulo #titular #data { margin:0;font-size: 10px;} #articulo #titular #data .autor { float: left; font-weight: bold; color:#333366;} #articulo #titular #data .lugar { float: left; color:#333366;} #articulo #titular #data .fecha { float: right; color:#999999;} #articulo #column1 { float:left; width:272px; margin: 0 10px 0 0; padding:5px; border: 1px solid #ccc; overflow:visible; } #articulo #column2 { float:left; width:662px; overflow:visible;} #articulo #subcolumn3 { float: right; width:302px; overflow:hidden; margin: 0 0 10px 10px;} #articulo #column1 #fotosListaItem {width:126px; height:86px; float:left; margin: 5px; padding:0;} #articulo #column1 #fotosListaItem #fotoMuestra {float:left; width:130px; height:90px;} #articulo #column1 #fotosListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #articulo #column1 #fotosListaItem #fotoMuestra img .ampliada{ } #articulo #column1 #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #articulo #column1 #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -100px;} #articulo #column1 #fotosListaItem #fotoPie { display: none;float:left; width: 150px; height:auto; border-bottom: 1px solid #CCCCCC; font-size: 11px; color: #006600; } #articulo #column2 #lead { font-size: 13px; text-align: justify; color:#333366; margin: 0 0 10px 0; font-weight: bold;} #articulo #column2 #texto{ font-size: 12px; text-align: justify; color:#333333;} #articulo #subcolumn3 #articuloRoba {float:left; margin: 0 0 10px 0;} #articulo #subcolumn3 #relacionados {float:left; width:310px; margin: 0 0 10px 0;} #articulo #subcolumn3 #relacionados #titulo {float:left; width:310px;background:#CCCCCC url(/img/cab/menu_inver.png) repeat-x right bottom;height: 20px;line-height: 20px; border-bottom: 1px solid #CCCCCC; font-size:12px; margin-bottom: 2px; padding: 0 5px; color: #999;} #articulo #subcolumn3 #relacionados a {float:left; width: 296px; font-weight:bold; height:auto;text-decoration: none; border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px; color: #900; display:block; margin: 0 0 2px 0; padding: 2px; font-size:10px;} #articulo #subcolumn3 #relacionados a:hover {color:#060; } #articulo #subcolumn3 #relacionados #cierre {background: #CCC url(/img/cab/menu.png) repeat-x top left;width: 310px;height: 20px;border-top: 1px solid #CCC;margin: 0px;padding: 0px;float: left;} /* /////////////////////////////////////////////// Articulos ////////////////////////////////////////////////// */ #articulos {float:left; margin: 10px;width: 958px;} #articulos #column1{float:left; width:646px; overflow:visible; margin: 0 10px 0 0;} #articulos #column2{float:left; width:302px; overflow:visible;} #articulos #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0;} #articulos #titular #clasificado { float:right; font-size: 9px; color:#888;} #articulos #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #articulos #column1 #cuadro{ float:left; width:642px; margin: 0; padding: 2px 2px 0 2px; border: 1px solid #ccc; list-style:none;} #articulos #column1 #articulosListaItem{width:632px; height:90px; float:left; margin: 0 0 2px 0; padding:5px; background-image: url(/img/r/f_column1_i.png);background-repeat: no-repeat;background-position: right top;} #articulos #column1 #articulosListaItem #fotoMuestra {float:left; width:126px; height:90px;} #articulos #column1 #articulosListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #articulos #column1 #articulosListaItem #fotoMuestra img .ampliada{ } #articulos #column1 #articulosListaItem #fotoMuestra a .ampliada{ display: none; } #articulos #column1 #articulosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -25px; position:relative; z-index:2;} #articulos #column1 #articulosListaItem h2 {float:left; width: 500px; height:auto; margin:0 0 0 -1px; padding: 0 0 0 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; font-size: 10px; color: #006600; background: #fff; position:relative; z-index:1; } #articulos #column1 #articulosListaItem p {float:left; width: 501px; height:auto; margin: 5px 0 0 5px;} #articulos #column1 #articulosListaItem p a{ text-decoration: none; color:#333333;} #articulos #column1 #articulosListaItem p a:hover{ color:#990000; } #articulos #column2 #listaMarcas { float:right; width:302px; margin-top:10px;} #articulos #column2 #listaMarcas #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #fff; border: 1px solid #ccc; border-bottom: none; color: #900;} #articulos #column2 #listaMarcas #cuadro { float:left; width:288px; margin: -1px 0 0 0; padding: 5px; border: 1px solid #ccc;} #articulos #column2 #listaMarcas #cuadro ul {list-style:none; padding:0; margin:0;} #articulos #column2 #listaMarcas #cuadro li { float:left; padding: 3px 5px; font-size:12px; display: inline; } #articulos #column2 #listaMarcas #cuadro li a{ text-decoration: none; color:#006600; } #articulos #column2 #listaMarcas #cuadro li a:hover{ text-decoration:underline; color:#990000; } /* /////////////////////////////////////////////// Prueba ////////////////////////////////////////////////// */ #prueba {margin: 10px;width: 958px;} #prueba #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif;} #prueba #titular #clasificado { float:right; font-size: 9px; color:#888;} #prueba #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #prueba #titular h2 {font:bold 28px "Times New Roman", Times, serif;color:#323637;line-height: 24px;} #prueba #titular #data { margin:0;font-size: 10px;} #prueba #titular #data .autor { float: left; font-weight: bold; color:#333366;} #prueba #titular #data .lugar { float: left; color:#333366;} #prueba #titular #data .fecha { float: right; color:#999999;} #prueba #column1 { float:left; width:272px; margin: 0 10px 0 0; padding:5px; border: 1px solid #ccc; overflow:visible; } #prueba #column2 { float:left; width:662px; overflow:visible;} #prueba #column1 #fotosListaItem {width:126px; height:86px; float:left; margin: 5px; padding:0;} #prueba #column1 #fotosListaItem #fotoMuestra {float:left; width:130px; height:90px;} #prueba #column1 #fotosListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #prueba #column1 #fotosListaItem #fotoMuestra img .ampliada{ } #prueba #column1 #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #prueba #column1 #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 2;top: -155px;left: -100px;} #prueba #column1 #fotosListaItem #fotoPie { display: none;float:left; width: 150px; height:auto; border-bottom: 1px solid #CCCCCC; font-size: 11px; color: #006600; } #prueba #column2 #lead { float: left; width:350px; font-size: 13px; line-height:18px; color:#333366; margin: 0 0 10px 0; font-weight: bold;} #prueba #column2 #valores { float: left; width:350px; height: 100px; margin: 0 0 10px 0; background-image: url(/img/r/fondo_prueba.png);background-repeat: no-repeat;background-position: right top; } #prueba #column2 #valores #linea { margin: 8px 121px 8px 35px; padding: 0 3px; font-size: 11px; color: #9DCB10; line-height: 15px; cursor: pointer; vertical-align:middle; background-color:#000;} #prueba #column2 #valores #linea img { width:10px;vertical-align:middle; margin: 0 2px 2px 2px} #prueba #column2 #subcolumn3 { float: right; width:302px; overflow:hidden; margin: 0 0 10px 10px;} #prueba #column2 #datos {float:left; width:662px; } #prueba #column2 #datos #barra {float:left; width:658px; overflow: visible; position:relative; z-index:1; font-size:11px;} #prueba #column2 #datos #barra .menu { float: left; margin: 3px 2px 0 0; padding: 4px; border-top: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; cursor: pointer; overflow: hidden; background-image: url(/img/r/fondo_plancha.png);} #prueba #column2 #datos #barra .menuOn , #prueba #column2 #datos #barra .menuOn:hover { background-color:#fff; margin: 0 3px 0 0; padding: 6px; overflow: visible; cursor: auto; background-image: none;} #prueba #column2 #datos #barra .menu span { background-color:#000; color: #9DCB10; padding: 0 1px; border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;} #prueba #column2 #datos #barra .menuOn span{ background-color:#fff; color: #000; border: 0;} #prueba #column2 #datos #barra .menu:hover {background-color:#fff;color: #990000;background-image: none;} #prueba #column2 #datos #barra .menu span:hover {background-color:#fff;color: #990000;background-image: none;border-color: #fff;} #prueba #column2 #datos .dato {float:left; width:642px; margin: -1px 0 10px 0; padding: 10px 10px 0px 10px; border: 1px solid #ccc; display:none; font-size: 12px; line-height:17px; overflow: hidden; position: relative;} #prueba #column2 #datos .datoOn { display: block;} #prueba #column2 #datos .dato a img { margin: 0 auto; border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;} #prueba #column2 #datos .dato #avanza { float: right; width:80px; height:50px; margin:0 -10px -1px 0; cursor: pointer; background-image: url(/img/r/fondo_prueba_inf.png);background-repeat: no-repeat;background-position: right bottom;color: #fff;} #prueba #column2 #datos .dato #avanza:hover{ color: #ccc;} #ficha h4{ border-bottom: 1px solid #006600; line-height: 14px; margin: 5px 0 0 0;} #ficha #linea {background-image: url(/img/cab/menu.png);background-repeat: repeat-x;background-position: center top; font-size:11px;} #ficha #linea span.key { margin: 0 5px; font-weight: bold;} #ficha #linea span.value{ padding: 0 5px; background-color:#FFFF00;} /* /////////////////////////////////////////////// Pruebas ////////////////////////////////////////////////// */ #pruebas {margin: 10px;width: 958px;} #pruebas #column1{float:left; width:646px; overflow:visible; margin: 0 10px 0 0;} #pruebas #column2{float:left; width:302px; overflow:visible;} #pruebas #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0;} #pruebas #titular #clasificado { float:right; font-size: 9px; color:#888;} #pruebas #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #pruebas #column1 #cuadro{ float:left; width:642px; margin: 0; padding: 2px 2px 0 2px; border: 1px solid #ccc; list-style:none;} #pruebas #column1 #pruebasListaItem{width:632px; height:90px; float:left; margin: 0 0 2px 0; padding:5px; background-image: url(/img/r/f_column1_i.png);background-repeat: no-repeat;background-position: right top;} #pruebas #column1 #pruebasListaItem #fotoMuestra {float:left; width:126px; height:90px;} #pruebas #column1 #pruebasListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #pruebas #column1 #pruebasListaItem #fotoMuestra img .ampliada{ } #pruebas #column1 #pruebasListaItem #fotoMuestra a .ampliada{ display: none; } #pruebas #column1 #pruebasListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -25px; position:relative; z-index:2;} #pruebas #column1 #pruebasListaItem h2 {float:left; width: 500px; height:auto; margin:0 0 0 -1px; padding: 0 0 0 6px; border-bottom: 1px solid #ccc; border-top: 1px solid #aaa; border-right:1px solid #ccc; font-size: 10px; color: #006600; background: #fff; position:relative; z-index:1; } #pruebas #column1 #pruebasListaItem p {float:left; width: 501px; height:auto; margin: 5px 0 0 5px;} #pruebas #column1 #pruebasListaItem p a{ text-decoration: none; color:#333333;} #pruebas #column1 #pruebasListaItem p a:hover{ color:#990000; } #pruebas #column2 #listaMarcas { float:right; width:302px; margin-top:10px;} #pruebas #column2 #listaMarcas #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #fff; border: 1px solid #ccc; border-bottom: none; color: #900;} #pruebas #column2 #listaMarcas #cuadro { float:left; width:290px; margin: -1px 0 0 0; padding: 5px; border: 1px solid #ccc;} #pruebas #column2 #listaMarcas #cuadro ul {list-style:none; padding:0; margin:0;} #pruebas #column2 #listaMarcas #cuadro li { float:left; padding: 3px 5px; font-size:12px; display: inline; } #pruebas #column2 #listaMarcas #cuadro li a{ text-decoration: none; color:#006600; } #pruebas #column2 #listaMarcas #cuadro li a:hover{ text-decoration:underline; color:#990000; } /* /////////////////////////////////////////////// Salon ////////////////////////////////////////////////// */ #salon {margin: 10px;width: 958px;} #salon #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif;} #salon #titular #clasificado { float:right; font-size: 9px; color:#CCCCCC;} #salon #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #salon #titular #data { margin:0;font-size: 10px;} #salon #titular #data .autor { float: left; font-weight: bold; color:#333366;} #salon #titular #data .fecha { float: right; color:#999999;} #salon #column1 { float:left; width:656px; overflow:visible;} #salon #column2 { float:left; width:302px; overflow:visible;} #salon #column1 #intro { float:left; width:646px; height:220px; margin: 0 10px 0 0; background: url(/img/r/fondo_intro.png) no-repeat right bottom;} #salon #column1 #intro h2 {font:bold 28px "Times New Roman", Times, serif;color:#323637;line-height: 24px;} #salon #column1 #intro #lead { float: left; width:638px; height: 130px; font-size: 13px; line-height:18px; color:#333366; margin: 0; font-weight: bold;} #salon #column1 #menuSalon { float: left; width:646px; height: 70px; background: url(/img/r/fondo_smt.png) repeat-x; position:relative; z-index:1;} #salon #column1 #menuSalon h1 { float: left; width:646px; height: 25px;font-size:14px; line-height:25px; color:#fff; text-align: center; margin:0; padding:0; } #salon #column1 #menuSalon ul {float:left; width:646px; overflow: visible; position:relative; z-index:1; font-size:12px; margin: 10px 0 0 0; padding:0; list-style:none;height: 29px; } #salon #column1 #menuSalon li {float: left; display:inline; margin: 7px 10px 0 0; padding:0; border:1px solid #ccc; background-color: #fff; background: url(/img/r/fondo_smt.png) repeat-x bottom;} #salon #column1 #menuSalon li a {margin: 0px; padding: 6px 10px;text-align:center;color:#000;text-decoration: none;display:block; font-weight: bold; } #salon #column1 #menuSalon li a:hover {color:#000; background-color: #fff; } #salon #column1 #menuSalon li.on { border-bottom: none; margin: 0 10px 0 0; background-image: none; background-color: #fff;} #salon #column1 #menuSalon li.on a { padding: 10px; background-color: #fff;} #salon #column2 #salonRoba { margin-top: 10px;} /* ------- novedades -------- */ #salon #galeria { float:left; width:948px; overflow:visible; margin:0; border: 1px solid #ccc; padding:4px; margin: -1px 0 10px 0;} #salon #galeria #fotosListaItem {width:135px; height:110px; float:left; margin: 0; padding:0 0px 1px 0px; border-bottom: 1px solid #ccc; } #salon #galeria #fotosListaItem #fotoMuestra {float:left; width:124px; height:88px; margin:2px 4px 0 4px;} #salon #galeria #fotosListaItem #fotoMuestra img {background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #salon #galeria #fotosListaItem #fotoMuestra img.ampliada{ } #salon #galeria #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #salon #galeria #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -100px;} #salon #galeria #fotosListaItem #marca {float:left; width: 135px; height:13px; border-bottom: 1px solid #e60000; margin: 3px 0 2px 0;} #salon #galeria #fotosListaItem.inicio { width:133px; background-image: url(/img/r/fondo_itemfoto.png);background-repeat: no-repeat;background-position: left top; padding: 0 1px 1px 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #salon #galeria #fotosListaItem.inicio #marca {width: 129px; margin: 3px 0 2px 3px; padding: 0 0 0 3px; height:14px; background-image: url(/img/r/fondo_marca.gif);background-repeat: no-repeat;background-position: right bottom; border:0;} /* --- novedades detalle --- */ #salon #detalle { float:left; width:936px; overflow:visible; border: 1px solid #ccc; padding:10px; margin: -1px 0 10px 0; } #salon #detalle #detalleItem {float:left; width:468px; padding:0; margin: 0 10px 0 0; background-image: url(/img/r/fondo_destacado.png);background-repeat: repeat-y;background-position: right top; } #salon #detalle #detalleItem #detalleFoto {float:left; width: 326;} #salon #detalle #detalleItem #detalleFoto img { background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px; padding:2px} #salon #detalle #detalleItem #detalleMarca {float:left; margin:10px 0 0 0;; padding:0 0 0 5px; width: 126px; height:14px; font-size:11px; color:#E60000; background-image: url(/img/r/fondo_marca.gif);background-repeat: no-repeat;background-position: right bottom; } #salon #detalle #detalleItem #detallePie {float:left; width: 132px; height:auto; margin:5px; border-bottom: 1px solid #CCCCCC; font-size: 11px; color: #006600; } #salon #detalle #detalleItem #detalleTexto {float:left; width:448px; height:100px; padding:10px; margin: 0; font-size:11px; line-height: 16px;} #salon #detalle #detalleItem #masInfo a{float:right; border: 1px solid #CCCCCC; background-color:#EEEEEE; text-decoration: none; margin: 3px; padding:2px; color:#333333;} #salon #detalle #detalleItem #masInfo a:hover{background-color:#CCCCCC;color: #990000;} #salon #detalle #detalleItem #detallePaginado {float:left; width:468px; height:24px;background-image: url(/img/r/fondo_destacado.png);background-repeat: repeat-y;} #salon #detalle #detalleItem #detallePaginado a{float:left; border: 1px solid #CCCCCC; background-color:#EEEEEE; text-decoration: none; margin: 3px; padding:2px; color:#333333;} #salon #detalle #detalleItem #detallePaginado a.right{ float:right;} #salon #detalle #detalleItem #detallePaginado a:hover{background-color:#CCCCCC;color: #990000;} #salon #detalle #galeria {float:left; width:448px; padding:4px; margin:0;} #salon #detalle #galeria #fotosListaItem {width:64px; height:44px; float:left; margin: 0; padding:0;border:0; } #salon #detalle #galeria #fotosListaItem #fotoMuestra {float:left; width:64px; height:48px; margin:0;} #salon #detalle #galeria #fotosListaItem #fotoMuestra img {background: #fff;border: 0;color: inherit;padding: 2px;vertical-align: top;width: 60px; height: auto;} #salon #detalle #galeria #fotosListaItem #fotoMuestra img.ampliada{ width: 120px; height: auto; } #salon #detalle #galeria #fotosListaItem #fotoMuestra img.on {background:#E60000; } #salon #detalle #galeria #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #salon #detalle #galeria #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -64px;left: -34px;} /* /////////////////////////////////////////////// Salones ////////////////////////////////////////////////// */ #salones {margin: 10px;width: 958px;} #salones #column1{float:left; width:644px; overflow:visible; margin: 0 10px 0 0;} #salones #column2{float:left; width:304px; overflow:visible;} #salones #titular{float:left; width:958px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0;} #salones #titular #clasificado { float:right; font-size: 9px; color:#888;} #salones #titular h1 {font-size: 18px;border-bottom: 2px solid #CCCCCC;font-weight: bold;color: #006600; margin: 0px;} #salones #column1 #cuadro{ float:left; width:642px; margin: 0; padding: 2px 2px 0 2px; border: 1px solid #ccc; list-style:none;} #salones #column1 #salonesListaItem{width:632px; height:90px; float:left; margin: 0 0 2px 0; padding:5px; background-image: url(/img/r/f_column1_i.png);background-repeat: no-repeat;background-position: right top;} #salones #column1 #salonesListaItem #fotoMuestra {float:left; width:126px; height:90px;} #salones #column1 #salonesListaItem #fotoMuestra img {background: #fff;border-color: #a00 #c00 #d00 #b00;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #salones #column1 #salonesListaItem #fotoMuestra img .ampliada{ } #salones #column1 #salonesListaItem #fotoMuestra a .ampliada{ display: none; } #salones #column1 #salonesListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -25px; position:relative; z-index:2;} #salones #column1 #salonesListaItem h2 {float:left; width: 500px; height:auto; margin:0 0 0 -1px; padding: 0 0 0 6px; border-bottom: 1px solid #c00; border-top: 1px solid #a00; border-right:1px solid #c00; font-size: 10px; color: #006600; background: #fff; position:relative; z-index:1; } #salones #column1 #salonesListaItem p {float:left; width: 501px; height:auto; margin: 5px 0 0 5px;} #salones #column1 #salonesListaItem p a{ text-decoration: none; color:#333333;} #salones #column1 #salonesListaItem p a:hover{ color:#990000; } #salones #column2 #listaFotos { float:right; width:301px; margin:10px 0;} #salones #column2 #listaFotos #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:5px 7px; background: #fff; border: 1px solid #ccc; border-bottom: none; color:#900;} #salones #column2 #listaFotos #cuadro { float:left; width:276px; margin: -1px 0 0 0; padding: 10px 11px; border: 1px solid #ccc;} #salones #column2 #listaFotos #fotosListaItem {width:126px; height:86px; float:left; margin: 6px; padding:0;} #salones #column2 #listaFotos #fotosListaItem #fotoMuestra {float:left; width:130px; height:90px;} #salones #column2 #listaFotos #fotosListaItem #fotoMuestra img {background: #fff;border-color: #a00 #c00 #d00 #b00;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: auto; height: auto;} #salones #column2 #listaFotos #fotosListaItem #fotoMuestra img .ampliada{ } #salones #column2 #listaFotos #fotosListaItem #fotoMuestra a .ampliada{ display: none; } #salones #column2 #listaFotos #fotosListaItem #fotoMuestra a:hover .ampliada{display: block;position: relative;z-index: 1;top: -155px;left: -100px;} /* /////////////////////////////////////////////// Publi ////////////////////////////////////////////////// */ #pub300x300 {float: right;height: 266px;width: 302px;background-color:#F1F1F1;overflow: hidden;position: relative;} #pubHead{height: 14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color: #999999;text-align: center;line-height: 14px;background:#CCCCCC url(/img/cab/menu_inver.png) repeat-x right bottom;} #pubTag{margin: 1px;padding: 0px;background-color: #F0F0F0;} /* /////////////////////////////////////////////// Ultima Hora Lateral ////////////////////////////////////////////////// */ #column2 #ultimahora { float:left; width:302px; margin: 0 0 10px 0;} #column2 #ultimahora #titulo { float:left; overflow: visible; position:relative; z-index:1; font-size:10px; margin: 0; padding:11px 7px 14px 42px; border: 1px solid #ccc; border-bottom: none; color: #900; font-weight: bold; letter-spacing: 2px; background: #fff url(/img/r/ultima_hora.gif) no-repeat 1px 1px ; overflow:visible;} #column2 #ultimahora #cuadro { float:left; width:290px; margin: -1px 0 0 0; padding: 6px 5px 1px 5px; border: 1px solid #ccc;} #column2 #ultimahora #cuadro ul{ list-style:none; padding:0; margin:0;} #column2 #ultimahora #cuadro li{ background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 0; margin: 0 0 5px 0;} #column2 #ultimahora #cuadro li span{ float: right; color: #900; font-size: 9px; padding: 3px 2px; z-index: -1;} #column2 #ultimahora #cuadro li a { display:block; color: #060; text-decoration: none; font-size: 11px; line-height: 14px; padding: 2px 3px; font-weight: bold;} #column2 #ultimahora #cuadro li a:hover {color: #900; background: url(/img/cab/menu_inver.png) repeat-x bottom;} /* /////////////////////////////////////////////// compartir ////////////////////////////////////////////////// */ #compartir {float: right; width:302px;overflow:hidden; margin: 0 0 10px 0;} #compartir #titulo {float:left; width:302px;background:#CCCCCC url(/img/cab/menu_inver.png) repeat-x right bottom;height: 20px;line-height: 20px; border-bottom: 1px solid #CCCCCC; font-size:12px; padding: 0 5px;color: #999;} #compartir ul.compartir { margin:0; padding:0; } #compartir li {float:left;width:15px !important;padding:2px 3px;margin:3px 0px 3px 3px;border:1px solid #e0e0e0;list-style:none;display:inline;} #compartir li a{display:block;width:15px;height:15px;} li.compartir{color:#666;position:relative;overflow:visible;cursor:pointer;} .compartir li.meneame a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/meneame.gif) no-repeat top left;} .compartir li.delicious a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/delicious.gif) no-repeat top left;} .compartir li.fresqui a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/fresqui.gif) no-repeat top left;} .compartir li.myspace a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/myspace.gif) no-repeat top left;} .compartir li.facebook a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/facebook.gif) no-repeat top left;} .compartir li.twitter a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/twitter.gif) no-repeat 0 0;} .compartir li.livespaces a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/livespaces.gif) no-repeat 0 0;} .compartir li.google a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/google.gif) no-repeat 0 0;} .compartir li.technorati a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/technorati.gif) no-repeat 0 0;} .compartir li.blinklist a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/blinklist.gif) no-repeat 0 0;} .compartir li.msnreporter a{background: url(http://estaticos.elmundo.es/elmundomotor/iconos/v1.0/compartir/msnreporter.gif) no-repeat 0 0;} #compartir #cierre {background: #CCC url(/img/cab/menu.png) repeat-x top left;width: 310px;height: 20px;border-top: 1px solid #CCC;margin: 0px;padding: 0px;float: left;} /* /////////////////////////////////////////////// lightbox ////////////////////////////////////////////////// */ #lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #lightbox a img{ border: none; } #outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #imageContainer{padding: 10px;} #loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} #hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 35%; height: 100%; background: transparent url(/img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #hoverNav>#prevLink:link, #hoverNav>#prevLink:visited {background: url(/img/lightbox/lbprevlabel_trans.png) left 67% no-repeat; } #hoverNav>#nextLink:link, #hoverNav>#nextLink:visited {background: url(/img/lightbox/lbnextlabel_trans.png) right 67% no-repeat; } #prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/lbprevlabel.gif) left 67% no-repeat !important; } #nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/lbnextlabel.gif) right 67% no-repeat !important; } #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100% } #imageData{ padding:0 10px; color: #666; background-color: #fff; } #imageData #imageDetails{ width: 60%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #9c0808; } #lbnoscript {display:block;width:179px;border:1px solid #ffe363;background: #ffffef url(/img/lightbox/noscript.gif) 8px 8px no-repeat;padding:2px;margin-top:10px;} #lbnoscript b {font-size:11pt;} #lbnoscript small {display:inline;font-size:9pt;}