/* Website: www.worldgraphicmachine.com File: base.css Author: Francesco Paggin ( francescopaggin@gmail.com ) */ /* Blueprint framework ( www.blueprintcss.org ) : */ @import url(blueprint/reset.css); @import url(blueprint/typography.css); /* Global */ .mir { display:block; overflow:hidden; text-indent:-9999em; } .btn { display:block; height:23px; background:url(../images/bgButtons.png) no-repeat 0 0; text-align:center; font:bold 12px Arial,Helvetica,sans-serif; text-indent:-5px; } .btn-100 { width:100px; background-position:0 0px; } .btn-120 { width:120px; background-position:0 -23px; } .btn-140 { width:140px; background-position:0 -46px; } .btn-160 { width:160px; background-position:0 -69px; } .btn-180 { width:180px; background-position:0 -92px; } .btn-200 { width:200px; background-position:0 -115px; } .btn-100:hover { width:100px; background-position:0 -138px; } .btn-120:hover { width:120px; background-position:0 -161px; } .btn-140:hover { width:140px; background-position:0 -184px; } .btn-160:hover { width:160px; background-position:0 -207px; } .btn-180:hover { width:180px; background-position:0 -230px; } .btn-200:hover { width:200px; background-position:0 -253px; } a.btn { color:#fff; text-decoration:none; line-height:22px; } a.btn:hover { color:#fff; } input.btn, button.btn { border:0; color:#fff; } a { color:#003388; } a:hover, a:active { color:#000; } h1, h2, h3, h4, h5, h6 { color:#003388; } tr.even td { background:#eee; } input.text, textarea.text { padding:1px; border:1px solid #ccc; background:#eee; font:12px Arial, Helvetica, sans-serif; } .page-title { font-size:18px; font-weight:bold; } .column-wrapper { width:100%; overflow:hidden; } .req { color:#c00; font-weight:bold; } /* Layout & backgrounds */ .wrapper { width:960px; margin:0 auto; } #header { height:150px; background:url(../images/bgHeader.png) repeat-x 0 0; } #header .wrapper { height:150px; } #stage { background:url(../images/bgStage.png) repeat-x 0 0; } #stage .wrapper { padding:20px 0; overflow:hidden; width:960px; } #sidebar { float:left; width:230px; } #content { float:right; width:720px; } #footer { height:120px; background:#02042f url(../images/bgFooter.png) repeat-x 0 0; } #credits { height:20px; background:#02042f; } /* Sticky bottom footer */ html, body { height:100%; } #page-wrap { min-height:100%; margin-bottom:-140px; } * html #page-wrap { height:100%; } #stage { padding-bottom:140px; } /* Header */ #header .wrapper { position:relative; } h1#logo { width:200px; height:80px; position:absolute; top:30px; left:10px; } h1#logo a.mir { width:200px; height:80px; background:url(../images/spriteLogo.png) no-repeat 0 100%; } h1#logo a.mir:hover { background-position:0 0; } #payoff { position:absolute; top:60px; right:0; color:#fff; } #languages { position:absolute; top:5px; right:194px; } #languages .chooseLang { float:left; color:#fff; margin:0 4px; } #languages #langIt, #languages #langEn { float:left; width:16px; height:13px; background:url(../images/languages.png); margin:4px; } #languages a#langIt { background-position:0 0px; } #languages a#langEn { background-position:0 -13px; } #languages a#langIt:hover { background-position:-16px 0px; } #languages a#langEn:hover { background-position:-16px -13px; } #search { position:absolute; top:5px; right:0; padding-left:10px; background:url(../images/searchBorder.png) repeat-y 0 0; } #search form { border:1px solid #113f93; background:url(../images/bgCerca.png) repeat-x 0 0; width:180px; overflow:hidden; } #search input { float:left; } #search input.text { float:left; border:0; background:transparent; width:157px; font:12px arial,helvetica,sans-serif; padding:1px; color:#fff; margin-top:1px; } #navigation { position:absolute; bottom:0; right:-10px; height:30px; width:780px; list-style-type:none; margin:0; padding:0; } #navigation li { float:left; margin-right:10px; } #navigation li a { height:30px; background:url(../images/spriteMenuNav.png) no-repeat 0 0; } #navigation li a#navHome { width: 70px; background-position: 0px 0px; } #navigation li a#navCompany { width: 90px; background-position: -70px 0px; } #navigation li a#navServices { width: 80px; background-position:-160px 0px; } #navigation li a#navProducts { width: 90px; background-position:-240px 0px; } #navigation li a#navSheets { width: 110px; background-position:-330px 0px; } #navigation li a#navReferences { width: 100px; background-position:-440px 0px; } #navigation li a#navContacts { width: 90px; background-position:-540px 0px; } #navigation li a#navNews { width: 70px; background-position:-630px 0px; } #navigation li a#navHome:hover { background-position: 0px -30px; } #navigation li a#navCompany:hover { background-position: -70px -30px; } #navigation li a#navServices:hover { background-position:-160px -30px; } #navigation li a#navProducts:hover { background-position:-240px -30px; } #navigation li a#navSheets:hover { background-position:-330px -30px; } #navigation li a#navReferences:hover { background-position:-440px -30px; } #navigation li a#navContacts:hover { background-position:-540px -30px; } #navigation li a#navNews:hover { background-position:-630px -30px; } #navigation li a#navHome.current { background-position: 0px -30px; } #navigation li a#navCompany.current { background-position: -70px -30px; } #navigation li a#navServices.current { background-position:-160px -30px; } #navigation li a#navProducts.current { background-position:-240px -30px; } #navigation li a#navSheets.current { background-position:-330px -30px; } #navigation li a#navReferences.current { background-position:-440px -30px; } #navigation li a#navContacts.current { background-position:-540px -30px; } #navigation li a#navNews.current { background-position:-630px -30px; } .en #navigation li a#navHome { width: 70px; background-position: 0px -60px; } .en #navigation li a#navCompany { width: 90px; background-position: -70px -60px; } .en #navigation li a#navServices { width: 80px; background-position:-160px -60px; } .en #navigation li a#navProducts { width: 90px; background-position:-240px -60px; } .en #navigation li a#navSheets { width: 110px; background-position:-330px -60px; } .en #navigation li a#navReferences { width: 100px; background-position:-440px -60px; } .en #navigation li a#navContacts { width: 90px; background-position:-540px -60px; } .en #navigation li a#navNews { width: 70px; background-position:-630px -60px; } .en #navigation li a#navHome:hover { background-position: 0px -90px; } .en #navigation li a#navCompany:hover { background-position: -70px -90px; } .en #navigation li a#navServices:hover { background-position:-160px -90px; } .en #navigation li a#navProducts:hover { background-position:-240px -90px; } .en #navigation li a#navSheets:hover { background-position:-330px -90px; } .en #navigation li a#navReferences:hover { background-position:-440px -90px; } .en #navigation li a#navContacts:hover { background-position:-540px -90px; } .en #navigation li a#navNews:hover { background-position:-630px -90px; } .en #navigation li a#navHome.current { background-position: 0px -90px; } .en #navigation li a#navCompany.current { background-position: -70px -90px; } .en #navigation li a#navServices.current { background-position:-160px -90px; } .en #navigation li a#navProducts.current { background-position:-240px -90px; } .en #navigation li a#navSheets.current { background-position:-330px -90px; } .en #navigation li a#navReferences.current { background-position:-440px -90px; } .en #navigation li a#navContacts.current { background-position:-540px -90px; } .en #navigation li a#navNews.current { background-position:-630px -90px; } /* Gallery */ #gallery { background:url(../images/bgMainPanel.png) repeat-y -960px 0; margin-bottom:10px; } #gallery .gwrap1 { background:url(../images/bgMainPanel.png) no-repeat -1920px 100% } #gallery .gwrap2 { background:url(../images/bgMainPanel.png) no-repeat 0 0; padding:10px 1px; width:958px; overflow:hidden; text-align:justify; } #gallery h2 { font-size:14px; font-weight:bold; margin-bottom:5px; padding:0 10px; } .panel-wrapper { width:958px; overflow:hidden; position:relative; } .panel-wrapper .panel { width:958px; } .js .panel-wrapper .panel { overflow:hidden; position:absolute; top:0; left:0; } .panel-wrapper .panel-single { padding:0 10px 10px; min-height:266px; width:938px; } .panel-wrapper .panel-single .image { float:left; padding:5px; background:#fff; border:1px solid #ccc; border-bottom:1px solid #999; margin-right:10px; } #gallery .panel-single h2 { padding:0; } .panel-wrapper .panel-multi { padding:0 4px; width:950px; } .panel-wrapper .panel-multi ul.panel-news { list-style-type:none; margin:0; padding:0; } .panel-wrapper .panel-multi ul.panel-news li { float:left; width:200px; height:235px; background:url(../images/bgBoxMainPanel.png); padding:15px 15px 0; margin-right:10px; } .panel-wrapper .panel-multi ul.panel-news li h3 { margin:0 0 2px; } .panel-wrapper .panel-multi ul.panel-news li p { margin:0 0 4px; } .panel-wrapper .panel-multi ul.panel-news li h3 { font-size:13px; font-weight:bold; } .panel-wrapper .panel-multi ul.panel-news li.last { margin-right:0; } .panel-navigation { height:20px; padding:0 10px; } .panel-navigation a { width:20px; height:20px; float:left; background:url(../images/navMainPanel.png) no-repeat 0 0; outline:none; } .panel-navigation a.prev { background-position:0 -60px; } .panel-navigation a.next { background-position:0 0; } .panel-navigation a.page { background-position:0 -40px; } .panel-navigation a.page:hover { background-position:0 -20px; } .panel-navigation a.current { background-position:0 -20px; } /* Bottoni contatti */ #contacts-widgets { background:url(../images/bgBoxContatti.png); width:210px; height:40px; padding:10px; margin-bottom:10px; } #contacts-widgets a.mir { float:left; width:39px; height:40px; background:url(../images/bgnContatti.png) no-repeat 0 0; margin-right:3px; } #contacts-widgets a#widgetSkype { background-position: 0px 0; } #contacts-widgets a#widgetMail { background-position: -39px 0; } #contacts-widgets a#widgetPhone { background-position: -78px 0; } #contacts-widgets a#widgetMaps { background-position: -117px 0; } #contacts-widgets a#widgetNews { background-position: -156px 0; } #contacts-widgets a#widgetYoutube { background-position: -195px 0; margin:0; } #box-ex-nuovo { width:230px; height:60px; margin-bottom:10px; } #box-ex-nuovo a.mir { width:230px; height:60px; background:url(../images/btnExNovo.png); } #box-ex-nuovo a:hover { background-position:0 -60px; } .en #box-ex-nuovo a.mir { background-position:0 -120px; } .en #box-ex-nuovo a:hover { background-position:0 -180px; } #box-catalogue { width:230px; height:60px; margin-bottom:10px; } #box-catalogue a.mir { width:230px; height:60px; background:url(../images/btnDownloadPDF.png); } #box-catalogue a:hover { background-position:0 -60px; } /* Menu prodotti */ #menu-products { background:url(../images/bgMenuSidebar.png) repeat-y -230px 0; margin-bottom:10px; } #menu-products .mpwrap1 { background:url(../images/bgMenuSidebar.png) no-repeat -460px 100%; } #menu-products .mpwrap2 { background:url(../images/bgMenuSidebar.png) no-repeat 0px 0; padding:10px; } #menu-products ul { margin:0; padding:0; list-style-type:none; overflow:hidden; } #menu-products ul li a { float:left; width:200px; border-bottom:1px solid #ccc; padding:3px 0 3px 10px; background:url(../images/arrowMenu.png) no-repeat 97% center; text-decoration:none; color:#000; } #menu-products ul li a:hover { background-color:#eee; } #menu-products h5 { background:#e5e5e5; margin:0; padding:2px 10px; font-size:14px; font-weight:bold; margin-bottom:10px; } /* Menu prodotti */ #submenu { background:url(../images/bgMenuSidebar.png) repeat-y -230px 0; margin-bottom:10px; } #submenu .sbwrap1 { background:url(../images/bgMenuSidebar.png) no-repeat -460px 100%; } #submenu .sbwrap2 { background:url(../images/bgMenuSidebar.png) no-repeat 0px 0; padding:10px; } #submenu ul { margin:0; padding:0; list-style-type:none; overflow:hidden; } #submenu ul li a { float:left; width:200px; border-bottom:1px solid #ccc; padding:3px 0 3px 10px; background:url(../images/arrowMenu.png) no-repeat 97% center; text-decoration:none; color:#000; } #submenu ul li a:hover { background-color:#eee; } #submenu ul li a.current { font-weight:bold; color:#003388; } #submenu h5 { background:#e5e5e5; margin:0; padding:2px 10px; font-size:14px; font-weight:bold; margin-bottom:10px; } /* Ricerca avanzata */ #advanced-search { background:url(../images/bgMenuSidebar.png) repeat-y -230px 0; margin-bottom:10px; } #advanced-search .aswrap1 { background:url(../images/bgMenuSidebar.png) no-repeat -460px 100%; } #advanced-search .aswrap2 { background:url(../images/bgMenuSidebar.png) no-repeat 0px 0; padding:10px; } #advanced-search form { margin-bottom:1em; } #advanced-search p { margin-bottom:1em; } #advanced-search p.even, #advanced-search p.odd { border-bottom:1px solid #ccc; } #advanced-search p.select-wrapper { margin:0 0 2px; overflow:hidden; width:100%; padding-bottom:2px; } #advanced-search p.select-wrapper span.label { float:left; width:6em; line-height:1.8em; } #advanced-search p.select-wrapper select { width:10em } #advanced-search p.search-submit { overflow:hidden; width:100%; } #advanced-search p.search-submit input { float:right; } #advanced-search .reset { float:left; padding:3px 0; font-size:11px; color:#666; } #advanced-search h5 { background:#e5e5e5; margin:0; padding:2px 10px; font-size:14px; font-weight:bold; margin-bottom:10px; } /* News home */ #news-box { background:url(../images/bgBoxDivided.png) repeat-y -720px 0; margin-bottom:10px; } #news-box .nbwrap1 { background:url(../images/bgBoxDivided.png) no-repeat -1440px 100% } #news-box .nbwrap2 { background:url(../images/bgBoxDivided.png) no-repeat 0 0; overflow:hidden; width:100%; text-align:justify; } #news-box ul { list-style-type:none; margin:0; padding:0; } #news-box ul li { float:left; width:220px; padding:10px } #news-box ul li h3 { font-size:14px; font-weight:bold; margin-bottom:0.5em; } #news-box ul li .more-button { margin:1em 0 0.5em 0; } #news-box ul li.last { border-right:0; } /* News home 2 */ #news2-box { background: url(../images/bgBoxDivided-dv.png) repeat-y -960px 0; margin-bottom: 10px; } #news2-box .nbwrap1 { background: url(../images/bgBoxDivided-dv.png) no-repeat -1920px 100%; } #news2-box .nbwrap2 { background: url(../images/bgBoxDivided-dv.png) no-repeat 0 0; overflow: hidden; width: 100%; text-align: justify; } #news2-box UL { list-style-type: none; margin: 0; padding: 0; } #news2-box UL LI { float: left; width: 220px; padding: 10px; } #news2-box UL LI H3 { font-size: 14px; font-weight: bold; margin-bottom: 0.5em; } #news2-box UL LI .more-button { margin:1em 0 0.5em 0; } #news2-box UL LI.last { border-right:0; } /* News home */ #installations-box { background:url(../images/bgBoxDivided.png) repeat-y -720px 0; margin-bottom:10px; } #installations-box .inwrap1 { background:url(../images/bgBoxDivided.png) no-repeat -1440px 100% } #installations-box .inwrap2 { background:url(../images/bgBox.png) no-repeat 0 0; overflow:hidden; width:100%; text-align:justify; } #installations-box .boxes-header { margin:0 1px; padding:5px; background:url(../images/bgTitleBox.png) repeat-x 0 100%; font-weight:bold; font-size:16px; } #installations-box ul { list-style-type:none; margin:0; padding:0; } #installations-box ul li { float:left; width:220px; padding:10px } #installations-box ul li h3 { font-size:12px; font-weight:bold; margin-bottom:0.2em; } #installations-box ul li p { margin-bottom:0.5em; color:#444; } #installations-box ul li .more-button { margin:1em 0 0.5em 0; } #installations-box ul li.last { border-right:0; } /* Footer */ #footer { color:#fff; } #footer .wrapper { padding:10px 0; } #address { line-height:1.3em; float:left; } #address p.last { margin-bottom:0; } #box-newsletter { float:right; width:220px; padding-left:10px; background:url(../images/borderFooter.png) no-repeat 0 0; } #box-newsletter h5 { color:#fff; margin:0; } #box-newsletter p { margin:0; font-size:11px; } #box-newsletter form { border:1px solid #113f93; background:#fff url(../images/bgInputNl.png) repeat-x 0 0; width:200px; overflow:hidden; } #box-newsletter input { float:left; } #box-newsletter input.text { float:left; border:0; background:transparent; width:177px; font:12px arial,helvetica,sans-serif; padding:1px; color:#222; margin-top:1px; } #footer a { color:#fff; } #footer a:hover { color:#fff; background:#000; } /* Credits */ #credits { height:20px; line-height:20px; color:#777; font-size:11px; } #credits a { color:#777; } #credits a:hover { color:#fff; } /* Breadcrumb */ #breadcrumb { line-height:25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:718px; margin-left:1px; position:relative; } #breadcrumb .bcwrap1 { border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; left:-1px; width:718px; } #breadcrumb .bcwrap2 { padding-left:25px; background:#fff url(../images/spriteBussola.png) no-repeat 0 -300px; } #breadcrumb a { color:#808080; } #breadcrumb a:hover { color:#000; } /* Filtro */ #filterbar { line-height:25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:718px; margin-left:1px; position:relative; } #filterbar .bcwrap1 { border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; left:-1px; width:718px; } #filterbar .bcwrap2 { padding-left:25px; background:#fff url(../images/spriteBussola.png) no-repeat 0 0px; } #filterbar a { color:#808080; background:url(../images/removeFilterBussola.png) no-repeat 4px center; padding:1px 8px 1px 20px; text-decoration:none; border-left:1px solid #ddd; } #filterbar a:hover { color:#000; background-color:#eee; text-decoration:line-through } /* Rating */ .stars { float:left; background:url(../images/spriteStars.png); width:100px; height:20px; } .rate-0 { background-position:0 0px; } .rate-1 { background-position:0 -20px; } .rate-2 { background-position:0 -40px; } .rate-3 { background-position:0 -60px; } .rate-4 { background-position:0 -80px; } .rate-5 { background-position:0 -100px; } .rate-6 { background-position:0 -120px; } .stars-small { float:left; background:url(../images/spriteStarDettaglio.png); width:75px; height:15px; } .rate-small-0 { background-position:0 0px; } .rate-small-1 { background-position:0 -15px; } .rate-small-2 { background-position:0 -30px; } .rate-small-3 { background-position:0 -45px; } .rate-small-4 { background-position:0 -60px; } .rate-small-5 { background-position:0 -75px; } .rate-small-6 { background-position:0 -90px; } /* Product list */ .product-list { padding-top:20px; width:100%; overflow:hidden; } .product-list .product { overflow:hidden; width:100%; overflow:hidden; padding:10px 0; border-bottom:2px solid #ccc; } .product-list .product .image { float:left; margin-right:20px; width:160px; } .product-list .product .image a img { border:2px solid #999; } .product-list .product .image a:hover img { border:2px solid #003388; } .product-list .product .desc { float:left; width:530px; } .product-list .product .product-title { font-size:14px; font-weight:bold; } .product-list .product .product-title .ref { font-size:12px; font-weight:normal; color:#808080; padding-left:20px; } .product-list .product dl { float:left; line-height:20px; width:260px; margin-right:10px; margin-bottom:1em; } .product-list .product dl.last { margin-right:0; } .product-list .product dt { float:left; width:100px; font-weight:bold; } .product-list .product dd { border-bottom:1px solid #ccc; margin:0; font-weight:normal; color:#444; } .product-list .product .conditions { float:left; clear:left; } .product-list .product .conditions .label { font-weight:bold; float:left; margin-right:3px; line-height:20px; } .product-list .product .detail { float:right; } /* Product detail */ .product-detail { margin-top:20px; padding:0px 0 20px; } .product-detail h2.product-name { position:relative; font-weight:bold; font-size:1.6em; text-decoration:underline; } .product-detail h2.product-name span { position:absolute; right:0; top:7px; } .product-detail p.main-features { padding-bottom:10px; border-bottom:1px solid #ccc; overflow:hidden; } .product-detail p.main-features span.feature { border-right:1px solid #ccc; padding:4px 8px 4px 0; margin-right:7px; color:#555; float:left; } .product-detail p.main-features span.feature strong { color:#000; float:left; white-space:nowrap; margin-right:5px; } .product-detail p.main-features span.feature span.value { float:left; } .product-detail p.main-features span.first { padding-left:0; } .product-detail p.main-features span.last { border-right:none; } .product-detail .product-image { background:#ccc; margin-bottom:10px; height:250px } .product-detail .product-image img { border:2px solid #ccc; } .product-detail table.sheet { width:100%; border-collapse:collapse; margin-bottom:1.5em; } .product-detail table.sheet td { padding:3px 10px; border:1px solid #ccc; text-align:justify; } .product-detail table.sheet td.label { color:#000; font-weight:bold; } .product-detail table.sheet td.value { color:#555; } .product-detail p.product-desc { margin-bottom:2em; } .product-detail h5.small-title { margin:0 0 0.5em; font-weight:bold; font-size:1.2em; } .product-detail .cornice { background:#fff; padding:9px; border:1px solid #aaa; } .thumb-wrapper { width:100%; overflow:hidden; margin:0; } .thumb-wrapper a.gallery { float:left; margin-right:6px; margin-bottom:6px; } .thumb-wrapper a.gallery img { border:2px solid #ccc; } .thumb-wrapper a.gallery:hover img { border-color:#003388; } .quick-links { line-height:1.8em; padding:5px 0; width:100%; overflow:hidden; } .quick-links a { float:right; padding:3px 6px; width:auto; text-decoration:none; margin-left:20px; } .quick-links a:hover { background:#ddd; } .quick-links a span { float:left; width:20px; height:20px; background:url(../images/spriteIcons.png) no-repeat 0 0; margin-right:4px; } .quick-links a.btnChiamaci span { background-position: 0px 0px; } .quick-links a.btnInformazioni span { background-position:-20px 0px; } .quick-links a.btnVendute span { background-position:-40px 0px; } .quick-links a.btnStampa span { background-position: 0px -20px; } .quick-links a.btnScaricaPDF span { background-position:-20px -20px; } .quick-contact { width:100%; overflow:hidden; } .quick-contact h5.form-title { margin:0 0 0.5em; font-weight:bold; font-size:1.2em; } .quick-contact .fieldset-left { float:left; width:330px; padding-right:15px; border-right:1px solid #ccc; margin-bottom:1em; } .quick-contact .fieldset-right { float:right; width:330px; margin-bottom:1em; } .quick-contact fieldset p { margin:0; overflow:hidden; width:100%; margin-bottom:1em; } .quick-contact fieldset p .label { float:left; width:80px; font-size:9px; text-transform:uppercase; letter-spacing:1px; line-height:2em; } .quick-contact fieldset p .field { float:left; width:250px; } .quick-contact fieldset input.text { width:240px; } .quick-contact fieldset textarea.text { width:240px; height:75px; } .quick-contact .submit-wrapper input { float:right; } .boxed-quick-contact { padding:9px; border:1px solid #ccc; background:#eee; width:700px; } .boxed-quick-contact input.text, .boxed-quick-contact textarea.text { background:#fff; } div.pagination { margin-bottom:1.5em; } div.pagination div.digits { height:30px; padding-top:10px; } div.pagination div.digits a, div.pagination div.digits span, div.pagination div.digits strong { float:left; height:20px; line-height:20px; padding:0 8px; margin-right:3px; color:#333; text-decoration:none; border-bottom:1px solid #ccc; background-color:#eee; } div.pagination div.digits a.digit { } div.pagination div.digits a.digit:hover { color:#fff; background:#003388; border-bottom:1px solid #000; } div.pagination div.digits strong.current { color:#fff; background:#003388; border-bottom:1px solid #000; } div.pagination div.digits a.previous, div.pagination div.digits a.next, div.pagination div.digits span.previous,div.pagination div.digits span.next { width:20px; padding:0; overflow:hidden; text-indent:-999em; background:#eee url(../images/paginationIcons.png) no-repeat 0 0; } div.pagination div.digits a.previous { background-position:0 0; } div.pagination div.digits a.next { background-position:0 -20px; } div.pagination div.digits span.previous { background-position:0 0; } div.pagination div.digits span.next { background-position:0 -20px; } div.pagination div.digits a.previous:hover { background-color:#003388; background-position:0 -80px; } div.pagination div.digits a.next:hover { background-color:#003388; background-position:0 -100px; } div.pagination div.pageInfo { height:25px; line-height:25px; font-size:12px; color:#444; } div.pagination span.pageNumber { display:inline; float:left; height:25px; line-height:25px; margin-right:10px; border-right:1px solid #ccc; padding-right:10px; } div.pagination span.pageTotal { display:inline; float:left; height:25px; line-height:25px; margin-right:10px; border-right:1px solid #ccc; padding-right:10px; } div.pagination span.pageSize { display:inline; float:left; height:25px; line-height:25px; } div.pagination span.pageSize select { font:inherit; margin:0 4px; } div.pagination span.gotoPage { display:inline; float:left; height:25px; line-height:25px; margin-right:10px; border-right:2px solid #ccc; padding-right:10px; } div.pagination div.pageInfo input { vertical-align:middle; } div.pagination div.pageInfo strong { font-weight:bold; font-size:13px; color:#000; } div.pagination div.pageInfo input.gotoInput { border:1px solid #ccc; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:1px; width:30px; } div.pagination div.pageInfo input.gotoButton { font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #001144; color:#fff; font-weight:bold; background-color:#003388; } .text-page { padding-top:20px; } .text-page .paragraph { width:100%; overflow:hidden; margin-bottom:1.5em; } .text-page .paragraph .image { float:right; margin-left:10px; } .text-page .paragraph .image img { border:1px solid #ccc; border-bottom:1px solid #999; } .text-page .paragraph .paragraph-title { font-size:1.2em; font-weight:bold; margin-bottom:1em; } .events { padding-top:20px; } .events .single-event { width:100%; overflow:hidden; margin-bottom:1.5em; padding-bottom:1em; border-bottom:1px solid #ccc; } .events .single-event .image { float:right; margin-left:10px; } .events .single-event .event-title { font-size:1.2em; font-weight:bold; margin-bottom:0em; } .events .single-event .date { margin-bottom:1em; font-size:11px; color:#666; } #mappa { border:1px solid #ccc; width:700px; height:400px; margin-bottom:20px; } .employers { padding-top:20px; } .employers .single-employer { width:100%; overflow:hidden; margin-bottom:1.5em; padding-bottom:1em; border-bottom:1px solid #ccc; } .employers .single-employer .image { float:left; margin-right:10px; width:100px; } .employers .single-employer .employer-name { font-size:1.2em; font-weight:bold; margin-bottom:0em; } .employers .single-employer p.employer-role { font-style:italic; margin-bottom:0.5em; } .employers .single-employer .employer-sheet { float:left; width:600px; } .employers .single-employer .employer-sheet dt{ float:left; width:8em; } /* FORM CONTATTI */ .contact-form { width:100%; overflow:hidden; margin-top:20px; } .contact-form h5.form-title { margin:0 0 0.5em; font-weight:bold; font-size:1.2em; } .contact-form .fieldset-left { float:left; width:330px; padding-right:15px; border-right:1px solid #ccc; margin-bottom:1em; } .contact-form .fieldset-right { float:right; width:330px; margin-bottom:1em; } .contact-form fieldset p { margin:0; overflow:hidden; width:100%; margin-bottom:1em; } .contact-form fieldset p .label { float:left; width:120px; font-size:9px; text-transform:uppercase; letter-spacing:1px; line-height:2em; } .contact-form fieldset p .field { float:left; width:210px; } .contact-form fieldset input.text { width:200px; } .contact-form fieldset textarea.text { width:200px; height:75px; } .contact-form .submit-wrapper input { float:right; } .contact-form fieldset.fieldset-wide p .field { float:left; width:600px; } .contact-form fieldset.fieldset-wide input.text { width:590px; } .contact-form fieldset.fieldset-wide textarea.text { width:590px; height:75px; } /* DOWNLOADS */ .downloads { margin-top:20px } .single-download { float:left; width:230px; margin-right:10px; height:150px; text-align:center; } .single-download p, .single-download h5 { margin:0; } .news-body{ height: 220px; }