/* CSS Document Created by Natalia Artigas http://www.fluid.cat Date: 2009 */ /* RESET -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } ul,li{ list-style:none;} fieldset{ border:none;} /* HTML GENERAL ELEMENTS -----------------------------------------------------------------------------*/ img{ border: none;} a{ text-decoration:underline; color:#000000;} a:hover, a:visited{ text-decoration:underline; color:#000000;} .left{ float:left !important;} .right { float:right !important;} h2 span{ position:absolute; left:-99999px;} .clearFix{clear:both; height:1%;} .row{clear:both; display:block; overflow:hidden;} * html .row{overflow:visible;} /* LAYOUT -----------------------------------------------------------------------------*/ body{ font: normal 11px Verdana, Arial, Helvetica, sans-serif; background: #ffcf08 url(images/bg_body.jpg) center 0px repeat-y; text-align:left;} #quicknav{ position:absolute; left:-99999px;} #wrapper{ width:900px; margin:0 auto; padding:0 10px; display:block; background: transparent url(images/bg_wrapper.jpg) 0px 0px no-repeat; } #header{ height:247px; background:url(images/bg_header.jpg) 0px 0px no-repeat; overflow:hidden; padding-top:15px; text-align:left; position:relative;} * html #header{ height:1%; padding-bottom:1px;} #content{ clear:both; padding:15px 33px 25px 33px; background:#ffffff url(images/bg_content.jpg) left bottom no-repeat; overflow:hidden; display:block;} * html #content{ height:1%;} /* fix ie6 */ #footer{ text-align:center; padding:10px 0px 20px 0px; line-height:14px;} /* HEADER -----------------------------------------------------------------------------*/ #header h1{ margin-left:33px; float:left; width:auto;} * html #header h1{ clear:both; margin-left:17px;} #header h1 a img{ border:none;} * html #header h1 a{ border:none;} /* fix ie6 */ #header h1.breadcrumb{ clear:both; float:right; margin:0px 33px 0px 0px; font-weight:normal; line-height:19px; color:#666666; position:absolute; bottom:1px; right:0px;} * html #header h1.breadcrumb{ white-space:nowrap; margin:0px 17px 0px 0px;} /* fix ie6*/ #header ul#lang, #header ul#lang li{ float:right;overflow:hidden;text-align:right;} #header ul#lang li a{ font: normal 9px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000; margin-right:5px;} #header #nav{ float:right; overflow:hidden; display:block; width:auto; position:absolute; right:33px;} #header #nav li{ float:left; margin-left:24px;} #header #nav li a{ display:block; height:227px; background:url(images/bg_menu.jpg) 0px 0px no-repeat;} #header #nav li a span{ position:absolute; left:-99999px;} #header #nav li#nav_i1{ margin-left:0px;} #header #nav li#nav_i1 a{ width:134px; background-position:0px 0px;} #header #nav li#nav_i1 a:hover, #header #nav li#nav_i1.selected a{ background-position:0px -227px;} #header #nav li#nav_i2 a{ width:134px; background-position:-158px 0px;} #header #nav li#nav_i2 a:hover, #header #nav li#nav_i2.selected a{ background-position:-158px -227px !important;} #header #nav li#nav_i3 a{ width:151px; background-position:-315px 0px;} #header #nav li#nav_i3 a:hover, #header #nav li#nav_i3.selected a{background-position:-315px -227px;} #header #nav li#nav_i4 a{ width:128px; background-position:-489px 0px;} #header #nav li#nav_i4 a:hover, #header #nav li#nav_i4.selected a{ background-position:-489px -227px;} /* FOOTER -----------------------------------------------------------------------------*/ .footer a{ text-decoration:underline;} /* INDEX -----------------------------------------------------------------------------*/ #content.index #flash-container{ float:left !important; overflow:hidden; width:575px;} #content.index .flash{ float:left; } #content.index .new{ width:239px; float:right; overflow:hidden;} #content.index .new h2{ background:url(images/novetats_ca.jpg) 0px 0px no-repeat; width: 94px; height:15px; display:block; } #content.index .new .box{ border: 1px solid #000000; padding:15px; display:block; overflow:hidden; min-height:326px;} * html #content.index .new .box{height:1%;} /* fix ie6 */ #content.index .new .data{ padding:0px; font-size:11px; background:none; } #content.index .new h3{ font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px; background: url(images/bg_points.jpg) left bottom repeat-x; } #content.index .new img, .index .new p { padding:10px 0px 11px 0px; background: url(images/bg_points.jpg) left bottom repeat-x; line-height:13px;} #content.index .new a.more{ color:#666666; text-decoration:underline; float:right; line-height:16px; margin-top:10px; } #content.index .new a.more:hover{ color:#000000;} /* EMPRESA -----------------------------------------------------------------------------*/ #content.empresa{ } #content.empresa .left{ width:218px; float:left;} #content.empresa .left h2{ background:url(images/sobre_nosaltres_ca.jpg) 0px 0px; width:191px; height:16px;margin-bottom:16px;} #content.empresa .left p{ margin-bottom:15px;} #content.empresa .right{ width:585px; overflow:hidden; background:#ffffff url(images/bg_points.jpg) 0px 0px repeat-y; padding-left:18px; margin-top:18px;} #content.empresa .right .caption{ display:block; background-color:#f3f3f4; min-height:20px; line-height:20px; padding-left:8px; font-size:10px; margin:0 5px;} #content.empresa .demo{position:relative;margin-top:2em;} #content.empresa .demo{width:702px;margin:0 auto;} #content.empresa .demo li{margin: 0 2px; background:#000;} #content.empresa .demo li div{left:240px} #content.empresa .demo li div .caption{font:italic 0.7em/1.4 georgia,serif;} #content.empresa .galleria_wrapper{ width:564px; height:384px;overflow:hidden; margin:11px auto 15px auto; } #content.empresa #main_image{margin:0 auto 15px auto; width:586px; /* height:405px*/; background:url(images/bg_gallery.jpg) 0px 0px no-repeat;float:left;} #content.empresa #main_image img{margin-bottom:10px;} #content.empresa .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;} #content.empresa .galleria{list-style:none;width:100%;} #content.empresa .galleria li{ display:block; width:85px; height:65px; overflow:hidden; float:left; margin:0 1px 10px 3px; background:url(images/bg_li_gallery.jpg) 0px 0px; padding:4px;} #content.empresa .galleria li img.thumb{width:85px; height:65px; } #content.empresa .galleria li a{display:none} #content.empresa .galleria li div{position:absolute;display:none;top:0;left:180px} #content.empresa .galleria li div img{cursor:pointer} #content.empresa .galleria li.active div img,.galleria li.active div{display:block} #content.empresa .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} #content.empresa .galleria li .caption{display:block;padding-top:.5em} * html #content.empresa .galleria li div span{width:400px} /* MSIE bug */ #content.empresa p.nav{ text-align:center;} /* NEWS -----------------------------------------------------------------------------*/ * html #content.news{ border-top: 15px solid #ffffff; height:1%; padding-top:15px; background-color:#333333; overflow:visible;} /* ie6 fix*/ *+html #content.news{ border-top: 15px solid #ffffff; height:1%;} /* ie7 fix*/ #content.news .bg{ background:#ffffff url(images/bg_points.jpg) 454px 0px repeat-y; display:block; overflow:visible;} #content.news .left{ width:435px; float:left; padding-right:20px; background:url(images/novetats_ca.jpg) 0px 0px no-repeat;} #content.news .left h2{ height:16px;} #content.news h2{ margin-bottom:15px;} #content.news p.data{ font: italic normal 11px/15px Verdana, Arial, Helvetica, sans-serif;} #content.news .left h3{ font: normal 18px/23px Verdana, Arial, Helvetica, sans-serif; margin-bottom:12px;} #content.news .left a.down{ background: url(images/bg_points.jpg) top left repeat-x; color:#666666; font-size:11px; line-height:26px; height:26px; display:block; text-decoration:underline;} #content.news .left img{ margin-bottom:10px;} #content.news .left img, #content.news .newBody{ background: url(images/bg_points.jpg) top left repeat-x; padding-top:11px;} #content.news .left p{ margin-bottom:10px; line-height:normal;} #content.news .right{ width:358px; float:right;} #content.news .right h2{background:url(images/arxiu_ca.jpg) 0px 0px no-repeat; height:15px; border-bottom:1px solid #000000;} #content.news .right ul.news li{ position:relative; display:block; background: url(images/bg_points.jpg) bottom left repeat-x; padding:10px 0px; overflow:hidden; } * html #content.news .right ul li{ height:1%} /* fix ie6*/ #content.news .right ul.news li.first{padding-top:0px;} #content.news .right ul.news li h3{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;} #content.news .right ul.news li img{ float:left; margin:0px 20px 10px 0px;} #content.news .right ul.news li p.newBody{ margin:0px 0px 20px 0px; background:none; padding-top:0px;} #content.news .right ul.news li p.more{ color:#666666; position:absolute; bottom:10px; right:0px;} #content.news .right ul.news li p.more a{ color:#666666; font-size:11px; text-decoration:underline;} .pager{margin-top:6px; text-align:right;} .pager ul{ float:right;} .pager ul li{ border-left: 1px solid #666666;padding:0px 0px 0px 5px; margin-left:6px; color:#000000; float:left;} .pager ul li.first{ border:none;} .pager ul li a{ text-decoration:underline; color:#666666;} /* PRODUCT -----------------------------------------------------------------------------*/ #content.product .bg{ background:url(images/bg_product.jpg) 0px 0px repeat-y; overflow:hidden;} * html #content.product .bg{ height:1%;} /* fix ie6*/ #content.product .left { width:213px;} #content.product .left h2{ background:url(images/productes_ca.jpg) 0px 0px no-repeat; height:16px;} #content.product .right{ width:600px;} #content.product .right h2{ height:30px; background-color:#ffffff;} #content.product .right h2 span{ position:relative; left:0px; border-bottom:1px solid #000000; font-size:18px; display:block;font-weight:normal; top:-4px; line-height:20px;} #content.product ul.menu1{margin-top:15px;} #content.product ul.menu li ul{margin:3px 0px;} #content.product ul.menu { font-size:12px; line-height:17px; } #content.product ul.menu li a{ text-decoration:none; background: url(images/bg_li.jpg) 0px 3px no-repeat; padding-left:11px;} #content.product ul.menu li a:hover, #content.product ul.menu li.selected a{text-decoration:none; background: url(images/bg_li_hover.jpg) 0px 3px no-repeat; color:#f39d04;} #content.product ul.menu li.down a{ background:url(images/bg_li_down.jpg) 0px 4px no-repeat;} #content.product ul.menu li.down ul li a{ color:#000000;background:url(images/bg_li_li.jpg) 10px 6px no-repeat; padding-left:20px;} #content.product .right .productWrapper{ width:370px; float:right; font-size:12px; line-height:17px; padding-bottom:10px;} #content.product .right .productWrapper h1{ font-size:18px; border-bottom: 1px solid #000000; font-weight:normal; margin:20px 0px 10px 0px;} #content.product .right .productWrapper h2{ font-weight:normal; font-style:italic; margin:0px; font-size:12px; height:auto ; overflow:visible;margin-top:15px;} #menu{clear:both; width:200px; font-size:12px; float:left; line-height:17px;} #menu .hitarea {display:none;} #menu li{ display:block;} * html #menu li span{height:17px; overflow:hidden;} #menu li span{display:block;background: url(images/bg_li.jpg) 0px 5px no-repeat; padding-left:11px;} #menu li span.hover{background: url(images/bg_li_hover.jpg) 0px 5px no-repeat; } #menu li.collapsable span{background: url(images/bg_li_down.jpg) 0px 5px no-repeat; color:#f39d04;} #menu a{text-decoration:none;} #menu a:hover,.treeview a.hover {text-decoration:none; background-image:none;} #menu a.selected {color:#f39d04;} #treecontrol { margin: 1em 0; display: none; } #menu .hover {text-decoration:none; background: url(images/bg_li_hover.jpg) 0px 5px no-repeat; color:#f39d04; cursor:pointer;} #menu li.collapsable ul li span{ background:none;} #menu li.collapsable ul li span.hover{ background:none;} #menu li.collapsable ul li span a{color:#000000; background:url(images/bg_li_li.jpg) 0px 6px no-repeat; padding-left:10px;} #menu li.collapsable ul li span a.hover, #menu li.collapsable ul li span a.selected{color:#f39d04; background:url(images/bg_li_li_hover.jpg) 0px 6px no-repeat;} /* CONTACT -----------------------------------------------------------------------------*/ .contact p{margin-bottom:10px;} .contact .left{ width:397px;} .contact .left h2 {background:url(images/contacta_amb_nosaltres_ca.jpg) 0px 0px no-repeat; width:100%; height:16px; margin-bottom:15px;} .contact .left form label{ float:left;} .contact .left form input.text, .contact .left form textarea, .contact .left .group{ width:284px; float:right; font: 11px/14px Verdana, Arial, Helvetica, sans-serif;} .contact .left form textarea{margin-bottom:9px; border:1px solid #000000;} .contact .left form input.text{margin:5px 0px; border:1px solid #000000; padding:2px 5px; width:274px;} .contact .left form .row{ line-height:30px;} * html .contact .left form .row{ height:30px;} .contact .left .group{margin-bottom:4px;} .contact .left .group label{ display:block; float:none; line-height:26px;} .contact .left form .radio{ margin-right:12px; position:relative; top:2px;} .contact .left form .button{ background-color:#000000; color:#FFFFFF; width:54px; height:21px; float:left; margin-left:113px; border:none; font-size:11px; line-height:21px;cursor:pointer;} .contact .right{ width:417px; background:url(images/bg_points.jpg) 0px 0px repeat-y;} .contact .right h2 {background:url(images/on_som_ca.jpg) 0px 0px no-repeat; width:100%; height:16px; margin-bottom:15px;} .contact .right .flash{ margin:14px 0px 17px 0px;} .contact .right .inside{margin-left:22px;} .contact a{ text-decoration:underline;} .contact p.contact{ line-height:16px;}