.rompefloat:after{ content: " \A "; display: block; clear: both; height: 0; }
a{ outline: none; }
a.external{ background: transparent url(../img/externallinkw.gif) no-repeat right; padding: 0 15px 0 0; }

body{ background-color: black; font-family: Arial, Geneva, Helvetica, sans-serif; color: white; margin: 0; padding: 0; font-size: 11px; }

#lienzo{ width: 897px; margin: 80px auto 20px auto; padding: 0 0 65px 0; background: url(../img/puntoshcorta.gif) no-repeat 167px bottom; }
#lienzo.lrg{ background: url(../img/puntosh.gif) repeat-x bottom; }

#cabecera { background: url(../img/puntosh.gif) repeat-x bottom; padding: 0 0 3px 0; margin: 0 0 30px 0; }
#cabecera #logoeps{ float: left; width: 246px; }
#cabecera #logoeps img{ display: block; margin: 0; border: 0; }

#cabecera #secciones{ width: 600px; height: 110px; float: right; }
#cabecera #secciones h1{ margin: 0; padding: 0; height: 84px; font-size: 1px; text-indent: -9999px; background-repeat: no-repeat; background-position: right; background-image: url(../img/h1epsmotiongraphics.gif); }
#cabecera #secciones h1.estudio{ background-image: url(../img/h1estudio.gif); }
#cabecera #secciones h1.portafolio{ background-image: url(../img/h1portafolio.gif); }
#cabecera #secciones h1.miscelaneo{ background-image: url(../img/h1miscelaneo.gif); }
#cabecera #secciones h1.contacto{ background-image: url(../img/h1contacto.gif); }

#cabecera #secciones h2{ margin: 0; padding: 0; height: 26px; font-size: 1px; text-indent: -9999px; background-repeat: no-repeat; background-position: right; }
#cabecera #secciones h2.cabecerastv{ background-image: url(../img/h2cabecerastv.gif); }
#cabecera #secciones h2.canalestv{ background-image: url(../img/h2canalestv.gif); }
#cabecera #secciones h2.cine{ background-image: url(../img/h2cine.gif); }
#cabecera #secciones h2.equipo{ background-image: url(../img/h2equipo.gif); }
#cabecera #secciones h2.marcas{ background-image: url(../img/h2marcas.gif); }
#cabecera #secciones h2.oficina{ background-image: url(../img/h2oficina.gif); }
#cabecera #secciones h2.mapa{ background-image: url(../img/h2mapa.gif); }
#cabecera #secciones h2.pepsempere{ background-image: url(../img/h2pepsempere.gif); }
#cabecera #secciones h2.publicidad{ background-image: url(../img/h2publicidad.gif); }
#cabecera #secciones h2.quehacemos{ background-image: url(../img/h2quehacemos.gif); }
#cabecera #secciones h2.web{ background-image: url(../img/h2web.gif); }
#cabecera #secciones h2.miscvideo{ background-image: url(../img/h2miscvideo.gif); }
#cabecera #secciones h2.miscprint{ background-image: url(../img/h2miscprint.gif); }

#menu{ margin: 0; padding: 0 0 30px 0; list-style: none; width: 160px; float: left; }
#menu strong{ display: block; height: 20px; font-size: 1px; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; }
#menu strong#a1estudio{ background-image: url(../img/a1estudio.gif); }
#menu strong#a1portafolio{ background-image: url(../img/a1portafolio.gif); }
#menu strong#a1miscelaneo{ background-image: url(../img/a1miscelaneo.gif); }
#menu strong#a1contacto{ background-image: url(../img/a1contacto.gif); }
#menu strong:hover, #menu strong.hover{ background-position: left bottom; cursor: pointer; }
#menu dt, #menu dd{ margin: 0; padding: 0; }

#menu ul{ margin: 0; padding: 0; list-style: none; width: 165px; }
#menu ul li a{ display: block; height: 16px; font-size: 1px; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; }
#menu ul li a#quehacemos{ background-image: url(../img/a2quehacemos.gif); }
#menu ul li a#pepsempere{ background-image: url(../img/a2pepsempere.gif); }
#menu ul li a#equipo{ background-image: url(../img/a2equipo.gif); }
#menu ul li a#canalestv{ background-image: url(../img/a2canalestv.gif); }
#menu ul li a#cabecerastv{ background-image: url(../img/a2cabecerastv.gif); }
#menu ul li a#publicidad{ background-image: url(../img/a2publicidad.gif); }
#menu ul li a#cine{ background-image: url(../img/a2cine.gif); }
#menu ul li a#marcas{ background-image: url(../img/a2marcas.gif); }
#menu ul li a#web{ background-image: url(../img/a2web.gif); }
#menu ul li a#miscvideo{ background-image: url(../img/a2miscvideo.gif); }
#menu ul li a#miscprint{ background-image: url(../img/a2miscprint.gif); }
#menu ul li a#oficina{ background-image: url(../img/a2oficina.gif); }
#menu ul li a#mapa{ background-image: url(../img/a2mapa.gif); }

#menu ul li a:hover, #menu ul li a.activo{ background-position: left bottom; cursor: pointer; }

#contenedor{ float: right; width: 730px!important; }
#contenido{ float: right; }
#contenido #visor, #contenido img.fichaimg{ margin: 0 0 15px 0; }
#contenido #visor object{ display: block; margin: 0; }
#contenido dl#datosficha{ margin: 0; padding: 0; list-style: none; }
#contenido dl#datosficha dt{ margin: 0; padding: 0 0 10px 0; text-transform: uppercase; font-size: 15px; color: #cccccc; font-weight: bold; }
#contenido dl#datosficha dd{ margin: 0; padding: 0; color: #5B6A6D; line-height: 18px; font-size: 13px; }
#contenido dl#datosficha dd.enlace{ padding: 10px 0 0 0; text-align: right; }
#contenido dl#datosficha dd.enlace a{ text-decoration: none; color: #D1D1D1; font-weight: bold;}
#contenido dl#datosficha dd.enlace a:hover{ color: white; text-decoration: underline; }

#noticia1{ margin: 0 0 30px 0; padding: 0 0 31px 0; background: transparent url(../img/puntosh.gif) repeat-x bottom; }
#noticia1 #marconoticia{ background-color: #5B6A6D; }
#noticia1 #marconoticia img{ display: block; float: left; margin: 0 0 0 0; }
#noticia1 #marconoticia dl{ margin: 0; padding: 10px 15px 0 15px; list-style: none; position: relative; width: 280px; height: 260px; float: right; }
#noticia1 #marconoticia dl dt{ color: black; font-size: 22px; padding: 0 0 10px 0; font-weight: bold; }
#noticia1 #marconoticia dl dd.desc1{ color: #D1D1D1; font-size: 15px; margin: 0; padding: 0 0 10px 0; font-weight: bold; }
#noticia1 #marconoticia dl dd.desc2{ color: Black; margin: 0; font-size: 13px; padding: 0 0 20px 0; font-weight: bold; }
#noticia1 #marconoticia dl dd.enlace{ margin: 0; position: absolute; bottom: 20px; }
#noticia1 #marconoticia dl dd.enlace a{ font-weight: bold; color: black; text-decoration: none; background: transparent url(../img/anoticia1.gif) no-repeat right; padding: 0 17px 0 0; }
#noticia1 #marconoticia dl dd.enlace a:hover{ text-decoration: underline; }

#noticia2{ margin: 0; padding: 0; }
#noticia2 #marconoticia img{ display: block; float: left; margin: 0 0 0 0; }
#noticia2 #marconoticia dl{ margin: 0; padding: 0 20px 0 15px; list-style: none; width: 555px; height: 90px; float: right; }
#noticia2 #marconoticia dl dt{ color: black; font-size: 17px; padding: 0 0 10px 0; font-weight: bold; text-transform: uppercase; color: #5B6A6D; line-height: 17px; }
#noticia2 #marconoticia dl dd.desc1{ color: #97a2a4; font-size: 12px; margin: 0; padding: 0 0 5px 0; line-height: 18px; font-weight: bold; height: 45px; }
#noticia2 #marconoticia dl dd.enlace{ margin: 0; }
#noticia2 #marconoticia dl dd.enlace a{ font-weight: bold; color: #5B6A6D; text-decoration: none; background: transparent url(../img/anoticia2.gif) no-repeat right; padding: 0 17px 0 0; }
#noticia2 #marconoticia dl dd.enlace a:hover{ text-decoration: underline; }

#contenido .scroll{ height: 369px; width: 715px !important; overflow: auto; padding-left: 15px; }
#mosaico{ margin: 0; padding: 0; list-style: none; }
#mosaico li{ width: 140px; height: 90px; margin: 0 0 3px 3px; float: left; }
#mosaico li a{ display: block; width: 140px; height: 90px; margin: 0; position: relative; text-decoration: none; }
#mosaico li a span{ display: block; position: absolute; color: white; width: 138px; text-align: center; z-index: 99; bottom: 0; border: 1px solid white; height: 88px; line-height: 152px; background: transparent url(../img/velomosaico.png) repeat-x bottom; }

#mosaico li a img{ display: block; margin: 0; border: 0; }
#mosaico p{ margin: 0; }

#contenidoestudio{ background-color: #5B6A6D; }
#contenidoestudio #box{ float: left; margin: 0; padding: 20px; width: 408px; }
#contenidoestudio dl{ margin: 0; list-style: none; font-size: 14px; padding: 0 20px 0 0; height: 264px; overflow: auto; }
#contenidoestudio dl dt{ color: black; padding: 0 0 23px 0; font-size: 17px; font-weight: bold; text-transform: uppercase; }
#contenidoestudio dl dd{ margin: 0; padding: 0 0 5px 0; color: #D1D1D1; line-height: 18px; }
#contenidoestudio dl dd strong{ display: block; font-weight: bold; color: black; }
#contenidoestudio img.fotomotivo{ float: right; }

#contenidoestudio dl dl{ margin: 0 0 10px 0; list-style: none; font-size: 15px; padding: 0; height: auto; overflow: hidden; }
#contenidoestudio dl dl dt{ text-transform: none; padding: 0 0 5px 0; margin: 0; font-size: 15px; }
#contenidoestudio dl dl dd{ padding: 0; margin: 0; }
#contenidoestudio dl dl dd a{ font-weight: bold; color: #2C3436; font-size: 11px; background-image: url(../img/externallink.gif); }
#contenidoestudio dl dl dd a:hover{ color: Black; }


#contenidooficina{ background-color: #5B6A6D; margin: 0 0 30px 0; }
#contenidooficina img.fotomotivo{ float: left; }
#contenidooficina #box{ float: right; margin: 0; padding: 20px 20px 20px 30px; width: 250px; }
#contenidooficina dl{ margin: 0; list-style: none; font-size: 13px; padding: 0 20px 40px 0; }
#contenidooficina dl.ultimo{ padding: 0 20px 0 0; }
#contenidooficina dl dt{ color: black; padding: 0 0 10px 0; font-weight: bold; text-transform: uppercase; font-size: 15px; }
#contenidooficina dl dd{ margin: 0; padding: 0; line-height: 18px; color: #D1D1D1; font-size: 15px; }
#contenidooficina dl.ultimo dd{ font-size: 13px; }
#contenidooficina dl dd strong{ font-weight: bold; }
#contenidooficina dl dd a{ color: #D1D1D1; text-decoration: none; }
#contenidooficina dl dd a:hover{ color: white; text-decoration: underline; }


ul#galeria{ margin: 0; padding: 31px 0 0 0; list-style: none; background: url(../img/puntosh.gif) repeat-x top; }
ul#galeria li{ float: left; width: 146px; height: 85px; }
ul#galeria li img{ display: block; margin: 0; float: left; }

#contenidoestudio .jScrollPaneContainer{ width: 408px !important; }
#contenidoestudio .jScrollPaneTrack{ right: 0 !important; background: #5B6A6D url(../img/puntosgv.gif) repeat-y center !important; }
#contenidoestudio .jScrollPaneDrag{ background-color: #97A2A4 !important; }

#contenido .jScrollPaneContainer{ width: 730px !important; }
#contenido .jScrollPaneTrack{ left: 0 !important; background: black url(../img/puntosv.gif) repeat-y center !important; }
#contenido .jScrollPaneDrag{ background-color: #5B6A6D !important; }