/*---------------------------------------------------------------------------------------------------- Reset styles cross-browser ----------------------------------------------------------------------------------------------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, input, hr { margin:0px; padding:0px; border:none; } body, input, select, textarea { font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:100%; line-height:100%; } img { border:0px; text-decoration:none; display:block; } li { list-style:none; } div.clear { clear:both; font-size:1px; line-height:1px; } a { color:#505050; text-decoration:none; } a:hover { text-decoration:underline; } textarea { overflow:auto; } /*---------------------------------------------------------------------------------------------------- General styles ----------------------------------------------------------------------------------------------------*/ body { text-align:center; height:auto; background:#acb792; } div.wrapper { margin:auto; width:980px; overflow:hidden; } div.content { text-align:left; font-size:0.75em; /* 16 x 0.75 = 12px */ line-height:1.5em; color:#505050; } div.main_body { padding:4px 0 0 66px; line-height:1.1em; /*min-height compatible with IE6 */ min-height: 280px; height: auto !important; height: 280px; } div.left_col { float:left; width:166px; padding-top:10px; } div.central_col { float:left; width:514px; padding-left:4px; } div.extra_wide { width:688px; } div.right_col { float:left; width:174px; padding-top:10px; } h1 { font-size:1.143em; padding:16px 0 10px 0; color:#191919; } h2.space_top, h3.space_top { margin-top:20px; } h2.space_bot, h3.space_bot { margin-bottom:20px; } i { text-decoration:underline; font-style:normal; } .hide { display:none; } .img_center img { vertical-align:middle; display:inline; } .absolute { position:absolute; } .red { color:#f00; } .alignleft { text-align:left; } .float_right { float:right; } .float_left{ float:left; } .black { color:#000; } .no_border { border-top:0px !important; } div.central_col div.text_content a.link_style_3, a.link_style_3 { font-weight:bold; color:#673406; text-decoration:none; } /* Error JS validation */ span.error, input.error { background-position:0px -30px !important ; } div.error_validation_message, div.error_validation_message_checkbox { display:none; color:#dd2102; font-size:11px; font-weight:bold; } p.special_pos_right_top { text-align:right; margin-top:-40px; padding:0; } div.central_col div.text_content a.link_style_3:hover, p.special_back_link a:hover, p.link_right a:hover, a.link_style_3:hover { color:#EB7F04; } p.special_back_link { text-align:right; position:absolute; width:482px; margin-top:-33px; } p.link_right { text-align:right; } div.central_col div.text_content p.special_back_link a, div.central_col div.text_content p.link_right a, p.special_back_link a, p.link_right a { text-decoration:none; color:#673406; font-weight:bold; font-size:11px; } div.central_col div.text_content p.special_back_link a:hover, div.central_col div.text_content p.link_right a:hover, p.special_back_link a:hover, p.link_right a:hover { color:#eb7f04; } div.paged { text-align:right; position:absolute; width:200px; margin-left:250px; font-size:1.1em; /*11px*/ } div.central_col div.text_content p.paged { text-align:right; } div.central_col div.text_content p.paged span { padding-right:15px; } div.central_col div.text_content div.paged a, div.paged a, div.central_col div.text_content p.paged a { color:#666; font-weight:bold; text-decoration:none; font-size:11px; } div.central_col div.text_content div.paged a.on, div.central_col div.text_content div.paged a:hover, div.paged a.on, div.paged a:hover, div.central_col div.text_content p.paged a.on, div.central_col div.text_content p.paged a:hover { color:#b26604; } div.central_col div.text_content p.print { text-align:right; width:565px; border-bottom:#e0e0e0 1px solid; margin-left:37px; padding:5px 20px 10px 10px; } p.print a { background:url(../img/icon_print.gif) no-repeat 0px 0px; display: -moz-inline-stack; display:inline-block; padding:2px 0 0 25px; height:20px; color:#673406; font-weight:bold; } /* breadcrumb */ div.breadcrumb { font-size:0.750em; /* 9px*/ color:#686868; border-bottom:#e0e0e0 1px solid; width:498px; padding-bottom:2px; } div.extra_wide div.breadcrumb { width:auto; } div.breadcrumb a { color:#686868; } div.breadcrumb strong { color:#000; font-weight:normal; } div.hideContent { position:absolute; top:-300px; left:-300px; width:100px; height:100px; overflow:hidden; } /* custom selects */ select.styled1, select.styled3, select.styled2, select.styled4, select.styled5, select.styled6, select.styled7, select.styled8, select.styled9 { width:128px; height:18px; margin-bottom:8px; font-size:11px; display:block; } select.styled2 { width:228px; } select.styled3 { width:78px; } select.styled4 { width:88px; } select.styled5 { width:153px; } select.styled6 { width:134px; } select.styled7 { width:140px; } select.styled8 { width:35px; } select.styled9 { width:55px; } span.select, span.select3, span.select2, span.select4, span.select5, span.select6, span.select7, span.select8{ text-align:left; position:absolute; padding:3px 3px 0 5px; height:15px; width:120px; font-size:11px; display:block; background:url(../img/search_animal_select.gif) no-repeat 0px 0px; overflow:hidden; } span.select2 { width:220px; background:url(../img/select_228.gif) no-repeat 0px 0px; } span.select3 { width:78px; background:url(../img/select_78.gif) no-repeat 0px 0px; } span.select4 { width:88px; background:url(../img/select_88.gif) no-repeat 0px 0px; } span.select5 { width:153px; background:url(../img/select_153.gif) no-repeat 0px 0px; } span.select6 { width:133px; background:url(../img/select_133.gif) no-repeat 0px 0px; } span.select7 { width:140px; background:url(../img/select_140.gif) no-repeat 0px 0px; } span.select8{ width:35px; background:url(../img/select_35.gif) no-repeat 0px 0px; } /* standard buttons */ div.two_cols_right_content span.standard_button, div.two_cols_left_content span.standard_button, span.standard_button { padding:0 1px 0 1px; background:url(../img/standard_button_lateral.gif) repeat-x 0px 0px; display: -moz-inline-stack; display:inline-block; } span.standard_button a, span.standard_button input { width: auto !important; display: -moz-inline-stack; display:inline-block; overflow: visible; height:19px !important; cursor:pointer; background:url(../img/standard_button_center.gif) repeat-x 0px 0px !important; padding:0 10px; font-weight:bold; color:#835b2b; font-size:11px; line-height:13px; text-decoration:none !important; } span.standard_button a { height:16px; padding-top:3px; text-decoration:none; color:#835b2b !important; } span.standard_button a:hover, span.standard_button input:hover, span.standard_button input.iehover { background-position:0 -40px !important; } p.submit_button span.standard_button{ margin-left:15px;} /* tables */ table { width:474px; margin-left:14px; border-bottom:#dadada 1px solid; } table th { color:#a88f79; background:#faf6f1 url(../img/table_th.gif) repeat-x left bottom; text-align:center; border-left:2px #fff solid; border-right:2px #fff solid; padding:6px; font-weight:normal; } table th.first { border-left:0px; } table th.last { border-right:0px; } table td { text-align:center; padding:0 1px; font-size:0.916em; color:#505050; background:url(../img/table_separator.gif) repeat-x left bottom; border-left:#fff 10px solid; border-right:#fff 10px solid; padding:10px; } table.alignleft td { text-align:left; } table.alignleft td.first { padding-left:50px; } table td.first { border-left:0px; padding-left:20px; background:#fff url(../img/table_bg.gif) no-repeat left bottom; } table td.last { border-right:0px; padding-right:20px; background:#fff url(../img/table_bg.gif) no-repeat right bottom; } table tr.last td { background:none; } table tr td.forced_50_pct { width:50%; } table tr.last td.first { background:#fff url(../img/table_bg.gif) no-repeat left top; } table tr.last td.last { background:#fff url(../img/table_bg.gif) no-repeat right top; } div.two_cols_right_content table { width:232px; margin:0; float:right; } td.strike { color:#f81e1e; text-decoration:line-through; } /* wide area */ div.wide_area_cont { background:url(../img/wide_area_bg.jpg) repeat-y 35px 20px; margin-top:20px; width:652px; } div.wide_area_cont div.wide_area_no_rococo, div.wide_area_cont div.wide_area { background:url(../img/wide_area_top.jpg) no-repeat 35px 0; padding-left:45px; padding-top:40px; } div.wide_area_cont div.wide_area_no_rococo { background:url(../img/wide_area_top_norococo.jpg) no-repeat 35px 0; padding-left:45px; padding-top:8px; } div.wide_area_cont div.wide_area_close { background:url(../img/wide_area_bot.jpg) no-repeat 35px bottom; height:15px; } div.more_wide { background:url(../img/wide_area2_bg.jpg) repeat-y 0px 0px; width:666px; } div.more_wide div.wide_area { background:url(../img/wide_area2_top.jpg) no-repeat 0px 0px; padding-right:52px; } div.more_wide div.wide_area_close { background:url(../img/wide_area2_bot.jpg) no-repeat 0px bottom; } /* table style panel */ table.panel { padding:1px; border:#dbdbdb 1px solid; background:#fff; margin-bottom:15px; } table.panel th, table.panel td { border:#fff 1px solid; background:#f3f3f3; text-align:left; color:#505050; width:50%; } table.panel th { text-align:center; color:#713c08; font-weight:bold; } table.panel strong { color:#a88f79; } div.central_col div.text_content table.panel a { font-weight:normal; } div.lat_nav_mod p.tablefoot { font-size:9px; padding:0; } div.central_col div.text_content p.tablefoot { font-size:9px; text-align:left; padding:0 0 10px 15px; } div.central_col div.text_content div.two_cols_left_content p.tablefoot, div.central_col div.text_content div.two_cols_right_content p.tablefoot { width:242px; } /* horizontal buttons */ div.central_col div.text_content ul.common_horizontal_buttons, ul.common_horizontal_buttons { height:43px; background:url(../img/botbut_bg.gif) no-repeat 166px 2px; width:495px; padding-bottom:0; } div.central_col div.text_content ul.common_horizontal_buttons li, ul.common_horizontal_buttons li { float:left; margin:0; border-right:#fff 2px solid; list-style-type:none; padding:0; background:none; } div.central_col div.text_content ul.common_horizontal_buttons li.last, ul.common_horizontal_buttons li.last { border-right:0px; } div.central_col div.text_content ul.common_horizontal_buttons li a, div.central_col div.text_content ul.common_horizontal_buttons li span { font-weight:normal; text-decoration:none; color:#000; } ul.common_horizontal_buttons li a, ul.common_horizontal_buttons li span { text-align:center; display:block; width:163px; height:27px; padding:12px 0 0 0; color:#000; background:#e5e5e5 url(../img/button.jpg) no-repeat 0px 0px; border-top:#fff 2px solid; text-decoration:none; font-weight:normal; } ul.common_horizontal_buttons li a.on, ul.common_horizontal_buttons li a:hover { background-position:0px -39px; } ul.common_horizontal_buttons a.button_habitat { background-image:url(../img/button_habitat.jpg); padding:12px 0 0 54px; width:109px; text-align:left; } ul.common_horizontal_buttons a.button_location { background-image:url(../img/button_location.jpg); padding:12px 0 0 54px; width:109px; text-align:left; } ul.common_horizontal_buttons a.button_lisen { background-image:url(../img/button_lisen.jpg); padding:12px 0 0 54px; width:109px; text-align:left; } ul.common_horizontal_buttons li span.button_habitat { background-image:url(../img/button_habitat_off.jpg); color:#c5c5c5; padding:12px 0 0 54px; width:109px; text-align:left; } ul.common_horizontal_buttons li span.button_location { background-image:url(../img/button_location_off.jpg); color:#c5c5c5; padding:12px 0 0 54px; width:109px; text-align:left; } ul.common_horizontal_buttons li span.button_lisen { background-image:url(../img/button_lisen_off.jpg); color:#c5c5c5; padding:12px 0 0 54px; width:109px; text-align:left; } ul.common_horizontal_buttons a.button_zoom{ background-image:url(../img/button_ampliar.jpg); } ul.four_buttons { background:none; } div.central_col div.text_content ul.four_buttons li, ul.four_buttons li { border-right:#fff 1px solid; } ul.four_buttons li.first { margin-left:0px; } ul.four_buttons li a, ul.four_buttons li span { width:122px; background-image:url(../img/button_4.jpg); } /* common_small_horizontal_buttons */ ul.common_small_horizontal_buttons li a, ul.common_small_horizontal_buttons li span { width:98px; } ul.common_small_horizontal_buttons a.button_africa { background-image:url(../img/button_habitat.jpg); padding:12px 0 0 49px; width:49px; text-align:left; } ul.common_small_horizontal_buttons a.button_america { background-image:url(../img/button_america.jpg); padding:12px 0 0 38px; width:60px; text-align:left; } ul.common_small_horizontal_buttons a.button_asia { background-image:url(../img/button_asia.jpg); padding:12px 0 0 55px; width:42px; text-align:left; } ul.common_small_horizontal_buttons a.button_europa { background-image:url(../img/button_europa.jpg); padding:12px 0 0 47px; width:52px; text-align:left; } ul.common_small_horizontal_buttons a.button_oceania { background-image:url(../img/button_oceania.jpg); padding:12px 0 0 36px; width:56px; text-align:left; } /*---------------------------------------------------------------------------------------------------- General skin styles ----------------------------------------------------------------------------------------------------*/ div.wrapper { background:url(../img/bg_wrapper.gif) repeat-y left top; } div.background_footer { background:url(../img/bot.jpg) no-repeat center bottom; position:absolute; left:0px; width:100%; height:398px; z-index:-1; margin-top:-340px; } div.background_colaboracio { background: url(../img/colaboradores_casals.gif); width:496px; height:90px; margin-left:6px; } div.background_top { position:absolute; top:0px; left:0px; width:100%; z-index:-2; height:350px; } div.background_rear_top { position:absolute; top:0px; left:0px; width:100%; height:350px; z-index:-3; } div.background_bottom { position:absolute; left:0px; width:100%; z-index:-2; margin-top:-340px; height:441px; background: url(../img/bg_bot.jpg) repeat-x left bottom; } div.background_rear_bottom { position:absolute; left:0px; height:5000px; width:100%; margin-top:-5000px; background:#e3f6fb; z-index:-4; } div.some_space { background:url(../img/some_space.jpg) no-repeat 0px 20px; height:268px; } div.extra_wide div.some_space { background:url(../img/some_space_wide.jpg) no-repeat 2px 0px; height:118px; } div.some_space2 { background:url(../img/some_space.jpg) no-repeat 0px -20px; height:117px; } /*---------------------------------------------------------------------------------------------------- Header zone ----------------------------------------------------------------------------------------------------*/ div.header { font-size:0.833em; /* 10px */ height:176px; position:relative; } div.header div.redes_home { height:32px; position:absolute; bottom:0px; right:135px; width:102px; } /* top stripe */ div.header div.top_stripe { text-align:right; background:#000; color:#666; height:30px; } div.header div.main_langs { padding:6px 12px 0 12px; } div.header img.logo { float:left; } div.header div.top_stripe a { color:#fff; } div.aj_bcn_container { position:absolute; width:980px; height:40px; margin-top:5px; *margin-left:-971px; background:url(../img/bcn_top_bg.png) no-repeat right top; } div.aj_bcn_container ul { position:absolute; margin-top:-25px; margin-left:560px; width:400px; text-align:right; } div.aj_bcn_container li { display:inline; font-size:11px; } div.aj_bcn_container li.separador { background:url(../img/aj_separator.gif) no-repeat 4px 5px; padding-left:18px; } div.aj_bcn_container li a { color:#fff; } /* extra langs */ div.header div.extra_langs { height:22px; padding:44px 0 0 6px; float:left; width:745px; color:#a4a4a4; } div.header div.extra_langs a { display: -moz-inline-stack; display:inline-block; color:#cbcbcb; } div.header div.extra_langs a:hover { color:#f6aa02; text-decoration:none; } div.header div.extra_langs a.iehover img, div.header div.extra_langs a:hover img { margin-top:-25px; clip:rect(15px 100px 30px 0); } a.lang_arab { width:47px; } a.lang_chines { width:30px; } a.lang_urdu { width:47px; } div.extra_langs a img { position:absolute; clip:rect(0 100px 15px 0); margin-top:-10px; } /* social */ div.header div.social { height:22px; float:left; width:100px; padding-top:14px; background:url(../img/social_separator.gif) no-repeat 89px 7px; } div.header div.social a.button { background:url(../img/share_button.gif) no-repeat 0px 0px; width:53px; height:16px; display:block; color:#000; padding:0 0 0 25px; } /* search */ div.header div.search { float:left; width:120px; height:26px; padding-top:40px; } div.header div.search input { background:url(../img/search.gif) no-repeat 0px 0px; width:88px; height:15px; padding:1px 2px 0 4px; position:absolute; top:44px; line-height:13px; } div.header div.search input.button { background:url(../img/search_button.gif) no-repeat 0px 0px; width:22px; height:16px; padding:0px; cursor:pointer; margin-left:94px; } /* logo */ div.header span.logo_zoo, div.header a.logo_zoo { display:block; clear:left; position:absolute; width:240px; height:126px; margin-left:370px; *margin-left:-600px; margin-top:45px; font-size:1px; text-indent:-3000px; } /* weather */ div.header div.weather_container { clear:both; } div.header div.weather { background:#4f6c3a url(../img/weather_bg.gif) repeat-x 0px 0px; width:118px; height:68px; float:right; } div.header div.weather p { font-size:1.1em; /* 11px */ color:#fff; padding:5px 0 0 17px; } div.header div.weather img { position:absolute; padding-left:7px; } div.header div.weather p.temp { font-size:1.761em; padding:10px 0 0 50px; font-weight:bold; } div.header div.weather p.preview { font-size:10px; padding:0 0 0 50px; line-height:14px; } div.header div.weather p.preview a { color:#fff; } /* Theme changer (inside header zone, with absolute position) */ div.header div.theme_container { clear:both; } div.theme_changer { width:119px; float:right; padding-top:15px; } div.theme_changer p { display:block; background:url(../img/theme_title.gif) no-repeat right bottom; height:23px; padding:4px 0 0 24px; font-weight:bold; color:#e6e6e6; } div.theme_changer ul { position:absolute; background:#786a6a; width:45px; margin-left:74px; } div.theme_changer a { display:block; padding:1px 0 2px 5px; width:40px; color:#c8c8c8; font-size:1.1em; } div.theme_changer a.on, div.theme_changer a:hover { background:#F3AB12; color:#414141; text-decoration:none; } /*---------------------------------------------------------------------------------------------------- Main menu ----------------------------------------------------------------------------------------------------*/ ul.main_menu { display:block; height:56px; padding-left:1px; } ul.main_menu li { float:left; } ul.main_menu li a { background:url(../img/menu_bg.gif) no-repeat 0px 0px; color:#000; text-align:center; display:block; width:104px; height:21px; padding:9px 0 0 0; } ul.main_menu li a.on, ul.main_menu li a:hover { background-position:0px -30px; text-decoration:none; } ul.main_menu li a.on { text-decoration:none; cursor:default; } ul.main_menu li.brown a { background-image:url(../img/menu_bg2.gif); width:95px; } ul.main_menu li.spacer { padding-left:31px; } /*---------------------------------------------------------------------------------------------------- Submenu ----------------------------------------------------------------------------------------------------*/ ul.submenu { background:url(../img/menu_animals_bg.gif) repeat-y 0px 0px; width:156px; } ul.submenu li { padding:0 4px; } ul.submenu li.first { background:url(../img/menu_animals_bg_top.gif) no-repeat 0px 0px; padding-top:3px; } ul.submenu li.last { background:url(../img/menu_animals_bg_bot.gif) no-repeat left bottom; padding-bottom:4px; } ul.submenu a { display:block; background:#ececec url(../img/menu_animals_opt.gif) no-repeat 0px 0px; /*height:25px;*/ padding:12px 5px 12px 12px; color:#000; text-decoration:none; } ul.submenu li.on a, ul.submenu a:hover { background:#f5b93a url(../img/menu_animals_opt.gif) no-repeat -148px 0px; text-decoration:none; } /* animal submenu */ ul.submenu li li { padding:0px; background:#fde9ce; border-top:#f2b96e 1px solid; } ul.submenu li.on li a, ul.submenu li li a { padding:6px 5px 6px 22px; background:#fde9ce; height:auto; display:inline-block; } ul.submenu li li.on a { color:#b86801; font-weight:bold; } ul.submenu li li a:hover { color:#b86801; } ul.submenu li li.on a:hover, ul.submenu li li.on a { background:#fde9ce url(../img/menu_animals_arrow.gif) no-repeat 10px 10px; } /*---------------------------------------------------------------------------------------------------- Search animal ----------------------------------------------------------------------------------------------------*/ div.search_animal { background:#abb3a0 url(../img/search_animal_bg.jpg) no-repeat 0px 0px; width:145px; padding:15px 0 0 11px; border-top:20px solid #fff; height:230px; } div.search_animal select { margin-bottom:4px; display:block; } div.search_animal p { font-weight:bold; color:#000; width:100px; line-height:1.3em; padding-bottom:25px; } div.search_animal input { width:105px; padding:2px 3px 0 3px; height:16px; margin-bottom:8px; background:#fff url(../img/search_animal_input.gif) no-repeat 0px 0px; font-size:11px; display:block; } div.search_animal input.button { width:57px; height:20px; background:url(../img/search_animal_button.gif) no-repeat 0px 0px; text-align:center; margin-left:72px; cursor:pointer; padding-bottom:4px; } div.search_animal input.button:hover { background-position:0px -20px; } /*---------------------------------------------------------------------------------------------------- Right column ----------------------------------------------------------------------------------------------------*/ a.shopping_cart_button { background:url(../img/shopping_cart.jpg) no-repeat 0px 0px; display:block; width:86px; height:40px; color:#673907; padding:14px 0 0 78px; font-weight:bold; } a.shopping_cart_button:hover { background-position:0px -54px; text-decoration:none; } /* all animals */ div.all_animals { font-size:0.834em; /*10px*/ width:164px; } div.all_animals p { background:url(../img/all_title.gif) no-repeat left bottom; padding:21px 0 5px 14px; font-weight:bold; } div.all_animals div.letters { color:#997246; padding:12px 8px 8px 16px; font-weight:bold; background:#feefda url(../img/all_letters_bg.gif) repeat-y 0px 0px; } div.all_animals div.letters a { color:#997246; text-decoration:none; } div.all_animals div.letters a.on, div.all_animals div.letters a:hover { color:#eb7f04; } div.all_animals div.letters span { color:#d3bba1; } div.all_animals ul { line-height:1em; } div.all_animals ul a { display:block; border-top:#fff 1px solid; color:#191919; padding:2px 16px 0 16px; height:13px; } div.all_animals ul li { height:15px; background:url(../img/all_bg.gif) no-repeat 0px 0px; } div.all_animals ul a:hover { background:#fff; text-decoration:none; } div.all_animals ul li.on { background-position:0px -20px; } div.all_animals ul li.on a { text-decoration:none; cursor:default; } div.all_animals ul li.on a:hover { background:none; } /* Right Buttons */ ul.right_buttons { clear:both; display:block; padding-top:4px; background:url(../img/right_separator.gif) no-repeat 0px -2px; } ul.right_buttons li { float:left; width:85px; height:86px; background:url(../img/rb_bg.jpg) no-repeat 0px 0px; } ul.right_buttons a span { position:absolute; display:block; padding-top:58px; width:68px; height:26px; } ul.right_buttons li a { display:block; width:68px; padding:0px 5px; color:#886949; font-weight:bold; font-size:10px; line-height:10px; cursor:pointer; } ul.right_buttons a:hover { text-decoration:none; } ul.right_buttons img { position:absolute; clip:rect(0px 68px 58px 0px); } ul.right_buttons li.iehover img, ul.right_buttons a:hover img { margin-top:-58px; clip:rect(58px 68px 116px 0px); } /* Double variant */ ul.double { clear:both; padding-top:10px; background-position:0 1px; } ul.first { padding-top:0px; background:none; } ul.double li { background:none; width:164px; height:61px; float:none; } ul.double li a { width:164px; margin:0px; padding:0px; } ul.double li a span { padding:18px 0 0 72px; width:92px; } ul.double img { position:absolute; clip:rect(0px 164px 61px 0px); } ul.double li.iehover img, ul.double a:hover img { margin-top:-61px; clip:rect(61px 164px 164px 0px); } /* right banner */ div.right_banner_wrapper { display:block; background:url(../img/right_separator.gif) no-repeat 0px 5px; clear:both; } div.right_banner { background:url(../img/right_banner_bg.jpg) no-repeat 0px 12px; padding:22px 0 10px 4px; } div.right_banner_wrapper div.right_banner{*padding:16px 0 10px 4px;} div.right_banner_wrapper div.right_banner a{*padding-top:6px;} div.right_banner a { display:block; width:155px; height:100px; } div.right_banner a:hover { text-decoration:none;} div.right_banner span { position:absolute; width:120px; height:91px; padding:9px 20px 0 13px; font-weight:bold; color:#784f23; } div.right_banner span.padri { color:#FFF; margin-top:20px; padding-left:8px; font-weight:normal; } /* vertical item result */ div.vertical_item_result { clear:both; border-top:#e0e0e0 1px solid; width:474px; margin-left:14px; padding:14px 0 0 0; overflow: auto; } div.vertical_item_result div.min_height { /*min-height compatible with IE6 */ min-height: 88px; height: auto !important; height: 88px; } div.vertical_item_result_last_line { border-bottom:#e0e0e0 1px solid; } div.vertical_item_result .photo { width:124px; float:left; padding-bottom:14px; } div.vertical_item_result .photo img { border:2px solid #D0D0D0; } div.vertical_item_result .right_text { float:left; width:350px; } div.vertical_item_result .right_text table { width:350px; margin-left:0px; } div.central_col div.text_content div.right_text p.tablefoot { width:350px; } div.central_col div.text_content div.vertical_item_result p { padding:0 0 12px 0; color:#505050; } div.central_col div.text_content div.vertical_item_result .right_text p.link_right { width:348px; } div.central_col div.text_content div.vertical_item_result p.time { padding:0 0 5px 0; color:#b10d0d; } div.central_col div.text_content div.vertical_item_result h3 { color:#000; font-weight:bold; padding:0 0 5px 0; margin:0; height:auto; background:none; } div.special_club_module { padding-top:29px; } div.special_club_module div { border-top:#e0e0e0 1px solid; padding:2px 0 0 0; } div.special_club_module div div { border:0px; padding:10px 30px 10px 65px; background:#f3ede5 url(../img/zoo_club_icon.gif) no-repeat 0px center; } div.float_two_cols div.vertical_item_result {width:248px; } div.float_two_cols div.vertical_item_result .right_text{width:105px;} /* Lateral Navigation Module thin wide (3 cols) */ div.lat_nav_mod { margin-top:20px; background:url(../img/lat_nav_mini_bg.jpg) repeat-y 13px 0px; width:496px; } div.lat_nav_mod div.lat_nav_cont { background:url(../img/lat_nav_mini_top.jpg) no-repeat 13px 0px; } div.lat_nav_mod div.lat_nav_foot { clear:both; background:url(../img/lat_nav_mini_bot.jpg) no-repeat 13px bottom; height:23px; } div.lat_nav_mod div.lat_nav { float:left; width:137px; padding:13px 0 0 13px; } div.central_col div.text_content div.lat_nav ul li, div.lat_nav_mod div.lat_nav li { display:inline; margin:0; list-style-type:none; background:none; padding:0px; } div.lat_nav_mod div.lat_nav a { background:url(../img/lat_nav_menu_mini_opt.jpg) no-repeat 0px 0px; display:block; color:#673907 !important; text-decoration:none; font-size:0.917em; padding:21px 18px 0 17px; height:48px; } div.central_col div.text_content div.lat_nav_mod div.lat_nav a { text-decoration:none; } div.lat_nav_mod div.lat_nav li.first a { background-image:url(../img/lat_nav_menu_mini_first.jpg); } div.lat_nav_mod div.lat_nav li.on a, div.lat_nav_mod div.lat_nav a:hover { background-position:0px -69px; } div.lat_nav_mod div.lat_nav li.on a span, div.lat_nav_mod div.lat_nav li.on a { cursor:default; } div.lat_nav_mod div.lat_nav img { display:inline; vertical-align:top; } div.lat_nav_mod div.lat_nav span { display: -moz-inline-stack; display:inline-block; width:69px; padding-top:25px; cursor:pointer; } div.lat_nav_mod div.sub_content { float:left; width:305px; padding:32px 0 0px 28px; } div.lat_nav_mod div.sub_content span { float:right; *margin-top:-17px; } div.central_col div.text_content div.lat_nav_mod h2, div.lat_nav_mod h2 { color:#673406; font-size:1.167em; padding:0 0 4px 0; background:none; border-bottom:#dcdcdc 1px solid; margin:0px; } div.central_col div.text_content div.lat_nav_mod p { padding-bottom:0px; padding-left:0px; margin:0px; } div.lat_nav_mod p.title, div.lat_nav_mod h3 { color:#505050; border-top:#dcdcdc 1px solid; padding:10px 0 13px 0; margin-top:8px; font-size:1em; font-weight:normal; } div.lat_nav_mod p.title { border:0px; } div.lat_nav_mod p { color:#505050; padding:0 0 4px 0; } div.lat_nav_mod p span { font-weight:bold; padding-right:10px; } div.lat_nav_mod div.phone { background:url(../img/phone.gif) no-repeat 0px 5px; padding:10px 0 0 45px; height:45px; color:#787878; } div.lat_nav_mod div.phone strong { color:#3c6c06; font-size:1.334em; } div.lat_nav_mod hr { height:6px; *height:1px; font-size:1px; line-height:1px; border:0px; border-bottom:#dcdcdc 1px solid; color:#fff; background:#fafafa; } div.lat_nav_mod div.left_close { float:left; width:260px; padding-right:10px; color:#808080; font-size:11px; padding-top:12px; } div.lat_nav_mod div.right_close { float:left; width:200px; text-align:right; height:15px; padding-top:26px; *padding-top:40px; } div.lat_nav_mod div.left_closeXl { float:left; width:390px; padding-right:10px; color:#808080; font-size:11px; padding-top:12px; } div.lat_nav_mod div.right_closeXL { float:left; width:70px; text-align:right; height:15px; padding-top:26px; *padding-top:40px; } div.lat_nav_mod div.right_close a { /*padding-left:34px; padding-right:34px;*/ } /* Lateral Navigation Module Wide Version (2 cols) */ div.extra_wide div.lat_nav_mod { background:url(../img/lat_nav_bg.jpg) repeat-y 13px 0px; width:676px; } div.extra_wide div.lat_nav_mod div.lat_nav_cont { background:url(../img/lat_nav_top.jpg) no-repeat 13px 0px; } div.extra_wide div.lat_nav_mod div.lat_nav_foot { clear:both; background:url(../img/lat_nav_bot.jpg) no-repeat 13px -20px; height:23px; } div.extra_wide div.lat_nav_mod div.lat_nav a { background:url(../img/lat_nav_menu_opt.jpg) no-repeat 0px 0px; } div.extra_wide div.lat_nav_mod div.lat_nav li.first a { background-image:url(../img/lat_nav_menu_first.jpg); } div.extra_wide div.lat_nav_mod div.lat_nav li.on a, div.extra_wide div.lat_nav_mod div.lat_nav a:hover { background-position:0px -69px; } div.extra_wide div.lat_nav_mod div.lat_nav { padding:13px 0 97px 13px; background:url(../img/lat_nav_menu_bot.jpg) no-repeat 13px bottom; } div.extra_wide div.lat_nav_mod div.sub_content { width:480px; } div.extra_wide div.lat_nav_mod div.lat_nav a { height:auto; padding:0; } div.extra_wide div.lat_nav_mod h2 { border:0px; } /*---------------------------------------------------------------------------------------------------- Simple pages (subhomes, guia botànica, search results) ----------------------------------------------------------------------------------------------------*/ div.central_col div.text_content p { padding:8px 30px 12px 14px; line-height:1.4em; } div.central_col div.text_content a { font-weight:bold; color:#673406; text-decoration:underline; } div.central_col div.text_content a:hover { color:#EB7F04; } div.central_col div.text_content ul { padding-bottom:12px; } div.central_col div.text_content ul li { padding-left:28px; padding-bottom:4px; background:url(../img/bullet.gif) no-repeat 19px 5px; } div.central_col div.text_content p.inside { padding:8px 45px 12px 30px; } div.central_col div.text_content p.destacat { color:#b86801; font-weight:bold; padding:20px 0 36px 14px; } div.central_col div.text_content p.destacat2 { color:#b86801; font-weight:bold; padding:8px 30px 12px 14px; } div.central_col div.text_content h2 { color:#673406; font-weight:bold; background:url(../img/bg_title_h2.gif) repeat-x 0px 0px; font-size:1em; padding:7px 14px 0 14px; height:24px; margin-left:10px; margin-right:20px; } div.central_col div.text_content h3 { margin-left:14px; font-size:1em; padding:10px 15px 0 15px; color:#505050; height:25px; background:url(../img/bg_title_h3.jpg) no-repeat 0px 0px; } div.central_col div.text_content p.download_pdf { text-align:right; font-size:0.9em; padding:0 30px 20px 20px; color:#835b2b; } div.central_col div.text_content p.download_pdf a, div.central_col p.download_pdf a { color:#835b2b; background:url(../img/pdf_icon.gif) no-repeat right top; display:block; padding-right:18px; text-decoration:none; } div.central_col div.text_content p.download_pdf a:hover, div.central_col p.download_pdf a:hover { color:#EB7F04; } /* Aniversari, zona multimedia */ div.two_cols_left_content, div.two_cols_right_content { text-align:right; float:left; width:244px; padding-bottom:30px; } div.central_col div.text_content div.two_cols_right_content p, div.two_cols_right_content span { margin:10px 0 0 13px; padding:0; } div.two_cols_left_content { text-align:left; } /* photo results */ div.photo_results { padding:20px 0 20px 14px; } div.central_col div.text_content div.photo_results a { text-decoration:none; } div.photo_results div.more_photos, div.photo_results div.photo{ float:left; width:104px; height:152px; *height:132px; padding-right:20px; } div.photo_results div.more_photos{ width:100px; height:100px; padding:0px; border:#d0d0d0 2px solid; font-size:0.834em; /*10px*/ } div.photo_results div.more_photos a { display:block; padding:8px 20px 0 11px; height:92px; text-decoration:none; color:#505050; font-weight:normal; } div.photo_results div.more_photos strong { display:block; font-size:1.4em; /*14px*/ font-weight:bold; } div.photo_results div.more_photos a span { padding-top:30px; } div.photo_results div a span { display:block; font-weight:bold; padding-top:6px; } div.photo_results div a:hover, div.central_col div.text_content div.photo_results div a { color:#673406; } div.central_col div.text_content div.photo_results div a:hover, div.photo_results div a:hover { color:#eb7f04; } div.photo_results div img { border:#d0d0d0 2px solid; } /* search results (uses photo results too) */ p.suggested a { color:#673406; } div.search_results { background:url(../img/ficha_bg_title.gif) repeat-x 0px 0px; height:20px; color:#646464; font-size:0.834em; /*10px*/ padding:9px 0 0 10px; font-weight:bold; margin-left:14px; margin-right:30px; } div.no_results { height:180px; background:url(../img/no_results.jpg) no-repeat center center; } div.no_results_suggested { height:200px; background:url(../img/no_results_suggested.jpg) no-repeat center center; } div.float_two_cols { float:left; width:250px; height:110px; } div.photo { width:120px; float:left; } div.text { float:left; width:110px; padding:20px 13px 0 0; } div.central_col div.text_content div.float_two_cols p { padding:0 0 12px 0; } div.central_col div.text_content div.float_two_cols p.forcedheight { height:73px; } div.destacados { float:left; } div.destacados a { position:absolute; display:block; width:194px; height:191px; padding:8px 0 0 42px; color:#886949; font-size:11px; font-weight:bold; background:url(../img/blank.gif); text-decoration:none !important; } /* normes */ div.normes { padding-bottom:20px; } div.central_col div.text_content div.normes h2 { background:none; padding:0; border-bottom:#e0e0e0 1px solid; padding-left:5px; } div.normes img { clear:both; float:left; padding:5px 0 0 10px; display:block; } div.central_col div.text_content div.normes p { float:left; width:420px; padding:20px 0 10px 10px; } /* media */ div.text_content div.media_module { /*padding-bottom:25px;*/ } div.media_module div.tabs { height:22px; } div.central_col div.text_content div.media_module div.tabs a, div.media_module div.tabs a { display:block; float:left; width:84px; height:18px; color:#666; padding:4px 0 0 14px; font-weight:normal; text-decoration:none; } div.central_col div.text_content div.media_module div.tabs a.on, div.central_col div.text_content div.media_module div.tabs a:hover, div.media_module div.tabs a.on, div.media_module div.tabs a:hover{ color:#b26604; text-decoration:none; } div.media_module div.tabs a.on { cursor:default; outline:0px; } div.media_module div.tabs_images { background:url(../img/photo_tab.jpg) no-repeat 0px 0px; } div.media_module div.tabs_videos { background:url(../img/video_tab.jpg) no-repeat 0px 0px; } div.media_module .paged { width:200px; margin-left:293px; padding-top:4px; font-size:0.917em; /*11px*/ } div.media_module div.paged_images_only { height:18px; background:url(../img/photo_no_tab.gif) no-repeat 0px 0px; display:block; position:relative; } div.media_module div.video_container, div.media_module div.photo_container { background:url(../img/photo_bg.jpg) no-repeat 0px 0px; padding:0 0 4px 3px; } div.media_module div.video_container { text-align:center; padding-top:3px; position:relative; } div.media_module div.video_container img { display:inline; } div.media_module div.video_container { display:none; } /*---------------------------------------------------------------------------------------------------- Footer ----------------------------------------------------------------------------------------------------*/ div.footer { padding:65px 66px 80px; padding:65px 66px 80px; text-align:center; font-size:10px; } div.footer li img, div.footer li a { padding-left:3px; padding-right:3px; } div.footer li { display: -moz-inline-stack; display:inline-block; *display:inline; } div.footer ul.stripe_1 li a { display: -moz-inline-stack; display:inline-block; height:25px; overflow:hidden; } div.footer li img { width:auto !important; height:auto !important; display:inline; display: -moz-inline-stack; display:inline-block; margin-top:1px; } div.footer ul.stripe_1 li.iehover a img, div.footer ul.stripe_1 li a:hover img { margin-top:-24px; } div.footer li.logo_text { vertical-align:top; } div.footer ul.stripe_1 { height:33px; } div.footer ul.stripe_2 { /*height:35px;*/ } .footer_new_logos .logo_text { line-height:10px !important; display:block; float:left; } .footer_new_logos li { padding:0px 5px !important; } div.footer ul.stripe_1 li.logo_text span { display: -moz-inline-stack; display:inline-block; padding-top:4px; } div.footer ul.stripe_2 li.logo_text span { display: -moz-inline-stack; display:inline-block; padding-top:6px; } div.footer ul.stripe_2 { line-height:12px; } div.footer ul.stripe_2 img { padding:0px 13px 0px 13px; } div.footer ul.stripe_2 li.logo_text { padding-right:9px; } /* text links */ div.footer p.stripe_3, div.footer p.stripe_4, div.footer p.stripe_5 { color:#595959; padding-bottom:4px; line-height:14px; } div.footer p.stripe_3 { padding-bottom:0px; } div.footer p.stripe_3 a { color:#595959; padding:0 8px; } div.footer p.stripe_4 { line-height:13px; } div.footer p.stripe_4, div.footer p.stripe_5 { color:#999; padding-bottom:0px; } div.footer p.stripe_4 a, div.footer p.stripe_5 a { color:#595959; padding:0 8px; } div.footer p.stripe_5 { padding-bottom:4px; } div.footer p.stripe_5 img{ display:inline; padding-left:5px; vertical-align:bottom; } div.footer ul.stripe_6 { height:36px; } div.footer ul.stripe_6 li a{display: -moz-inline-stack; display:inline-block;} div.footer ul.stripe_6 img{ display:block; width:auto !important; height:auto !important; padding-left:5px; } .footer_stone_logos { position:absolute; left:425px; bottom:15px; display:inline } .footer_stone_logos li { float:left; padding:0px 9px 0px 0px; } /* wide area */ div.area_cont { background:url(../img/area_bg.jpg) repeat-y 0px 0px; margin-top:20px; width:510px; } div.area_cont div.area_no_rococo, div.area_cont div.area { background:url(../img/area_top.jpg) no-repeat 0px 0; padding-left:45px; padding-top:40px; } div.area_cont div.area_no_rococo { background:url(../img/area_top_norococo.jpg) no-repeat 0px 0; padding-left:45px; padding-top:8px; } div.area_cont div.area_close { background:url(../img/area_bot.jpg) no-repeat 0px bottom; height:15px; } /* left banner */ div.left_banner_wrapper { clear:both; } div.left_banner { background:url(../img/left_banner_bg.jpg) no-repeat 0px 12px; padding:22px 0 10px 4px; /*padding:11px 0 10px 4px;*/ } div.left_banner p { position:absolute; width:115px; height:91px; padding:9px 20px 0 13px; color:#808080; font-weight:normal; } div.left_banner strong{ font-weight:bold; color:#784f23; } div.left_banner span.standard_button{ background:none;} div.left_banner span.standard_button a{ width:102px !important; background:url(../img/left_banner_button.gif) left top no-repeat !important;} div.left_banner span.standard_button a:hover{ background-position:left -40px !important;} p.link_center { text-align:center; } div.select_wrapper, span.select_wrapper{ display:block; float:left; } div.select_wrapper label, span.select_wrapper label{ float:left;} div.select_wrapper div.select_wrapper_cont, span.select_wrapper span.select_wrapper_cont{ display:block; float:left;} .margleft{ margin-left:12px !important;} div.central_col div.text_content ul li { background-image:url("../img/bullet_2.gif"); } img.center{ margin:12px auto 25px;} img.border{ border:2px solid #d2d2d2;} /* special right module */ ul.special_right_module { background:#fff5e0; border:#cab78e 1px solid; margin-bottom:8px; width:161px; } ul.special_right_module li.first { padding:8px 13px; font-weight:bold; background:#fbe4b1; color:#000; border-bottom:#dbc69a 1px solid; } ul.special_right_module li a { padding:8px 13px 8px 20px; color:#000; border-bottom:#f3bf77 1px solid; display:block; } ul.special_right_module li.last a { border-bottom:0; } ul.special_right_module li.on a { color:#B86801; font-weight:bold; background:url("../img/menu_animals_arrow.gif") no-repeat scroll 5px 11px #fff5e0; } /* links in h2 */ div.central_col div.text_content h2 a{ color:#505050;} div.central_col div.text_content h2 a:hover{ color:#EB7F04;} div.central_col div.text_content div.up_down_container h2 a, div.central_col div.text_content div.site_UpDown_container h2 a{ color:#673406; text-decoration:none; display:block; outline:0; } /* styles selects */ select{ background:#f7f7f7;} select option{ border-bottom:1px solid #fff; padding:2px 0 2px 20px;} select option:hover, select option:focus{ background:#ffbc2b;} select.styled8 option{ padding:2px 0 2px 4px;} /* form */ /* ---- my_information form ------------------- */ div.wide2 { width:690px; margin-top:0px; margin-left:10px; } div.wide2 div.wide_area {padding-left:35px !important;} div.my_information fieldset{ padding:15px 0px 30px 27px; } div.my_information fieldset.no_pad{ padding:0px 0px 15px 0px !important; } div.central_col div.text_content div.my_information div.no_pad{ padding:0px !important; } div.central_col div.text_content div.my_information div.no_pad p{ padding:0 0 12px 0; font-size:0.9em;} /* date */ div.my_information div.fecha_label, div.my_information span.fecha_label, div.my_information div.fecha_select, div.my_information span.fecha_select { width:125px; float:left; height:34px; } div.my_information div.fecha_select, div.my_information span.fecha_select { width:106px; } div.my_information div.fecha_select_last, div.my_information span.fecha_select_last{ width:75px;} div.my_information div.fecha_label p, div.my_information span.fecha_label p, div.my_information div.fecha_select p, div.my_information span.fecha_select p { padding:0; } div.central_col div.text_content div.my_information p{ padding:8px 0px 12px 0px;} div.central_col div.text_content div.my_information fieldset p{ padding-bottom:8px;} /* labels ::::::::::: */ div.central_col div.text_content div.my_information label{padding-right:5px; display: -moz-inline-stack; display:inline-block; vertical-align:top;} div.central_col div.text_content div.my_information label.padleft{padding-left:5px;} div.central_col div.text_content div.my_information span.padleft{margin-left:8px;} div.central_col div.text_content div.my_information label.padleft2{padding-left:15px;} div.central_col div.text_content div.my_information label.padleft3, div.central_col div.text_content p.padleft3{padding-left:30px;} div.central_col div.text_content div.my_information label.padleft4{padding-left:50px;} div.central_col div.text_content div.my_information label.padleft5{padding-left:100px;} div.central_col div.text_content div.my_information label.padright{padding-right:8px;} /* --- width labels ---- */ div.central_col div.text_content div.my_information label.size-2{ width:21px;} div.central_col div.text_content div.my_information label.size-1{ width:27px;} div.central_col div.text_content div.my_information label.size1{ width:36px;} div.central_col div.text_content div.my_information label.size2{ width:45px;} div.central_col div.text_content div.my_information label.size3{ width:60px;} div.central_col div.text_content div.my_information label.size3b{ width:65px;} div.central_col div.text_content div.my_information label.size4{ width:87px;} div.central_col div.text_content div.my_information label.size5{ width:93px;} div.central_col div.text_content div.my_information label.size6{ width:112px;} div.central_col div.text_content div.my_information label.size7{ width:132px;} div.central_col div.text_content div.my_information label.size8{ width:207px;} div.central_col div.text_content div.my_information label.num{ width:73px; text-align:right; padding-right:17px;} /* inputs ::::::::::: */ div.central_col div.text_content div.my_information input{ width:115px; background:url("../img/input_text.gif") no-repeat scroll 0 0 transparent; height:17px; padding:0px 2px 0px !important; } /* --- width inputs ---- */ div.central_col div.text_content div.my_information input.size-3{ width:34px;} div.central_col div.text_content div.my_information input.size-2{ width:40px;} div.central_col div.text_content div.my_information input.size-1{ width:54px;} div.central_col div.text_content div.my_information input.size0{ width:87px;} div.central_col div.text_content div.my_information input.size1{ width:103px;} div.central_col div.text_content div.my_information input.size2{ width:125px;} div.central_col div.text_content div.my_information input.size148{ width:148px;} div.central_col div.text_content div.my_information input.size3{ width:159px;} div.central_col div.text_content div.my_information input.size4{ width:175px;} div.central_col div.text_content div.my_information input.size5{ width:315px;} div.central_col div.text_content div.my_information input.size6{ width:292px;} div.central_col div.text_content div.my_information input.size7{ width:186px;} div.central_col div.text_content div.my_information input.email{ width:267px; } div.central_col div.text_content div.my_information input.radio{width:auto !important; margin-left:20px; background:none !important;} /* textarea ::::::::::: */ div.central_col div.text_content div.my_information textarea{ width:570px; height:145px; border:1px solid #ececec; border-top:2px solid #c8c8c8; border-left:2px solid #c8c8c8; margin-top:12px; margin-bottom:20px; padding:5px; } div.central_col div.extra_wide div.my_information h2{ margin-left:0px !important; margin-right:25px !important; } /* --- legal zone ---- */ div.central_col div.text_content div.my_information div.legal_zone{ padding-top:15px; padding-left:30px;} div.central_col div.text_content div.my_information div.legal_zone input{ width:auto !important; background:none; } div.central_col div.text_content div.my_information div.legal_zone label{ padding-left:10px; display: inline !important; vertical-align:top;} div.central_col div.text_content div.my_information div.legal_zone label a{ display: inline !important; vertical-align:top;} div.central_col div.text_content div.my_information div.no_pad_top{ padding-top:0;} /* --- buttons, end forms ---- */ div.central_col div.text_content p.submit_button{ padding:8px 15px 12px 14px;} div.area_cont div.form_friend span.standard_button input{margin:0;} .obligatory{ color:#808080; font-size:10px; } .small{ color:#808080; font-size:11px; font-weight:normal; } p.destacat2 .small{ display:block; padding-top:8px; padding-bottom:5px;} /* noBox */ div.noBox{ padding-left:21px; padding-right:20px; } /* --- forms noBox (pe mesurans)---- */ div.central_col div.text_content div.noBox fieldset.column{ float:left; width:185px; margin-left:31px; } div.central_col div.text_content div.noBox fieldset.column1{margin-left:18px; } div.central_col div.text_content div.noBox fieldset.column_wide{width:405px;} div.central_col div.text_content div.noBox fieldset.column_wide3{width:617px; margin-left:18px; } /* labels ::::::::::: */ div.central_col div.text_content div.noBox fieldset.column label{ width:150px; margin-bottom:10px; display: -moz-inline-stack; display:inline-block; vertical-align:top; } div.central_col div.text_content div.noBox fieldset.column label.destacat2 { color:#b86801; font-weight:bold; } /* --- width labels ---- */ div.central_col div.text_content div.noBox fieldset.column_wide label{ width:64px;} div.central_col div.text_content div.noBox fieldset.column_wide2 label{ width:203px;} div.central_col div.text_content div.noBox fieldset.column_wide3 label{ width:69px; margin-bottom:10px;} div.central_col div.text_content div.noBox fieldset.column_wide3 label.size1{ display: -moz-inline-stack; display:inline-block; width:72px;} div.central_col div.text_content div.noBox fieldset.column_wide3 label.size8{ display: -moz-inline-stack; display:inline-block; width:207px;} /* inputs ::::::::::: */ div.central_col div.text_content div.noBox fieldset.column_wide input, div.central_col div.text_content div.noBox fieldset.column_wide3 input{ width:325px; background:url("../img/input_text.gif") no-repeat scroll 0 0 transparent; height:15px; padding:2px; border-right:1px solid #eee; border-bottom:1px solid #eee; } div.central_col div.text_content div.noBox fieldset.column input, div.central_col div.text_content div.noBox fieldset.column_wide input, div.central_col div.text_content div.noBox fieldset.column_wide2 input, div.central_col div.text_content div.noBox fieldset.column_wide3 input{ } div.central_col div.text_content div.noBox fieldset.check_col_3 input{ margin-left:15px; *margin-left:8px;} div.cont_right label{vertical-align:top; } /* --- width inputs ---- */ div.central_col div.text_content div.noBox fieldset.column_wide2 input{ width:401px;} div.central_col div.text_content div.noBox fieldset.column_wide3 input{ width:401px;} div.central_col div.text_content div.noBox fieldset.column_wide3 input.size320{ width:320px;} div.central_col div.text_content div.noBox fieldset.column_wide3 input.size540{ width:539px;} div.central_col div.text_content div.noBox fieldset.column_wide3 input.radio{ width:auto !important; margin-bottom:10px; border:0 !important; background:none !important;} /* --- radio inputs right align ---- */ div.cont_right{ float:right; *margin-top:-1em;} div.cont_right input.radio{ margin-left:17px;} /* --- lin seperations ---- */ div.central_col div.text_content div.noBox p.sep{ width:575px; text-align:center; background:url(../img/table_separator.gif) repeat-x left bottom; padding:1px; margin:15px 0 15px 30px; } div.central_col div.text_content div.my_information p.sep{ width:537px;} div.central_col div.text_content div.noBox p.no_pad_top{ margin-top:0 !important;} div.central_col div.text_content div.noBox img.no_pad_top{ margin-top:0 !important;} div.central_col div.text_content div.noBox p.no_pad_bot{ margin-bottom:0 !important;} /* --- buttons, end forms ---- */ div.central_col div.extra_wide div.buttons_form{ margin-left:12px; width:648px; border-top:1px solid #e0e0e0; } div.central_col div.extra_wide div.buttons_form_no_border{ border-top:0;} div.central_col div.extra_wide div.buttons_form p.obligatory{ padding-bottom:0 !important;} div.central_col div.extra_wide div.buttons_form p.submit_button{padding-top:0 !important; padding-right:0 !important;} div.central_col div.text_content div.no_pad_bot{ margin-bottom:14px !important;} /* draggable CSS */ div.draggableContainer { position:relative; width:491px; height:355px; overflow:hidden; border:#c4c6c7 1px solid; } div.draggableContainer div { cursor:move; } div.draggableContainer div a{ border:1px solid #fff; width:49px; height:37px; } div.draggableContainer div a:hover, div.draggableContainer div a.iehover{ border:1px solid #fddd31; } div.draggableContainer div a img { position:absolute; clip:rect(0px 49px 37px 0px); } div.draggableContainer div a.iehover img, div.draggableContainer div a:hover img { margin-top:-37px; clip:rect(37px 49px 74px 0px); } /* */ /* paged */ div.central_col div.text_content p.pageNoBold a, div.central_col div.text_content span.pageNoBold a, div.central_col div.text_content div.pageNoBold a{ font-weight:normal;} div.central_col div.text_content p.pageNoBold a.on, div.central_col div.text_content span.pageNoBold a.on, div.central_col div.text_content div.pageNoBold a.on{ font-weight:bold; text-decoration:underline;} div.central_col div.text_content h2 span.pageNoBold{ display:block; text-align:right;} /* table */ div.central_col table.bgcolor{ font-size:1.1em; background:#fdfaf5;} div.central_col table.bgcolor a{ text-decoration:none;} div.central_col table.bgcolor th.first{ border-right:1px solid #fff;} div.central_col table.bgcolor th.last{ border-left:1px solid #fff;} div.central_col table.bgcolor td{ width:235px;} div.central_col table.bgcolor td.first{ border-left:1px solid #fff; background:url("../img/table_bg_transp.gif") no-repeat scroll left bottom #fdfaf5; } div.central_col table.bgcolor td.last{ border-right:1px solid #fff; background:url("../img/table_bg_transp.gif") no-repeat scroll right bottom #fdfaf5; } /* boxes with frame */ div.item_frame{ float:left; width:232px; border:1px solid #ddd; text-align:left; background:#fff; padding:3px; } div.item_frame div.cont{ padding:16px 15px; background:#fafafa; } div.item_frame img{ display:block; clear:both; padding:2px; background:#fff; border:1px solid #dcdcdc; } div.central_col div.text_content div.item_frame p.time{margin-bottom:0;} div.central_col div.text_content div.two_cols_left_content div.item_frame p{ margin:3px 0; padding:0; } div.item_frame p.titular{ margin-top:20px; padding:0; color:#505050; text-decoration:underline; font-weight:bold; } div.item_frame{ width:210px; margin-left:12px; } div.item_frame div.cont{ padding:0; background:#fafafa; } div.item_frame div.ico_tit{ font-weight:bold; color:#713c08; background:transparent; } div.item_frame div.ico_tit img{ border:0; background:transparent; display:inline; vertical-align:middle; margin-top:-13px; margin-left:-10px; position:relative; z-index:2; } div.item_frame div.inf{ display:block; clear:both; border-top:3px solid #fff; padding:16px 10px; color:#505050; font-size:0.9em; line-height:1.3em; } div.item_frame div.inf strong{ color:#a88f79; } .Colaborador1 {background-image:url('../img_content/educacio/colaborador_staedtler_off.gif'); background-repeat:no-repeat; width:106px; height:58px; cursor:pointer; margin:25px 0px 0px 60px} .Colaborador1:hover {background-image:url('../img_content/educacio/colaborador_staedtler_on.jpg'); background-repeat:no-repeat; width:106px; height:58px; cursor:pointer; margin:25px 0px 0px 60px} /*Actualizacion 10/09/2010 jsj*/ .stripe_4 {padding-top:4px;} .stripe_5 {padding-top:4px;} .stripe_4 a {color:#000 !important} .stripe_5 {color:#000 !important} .stripe_5 a {color:#000 !important} #foot {margin-left:-7px;} #foot .foot_top {background-image:url(../skin1/top.png); background-repeat:no-repeat; width:1000px; height:49px; margin:0px auto;} #foot .foot_bg {width:1000px; padding:0px; position:relative; background-image:url(../skin1/bgline.png); background-repeat:repeat-y;} #foot .foot_left {position:absolute; bottom:-7px; left:0px;} #foot .foot_right {position:absolute; bottom:-7px; left:830px;} #foot .foot_content {width:659px; background-color:#DBDBDB; margin-left:171px;} #foot .foot_lists {text-align:center; padding:15px 0px 50px 0px; width:659px;} #foot .foot_logos_stripe_1 {height:auto !important;} #foot .foot_line {width:100%; height:2px; background-image:url('../skin1/line.jpg'); background-repeat:no-repeat; padding:1px 0px; overflow:hidden; background-position:center top; float:left;} #foot .foot_bottom {position:absolute; bottom:-7px; left:171px;} /* debug mode div.background_footer, div.background_top, div.background_rear_top, div.background_rear_bottom, div.background_bottom { display:none; } /*end debug mode */