/*************************************************************/
/*	Foglio di stile del sito www.cieffemme.com  Red          */
/*************************************************************/

/*  Logo  ****************************************************/
/*************************************************************/
			   
#redlogo {background: url(redlogo.jpg) #fff;
          text-indent: -9999px;
		  width: 160px;
		  height: 90px;
		  margin: 0;
		  padding: 0;
		  float: left;
		  z-index: 1;}
			 
/*  Header  *************************************************/		  		  		  		  		/************************************************************/  
		  
#redheader {background: url(redheader.jpg) #fff;
			font-size: 114%;
			width: 393px;
		    height: 20px;
			position: relative;
		    margin: 0;
		    padding: 60px 0 10px 19px;
			overflow: hidden;
		    float: left;
			z-index: 2;}

#redheader a.home {background: url(redhome.gif) no-repeat;
			       font-size: 70%;
				   font-weight: normal;
			       color: #ed1d1d;
				   width: 140px;
				   height: 14px;
				   position: absolute;
				   top: 60px;
				   left: 299px;
				   margin: 0; 
				   padding: 0 0 0 15px;
				   display: block}
				   
#redheader a:hover.home {background: url(redhome.gif) no-repeat;
			             color: #ed1d1d;}
						 
/*  Right Top  **********************************************/
/************************************************************/
			
#redright_top {background: url(redright_top.jpg) #fff;
			   width: 146px;
		       height: 86px;
		       margin: 0;
		       padding: 60px 0 0 162px;
			   overflow: hidden;
		       float: right;
			   z-index: 3;}
			   
#alfacsain{background: url(redsquare.gif) no-repeat;
           width: 123px;
		   height: 20px;
		   margin: 0;
		   padding: 2px 0 0 15px;
		   z-index: auto;}
		   
#alfacsain a{text-decoration: none;
             color: #0e0e0e;
             diaplay: block;}
			 
#alfacsain a:hover{background-color: #ecedf1;
                   color: #ed1d1d; 
                   text-decoration: underline;}
			   
/**  Left Side  **********************************************/			   			   			/*************************************************************/   
			   
#redleft_side {background: url(redleft_side.jpg) #fff;
			   width: 160px;
		       height: 410px;
			   text-indent: -9999px;
		       margin: 0;
		       padding: 0;
			   overflow: hidden;
		       float: left;
			   z-index:4;}
			   
/*  NavBar  *************************************************/
/************************************************************/
			
#rednavbar {background: url(rednavbar.jpg) #fff;
			width: 392px;
		    height: 56px;
		    margin: 0;
		    padding: 0 0 0 20px;
			position: relative;
			display: block;
			overflow: hidden;
		    float: left;
			z-index: 5;}
			
#rednavbar h4 {font-size: 12px;
			   margin: 0;
			   padding: 0;}
			
#rednavbar a.percorsi {background: url(bluesquare.gif) no-repeat 0 0;
					   text-decoration: none;
					   color: #0e0e0e;
					   margin: 0;
					   padding: 2px 0 0 15px;
					   position: absolute;
					   top: 0;
					   left: 20px; 
					   display: block;}
					   
#rednavbar a:hover.percorsi {background-color: #c3e0fc; 
						     color: #007cf1; 
							 text-decoration: underline;
							 width: 55px; 
							 height: 22px;}
							 
#rednavbar a.corsi {background: url(orangesquare.gif) no-repeat 0 0;
					text-decoration: none;
					color: #0e0e0e;
					margin: 0 0 0 5px;
					padding: 2px 0 0 15px;
					position: absolute;
					top: 0;
					left: 90px;
					display: block;}
					   
#rednavbar a:hover.corsi {background-color: #ffca9b; 
						  color: #ff7b05; 
						  text-decoration: underline;
						  width: 36px; 
						  height: 22px;}
							 
#rednavbar a.calendario {background: url(greensquare.gif) no-repeat 0 0;
					     text-decoration: none;
					     color: #0e0e0e;
						 margin: 0 0 0 5px;
					     padding: 2px 0 0 15px;
						 position: absolute;
					     top: 0;
					     left: 146px; 
						 display: block;}
					   
#rednavbar a:hover.calendario {background-color: #9dd99d; 
						       color: #2e8d2e; 
							   text-decoration: underline;
							   width: 67px; 
							   height: 22px;}							 
							 
#rednavbar a.notizie {background: url(fuctiasquare.gif) no-repeat 0 0;
					  text-decoration: none;
					  color: #0e0e0e;
					  margin: 0 0 0 5px;
					  padding: 2px 0 0 15px;
					  position: absolute;
					  top: 0;
					  left: 232px; 
					  display: block;}
					   
#rednavbar a:hover.notizie {background-color: #ffa9fc; 
						    color: #d92de7; 
							text-decoration: underline;
							width: 43px; 
							height: 22px;}

#rednavbar a.contatti {background: url(purplesquare.gif) no-repeat 0 0;
				       text-decoration: none;
				       color: #0e0e0e;
				       margin: 0 0 0 5px;
				       padding: 2px 0 0 15px;
					   position: absolute;
					   top: 0;
					   left: 294px; 
					   display: block;}

#rednavbar a:hover.contatti {background-color: #c87aff; 
						     color: #8f44fd; 
						     text-decoration: underline;
						     width: 84px; 
						     height: 22px;}						 
		  
/*  Middle  *************************************************/
/************************************************************/ 
										 
#redmiddle {background: url(redmiddle.jpg) #fff;
		  	width: 392px;
		    height: 134px;
		    margin: 0;
		    padding: 20px 0 0 20px;
			overflow: hidden;
		    float: left;
			z-index: 6;}
			
#redmiddle h4 {text-indent: -10px;
			   margin: 0;
			   padding: 0;}

#redmiddle p {font-family: Arial, sans-serif;
              font-size: 100%;
			  font-weight: normal;
			  margin: 0;
			  padding: 20px 0 0 0;}
			  
/*  Content  ************************************************/
/************************************************************/
		 			  			  			
#redcontent {background-color: #fff;
			 width: 392px;
		     height: 190px;
		     margin: 0;
		     padding: 10px 0 0 20px;
			 overflow: auto;
		     float: left;
			 position: relative;
			 z-index: 1;}
			 
#redcontent a.programma {background: url(bluesquare.gif) no-repeat 0 0;
						 color: #0e0e0e;
                         text-decoration: none;
						 height: 60px;
						 margin: 0 0 20px 0;
						 padding: 2px 0 15px 15px;
						 display: block;}

#redcontent a:hover.programma {color: #007cf1;
							   text-decoration: underline;}
							   
#redcontent a.altro {background: url(greysquare.gif) no-repeat 0 0;
					 color: #bbb;
					 text-decoration: none;
					 height: 60px;
					 margin: 0 0 20px 0;
					 padding: 2px 0 15px 15px;
					 display: block;}		    
						 
#redcontent a:hover.altro {background: url(bluesquare.gif) no-repeat 0 0;
                           color: #0e0e0e;
						   text-decoration: underline;} 
							  
/*  Right Area  ********************************************/
/***********************************************************/
		   						 
#redright_area {background: url(redright_area.jpg) #fff;
			    width: 308px;
		        height: 334px;
		        margin: 0;
		        padding: 20px 0 0 0;
			    overflow: hidden;
		        float: right;
				z-index: 8;}
				   
/* Transparent  *********************************************/
/************************************************************/																								

#redtransparent {width: 308px;
                 height: 314px;
				 margin: 20px 0 0 0;
				 padding: 0;
				 overflow: auto;				 
				 z-index: 9}

#redtransparent p {color: #0e0e0e;
                   font-size: 97%;
				   font-weight: normal;
				   line-height: 1.4em;}
				   
#redtransparent a {text-decoration: underline;
				   color: #0e0e0e;
				   font-size: 97%;
				   font-weight: normal;
				   line-height: 1.4em;
				   width: 308px;
				   margin: 0;
				   padding: 0;
				   display: block;
				   float: left;
				   z-index: 11;}
							  
#redtransparent a:hover {text-decoration: none; 
                         color: #007cf1;
						 text-indent: 0; /*risolve il problema di z-index con Iexplorer*/
						 margin: 0; 
					     padding: 0;}
									
#redtransparent a span {display: none;} /*permette il popup*/

#redtransparent a:hover span {display: inline; 
                              background-color: #fcf; 
							  border: solid 2px #ed1d1d;
						      position: absolute; 
							  top: 300px; 
							  left: 180px;
						      width: 370px; 
							  height: auto;
							  margin: 0; 
							  padding: 2px; 
							  z-index: 12;}

/*  Footer  **************************************************/							 
/*************************************************************/
  											
#redfooter {background-color: #cbcbcb; 
		    width: 840px; 
			height: 46px;
		    margin: 0; 
			padding: 2px 20px;
			position: relative; 
		    float: right;
			z-index: 7;}
		   	
#redfooter h5 {font-weight: bold;}
			
#redfooter a.map {background: url(redsquare.gif) no-repeat;
                  text-decoration: none;
				  color: #0e0e0e;
				  position: absolute;
				  top: 2px;
				  left: 280px;
				  width: 86px;
			      padding: 2px 0 0 15px;
                  margin: 0;
		          display: block;
			     /* float: left;*/}
					  
#redfooter a:hover.map {background-color: #ecedf1;
                        color: #ed1d1d; 
					    text-decoration: underline;
					    width: 86px;
						height: 18px;} 
					     
#redfooter a.master {background: url(redsquare.gif) no-repeat;
                     text-decoration: none;
				     color: #0e0e0e;
				     position: absolute;
				     top: 2px;
				     left: 436px;
				     width: 69px;
			         padding: 2px 0 0 15px;
                     margin: 0;
		             display: block;
			        /* float: left;*/}
					                     
#redfooter a:hover.master {background-color: #ecedf1;
                           color: #ed1d1d; 
					       text-decoration: underline;
					       width: 69px;
						   height: 18px;}

#redfooter a.design {background: url(redsquare.gif) no-repeat;
                     text-decoration: none;
				     color: #0e0e0e;
				     position: absolute;
				     top: 2px;
				     left: 572px;
				     width: 98px;
			         padding: 2px 0 0 15px;
                     margin: 0;
		             display: block;
			         /*float: left;*/}
					                     
#redfooter a:hover.design {background-color: #ecedf1;
                           color: #ed1d1d; 
					       text-decoration: underline;
					       width: 86px;
						   height: 18px;}
						   
/*  Counter   ***********************************************/
/************************************************************/

#counter{width: auto;
         height: auto;
		 position: absolute;
		 top: 28px;
		 left: 325px;
		 margin: 0;
		 padding: 0;
		 display: block;}
						   
						   
/*  Validation  *********************************************/
/************************************************************/
						   
#redvalidation {color: #0e0e0e;
				width: 50px;
				height: 38px;
				margin: 0;
			    padding: 0;
				position: absolute;
				top: 6px;
				left: 810px;
				z-index: 30;}
				
#redvalidation a {background: url(redw3c.gif) no-repeat #cbcbcb 0 0;
				  text-indent: -9999px;
				  width: 50px;
				  height: 38px;
				  margin: 0;
			      padding: 0;
			      display: block;}
				
#redvalidation a:hover {background: url(w3c_lite.gif) no-repeat #cbcbcb 0 0; 
                        text-decoration: none;
						width: 50px;
				        height: 38px;
				        margin: 0;
				        padding: 0;
				        display: block;}
						
/*   END  ***************************************************/
/************************************************************/