/* Mind Agency SCREEN CSS */ /* RESET --- */ h1, h2, h3, h4, h5, p, ul, li, a, table, tr, td, th, blockquote { margin:0;padding:0; } /* WEB FONT EMBEDDING --- */ @font-face { font-family: Museo500; src: url("../fonts/museo500.otf"); } @font-face { font-family: Museo300; src: url("../fonts/museo300.otf"); } /* TAG --- */ body { margin:0px; padding:0px; color:#FFF; font-family:arial,helvetica,verdana,sans-serif; } h1 { font-family:Museo500,georgia,palatino,times,serif; font-size:1.8em; font-weight:normal; margin:14px 0px 7px 0px; } h2 { font-family:Museo300,georgia,palatino,times,serif; font-size:1.35em; font-weight:normal; margin:10px 0px 8px 0px; } h3 { font-family:arial,helvetica,verdana,sans-serif; font-size:1.3em; font-weight:normal; margin:10px 0px 8px 0px; } h4 { font-family:Museo300,georgia,palatino,times,serif; font-size:1.2em; font-weight:normal; margin:12px 0px 6px 0px; } hr { display:none; } acronym { border-bottom:1px dotted #FFF; cursor:help; } img.right { float:right; margin:0px 0px 12px 12px; } img.visual { display:block; margin:10px 0px 20px 0px; } a { text-decoration:underline; color:#FFF; } a img { border:none; } blockquote { font-size:0.8em; font-style:italic; margin-left:12px; margin-bottom:24px; padding-left:12px; border-left:1px solid #FFF; } body.progetti blockquote { margin-top:12px; } /* LINK --- */ a.ref { font-family:georgia,palatino,times,serif; font-style:italic; color:#FFF; text-decoration:none; padding-right:14px; background:transparent url(../../images/sidemenu/arrow.png) no-repeat center right; } a:hover.ref { text-decoration:underline; } a.dwl { font-family:georgia,palatino,times,serif; font-style:italic; color:#FFF; text-decoration:none; padding-right:20px; background:transparent url(../../images/sidemenu/arrow_subcur.png) no-repeat center right; } a:hover.dwl { text-decoration:underline; } a.back { font-family:georgia,palatino,times,serif; font-style:italic; color:#FFF; text-decoration:none; padding-left:14px; background:transparent url(../../images/base/arrow_back.gif) no-repeat center left; } a:hover.back { text-decoration:underline; } body.agenzia #content a { color:#87c80b; text-decoration:none; } body.agenzia #content a:hover { color:#87c80b; text-decoration:underline; } /* LAYOUT --- */ #mainwrapper, #header, #footer, #footertop, #footercontent { width:960px; margin:0px; padding:0px; } #mainwrapper { margin:0px auto; } #header { height:102px; margin-bottom:28px; } #header img.logo { margin-top:27px; float:left; } #header #menutop { float:right; } #header span strong, #header span em { font-style:normal; } /* menu top */ #menutop ul#mainmenu { list-style-type:none; } #menutop ul#mainmenu li { display:inline; } #menutop ul#mainmenu li a { display:block; width:119px; height:71px; margin:0px 1px; font-family:arial,helvetica,verdana,sans-serif; font-size:0.9em; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; border-bottom:2px solid #FFF; float:left; } #menutop ul#mainmenu li a.topfirst { margin:0px 1px 0px 0px; } #menutop ul#mainmenu li a.toplast { margin:0px 0px 0px 1px; } #menutop ul#mainmenu li a.current { font-size:0.9em; color:#1f1b00; background:transparent; } #menutop ul#mainmenu li a:hover { color:#ccc; } #menutop ul#mainmenu li a span { display:block; padding-top:45px; } #content { width:724px; margin-bottom:80px; padding-left:236px; float:left; position:relative; } #content p { font-size:0.85em; line-height:130%; padding:0px 0px 12px 0px; } #content ul { font-size:0.85em; margin:3px 0px 12px 24px; padding-bottom:6px; list-style-type:none; list-style-image:url(../../images/base/tick.gif); } #content ol { font-size:0.85em; line-height:130%; } #content ol li { padding:4px 0px; } #briciola { width:724px; font-size:0.75em; } #briciola a { font-family:arial,helvetica,verdana,sans-serif; color:#FFF !important; font-style:italic; border:none; text-decoration:none; background:transparent; } #briciola a:hover { border:none; text-decoration:underline; } #sidebar { width:190px; margin-left:-960px; float:left; position:relative; } #sidebarcontent { width:190px; } /* sidebar menu */ #sidebarmenu { width:190px; min-height:200px; height:auto !important; height:200px; } #sidebarmenu ul#sidemenu { list-style-type:none; width:155px; padding:16px 0px; } #sidebarmenu ul#sidemenu li { border-left:3px solid #FFF; padding:3px 0px 4px 0px; width:155px; } #sidebarmenu ul#sidemenu li a { color:#FFF; font-family:arial,helvetica,verdana,sans-serif; font-size:1.05em; font-weight:bold; text-transform:uppercase; text-decoration:none; padding-left:10px; width:155px; display:block; } #sidebarmenu ul#sidemenu li a:hover, #sidebarmenu ul#sidemenu li a.current { color:#000; } /* sidebar menu lev 2 */ #sidebarmenu ul#sidemenu li ul#sidemenuSub { list-style-type:none; list-style-image:url(../../images/sidemenu/arrow.png); margin:6px 0px 2px 28px; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li { border:none; width:auto; padding:2px 0px; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current { list-style-type:none; list-style-image:url(../../images/sidemenu/arrow_on.png); width:auto; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li a { font-family:georgia,palatino,times,serif; font-size:0.9em; font-weight:normal; text-transform:none; width:123px; padding:0px; margin:0px; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current a { color:#000; list-style-type:none; list-style-image:url(../../images/sidemenu/arrow_on.png); } /* sidebar menu lev 3 */ #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current ul#sidemenuSub2, #sidebarmenu ul#sidemenu li ul#sidemenuSub li.subcurrent ul#sidemenuSub2 { width: 104px; margin: 4px 0px 2px 18px; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current ul#sidemenuSub2, #sidebarmenu ul#sidemenu li ul#sidemenuSub li.subcurrent ul#sidemenuSub2 { list-style-type: none !important; list-style-image: none !important; margin-left: 12px; padding-left: 0px; border-top: 1px dotted #307FC3; border-bottom: 1px dotted #307FC3; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.subcurrent { list-style-image: url(../../images/sidemenu/arrow_subcur.png) !important; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current ul#sidemenuSub2 li a { width: 104px; color: #FFF; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current ul#sidemenuSub2 li a:hover { color: #000; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.subcurrent ul#sidemenuSub2 li.current { list-style-type: none !important; list-style-image: none !important; margin-left: 0px; padding-left: 0px; } #sidebarmenu ul#sidemenu li ul#sidemenuSub li.current ul#sidemenuSub2 li.current a { color: #000; } /* social */ #social { margin-top: 14px; } #social img.icon { margin-right: 12px; margin-top: 4px; } #footer { width:100%; margin:0px auto; } #footertop { width:100%; height:50px; position:fixed; bottom:40px; left:0; } #footercontent { color:#4F4D50; font-size:0.65em; background:#000; width:100%; height:40px; position:fixed; bottom:0px; left:0; margin:0px auto; } #footercenter { width:960px; height:40px; margin:0px auto; } #footercontent p { padding:6px; } #footercontent p.left { float:left; } #footercontent p.right { float:right; } #footercontent p a { color:#999; text-decoration:none; border-bottom:1px dotted #444; } #footercontent p a:hover { color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF; } /* COLORS --- */ /* bg */ body.servizi { background:#2E93ED url(../../images/base/bg_body_servizi.jpg) repeat-x left top; } body.clienti { background:#A17E00 url(../../images/base/bg_body_clienti.jpg) repeat-x left top; } body.progetti { background:#9A959C url(../../images/base/bg_body_progetti.jpg) repeat-x left top; } body.news { background:#7542AB url(../../images/base/bg_body_news.jpg) repeat-x left top; } body.agenzia { background:#1E8301 url(../../images/base/bg_body_agenzia.jpg) repeat-x left top; } body.contatti { background:#E23283 url(../../images/base/bg_body_contatti.jpg) repeat-x left top; } body.homepage { background:#9A959C url(../../images/base/bg_body_progetti.jpg) repeat-x left top; } body.notfound { background:#9A959C url(../../images/base/bg_body_progetti.jpg) repeat-x left top; } body.landing { background:#A39EA5 url(../../images/base/bg_body_landing.jpg) repeat-x left top; } /* content bg */ body.servizi #mainwrapper { background:transparent url(../../images/base/bg_content_servizi.jpg) no-repeat center top; } body.clienti #mainwrapper { background:transparent url(../../images/base/bg_content_clienti.jpg) no-repeat center top; } body.progetti #mainwrapper { background:transparent url(../../images/base/bg_content_progetti.jpg) no-repeat center top; } body.news #mainwrapper { background:transparent url(../../images/base/bg_content_news.jpg) no-repeat center top; } body.agenzia #mainwrapper { background:transparent url(../../images/base/bg_content_agenzia.jpg) no-repeat center top; } body.contatti #mainwrapper { background:transparent url(../../images/base/bg_content_contatti.jpg) no-repeat center top; } body.homepage #mainwrapper { background:transparent url(../../images/base/bg_content_hp.jpg) no-repeat center top; } body.notfound #mainwrapper { background:transparent url(../../images/base/bg_content_progetti.jpg) no-repeat center top; } body.landing #mainwrapper { background:transparent url(../../images/base/bg_content_landing.jpg) no-repeat center top; } /* menu bg */ #menutop ul#mainmenu li#menu-servizi a { background:transparent url(../../images/menutop/bg_mainmenu_servizi_d.gif) repeat-x 0 0; } #menutop ul#mainmenu li#menu-clienti a { background:transparent url(../../images/menutop/bg_mainmenu_clienti_d.gif) repeat-x 0 0; } #menutop ul#mainmenu li#menu-progetti a { background:transparent url(../../images/menutop/bg_mainmenu_progetti_d.gif) repeat-x 0 0; } #menutop ul#mainmenu li#menu-news a { background:transparent url(../../images/menutop/bg_mainmenu_news_d.gif) repeat-x 0 0; } #menutop ul#mainmenu li#menu-agenzia a { background:transparent url(../../images/menutop/bg_mainmenu_agenzia_d.gif) repeat-x 0 0; } #menutop ul#mainmenu li#menu-contatti a { background:transparent url(../../images/menutop/bg_mainmenu_contatti_d.gif) repeat-x 0 0; } /* menu current item bg */ ul#mainmenu li#menu-servizi a.current, ul#mainmenu li#menu-clienti a.current, ul#mainmenu li#menu-progetti a.current, ul#mainmenu li#menu-news a.current, ul#mainmenu li#menu-agenzia a.current, ul#mainmenu li#menu-contatti a.current { background-position: 0 -71px !important; } /* menu current item border bottom */ body.servizi ul#mainmenu li#menu-servizi a.current { border-bottom:2px solid #2676BF; } body.clienti ul#mainmenu li#menu-clienti a.current { border-bottom:2px solid #CFA100; } body.progetti ul#mainmenu li#menu-progetti a.current { border-bottom:2px solid #5E595F; } body.news ul#mainmenu li#menu-news a.current { border-bottom:2px solid #6C28B8; } body.agenzia ul#mainmenu li#menu-agenzia a.current { border-bottom:2px solid #63A408; } body.contatti ul#mainmenu li#menu-contatti a.current { border-bottom:2px solid #B80D4F; } /* sidebar */ body.servizi #sidebarmenu { background:#2E93ED url(../../images/sidemenu/bg_sidebarmenu_servizi.jpg) no-repeat left top; } body.clienti #sidebarmenu { background:#CFA100 url(../../images/sidemenu/bg_sidebarmenu_clienti.jpg) no-repeat left top; } body.progetti #sidebarmenu { background:#9A959C url(../../images/sidemenu/bg_sidebarmenu_progetti.jpg) no-repeat left top; } body.news #sidebarmenu { background:#7542AB url(../../images/sidemenu/bg_sidebarmenu_news.jpg) no-repeat left top; } body.agenzia #sidebarmenu { background:#1E8301 url(../../images/sidemenu/bg_sidebarmenu_agenzia.jpg) no-repeat left top; } body.contatti #sidebarmenu { background:#E23283 url(../../images/sidemenu/bg_sidebarmenu_contatti.jpg) no-repeat left top; } body.homepage #sidebarmenu { background:#827D84 url(../../images/sidemenu/bg_content_hp.jpg) no-repeat left top; } body.notfound #sidebarmenu { background:#9A959C url(../../images/sidemenu/bg_sidebarmenu_progetti.jpg) no-repeat left top; } /* sidebar list item */ body.servizi #sidebarmenu ul#sidemenu li { border-top:1px solid #307FC3; } body.clienti #sidebarmenu ul#sidemenu li { border-top:1px solid #B29604; } body.progetti #sidebarmenu ul#sidemenu li { border-top:1px solid #888589; } body.news #sidebarmenu ul#sidemenu li { border-top:1px solid #7921CA; } body.agenzia #sidebarmenu ul#sidemenu li { border-top:1px solid #75B20B; } body.contatti #sidebarmenu ul#sidemenu li { border-top:1px solid #B2255B; } body.homepage #sidebarmenu ul#sidemenu li { border-top:1px solid #5F5C60; } body.notfound #sidebarmenu ul#sidemenu li { border-top:1px solid #5F5C60; } /* sidebar first item */ body.servizi #sidebarmenu ul#sidemenu li#first { border-top:1px solid #307FC3; } body.clienti #sidebarmenu ul#sidemenu li#first { border-top:1px solid #b29604; } body.progetti #sidebarmenu ul#sidemenu li#first { border-top:1px solid #888589; } body.news #sidebarmenu ul#sidemenu li#first { border-top:1px solid #7921CA; } body.agenzia #sidebarmenu ul#sidemenu li#first { border-top:1px solid #75B20B; } body.contatti #sidebarmenu ul#sidemenu li#first { border-top:1px solid #B2255B; } body.homepage #sidebarmenu ul#sidemenu li#first { border-top:1px solid #5F5C60; } body.notfound #sidebarmenu ul#sidemenu li#first { border-top:1px solid #5F5C60; } /* sidebar last item */ body.servizi #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #307FC3; } body.clienti #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #b29604; } body.progetti #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #888589; } body.news #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #7921CA; } body.agenzia #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #75B20B; } body.contatti #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #B2255B; } body.homepage #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #5F5C60; } body.notfound #sidebarmenu ul#sidemenu li#last { border-bottom:1px solid #5F5C60; } /* title color */ body.contatti h2 { color:#CE5D82; } /* img borders */ body.servizi img.right { border:1px solid #AADBFE; } /* list bullets */ body.servizi #content ul { list-style-image:url(../../images/base/tick_progetti.gif); } body.clienti #content ul { list-style-image:url(../../images/base/tick_clienti.gif); } body.progetti #content ul { list-style-image:url(../../images/base/tick_progetti.gif); } body.news #content ul { list-style-image:url(../../images/base/tick_progetti.gif); } body.agenzia #content ul { list-style-image:url(../../images/base/tick_progetti.gif); } body.contatti #content ul { list-style-image:url(../../images/base/tick_progetti.gif); } /* homepage */ body.homepage #content { width:960px; margin:0; padding:0; } .testo{z-index:10;position:relative; width:75%;} .img_inf{z-index:0;position:relative;top:-40px;} /* NEWS --- */ .newsbox .data { width:10%; font-weight:bold; font-size:0.9em; text-transform:uppercase; color:#A170CD; margin-top:12px; float:left; } .newsbox .newscontent { margin:0px; width:89%; float:left; } /* 404 PAGE NOT FOUND --- */ body.notfound li.search-goog { font-size: 0.85em; } body.notfound ul { margin: 0px; padding: 0px; } body.notfound form { margin-top: 6px; } /* LANDING PAGE --- */ body.landing #mainwrapper p.testatina { text-align:right; font-size:0.75em; padding:6px 0px 0px 0px; } body.landing #mainwrapper p a.facebook { display:inline-block; width:16px; height:16px; margin-left:4px; background:transparent url(../../images/social/facebook_mini.gif) no-repeat left top; } body.landing #mainwrapper p a:hover.facebook { display:inline-block; width:16px; height:16px; margin-left:4px; background:transparent url(../../images/social/facebook_mini_over.gif) no-repeat left top; } body.landing div.landingcontent { width:720px; margin:24px auto 0 auto; padding:0; text-align:center; } body.landing h1, body.landing h2 { text-align:left; } body.landing div.landingcontent p { text-align:left; } /* EXTRA --- */ #social a img { border:none; } .long-line { margin-top:8px; } .small-line { margin:0px; padding:0px; } .left { float:left; } .right { text-align:right; } .leftcol { float:left; width:50%; } .rightcol { float:right; width:50%; } .skip { display:none; } .printonly { display:none; } /* fotogallery */ .thumbs { width:720px; height:229px; } .thumbs img { border-top:1px solid #CDE4AE; border-bottom:1px solid #CDE4AE; } .thumbs img.first { border-left:1px solid #CDE4AE; } .thumbs img.last { border-right:1px solid #CDE4AE; } .thumbs a, a.casehistory { display:inline-block; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } .thumbs a:hover, a:hover.casehistory { display:inline-block; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; } #tendina-aziende, #tendina-testate { display: none; } /* IE6 --- */ * html #sidebarmenu ul#sidemenu, * html #sidebarmenu ul#sidemenu li, * html #sidebarmenu ul#sidemenu li a { width: 130px; } /* da verificare */ body.newsletter { background-color:#000; } body.newsletter #content { position:absolute; padding: 20px; top:50%; left:50%; z-index:10001; display:block; width:720px; height:230px; margin-left:-380px; margin-top:-135px; text-align:center; }