/*Wrap - contenedor web --------------------------------------------------------------------------- */ #wrap { width:980px; text-align:left; background:#FFF; margin: 30px auto; border: #7AC043 5px solid; height:580px; } /*Cap --------------------------------------------------------------------------- */ #header { position:absolute; height:162px; width:980px; z-index:1;} /*Menu --------------------------------------------------------------------------- */ #menu-cat a#menu-a, #menu-cat a#menu-b, #menu-cat a#menu-c, #menu-cat a#menu-d, #menu-cat a#menu-e, #menu-cat a#menu-f { display:block; background:url(../img/cap.jpg) no-repeat; float:left; text-indent:-9999px; } #menu-es a#menu-a, #menu-es a#menu-b, #menu-es a#menu-c, #menu-es a#menu-d, #menu-es a#menu-e, #menu-es a#menu-f { display:block; background:url(../img/cap-es.jpg) no-repeat; float:left; text-indent:-9999px; } #menu-en a#menu-a, #menu-en a#menu-b, #menu-en a#menu-c, #menu-en a#menu-d, #menu-en a#menu-e, #menu-en a#menu-f { display:block; background:url(../img/cap-en.jpg) no-repeat; float:left; text-indent:-9999px; } #menu-cat a#menu-a { width:185px; height:162px;} #menu-cat a#menu-a:hover { background-position:0x -162px; } #menu-cat a#menu-b { width:147px; height:50px; background-position:-240px 0 ; margin-left:55px; } #menu-cat a#menu-b:hover { background-position:-240px -162px ; } #menu-cat a#menu-c { width:254px; height:50px; background-position:-387px 0;} #menu-cat a#menu-c:hover { background-position:-387px -162px;} #menu-cat a#menu-d { width:158px; height:50px; background-position:-641px 0;} #menu-cat a#menu-d:hover { background-position:-641px -162px;} #menu-cat a#menu-e { width:71px; height:50px; background-position:-837px 0; margin-left:38px; } #menu-cat a#menu-e:hover { background-position:-837px -162px; margin-left:38px; } #menu-cat a#menu-f { width:72px; height:50px; background-position:-908px 0 ;} #menu-cat a#menu-f:hover { background-position:-908px -162px ;} #menu-es a#menu-a { width:185px; height:162px;} #menu-es a#menu-a:hover { background-position:0x -162px; } #menu-es a#menu-b { width:147px; height:50px; background-position:-240px 0 ; margin-left:55px; } #menu-es a#menu-b:hover { background-position:-240px -162px ; } #menu-es a#menu-c { width:254px; height:50px; background-position:-387px 0;} #menu-es a#menu-c:hover { background-position:-387px -162px;} #menu-es a#menu-d { width:158px; height:50px; background-position:-641px 0;} #menu-es a#menu-d:hover { background-position:-641px -162px;} #menu-es a#menu-e { width:71px; height:50px; background-position:-837px 0; margin-left:38px; } #menu-es a#menu-e:hover { background-position:-837px -162px; margin-left:38px; } #menu-es a#menu-f { width:72px; height:50px; background-position:-908px 0 ;} #menu-es a#menu-f:hover { background-position:-908px -162px ;} #menu-en a#menu-a { width:185px; height:162px;} #menu-en a#menu-a:hover { background-position:0x -162px; } #menu-en a#menu-b { width:147px; height:50px; background-position:-240px 0 ; margin-left:55px; } #menu-en a#menu-b:hover { background-position:-240px -162px ; } #menu-en a#menu-c { width:254px; height:50px; background-position:-387px 0;} #menu-en a#menu-c:hover { background-position:-387px -162px;} #menu-en a#menu-d { width:158px; height:50px; background-position:-641px 0;} #menu-en a#menu-d:hover { background-position:-641px -162px;} #menu-en a#menu-e { width:71px; height:50px; background-position:-837px 0; margin-left:38px; } #menu-en a#menu-e:hover { background-position:-837px -162px; margin-left:38px; } #menu-en a#menu-f { width:72px; height:50px; background-position:-908px 0 ;} #menu-en a#menu-f:hover { background-position:-908px -162px ;} h1 { position:absolute; top:-100px; height:1px!important;} .menu-a-active {} .menu-b-active { background-position:-240px -162px !important;} .menu-c-active { background-position:-387px -162px !important;} .menu-d-active { background-position:-641px -162px !important;} .menu-e-active {} .menu-f-active {} /*Contenido --------------------------------------------------------------------------- */ #contenido { background:#FFFFFF; clear:both; z-index:100; position:relative;} /*Home --------------------------------------------------------------------------- */ .home-cat { margin-top:148px; background:url(../img/home-cat.jpg) no-repeat !important; height:398px;} #texto-home { width:300px; margin-left:355px; padding-top:28px;} #texto-home p { padding-bottom:30px;} /*Menu-productos --------------------------------------------------------------------------- */ #menu-productes-cat, #menu-productes-es, #menu-productes-en { width:675px; margin-left:305px; height:53px; } #menu-productes-cat li, #menu-productes-es li, #menu-productes-en li { float:left;} #menu-productes-cat a#menu-p-a, #menu-productes-cat a#menu-p-b, #menu-productes-cat a#menu-p-c, #menu-productes-cat a#menu-p-d, #menu-productes-cat a#menu-p-e, #menu-productes-cat a#menu-p-f, #menu-productes-cat a#menu-p-g { display:block; background:url(../img/menu-productos-cat.gif) no-repeat; float:left; text-indent:-9999px; } #menu-productes-es a#menu-p-a, #menu-productes-es a#menu-p-b, #menu-productes-es a#menu-p-c, #menu-productes-es a#menu-p-d, #menu-productes-es a#menu-p-e, #menu-productes-es a#menu-p-f, #menu-productes-es a#menu-p-g { display:block; background:url(../img/menu-productos-es.gif) no-repeat; float:left; text-indent:-9999px; } #menu-productes-en a#menu-p-a, #menu-productes-en a#menu-p-b, #menu-productes-en a#menu-p-c, #menu-productes-en a#menu-p-d, #menu-productes-en a#menu-p-e, #menu-productes-en a#menu-p-f, #menu-productes-en a#menu-p-g { display:block; background:url(../img/menu-productos-en.gif) no-repeat; float:left; text-indent:-9999px; } #menu-productes-cat a#menu-p-a { width:95px; height:53px;} #menu-productes-cat a#menu-p-a:hover { background-position: 0 -53px ;} #menu-productes-cat a#menu-p-b { width:86px; height:53px; background-position:-95px 0; } #menu-productes-cat a#menu-p-b:hover { background-position:-95px -53px ;} #menu-productes-cat a#menu-p-c { width:87px; height:53px; background-position:-181px 0; } #menu-productes-cat a#menu-p-c:hover { background-position:-181px -53px ;} #menu-productes-cat a#menu-p-d { width:85px; height:53px; background-position:-268px 0; } #menu-productes-cat a#menu-p-d:hover { background-position:-268px -53px ;} #menu-productes-cat a#menu-p-e { width:92px; height:53px; background-position:-360px 0; } #menu-productes-cat a#menu-p-e:hover { background-position:-360px -53px ;} #menu-productes-cat a#menu-p-f { width:114px; height:53px;background-position:-452px 0; } #menu-productes-cat a#menu-p-f:hover { background-position:-452px -53px ;} #menu-productes-cat a#menu-p-g { width:116px; height:53px;background-position:-566px 0;} #menu-productes-cat a#menu-p-g:hover { background-position:-566px -53px ;} #menu-productes-es a#menu-p-a { width:95px; height:53px;} #menu-productes-es a#menu-p-a:hover { background-position: 0 -53px ;} #menu-productes-es a#menu-p-b { width:86px; height:53px; background-position:-95px 0; } #menu-productes-es a#menu-p-b:hover { background-position:-95px -53px ;} #menu-productes-es a#menu-p-c { width:87px; height:53px; background-position:-181px 0; } #menu-productes-es a#menu-p-c:hover { background-position:-181px -53px ;} #menu-productes-es a#menu-p-d { width:85px; height:53px; background-position:-268px 0; } #menu-productes-es a#menu-p-d:hover { background-position:-268px -53px ;} #menu-productes-es a#menu-p-e { width:92px; height:53px; background-position:-360px 0; } #menu-productes-es a#menu-p-e:hover { background-position:-360px -53px ;} #menu-productes-es a#menu-p-f { width:114px; height:53px;background-position:-452px 0; } #menu-productes-es a#menu-p-f:hover { background-position:-452px -53px ;} #menu-productes-es a#menu-p-g { width:116px; height:53px;background-position:-566px 0;} #menu-productes-es a#menu-p-g:hover { background-position:-566px -53px ;} #menu-productes-en a#menu-p-a { width:95px; height:53px;} #menu-productes-en a#menu-p-a:hover { background-position: 0 -53px ;} #menu-productes-en a#menu-p-b { width:86px; height:53px; background-position:-95px 0; } #menu-productes-en a#menu-p-b:hover { background-position:-95px -53px ;} #menu-productes-en a#menu-p-c { width:87px; height:53px; background-position:-181px 0; } #menu-productes-en a#menu-p-c:hover { background-position:-181px -53px ;} #menu-productes-en a#menu-p-d { width:85px; height:53px; background-position:-268px 0; } #menu-productes-en a#menu-p-d:hover { background-position:-268px -53px ;} #menu-productes-en a#menu-p-e { width:92px; height:53px; background-position:-360px 0; } #menu-productes-en a#menu-p-e:hover { background-position:-360px -53px ;} #menu-productes-en a#menu-p-f { width:114px; height:53px;background-position:-452px 0; } #menu-productes-en a#menu-p-f:hover { background-position:-452px -53px ;} #menu-productes-en a#menu-p-g { width:116px; height:53px;background-position:-566px 0;} #menu-productes-en a#menu-p-g:hover { background-position:-566px -53px ;} #menu-productes-cat a.menu-p-a-active { background-position: 0 -53px !important;} #menu-productes-cat a.menu-p-b-active { background-position:-95px -53px !important;} #menu-productes-cat a.menu-p-c-active { background-position:-181px -53px !important;} #menu-productes-cat a.menu-p-d-active { background-position:-268px -53px !important;} #menu-productes-cat a.menu-p-e-active { background-position:-360px -53px !important;} #menu-productes-cat a.menu-p-f-active { background-position:-452px -53px !important;} #menu-productes-cat a.menu-p-g-active { background-position:-566px -53px !important;} #menu-productes-es a.menu-p-a-active { background-position: 0 -53px !important;} #menu-productes-es a.menu-p-b-active { background-position:-95px -53px !important;} #menu-productes-es a.menu-p-c-active { background-position:-181px -53px !important;} #menu-productes-es a.menu-p-d-active { background-position:-268px -53px !important;} #menu-productes-es a.menu-p-e-active { background-position:-360px -53px !important;} #menu-productes-es a.menu-p-f-active { background-position:-452px -53px !important;} #menu-productes-es a.menu-p-g-active { background-position:-566px -53px !important;} #menu-productes-en a.menu-p-a-active { background-position: 0 -53px !important;} #menu-productes-en a.menu-p-b-active { background-position:-95px -53px !important;} #menu-productes-en a.menu-p-c-active { background-position:-181px -53px !important;} #menu-productes-en a.menu-p-d-active { background-position:-268px -53px !important;} #menu-productes-en a.menu-p-e-active { background-position:-360px -53px !important;} #menu-productes-en a.menu-p-f-active { background-position:-452px -53px !important;} #menu-productes-en a.menu-p-g-active { background-position:-566px -53px !important;} /*Productos --------------------------------------------------------------------------- */ .productes-cat { margin-top:80px; background:url(../img/productes-cat.jpg) no-repeat !important; } .productes-es { margin-top:80px; background:url(../img/productes-es.jpg) no-repeat !important; } .productes-en { margin-top:80px; background:url(../img/productes-en.jpg) no-repeat !important; } .producto-a, .producto-b, .producto-c, .producto-d, .producto-e, .producto-f, .producto-g {height:413px;} .productes-cat .producto-a { background:url(../img/productes-cat-a.jpg) no-repeat !important;} .productes-cat .producto-b { background:url(../img/productes-cat-b.jpg) no-repeat !important;} .productes-cat .producto-c { background:url(../img/productes-cat-c.jpg) no-repeat !important;} .productes-cat .producto-d { background:url(../img/productes-cat-d.jpg) no-repeat !important;} .productes-cat .producto-e { background:url(../img/productes-cat-e.jpg) no-repeat !important;} .productes-cat .producto-f { background:url(../img/productes-cat-f.jpg) no-repeat !important;} .productes-cat .producto-g { background:url(../img/productes-cat-g.jpg) no-repeat !important;} .productes-es .producto-a { background:url(../img/productes-es-a.jpg) no-repeat !important;} .productes-es .producto-b { background:url(../img/productes-es-b.jpg) no-repeat !important;} .productes-es .producto-c { background:url(../img/productes-es-c.jpg) no-repeat !important;} .productes-es .producto-d { background:url(../img/productes-es-d.jpg) no-repeat !important;} .productes-es .producto-e { background:url(../img/productes-es-e.jpg) no-repeat !important;} .productes-es .producto-f { background:url(../img/productes-es-f.jpg) no-repeat !important;} .productes-es .producto-g { background:url(../img/productes-es-g.jpg) no-repeat !important;} .productes-en .producto-a { background:url(../img/productes-en-a.jpg) no-repeat !important;} .productes-en .producto-b { background:url(../img/productes-en-b.jpg) no-repeat !important;} .productes-en .producto-c { background:url(../img/productes-en-c.jpg) no-repeat !important;} .productes-en .producto-d { background:url(../img/productes-en-d.jpg) no-repeat !important;} .productes-en .producto-e { background:url(../img/productes-en-e.jpg) no-repeat !important;} .productes-en .producto-f { background:url(../img/productes-en-f.jpg) no-repeat !important;} .productes-en .producto-g { background:url(../img/productes-en-g.jpg) no-repeat !important;} #contenido-productos p { line-height:20px; text-align:left;} #contenido-productos li { background:url(../img/bullet.gif) no-repeat; padding:0 0 6px 18px;} #producto-a-left, #producto-g-left { width:235px; float:left; margin-left:304px;} #producto-a-right, #producto-g-right { width:160px; float:left; margin-left:33px; margin-top: 10px;} .productes-es #producto-a-right {width: 182px !important; } #producto-b-left { width:235px; float:left; margin-left:304px;} #producto-b-mid { width:235px; float:left; margin-left:33px;} #producto-b-right { width:130px; float:left; margin-left:33px;} #producto-c-left { width:306px; float:left; margin-left:304px;} #producto-c-right { width:282px; float:left; margin-left:33px; } #producto-d-left, #producto-e-left { width:306px; float:left; margin-left:304px;} #producto-f-left { width:239px; float:left; margin-left:304px;} a#descarrega-cat-a { width:124px; height:73px; display:block; text-indent:-9999px; background:url(../img/donwload-cat-a.gif) no-repeat;} a#descarrega-cat-b { width:124px; height:73px; display:block; text-indent:-9999px; background:url(../img/donwload-cat-b.gif) no-repeat;} a#descarrega-es-a { width:124px; height:73px; display:block; text-indent:-9999px; background:url(../img/donwload-es-a.gif) no-repeat;} a#descarrega-es-b { width:124px; height:73px; display:block; text-indent:-9999px; background:url(../img/donwload-es-b.gif) no-repeat;} a#descarrega-en-a { width:135px; height:73px; display:block; text-indent:-9999px; background:url(../img/donwload-en-a.gif) no-repeat;} a#descarrega-en-b { width:135px; height:73px; display:block; text-indent:-9999px; background:url(../img/donwload-en-b.gif) no-repeat;} .box-verd { background:#BCDC9B; padding:5px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -khtml-border-top-left-radius:10px; -khtml-border-top-right-radius:10px; -khtml-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px;} /*Contacto --------------------------------------------------------------------------- */ .mapa { margin-top:77px; background:url(../img/contacto.jpg) no-repeat !important; height:469px;} .mapa p { line-height:normal !important; padding:2px 0 !important; font-size:10px;} #contacto-a { padding-left:443px; padding-top: 143px;} #contacto-b { padding-left:328px; padding-top: 34px;} /*Pie --------------------------------------------------------------------------- */ #footer { height:39px; background:#7AC043;} #footer p { font-size:11px; padding-top: 10px; padding-left:10px;} #footer-a { width:800px; float:left;} #footer-b { width:123px; float:right; margin-top: 6px;} a#networks-a, a#networks-b, a#networks-c { display:block; text-indent:-9999px; float:left; background:url(../img/networks.jpg) no-repeat right bottom; height:33px;} a#networks-a { width:38px; background-position:0 0;} a#networks-a:hover { background-position:0 -33px;} a#networks-b { width:39px; background-position:-38px 0;} a#networks-b:hover { background-position:-38px -33px;} a#networks-c { width:46px; background-position:-77px 0;} a#networks-c:hover { background-position:-77px -33px;} /*Hack para las cajas - valida la css - solo ie + Firefox --------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }