/* @group reset CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } legend { display: none; } a { outline: none; } /* @end reset CSS */ body { margin:auto; padding:0pt; background:url(/images/background/fonsdoss.jpg); } a, a:visited { color:#FFF; text-decoration:none; } a:hover { color:#ddb51d; } #wrapper { position:absolute; left: 50%; margin-left:-425px; top:50%; margin-top:-300px; overflow: auto; width:850px; height:600px; background-color:#fff; } h1 { margin:0 0 0 23px; color:#ddb51d; font-weight:normal; } h1 a, h1 a:visited { color:#ddb51d; } h2 { margin:-15px 0 0 23px; color:#FFF; font-weight:normal; } /* Menu Principal */ #menu, #language_menu { margin:29px; margin-bottom:0; margin-top:25px; } #menu li, #language_menu li { display:inline; margin:0; padding:0; font-size:17px; } #menu li.first { border-left:none; font-weight:bold; margin-right:10px; } #menu li a { color:#dcca85; } #menu li a:hover { color:#ddb51d; } /* List */ #list { margin:-15px 0 0 23px; } .b_home1 #list { margin-top:10px; } #list li { margin-top:-15px; } #list li a { color:#dcca85; } #list li a:hover { color:#ddb51d; } /* +Info */ #info { width:45px; height:15px; padding:2px; background-color:#ddb51d; overflow:hidden; margin:10px 0 0 25px; } #info.on { width:490px; height:auto; } .b_estudi1 #info, .b_estudi2 #info, .b_estudi3 #info, .b_estudi4 #info, .b_estudi5 #info, .b_estudi6 #info, .b_estudi7 #info, .b_estudi8 #info, .b_estudi9 #info { margin-top:6px; } #info h3 { font-size:13px; color:#fff; cursor:pointer; padding:1px 0 0 6px; } #info p { padding:10px; color:#FFF; font:normal 13px Arial, Helvetica, sans-serif; } #info a:hover { color:#dcca85; } #next, #previous { width:20px; height:20px; font-size:10px; cursor:pointer; bottom:60px; right:60px; } #next { position:absolute; display:none; } #previous { position:absolute; left:30px; } #next img, #previous img { width:54px; height:54px; } /* CONTACT */ #print_map_layout { position:absolute; top:0px; left:0px; width:850px; height:600px; background:url(/images/black-alpha.png) repeat; display:none; } #print_map { position:absolute; top:50px; left:200px; background-color:#fff; display:block; width:500px; height:500px; display:none; } #close { position:absolute; top:20px; left:460px; } #close:hover { cursor:pointer; } #contact_info { margin:-15px 0 0 23px; } #contact_info li { margin-top:-15px; color:#ddb51d; } #contact_info li a { color:#dcca85; } #contact_info li a:hover { color:#ddb51d; } .contact_options { margin:10px 0 0 25px; } .contact_options li { padding:4px 0px 2px 0px; display:block; float:left; width:45px; height:15px; background-color:#ddb51d; overflow:hidden; margin:0 0 0 5px; } .contact_options li#print_version { padding:4px 0px 2px 5px; } .contact_options li a { font-size:13px; color:#fff; margin-left:15px; } .contact_options li#print_version a { margin-left:0; } /*HOME*/ #language_menu { margin-bottom:-15px; } #language_menu li { margin-right:5px; } #language_menu .on a { color:#ddd; } #language_menu li.on:hover, #language_menu li.on a:hover { cursor:pointer; } #doss_description { margin:15px 0 0 23px; color:#dcca85; font-size:23px; line-height:1em; } #doss_contact_info { color:#ddb51d; position:absolute; bottom:28px; margin:0 0 0 23px; font-size:15px; line-height:1em; } #doss_contact_info dt { color:#000; } #doss_contact_info dt strong { font-size:16px; } #doss_contact_info dd { color:#dcca85; } #doss_logo { position:absolute; bottom:30px; right:20px; } #video_layout { position:absolute; top:0px; left:0px; width:850px; height:600px; background:url(/images/black-alpha.png) repeat; display:none; } * html #video_layout { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/black-alpha.png"); } #video { position:absolute; top:100px; left:150px; z-index:5; display:none; } #close_video { position:absolute; top:-20px; right:-20px; } #close_video:hover { cursor:pointer; } #newss_gallery { display:none; } #footer { margin:0px; padding:0; position:absolute; bottom:35px; left:25px; } #footer li.external { margin:0 10px 0 0; padding:0; display:block; float:left; color:#dcca85; } #footer li.external a { display:block; text-indent:-1000em; width:100px; height:21px; background-repeat:no-repeat; } #footer #facebook a { background-image:url(../images/footer/facebook_sprite.gif); width:82px; } #footer #facebook a:hover { background-position:0 -22px; } #footer #flickr a { background-image:url(../images/footer/flickr_sprite.gif); width:50px; } #footer #flickr a:hover { background-position:0 -23px; } #footer #newss a { background-image:url(../images/footer/newss_sprite.gif); width:61px; } #footer #newss a:hover { background-position:0 -21px; } #footer #subscribe { margin-left:70px; font-weight:bold; font-size:16px; display:block; float:left; } #footer #subscribe a { color:#dcca85; } #subscribe_form { width:280px; position:absolute; left: 325px; bottom:35px; z-index:10; display:none; } #subscribe_form .msg_box{ color:#dcca85; font:12px Verdana, Helvetica, sans-serif; } #subscribe_form .msg_box .error{ font-size: 13px; color:#DD0000; } /*Tamany lletra gran*/ h1, h2, #contact_info li, #contact_info li a, #list li { font-size:60px; line-height:1em; } /*Interliniat*/ h2, #list, #list li, #contact_info, #contact_info li { margin-top:-6px; } /* Backgrounds */ .b_intro1 { background:url(/images/background/intro.jpg); } .b_contacte1 { background:url(/images/background/CONTACTE.jpg); } .b_contacto1 { background:url(/images/background/CONTACTE.jpg); } .b_estudi1 { background:url(/images/background/estudi1.jpg); } .b_estudi2 { background:url(/images/background/estudi2.jpg); } .b_estudi3 { background:url(/images/background/estudi3.jpg); } .b_estudi4 { background:url(/images/background/estudi4.jpg); } .b_estudi5 { background:url(/images/background/estudi5.jpg); } .b_estudi6 { background:url(/images/background/estudi6.jpg); } .b_estudi7 { background:url(/images/background/estudi7.jpg); } .b_estudi8 { background:url(/images/background/estudi8.jpg); } .b_estudi9 { background:url(/images/background/estudi9.jpg); } .b_estudi10 { background:url(/images/background/estudi10.jpg); } .b_estudi11 { background:url(/images/background/estudi11.jpg); } .b_estudi12 { background:url(/images/background/estudi12.jpg); } .b_estudi13 { background:url(/images/background/estudi13.jpg); } .b_estudi14 { background:url(/images/background/estudi14.jpg); } .b_estudi15 { background:url(/images/background/estudi15.jpg); } .b_estudi16 { background:url(/images/background/estudi16.jpg); } .b_revistamunicipalrubi1 { background:url(/images/background/revistamunicipalrubi1.jpg); } .b_revistamunicipalrubi2 { background:url(/images/background/revistamunicipalrubi2.jpg); } .b_revistamunicipalrubi3 { background:url(/images/background/revistamunicipalrubi3.jpg); } .b_bankpime1 { background:url(/images/background/BANKPIME1.jpg); } .b_bankpime2 { background:url(/images/background/BANKPIME2.jpg); } .b_bankpime3 { background:url(/images/background/BANKPIME3.jpg); } .b_bankpime4 { background:url(/images/background/BANKPIME4.jpg); } .b_comicsalusxxi1 { background:url(/images/background/comicsalusxxi1.jpg); } .b_comicsalusxxi2 { background:url(/images/background/comicsalusxxi2.jpg); } .b_comicsalusxxi3 { background:url(/images/background/comicsalusxxi3.jpg); } .b_carolinaherrera1 { background:url(/images/background/carolinaherrera1.jpg); } .b_carolinaherrera2 { background:url(/images/background/carolinaherrera2.jpg); } .b_carolinaherrera3 { background:url(/images/background/carolinaherrera3.jpg); } .b_musicpackicebend1 { background:url(/images/background/musicpackicebend1.jpg); } .b_musicpackicebend2 { background:url(/images/background/musicpackicebend2.jpg); } .b_musicpackicebend3 { background:url(/images/background/musicpackicebend3.jpg); } .b_campanyasalusxxi1 { background:url(/images/background/campanyasalusxxi1.jpg); } .b_campanyasalusxxi2 { background:url(/images/background/campanyasalusxxi2.jpg); } .b_webqubud1 { background:url(/images/background/webqubud1.jpg); } .b_webqubud2 { background:url(/images/background/webqubud2.jpg); } .b_webqubud3 { background:url(/images/background/webqubud3.jpg); } .b_efectesaplicats1 { background:url(/images/background/efectesaplicats1.jpg); } .b_efectesaplicats2 { background:url(/images/background/efectesaplicats2.jpg); } .b_efectesaplicats3 { background:url(/images/background/efectesaplicats3.jpg); } .b_efectesaplicats4 { background:url(/images/background/efectesaplicats4.jpg); } .b_efectesaplicats5 { background:url(/images/background/efectesaplicats5.jpg); } .b_efectesaplicats6 { background:url(/images/background/efectesaplicats6.jpg); } .b_efectesaplicats7 { background:url(/images/background/efectesaplicats7.jpg); } .b_efectosaplicados1 { background:url(/images/background/efectesaplicats1.jpg); } .b_efectosaplicados2 { background:url(/images/background/efectesaplicats2.jpg); } .b_efectosaplicados3 { background:url(/images/background/efectesaplicats3.jpg); } .b_efectosaplicados4 { background:url(/images/background/efectesaplicats4.jpg); } .b_efectosaplicados5 { background:url(/images/background/efectesaplicats5.jpg); } .b_efectosaplicados6 { background:url(/images/background/efectesaplicats6.jpg); } .b_efectosaplicados7 { background:url(/images/background/efectesaplicats7.jpg); } .b_laboratorisroche1 { background:url(/images/background/laboratorisroche1.jpg); } .b_laboratorisroche2 { background:url(/images/background/laboratorisroche2.jpg); } .b_laboratorisroche3 { background:url(/images/background/laboratorisroche3.jpg); } .b_laboratorisroche4 { background:url(/images/background/laboratorisroche4.jpg); } .b_laboratorisroche5 { background:url(/images/background/laboratorisroche5.jpg); } .b_laboratorisroche6 { background:url(/images/background/laboratorisroche6.jpg); } .b_laboratorisroche7 { background:url(/images/background/laboratorisroche7.jpg); } .b_laboratorisroche8 { background:url(/images/background/laboratorisroche8.jpg); } .b_laboratorisroche9 { background:url(/images/background/laboratorisroche9.jpg); } .b_laboratorisroche10 { background:url(/images/background/laboratorisroche10.jpg); } .b_laboratorisroche11 { background:url(/images/background/laboratorisroche11.jpg); } .b_laboratoriosroche1 { background:url(/images/background/laboratorisroche1.jpg); } .b_laboratoriosroche2 { background:url(/images/background/laboratorisroche2.jpg); } .b_laboratoriosroche3 { background:url(/images/background/laboratorisroche3.jpg); } .b_laboratoriosroche4 { background:url(/images/background/laboratorisroche4.jpg); } .b_laboratoriosroche5 { background:url(/images/background/laboratorisroche5.jpg); } .b_laboratoriosroche6 { background:url(/images/background/laboratorisroche6.jpg); } .b_laboratoriosroche7 { background:url(/images/background/laboratorisroche7.jpg); } .b_laboratoriosroche8 { background:url(/images/background/laboratorisroche8.jpg); } .b_laboratoriosroche9 { background:url(/images/background/laboratorisroche9.jpg); } .b_laboratoriosroche10 { background:url(/images/background/laboratorisroche10.jpg); } .b_laboratoriosroche11 { background:url(/images/background/laboratorisroche11.jpg); } .b_viacivica1 { background:url(/images/background/viacivica1.jpg); } .b_viacivica2 { background:url(/images/background/viacivica2.jpg); } .b_viacivica3 { background:url(/images/background/viacivica3.jpg); } .b_viacivica4 { background:url(/images/background/viacivica4.jpg); } .b_viacivica5 { background:url(/images/background/viacivica5.jpg); } .b_viacivica6 { background:url(/images/background/viacivica6.jpg); } .b_marcove1 { background:url(/images/background/marcove1.jpg); } .b_marcove2 { background:url(/images/background/marcove2.jpg); } .b_marcove3 { background:url(/images/background/marcove3.jpg); } .b_marcove4 { background:url(/images/background/marcove4.jpg); } .b_marcove5 { background:url(/images/background/marcove5.jpg); } .b_marcove6 { background:url(/images/background/marcove6.jpg); } .b_marcove7 { background:url(/images/background/marcove7.jpg); } .b_marcove8 { background:url(/images/background/marcove8.jpg); } .b_marcove9 { background:url(/images/background/marcove9.jpg); } .b_cateringteca1 { background:url(/images/background/cateringteca1.jpg); } .b_cateringteca2 { background:url(/images/background/cateringteca2.jpg); } .b_cateringteca3 { background:url(/images/background/cateringteca3.jpg); } .b_cateringteca4 { background:url(/images/background/cateringteca4.jpg); } .b_cateringteca5 { background:url(/images/background/cateringteca5.jpg); } .b_hotelqgat1 { background:url(/images/background/hotelqgat1.jpg); } .b_hotelqgat2 { background:url(/images/background/hotelqgat2.jpg); } .b_hotelqgat3 { background:url(/images/background/hotelqgat3.jpg); } .b_hotelqgat4 { background:url(/images/background/hotelqgat4.jpg); } .b_hotelqgat5 { background:url(/images/background/hotelqgat5.jpg); } .b_hotelqgat6 { background:url(/images/background/hotelqgat6.jpg); } .b_educationfirst1 { background:url(/images/background/educationfirst1.jpg); } .b_educationfirst2 { background:url(/images/background/educationfirst2.jpg); } .b_educationfirst3 { background:url(/images/background/educationfirst3.jpg); } .b_educationfirst4 { background:url(/images/background/educationfirst4.jpg); } .b_educationfirst5 { background:url(/images/background/educationfirst5.jpg); } /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:100%; } #jquery-lightbox { position:absolute; top:0; left:0; margin:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; background:transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */ display:block; } #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; } #lightbox-container-image-data { padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; } #lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }