.rompefloat:after{ content: " \A "; display: block; clear: both; height: 0; }

body{ background-color: white; margin: 0; padding: 0; font-family: Segoe UI, Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 14px; }
a{ outline: none; }

#lienzo{ width: 762px; margin: 0 auto 40px auto; padding: 70px 0 0 0; }
#cabecera{ height: 100px; padding: 0 0 0 125px; }
#cabecera #logo{ display: block; width: 202px; height: 43px; margin: 0 0 34px 0; }
#cabecera #logo img{ border: 0; display: block; margin: 0; padding: 0; width: 202px; height: 43px; }
#cabecera h1{ margin: 0; padding: 0; background-color: transparent; background-position: right bottom; background-repeat: no-repeat; font-size: 1px; height: 23px; text-indent: -9999px; }
#cabecera h1.print{ background-image: url(../img/hprint.gif); }
#cabecera h1.motion{ background-image: url(../img/hmotion.gif); }
#cabecera h1.web{ background-image: url(../img/hweb.gif); }
#cabecera h1.brand{ background-image: url(../img/hbrand.gif); }
#cabecera h1.morestuff{ background-image: url(../img/hmorestuff.gif); }
#cabecera h1.theothers{ background-image: url(../img/htheothers.gif); }

#menu{ width: 125px; float: left; }
#menu ul{ margin: 0 0 39px 0; padding: 25px 0 0 0; width: 97px; list-style: none; background: transparent url(../img/puntosh.gif) repeat-x; }
#menu ul li a{ display: block; height: 20px; background-color: transparent; background-repeat: no-repeat; background-position: right top; text-indent: -9999px; margin: 0 0 2px 0; }
#menu ul li a#print{ background-image: url(../img/aprint.gif); }
#menu ul li a#motion{ background-image: url(../img/amotion.gif); }
#menu ul li a#web{ background-image: url(../img/aweb.gif); }
#menu ul li a#brand{ background-image: url(../img/abrand.gif); }
#menu ul li a#morestuff{ background-image: url(../img/amorestuff.gif); }
#menu ul li a#theothers{ background-image: url(../img/atheothers.gif); }
#menu ul li a:hover, #menu.print a#print, #menu.motion a#motion, #menu.web a#web,
#menu.brand a#brand,#menu.morestuff a#morestuff, #menu.theothers a#theothers{	background-position: right bottom; }

#contenido{ float: right; width: 637px; padding: 27px 0 0 0; background: url(../img/puntosh.gif) repeat-x; }

#portada #contenido{ background-color: #e0ded8; background-image: none; padding: 0; }
#mosaico #contenido{ background-image: none; padding: 0; }
#portada a#acontacto img{ border: 0; }

#portada #contenido #fotoportada{ display: block; width: 395px; height: 337px; margin: 0; float: left; }
#portada #contenido #descportada{ width: 212px; height: 210px; float: right; padding: 112px 15px 15px 15px; position: relative; }
#portada #contenido #descportada h2{ margin: 0 0 25px 0; padding: 0; height: 17px; font-size: 1px; text-indent: -9999px; background: url(../img/hwhois.gif) no-repeat; }
#portada #contenido #descportada p{ margin: 0; color: #88857d; }
#portada #contenido #descportada p#contacto{ position: absolute; bottom: 15px; margin: 0; padding: 0; }
#portada #contenido #descportada p#contacto a{ color: #88857D; text-decoration: none; }
#portada #contenido #descportada p#contacto a:hover{ color: black; text-decoration: underline; }

#bloquemosaico{ margin: 0; padding: 0; list-style: none; }
#bloquemosaico li{ display: block; height: 147px; width: 147px; background-color: #f3f1ec; background-repeat: no-repeat; float: left; margin: 0 5px 5px 0; }
#bloquemosaico li a{ display: block; height: 127px; width: 127px; margin: 0; padding: 11px; }
#bloquemosaico li a img{ /* border: 1px solid #b6b6b6;*/ border: 0; }

#bloquemosaico li a:hover{ background-color: #3e3e3e; }

#bloquemosaico li a:hover img{ display: block; margin: 0; }

#bloquemosaico li.ms1{ background-image: url(../img/mosaico1.gif); }
#bloquemosaico li.ms2{ background-image: url(../img/mosaico2.gif); }
#bloquemosaico li.ms3{ background-image: url(../img/mosaico3.gif); }
#bloquemosaico li.ms4{ background-image: url(../img/mosaico4.gif); }
#bloquemosaico li.ms5{ background-image: url(../img/mosaico5.gif); }
#bloquemosaico li.ms6{ background-image: url(../img/mosaico6.gif); }
#bloquemosaico li.ms7{ background-image: url(../img/mosaico7.gif); }
#bloquemosaico li.ms8{ background-image: url(../img/mosaico8.gif); }
#bloquemosaico li.ms9{ background-image: url(../img/mosaico9.gif); }
#bloquemosaico li.ms10{ background-image: url(../img/mosaico10.gif); }
#bloquemosaico li.ms11{ background-image: url(../img/mosaico11.gif); }
#bloquemosaico li.ms12{ background-image: url(../img/mosaico12.gif); }
#bloquemosaico li.ms13{ background-image: url(../img/mosaico13.gif); }
#bloquemosaico li.ms14{ background-image: url(../img/mosaico14.gif); }
#bloquemosaico li.ms15{ background-image: url(../img/mosaico15.gif); }

#contenido #fotog{ float: left; }
#contenido #visor{ float: left; border: 1px solid #E0DED8; }
#contenido #visor object{ margin: 0 0 -4px 0; }
#contenido #fotog img{ display: block; margin: 0; border: 1px solid #E0DED8; }
#contenido #col{ float: right; width: 237px; padding: 0 0 0 12px; position: relative; height: 310px; }
#contenido #col ul#galeria{ list-style: none; margin: 0; padding: 0; }
#contenido #col ul#galeria li{ float: left; margin: 0 0 12px 12px; }
#contenido #col ul#galeria a img{ border: 1px solid #E0DED8; display: block; margin: 0; }
#contenido #col ul#galeria a:hover img{ border-color: #88857D; }

#contenido #col dl#descripcion{ margin: 0 0 0 12px; padding: 0; list-style: none; position: absolute; bottom: 0; }
#contenido #col dl#descripcion dt{ margin: 0 0 0 0; padding: 0; color: #3E3E3E; }
#contenido #col dl#descripcion dd{ margin: 0; padding: 0; color: #a19e95; }
#contenido #col dl#descripcion dd.enlace{ padding: 20px 0 0 0; }
#contenido #col dl#descripcion dd.enlace a{ color: #3E3E3E; text-decoration: none; }
#contenido #col dl#descripcion dd.enlace a:hover{ text-decoration: underline; }

#theothers #contenido{ padding-top: 1px; }
#linklist{ margin: 0; padding: 0; list-style: none; }
#linklist li{ background: url(../img/linksli.gif) no-repeat right bottom; padding: 0 0 1px 0; }
#linklist li div.link{ padding: 20px 0 0 100px; background: White url(../img/motivoroedor.gif) no-repeat left top; height: 80px; /*cursor: pointer;*/ }
#linklist li div.link.hover{ background-color: #f7f7f5; background-position: left bottom; }
#linklist li h2{ margin: 0; padding: 0; font-size: 12px; }
#linklist li dl{ margin: 0; }
#linklist li dt{ margin: 0; padding: 0; color: #88857D; }
#linklist li dd{ margin: 0; padding: 0; }
#linklist li dd a{ color: #3E3E3E; text-decoration: none; }
/*#linklist li div.link.hover a,*/
#linklist li dd a:hover{ text-decoration: underline; }