/*******************************************************
Css styles for http://www.stilnavi.it 
Last modified on : 09/15/2009
Author : Michela Chiucini http://www.colazionedamichy.it
********************************************************/

/*-----------------------------------------------------
	GLOBAL SETTINGS 
-----------------------------------------------------*/

html { background : #0D0C2C;}

body { 
	color : #464646; 
	background : #fff url('images/top-bg.jpg') left top repeat-x;;
	font : 75%/130%  Arial, Verdana, Helvetica, sans-serif;
}
#wrapper { 
   	position : relative;
	margin : 0 auto;
    text-align : center;
	width : 960px;
}

a { text-decoration : none; color : #fa620a; }
a:hover { border-bottom : 1px solid #fa620a; }

#branding{
  height : 100px;
  text-align : left;
  padding-left : 25px;
  padding-top : 5px;
}
#branding h1{
	float : left;
	width : 205px;
}
#branding h1 a:hover{
	border : none;
}
#branding h2{
	float : left;
	width : 405px;
	height : 100px;
	background : transparent url('images/tagline-bg.gif') left 49px no-repeat;
	text-indent : -1999px;
}

#content { 
   border : 1px solid #fff;
   text-align : left;
   padding-bottom : 15px;
   background : transparent url('images/content-bg.jpg') left top no-repeat;
   height : 430px;
}
#index #content { 
   background : none;
   padding-bottom : 25px;
}

#album #content { 
   padding-top : 10px;
   padding-left : 50px;
   background : transparent url('images/content-gallery-bg.jpg') left top no-repeat;
}

#sub-content { 
   text-align : left;
   background : #0D0C2C url('images/footer-bg.gif') left 31px repeat-x;
   padding-top : 16px;
}

#languages { 
   position : absolute;
   left : 660px;
   top : 44px;
}
#languages li{ 
   float : left;
   margin-right : 10px;
}
#languages li a:hover{ 
   border : none;
}
/*-----------------------------------------------------
	NAVIGATION SETTINGS 
-----------------------------------------------------*/
#navigation{
  position : absolute;
  height : 290px;
  width : 230px;
  background : transparent url('images/nav-bg.png') left top no-repeat;
  top : 160px;
  left : 730px;
  z-index : 100;
  text-align : left;
  padding-top : 45px;
}
#navigation li{
  margin-left : 35px;
  background-image : url('images/nav-item.gif') ;
  width : 164px;
  text-indent : -1999px;
}
#navigation li a{
  display : block;
  background-image : url('images/nav-item.gif') ;
  border : none;
}

#nav-home, #nav-home a{ 
	background-position : 0px 0px;  height : 26px; }	
#is-nav-home, #nav-home:hover, #nav-home a:hover{ 
	background-position : -168px 0px;  height : 26px; }
	
#nav-about, #nav-about a, #is-nav-about a{ 
	background-position : 0px -30px;  height : 26px; }	
#is-nav-about, #nav-about:hover, #nav-about a:hover{ 
	background-position : -168px -30px;  height : 26px; }

#nav-furniture, #nav-furniture a, #is-nav-furniture a{ 
	background-position : 0px -60px;  height : 36px; }	
#is-nav-furniture, #nav-furniture:hover, #nav-furniture a:hover{ 
	background-position : -168px -60px;  height : 36px; }

#nav-refitting, #nav-refitting a, #is-nav-refitting a{ 
	background-position : 0px -97px;  height : 37px; }	
#is-nav-refitting, #nav-refitting:hover, #nav-refitting a:hover{ 
	background-position : -168px -97px;  height : 37px; }
	
#nav-gallery, #nav-gallery a{ 
	background-position : 0px -133px;  height : 30px; }	
#is-nav-gallery,#is-nav-gallery a , #nav-gallery:hover, #nav-gallery a:hover{ 
	background-position : -168px -133px;  height : 30px; }

#nav-contact, #nav-contact a{ 
	background-position : 0px -166px;  height : 30px; }	
#is-nav-contact, #is-nav-contact a,#nav-contact:hover, #nav-contact a:hover{ 
	background-position : -168px -166px;  height : 30px; }		
		
	
#navigation li a:hover { overflow : hidden; }

/*-----------------------------------------------------
	HOME PAGE SETTINGS 
-----------------------------------------------------*/

.slideshow { height: 432px; width: 776px;  }

/*-----------------------------------------------------
	INTERNAL PAGES SETTINGS 
-----------------------------------------------------*/

#about #content, #contact #content, #refitting-page #content, #arredamenti #content, #notelegali #content { 
	padding : 25px 240px 0 35px;  
	line-height : 145%;
	font-size : 108%;
	background : transparent url('images/content-about-bg.jpg') left top no-repeat;
}
#about #content, #refitting-page #content, #arredamenti #content, #notelegali #content { 
	padding-top : 40px;  
	padding-left : 45px;
	height : 415px;
}

#about #content h3, #contact #content h3, #refitting-page #content h3, #arredamenti #content h3 { 
	padding-bottom : 10px;
}

#about #content img, #refitting-page #content img, #arredamenti #content img{ 
	float : left;  
	margin : 0 30px 10px 0;
}

#about #content p, #refitting-page #content p, #arredamenti #content p{ 
	padding-bottom : 10px;;  
}
#about #content ul li{ 
	line-height : 190%;
}
#refitting-page #content{ 
	background : transparent url('images/content-refitting-bg.jpg') left top no-repeat;
}
#arredamenti #content{ 
	background : transparent url('images/content-arredamenti-bg.jpg') left top no-repeat;
}
#contact #content h3 { 
	text-transform : uppercase;
}
#contact #content h4 { 
	font-style : italic;
}
#contact #content{ 
	background : transparent url('images/content-contact-bg.jpg') left top no-repeat;
}
#contact #contact-info{ 
	width : 168px;
	float : left;
	line-height : 160%;
	padding-left : 10px;
}
.e-mail{ 
	font-weight : bold;
}

#map{ 
	border : 3px solid #cacaca;
	width : 495px;
	height : 345px;
	float : left;
}

#news-page #content h3 { 
	padding-top : 50px;
	text-indent : 136px;
	text-transform : uppercase;
}
#news-page #content{ 
	background : transparent url('images/content-news-bg.jpg') left top no-repeat;
	padding-bottom : 25px;
}

#notelegali #content{ 
	background : transparent url('images/content-notelegali-bg.jpg') left top no-repeat;
}
#notelegali #content h3 { 
	text-indent : 305px;
	padding-top : 12px;
	text-transform : uppercase;
}
#notelegali #content h4 { 
	padding-top : 35px;
	padding-bottom : 10px;
}
/*-----------------------------------------------------
	FOOTER SETTINGS 
-----------------------------------------------------*/
#extra-info{ 
	margin : 0 auto;
	text-align : center;
	width : 905px;
	overflow : auto;
	color : #fff;
	padding : 0 20px 30px 35px;
	line-height : 170%;
 }
 #extra-info li{ 
	text-align : left;
	float : left;
 }
 #extra-info li h3{ text-indent : -1999px; height : 40px; width : 308px;}
 #extra-info li h4{ /*text-indent : 12px;*/ padding-bottom : 5px;}
 #news { width : 285px; }
 #refitting, #sede2 { width : 320px; }
 #clienti, #sede3 { width : 285px; }
 #other-galleries, #contact-form { width : 605px; }
 #sede1 { width : 275px; }
 #news h3{ background : transparent url('images/news-title-bg.gif') left top no-repeat; }
 #refitting h3{ background : transparent url('images/refitting-title-bg.gif') 10px top no-repeat; }
 #refitting p{ padding : 15px 25px 20px 20px; width : 275px; height : 201px; background : transparent url('images/ul-bg.gif') right top repeat-y; line-height : 160%;}
 #refitting p a{ padding-top : 6px; display : block; width : 112px; }
 #clienti h3{ background : transparent url('images/clienti-title-bg.gif') 10px top no-repeat; }
 #clienti ul{ padding : 15px 0 20px 20px; }
 #clienti ul li { float : left; width : auto; }
 #clienti ul li img{ margin-right : 10px; padding-bottom : 5px; }
 #other-galleries h3{ background : transparent url('images/other-gall-title-bg.gif') left 1px no-repeat; }
 #other-galleries ul li{ width : 302px; list-style-image : none; list-style-position : inside; list-style-type : square; }
 #gallery_list{ background : transparent url('images/ul-bg.gif') right top repeat-y; overflow : auto; min-height : 160px; }
 #sede1 h3{ background : transparent url('images/sedi-title-bg.gif') left top no-repeat; }
 #sede1 div.info-sede, #sede2 div.info-sede{ padding : 0px 25px 20px 10px; }
 #sede2 div.info-sede{ padding-left : 30px; margin-top : 40px; height : 218px; background : transparent url('images/ul-bg.gif') left top repeat-y; width : 300px}
 #sede3 div.info-sede{ padding-left : 30px; padding-bottom : 20px; margin-top : 40px; background : transparent url('images/ul-bg.gif') left top repeat-y; height : 218px;}
 #sede1 ul li, #sede2 ul li, #sede3 ul li{ float : none; list-style-image : none; list-style-position : inside; list-style-type : square; text-transform : uppercase;}
 #sede1 ul, #sede2 ul, #sede3 ul{ padding-bottom : 15px;}
 
.pics {  
    height:  150px;  
    width:   230px;  
    margin:  0;  
	cursor : pointer;
	border : 3px solid #777;
 } 
.pics img {  
    padding: 0;  
    width:  230px; 
    height: 150px; 
    top:  0; 
    left: 0 
} 
#contact-module{ background : transparent url('images/ul-bg.gif') right top repeat-y;  position : relative; }
#contact-form h3{ text-indent : -1999px; background : transparent url('images/contact-title-bg.gif') left 1px no-repeat; }
#contact-module p{ padding-bottom : 10px; }
#contact-module label{ text-align : right; width : 65px; float : left; display : block; margin-right : 10px; font-size : 106%; }
#contact-module input, #submit-msg{  width : 300px; background-color : #cacaca; border : 4px solid #e2e2e2; color : #0d0c2c; font-family : inherit;}
#contact-module textarea{ width : 300px; height : 145px; background-color : #cacaca; border : 4px solid #e2e2e2; color : #0d0c2c; font-family : inherit; font-size : 106%;} 
#contact-module span{ font-size : 90%; padding-left : 10px; color : #fa620a;}
#contact-module #mail-sent span{ font-size : 106%; color : #fff;}
#contact-module #loader{ margin-left : 115px; padding : 0;}
#submit-msg{ width : 100px; text-transform : uppercase; background-color : #cacaca;  font-weight : bold; position : absolute; top : 270px; left : 282px; border : 3px solid #e2e2e2;}

/*-----------------------------------------------------
	NEWS TICKER 
-----------------------------------------------------*/

#news-ticker{ 
	height : 215px; 
	overflow : hidden; 
	width : 285px;
	background : transparent url('images/ul-bg.gif') right top repeat-y;
}
#news-ticker li{ 
	height : 200px; 
	overflow : hidden; 
	padding : 15px 15px 0 10px; 
	width : 250px;
}
#all-news{ 
	padding-left : 10px;
	background : transparent url('images/ul-bg.gif') right top repeat-y;

}

/*-----------------------------------------------------
	SITE INFO 
-----------------------------------------------------*/
#site-info{ 
	background : #0D0C2C url('images/site-info-bg.gif') top center no-repeat;
	height : 50px;
}
#credits{ 
	background : transparent url('images/credits-bg.gif') top left no-repeat;
	margin : 0 auto;
	width : 920px;
	text-align : center;
	color : #fff;
	padding-top : 20px;
	padding-left : 40px;
}
#credits p{ 
	text-align : left;
	text-transform : uppercase;
	font-size : 85%;
	letter-spacing : 1px;
}
#owner{ 
	padding-right : 100px;
}

/*-----------------------------------------------------
	ENGLISH SETTINGS 
-----------------------------------------------------*/

#navigation li.en {
	background-image : url(en/images/nav-item.gif);
}
#navigation li.en a {
	background-image : url(en/images/nav-item.gif);
}
#clienti h3.en {
	background-image : url(en/images/clienti-title-bg.gif);
}
#sede1 h3.en {
	background-image : url(en/images/sedi-title-bg.gif);
}
#other-galleries h3.en {
	background-image : url(en/images/other-gall-title-bg.gif);
}
#contact-form h3.en {
	background-image : url(en/images/contact-title-bg.gif);
}
#refitting p a.en {
	width : 67px;
}
#all-news span.en {
	letter-spacing : 1px;
	font-size : 90%;
}