/* foglio di stile per la pagina Contatti */
/*sito www.casarredodesign.it*/
/*grafica di CBseeCOM sviluppo web di AR webdesign*/

html {background-color: #fff}

body{margin:0; padding:0;}

p{font-family: Arial, Helvetica, sans-serif;
  font-size: 60%;
  color: #97908a;
  margin: 0;
  padding: 0;}

p.sign{padding: 9px 0 0 0; float: right;}
p.telefono{padding: 12px 0; float: left;}

a{font-size: 0.75em; line-height: 1.2em;}
a:focus, a:active {outline: none;}
  
.normal{font-size: 0.75em; line-height: 1.2em;}
.small{font-size: 56%; line-height: 1em;}
.compact{line-height: 1.1em;}
.white{color: #FFF; line-height: 1.2em;}
.grey{color: #97908a; line-height: 1.2em;}

/****************************************************************/
/****************************************************************/
/****************************************************************/

#container{width: 902px;
           height: 521px;
		   margin: 20px auto;
		   padding: 0;}
		   
#header{width: 902px;
        height:	25px;
		margin: 0;
		padding: 0;
		float: left;}

#top_line{background-image: url(common_img/top_line.jpg);
          width: 902px;
          height: 39px;
		  margin: 0;
		  padding: 0;
		  float: left}
		  
#center{width: 902px;
        height: 457px;
		margin: 0;
		padding: 0;
		float: left;}

/*************************************************************/
/************************************************************/		  
#left{width: 689px;
      height: 457px;		  
      margin: 0;
	  padding: 0;
	  float: left;}
	  
#title{width: 689px;
       height: 25px;
	   margin: 0;
	   padding:0;
	   float: left;}

/*******************************************************/	   
#main{width: 652px;
      height: 339px;
	  margin: 0;
	  padding: 0;
	  float: left;
	  position: relative;}

#display{width: 112px;
         height: 339px;
		 margin: 0;
		 padding: 0;
		 position: absolute;	 
		 top: 0;
		 left: 28px;
		 z-index: 1;}
		 
#specs{width: 314px;
       height: 339px;
	   margin: 0;
	   padding: 0;
	   position: absolute;
	   top: 0;
	   left: 165px;
	   z-index: 2;}
	   
#email{width: 140px;
       height: 16px;
	   padding: 0;
	   margin: 0;
	   float: left;}
		
#email a{font-family: Arial, Helvetica, sans-serif;
         color: #97908a;
	     font-size: 0.7em;
	     font-weight: bold;
	     text-decoration: none;}
		 
#email a:hover{color: #FA8910;}
	   
#left_stripe{background-color: #686868;
             width: 28px;
			 height: 339px;
			 margin: 0;
			 padding: 0;
			 float: left;}
			 
#item{width: 596px;
      height: 339px;
	  margin: 0;
	  padding: 0;
	  /*float: left;*/
	  position: absolute;
	  top: 0;
	  left: 28px;
	  z-index: 0;}
	  
#right_stripe{background-color: #686868;
              width: 28px;
              height: 339px;
	          margin: 0;
	          padding: 0;
			  position: absolute;
			  top: 0;
			  right: 0;}
			  
/***************************************************/			   
#long_grey{background-image: url(contatti_img/long_orange.jpg);
           width: 481px;
		   height: 56px;
		   margin: 0;
		   padding: 0;
		   float: left;}
		   
#short_grey{background-image: url(common_img/short_grey.jpg);
            color: #97908a;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.6em;
			line-height: 1.1em;  
            width: 153px;
            height: 52px;
			margin: 0;
		    padding: 4px 20px 0 0;
			float: left;}
			
#bottom_links{background-color: #FFF;
              width: 652px;
              height: 37px;
			  margin: 0;
		      padding: 0;
			  float: left;
			  overflow: hidden;}
			  
#web{letter-spacing: 0.01em;
     width: 76px;
	 height: 22px;
	 margin: 2px 5px 0 0;
	 padding: 0;
	 float: right;}
	 
#web a{background: url(common_img/arweb.jpg) no-repeat 0 0;
       letter-spacing: 0.01em;
       width: 76px;
	   height: 22px;
	   text-indent: -9999px;
	   margin: 2px 10px 0 0;
	   padding: 0;
	   display: block;}
	 
#web a:hover{background: url(common_img/arweb_hover.jpg) no-repeat 0 0;
             letter-spacing: 0.01em;
             width: 76px;
	         height: 22px;
			 text-decoration: none;
	         margin: 2px 10px 0 0;
	         padding: 0;
	         display: block;}	 
			  
#graphic{letter-spacing: 0.06em;
         width: 76px;
		 height: 22px;
		 margin: 2px 0 0 0;
		 padding: 0;
		 float: right;}
		 
#graphic a{background: url(common_img/cbcom.jpg) no-repeat 0 0;
           letter-spacing: 0.06em;
           width: 76px;
		   height: 22px;
		   text-indent: -9999px;
		   margin: 2px 0 0 0;
		   padding: 0;
		   display: block;}
		   
#graphic a:hover{background: url(common_img/cbcom_hover.jpg) no-repeat 0 0;
           		 letter-spacing: 0.06em;
           		 width: 76px;
		   		 height: 22px;
				 text-decoration: none;
		   		 margin: 2px 0 0 0;
		   		 padding: 0;
		   		 display: block;}
			  
/*******************************************************/
#link_home{width: 51px;
           height: 38px;
		   margin: 0;
		   padding: 0;
		   float: left;}

#link_home a{background: url(common_img/home.jpg) no-repeat 0 0;
             width: 51px;
             height: 38px;
			 text-indent: -9999px;
             display: block;}

#link_home a:hover{background: url(common_img/home_hover.jpg) no-repeat 0 0;
                   width: 51px;
                   height: 38px;
                   text-decoration: none;
				   display: block;}

#link_azienda{width: 84px;
              height: 38px;
		      margin: 0;
		      padding: 0;
		      float: left;}

#link_azienda a{background-image: url(common_img/azienda.jpg);
                width: 84px;
                height: 38px;
                text-indent: -9999px;
                display: block;}

#link_azienda a:hover{background-image: url(common_img/azienda_hover.jpg);
                      width: 84px;
                      height: 38px;
                      text-decoration: none;
                      display: block;}

#link_showroom{width: 97px;
               height: 38px;
		       margin: 0;
		       padding: 0;
		       float: left;}

#link_showroom a{background-image: url(common_img/showroom.jpg);
                 width: 97px;
                 height: 38px;
                 text-indent: -9999px;
                 display: block;}

#link_showroom a:hover{background-image: url(common_img/showroom_hover.jpg);
                       width: 97px;
                       height: 38px;
                       text-decoration: none;
                       display: block;}

#link_servizi{width: 66px;
              height: 38px;
		      margin: 0;
		      padding: 0;
		      float: left;}

#link_servizi a{background-image: url(common_img/servizi.jpg);
                width: 66px;
                height: 38px;
                text-indent: -9999px;
                display: block;}

#link_servizi a:hover{background-image: url(common_img/servizi_hover.jpg);
                      width: 66px;
                      height: 38px;
                      text-decoration: none;
                      display: block;}

#link_contatti{width: 81px;
               height: 38px;
		       margin: 0;
		       padding: 0;
		       float: left;}

#link_contatti a{background-image: url(common_img/contatti.jpg);
                 width: 81px;
                 height: 38px;
                 text-indent: -9999px;
                 display: block;}

#link_contatti a:hover{background-image: url(common_img/contatti_hover.jpg);
                       width: 81px;
                       height: 38px;
                       text-decoration: none;
                       display: block;}
/**********************************************************************************/
			  
/*******************************************************/
/*******************************************************/

#right{width: 213px;
       height: 457px;
	   margin: 0;
	   padding: 0;
	   float: left;}
	   
#right_nav{background-color: #FFF;
           width: 112px;
           height: 320px;
		   margin: 0;
		   padding: 0;
		   float: left;
		   position: relative;}
		   
#contatti_flow{background-image: url(common_img/contatti_flow.jpg);
               width: 101px;
               height: 320px;
			   margin: 0;
			   padding: 0;
			  float: left;}
			 
#logo{width: 213px;
      height: 137px;
	  margin: 0;
	  padding: 0;
	  float: left;}
	  
/**********************************************************/
/*                    END                                 */
/**********************************************************/