/* CSS Document for Cartillone*/ /* - - - - - - ELEMENTI - - -- - - - */ .hidden {display : none;} #vite{ position:absolute; top:100px; right:0px; width:187px; height:263px; z-index:5; background-image:url(../images/produzione/foglia-vite.png); background-repeat:no-repeat;} #bottiglia{ position:absolute; top:160px; left:0px; width:76px; height:573px; background-image:url(../images/bottiglia-home.png); background-repeat:no-repeat;} #grappolo{ position:absolute; top:322px; right:0px; width:272px; height:210px; background-image:url(../images/prodotti/prodotti.png); background-repeat:no-repeat;} #produzione{ position:absolute; top:339px; left:210px; margin-left:30%; width:306px; height:345px; background-image:url(../images/produzione/produzione-home.png); background-repeat:no-repeat;} #territorio{ position:absolute; top:302px; right:0px; width:518px; height:348px; background-image:url(../images/territorio/territorio.png); background-repeat:no-repeat;} #agriturismo{ position:absolute; top:399px; right:0px; width:312px; height:272px; background-image:url(../images/agriturismo/agriturismo-home.png); background-repeat:no-repeat;} #agriturismo-slide{ position:absolute; top:399px; right:0px; width:312px; height:272px; background-image:url(../images/agriturismo/agriturismo-home-slide.png); background-repeat:no-repeat;} #vigneti{ position:absolute; top:322px; right:0px; width:338px; height:348px; background-image:url(../images/prodotti/vigneti.png); background-repeat:no-repeat;} #cantina{ position:absolute; top:322px; right:0px; width:295px; height:348px; background-image:url(../images/prodotti/cantina.png); background-repeat:no-repeat;} #cavallo{ position:absolute; top:545px; left:210px; margin-left:28%; width:192px; height:150px; background-image:url(../images/agriturismo/agriturismo-cavallo.png); background-repeat:no-repeat;} #piscina{ position:absolute; top:647px; left:210px; margin-left:20%; width:350px; height:50px; z-index:5; background-image:url(../images/agriturismo/agriturismo-piscina.png); background-repeat:no-repeat;} #cavallo-slide{ position:absolute; top:545px; left:210px; margin-left:28%; width:192px; height:150px; background-image:url(../images/agriturismo/agriturismo-cavallo-slide.png); background-repeat:no-repeat;} #prodotti{ position:absolute; top:362px; left:210px; margin-left:30%; width:480px; height:345px;} #anno0{width:94px; height:345px; float:left; cursor:pointer; background-image:url(../images/prodotti/anno-0.png); background-repeat:no-repeat;} #merlot{width:94px; height:345px; float:left; cursor:pointer; background-image:url(../images/prodotti/camperchi-merlot.png); background-repeat:no-repeat;} #sangiovese{width:94px; height:345px; float:left; cursor:pointer; background-image:url(../images/prodotti/camperchi-sangiovese.png); background-repeat:no-repeat;} /* - - - - - - BASI - - - - - - - */ body{ margin:0; padding:0; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;} * html .minwidth { width:expression((document.body.clientWidth<=950)?'950px':'auto');} .minwidth, .minwidth-partly-cloudy, .minwidth-cloudy, .minwidth-mostly-cloudy { min-width:950px; background-image:url(../images/nuvoloso/nuvoloso-background.jpg); background-repeat:repeat-x;} .minwidth-rain, .minwidth-light-rain, .minwidth-thunder { background-image:url(../images/pioggia/pioggia-background.jpg); background-repeat:repeat-x;} .minwidth-snow, .minwidth-light-snow { background-image:url(../images/neve/neve-background.jpg); background-repeat:repeat-x;} .minwidth-sunny, .minwidth-fair { background-image:url(../images/sole/sole-background.jpg); background-repeat:repeat-x;} .minwidth-foggy, .minwidth-fog { background-image:url(../images/nebbia/nebbia-background.jpg); background-repeat:repeat-x;} .minwidth-night, .minwidth-partly-cloudy-night, .minwidth-cloudy-night, .minwidth-mostly-cloudy-night, .minwidth-fair-night, .minwidth-clear-night { background-image:url(../images/notte/notte-background.jpg); background-repeat:repeat-x;} .container, .container-partly-cloudy, .container-cloudy, .container-mostly-cloudy {background-image:url(../images/nuvoloso/nuvoloso-orizonte.jpg); background-repeat:repeat-x; background-position:5% 362px;} .container-rain, .container-light-rain, .container-thunder { background-image:url(../images/pioggia/pioggia-orizonte.jpg); background-repeat:repeat-x; background-position:5% 362px;} .container-snow, .container-light-snow { background-image:url(../images/neve/neve-orizonte.jpg); background-repeat:repeat-x; background-position:5% 362px;} .container-sunny, .container-fair { background-image:url(../images/sole/sole-orizonte.jpg); background-repeat:repeat-x; background-position:5% 362px;} .container-foggy, .container-fog { background-image:url(../images/nebbia/nebbia-orizonte.jpg); background-repeat:repeat-x; background-position:5% 362px;} .container-night, .container-partly-cloudy-night, .container-cloudy-night, .container-mostly-cloudy-night, .container-fair-night, .container-clear-night { background-image:url(../images/notte/notte-orizonte.jpg); background-repeat:repeat-x; background-position:5% 362px;} .wrapper{ background-image:url(../images/day_albero.gif); background-repeat:repeat-x; background-position:45% 420px;} .wrapper-night{ background-image:url(../images/night_albero.gif); background-repeat:repeat-x; background-position:45% 420px;} #meteo{ position:absolute; right:0; top:0; font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:10px; text-align:right; padding:10px; padding-right:15px;} /* - - - - - - LEFT - - - - - - - */ #left{ height:650px; width:25%; float:left;} #cartillone-small{ position:absolute; top:0; left:0; cursor:pointer; background-image:url(../images/cartillone-logo-sx.png); background-repeat:no-repeat; background-position:top left; width:191px; height:204px;} /* - - - - - - LEFT - weather - - - - - - - */ .leftop, .leftop-partly-cloudy, .leftop-cloudy, .leftop-mostly-cloudy { height:280px; background-image:url(../images/nuvoloso/nuvoloso-background-sx.jpg); background-position:left top; background-repeat:no-repeat;} .leftop-rain, .leftop-light-rain, .leftop-thunder { background-image:url(../images/pioggia/pioggia-background-sx.jpg); background-position:left top; background-repeat:no-repeat;} .leftop-snow, .leftop-light-snow { background-image:url(../images/neve/neve-background-sx.jpg); background-position:left top; background-repeat:no-repeat;} .leftop-sunny, .leftop-fair { background-image:url(../images/sole/sole-background-sx.jpg); background-position:left top; background-repeat:no-repeat;} .leftop-foggy, .leftop-fog { background-image:url(../images/nebbia/nebbia-background-sx.jpg); background-position:left top; background-repeat:no-repeat;} .leftop-night, .leftop-partly-cloudy-night, .leftop-cloudy-night, .leftop-mostly-cloudy-night, .leftop-fair-night, .leftop-clear-night { background-image:url(../images/notte/notte-background-sx.jpg); background-position:left top; background-repeat:no-repeat;} #left_bar{height:22px;} #left_bottom{ height:348px;} #language{ float:right;} #language div{ padding:4px; background-color:#999999; width:80px; margin-top:1px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold;} #language a:link{ text-decoration:none; color:#FFFFFF;} #language a:hover{ text-decoration:none; color:#666666;} #language a:active{ text-decoration:none; color:#FFFFFF;} #language a:visited{ text-decoration:none; color:#FFFFFF;} /* - - - - - - CENTER - - - - - - - */ #center{ height:650px; width:210px; float:left; font-family:Arial, Helvetica, sans-serif; color:#999999; } #center_top{ height:14px; background-color:#FFFFFF; color:#333333; font-size:11px; font-weight:bold; padding:5px; text-align:center;} #center_top a:link{ text-decoration:none; color:#333333;} #center_top a:hover{ text-decoration:none; color:#666666;} #center_top a:active{ text-decoration:none; color:#333333;} #center_top a:visited{ text-decoration:none; color:#333333;} #center_logo{ height:256px;} #logo-camperchi{ background-image:url(../images/camperchi-logo.png); background-repeat:no-repeat; background-position:top center; width:288px; height:258px;} #center_bottom{ height:370px;} #center_bottom a:link{ color:#982233;} #center_bottom a:hover{ text-decoration:none; color:#666666;} #center_bottom a:active{ color:#982233;} #center_bottom a:visited{ color:#982233;} #news_title{ height:12px; margin-bottom:1px; background-color:#F0F1F5; font-size:11px; font-weight:bold; padding:5px;} #news_text{ height:347px; background-color:#FFFFFF; font-size:11px; color:#666666; padding:20px; text-align:right; line-height:1.2em;} #news_text h1{ font-size:12px; color:#982233; text-align:right; line-height:1.8em; margin:0; padding:0;} small{ font-size:10px; color:#999999; text-transform:uppercase;} /* - - - - - - RIGHT - - - - - - - */ #right{ height:650px; font-family:Arial, Helvetica, sans-serif;} .rightop, .rightop-partly-cloudy, .rightop-cloudy, .rightop-mostly-cloudy { padding-top:280px; height:120px; background-image:url(../images/nuvoloso/nuvoloso-background-dx.jpg); background-position:right top; background-repeat:no-repeat;} .rightop-rain, .rightop-light-rain, .rightop-thunder { background-image:url(../images/pioggia/pioggia-background-dx.jpg); background-position:right top; background-repeat:no-repeat;} .rightop-snow, .rightop-light-snow { background-image:url(../images/neve/neve-background-dx.jpg); background-position:right top; background-repeat:no-repeat;} .rightop-sunny, .rightop-fair { background-image:url(../images/sole/sole-background-dx.jpg); background-position:right top; background-repeat:no-repeat;} .rightop-foggy, .rightop-fog { background-image:url(../images/nebbia/nebbia-background-dx.jpg); background-position:right top; background-repeat:no-repeat;} .rightop-night, .rightop-partly-cloudy-night, .rightop-cloudy-night, .rightop-mostly-cloudy-night, .rightop-fair-night, .rightop-clear-night { padding-top:280px; height:120px; background-image:url(../images/notte/notte-background-dx.jpg); background-position:right top; background-repeat:no-repeat;} #right_bar{ height:12px; padding:5px; font-size:10px; font-weight:bold; text-transform:uppercase;} .camperchi{ background-color:#982233;} .abcd{ background-color:#BFA365;} #right_bar a:link{ text-decoration:none; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar a:hover{ text-decoration:none; color:#999999; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar a:active{ text-decoration:none; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar a:visited{ text-decoration:none; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar_sub{height:12px; padding:5px; font-size:11px; background-color:#666666;} #right_bar_sub a:link{ text-decoration:none; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar_sub a:hover{ text-decoration:none; color:#333333; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar_sub a:active{ text-decoration:none; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bar_sub a:visited{ text-decoration:none; color:#FFFFFF; border-right:1px solid #FFFFFF; padding-left:10px; padding-right:10px;} #right_bottom{ height:348px; } #right_bottom a:link{ text-decoration:none; color:#333333;} #right_bottom a:hover{ text-decoration:none; color:#666666;} #right_bottom a:active{ text-decoration:none; color:#333333;} #right_bottom a:visited{ text-decoration:none; color:#333333;} #spacer{ width:25px; height:348px; float:left;} #content{ font-size:11px; color:#222222; padding-right:5%; text-align:left; line-height:1.15em; margin-top:25px;} #content-night { font-size:11px; color:#999999; padding-right:5%; text-align:left; line-height:1.15em; margin-top:25px;} #content br{ margin-top:-5px;} /* - - - - - - LOGOS - - - - - - - */ #logo{ position:absolute;} #logo-cartillone{ position:absolute; margin-left:-40px;} #logo-abcd{ position:absolute; margin-left:-40px;} #logo-camperchi{ position:absolute; margin-left:-40px;} /* - - - - - - FOOTER - - - - - - - */ #footer{ float:right; padding-top:20px; margin-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999;} /* - - - - - - FORM - - - - - - - */ input{ border:1px solid #999999; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} select{ border:1px solid #999999; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} textarea{ border:1px solid #999999; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #send{ border:0px;} .forr2{ cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} /* - - - - - - POPUP - - - - - - - */ #aceto a:link{ text-decoration:none; border:0px; color:#982233;} #aceto a:hover{ text-decoration:none; border:0px; color:#666666;} #aceto a:visited{ text-decoration:none; border:0px; color:#982233;} #aceto a:active{ text-decoration:none; border:0px; color:#982233;}