@import 'css/reset.css';
@import 'css/grid.css';

body {
	background: url(pix/bg.gif) repeat-x;
	font-size: 12px; 
	font-family: "Myriad Pro", Calibri, Arial, Verdana, sans-serif;
	color: #444;
	line-height: 1.5em;
	text-align: center;
	}
	
div.clear {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	position: relative;
	clear: both;
}

.link a {text-decoration: underline;}

link a:hover {text-decoration: none;}
	
.container {
  width: 750px;
  margin: 0 auto;
  background: #fff;
  text-align: left;
   }

#headerindex {
	width: 750px;
	height: 100px;
	background: white url(pix/logo.jpg);
	background-repeat: no-repeat;
	}
	
#header {
	width: 750px;
	height: 100px;
	background: white url(pix/logo.jpg);
	background-repeat: no-repeat;

	}

#navigation {
	height: 25px;
	margin-top: 5px;
	padding-right: 10px;
	}
	

#navigation img {
margin-top: 15px;
margin-left: 3px;
float: right;
}

#navigation p {
	float: right;
	font-size: 0.85em;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0;
}
	
	

/*------ BARRA DI NAVIGAZIONE ------*/
#navbar {
	font-family: "Myriad Pro", Calibri, Arial, Verdana, sans-serif;
	font-size: 1.2em; 
	background: #f6f6f6;
	color: #000; 
	border-top: 2px solid #ee6600;
	margin-top: 5px;
	margin-bottom: 20px;
	}

#navbar li {
	float: left; 
	padding: 0 40px 0 30px;
	margin-right: 5px;
	list-style-image: none;
	}

#navbar li a {
	display: block; /*considera l'elemento un blocco*/
	padding: 0.70em 0 0.35em;
	text-transform: lowercase; /*trasforma tutto minuscolo*/
	text-decoration: none;
	background: #f6f6f6;
	color: #000;
}
	
#navbar a:hover {
	color: #ee6600;
	background: url(pix/navbarlinkred.gif) top left repeat-x;
}

#navbar #venice {
	background: none;
}

.home #navbar #home a, 
.apartments #navbar #apartments a, 
.availability #navbar #availability a, 
.conditions #navbar #conditions a,
.specialoffer #navbar #specialoffer a,
.venice #navbar #venice a {
	background: url(pix/navbarlinkred.gif) top left repeat-x;
	color: #ee6600;}

/*------ END BARRA DI NAVIGAZIONE -----*/

/*------ SOTTOMENU' ------*/

#sottomenu {
	font-size: 0.8em;
	margin-bottom: 10px;
	}

#sottomenu a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
#sottomenu a:hover {
color: #848484;}

#sottomenu p {
	color: #700;
	display: inline;
}


/*---- END SOTTOMENU' ------*/
	
#footer {
	padding-top: 10px;
	font-size: 0.9em;
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
	border-bottom: 1px solid #ee6600;
	}
	
#footer p {color: #ee6600}

#footer a {
	color: #333;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #ee6600;
	text-decoration: underline;}

/***** contatti *****/
#contact {
	line-height: 14px;
	margin-top: 5px;
	color: #999;
	text-align: center;
}

#contact a {
	color: #ee6600;
	text-decoration: underline;
}

#contact a:hover {text-decoration: none;}
	



/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
	color: #111; 
  	font-family: "Myriad Pro", Calibri, Arial, Verdana, sans-serif; 
	font-weight: normal; 
	}

h1 {height: 10px;
	font-size: 0.85em;
	font-family: "Myriad Pro", Calibri, Arial, Verdana, sans-serif;
	color: #e5e5e5;
	text-align: center;  
	}

h1 a {color: #e5e5e5;
text-decoration: none;}
	

h2 {
	
	font-size: 1.3em;
	margin-bottom: 5px;
	}
  
h3 {
	font-family: "Myriad Pro", Calibri, Arial, Verdana, sans-serif; 
	font-size: 1.3em;
	line-height: 1em; 
	margin-bottom: 0.5em; 
	font-weight: bold; 
	background-color: white; 
	color: #ee6600;
	}
	
h4 { 
	background: url(pix/sfuma_menu_h3.jpg) repeat-x;
	border: 1px solid #ccc;
	font-size: 14px;
	text-transform: capitalize;
	line-height: 1em;
	padding: 10px 10px 10px 10px; 
	margin: 0 0 1px 0;
	color: #555;}


h5 {
	font-size: 1em; 
	margin-bottom: 0.5em;
	font-weight: bold;
	}
h6 { font-size: 1.5em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */
#introduction {
	font-size: 0.9em;
	color: Gray;
	text-align: center;
	}
	
	
#pic img {
	margin: 1px
}

	
p           {margin: 0 0 0.4em 0;}
p.line1		{line-height: 1.2em;}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
p img.fl		{margin: -0.5em 0 0 0;
				 padding: 0 0 0 0;
				 float: left;
				 }
p img.inline {margin: 0 0.5em 0 0;
				  padding: 0;
				  float: none;
				  display: inline;	
}

.center {text-align: center;}
a {color: #ee6600;;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;
color: #ee6600;}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; padding: 0; margin: 0; }
th      { border: 2px solid #ccc; font-weight: bold; }
td { 
		border: 1px solid #ddd;
		font-size: 0.9em; 
		}
th,td   { padding: 5px;
			 text-align: center; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

.listapart {
	
	color: #444;
	text-align: left;
	width: 310px;
	font-size: 1em;
	line-height: 1em;
	border: 1px solid #ccc;
}

.listapart a {color: #ee6600;
float: right;
text-decoration: underline;}

.listapart a:hover {text-decoration: none;}

.listapart td {
	border: none;
}



/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */




/* Fieldsets */
fieldset    { padding-left: 15px; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold;}
.red { color: red;}

/* Text fields */
input.text, input.title   { width: 250px; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 250px; height: 50px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:60px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }