/* CSS Document  for  Cartillone*/

/* - - - - - - ELEMENTI - - -- - - - */
#vite{ position:absolute; top:100px; right:0px; width:187px; height:263px;
	   background-image:url(../images/prodotti/foglia-vite.png); background-repeat:no-repeat; z-index:5;}
	   
#bottiglia{ position:absolute; top:160px; left:0px; width:76px; height:573px;
	   background-image:url(../images/bottiglia-home.png); background-repeat:no-repeat;}
	   
#balsamico{ position:absolute; top:302px; right:0px; width:310px; height:310px;
	   background-image:url(../images/balsamico.png); background-repeat:no-repeat;}
	   
#aceto-balsamico{ position:absolute; top:500px; right:2%; width:276px; height:62px;
	   background-image:url(../images/prodotti/aceto-balsamico-modena.png); background-repeat:no-repeat;}

#prodotti{ position:absolute; top:339px; left:210px; margin-left:30%; width:480px; height:345px;}
			 
			 #moderato{width:79px; height:345px; float:left; cursor:pointer;
			 background-image:url(../images/prodotti/moderato.png); background-repeat:no-repeat;}
			 #vivace{width:84px; height:345px; float:left; cursor:pointer;
			 background-image:url(../images/prodotti/vivace.png); background-repeat:no-repeat;}
			 #adagio{width:92px; height:345px; float:left; cursor:pointer;
			 background-image:url(../images/prodotti/adagio.png); background-repeat:no-repeat;}




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-severe-thunderstorms, .minwidth-thunderstorms-night, .minwidth-cloudy-night, .minwidth-mostly-cloudy-night { 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-severe-thunderstorms, .container-thunderstorms { 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:#333333; font-size:10px; text-align:right; padding:10px;}
#meteo img{ display:none;}


/* - - - - - - LEFT - - - - - - - */
#left{ height:650px; width:25%; float:left;}

		#cartillone-small{ position:absolute; top:0; left:0;
						   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 { background-image:url(../images/pioggia/pioggia-background-sx.jpg); background-position:left top; background-repeat:no-repeat;}
		.leftop-severe-thunderstorms, .leftop-thunderstorms { background-image:url(../images/pioggia/fulmini-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-abcd{ background-image:url(../images/abcd-logo.png); background-repeat:no-repeat; background-position:top center; width:288px; height:258px;}
		
		#center_bottom{ height:370px;}
						#center_bottom a:link{ color:#BFA365;}
						#center_bottom a:hover{ text-decoration:none; color:#666666;}
						#center_bottom a:active{ color:#BFA365;}
						#center_bottom a:visited{ color:#BFA365;}
		
						#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:#BFA365; text-align:right; line-height:1.8em; margin:0; padding:0;}


/* - - - - - - 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 { background-image:url(../images/pioggia/pioggia-background-dx.jpg); background-position:right top; background-repeat:no-repeat;}
		.rightop-severe-thunderstorms, .rightop-thunderstorms  { background-image:url(../images/pioggia/fulmini-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:13%; text-align:left; line-height:1.15em; margin-top:25px; }
							 #content-night{ font-size:11px; color:#999999; padding-right:13%; 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:-20px;}
 #logo-abcd{ position:absolute; margin-left:-40px;}
 #logo-camperchi{ position:absolute; margin-left:-40px;}
 
 /* - - - - - - 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;}
		
		
/* - - - - - - FOOTER - - - - - - - */
#footer{ float:right; padding-top:20px; margin-right:20px;
		 font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999;}
		 
		 
/* - - - - - - POPUP - - - - - - - */
#aceto a:link{ text-decoration:none; border:0px; color:#BFA365;}
#aceto a:hover{ text-decoration:none; border:0px; color:#666666;}
#aceto a:visited{ text-decoration:none; border:0px; color:#BFA365;}
#aceto a:active{ text-decoration:none; border:0px; color:#BFA365;}