/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

html { background:#e3dcc4 url('../graphics/html_bg.gif') repeat-x }
body { background:url('../graphics/body_bg.jpg') no-repeat top center }
a { color:#666666 }
a:hover { color:#777 }

#navigation { border-bottom:0px solid #FFF }
#navigation a:hover { background:#a49f8c; background:url('../graphics/nav_over.gif'); color:#eee9d9 }

.sf-menu ul { border:1px solid #e6e0ca }

.sf-menu a { border-left:0px solid #bbb7a9; border-right:1px solid #bbb7a9 }
.sf-menu ul a { border-bottom:1px solid #bbb7a9; border-top:0px solid #bbb7a9 }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#a49f8d !important; color:#FFF !important; border-bottom-color:#bdb9ad; border-top-color:#bdb9ad }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#e6e0ca }

.sf-menu li li { background:#958e74;  }
.sf-menu li li li { background:#958e74; }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li.current_page_item a,
.sf-menu li.current_page_parent a,
.sf-menu li.current_page_ancestor a { background:#958e74; }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#a49f8d; color:#FFFFFF !important; border-bottom-color:#bdb9ad; border-top-color:#bdb9ad }

.sf-menu ul li.sfHover li a {
	background:#a49f8c; background:url('../graphics/nav_over.gif'); !important; color:#e6e0ca !important; border-bottom:1px solid #bbb7a9 !important; border-top:1px solid #bbb7a9 !important }
	
.sf-menu ul li.sfHover li a:hover {
	background:#a49f8d !important; color:#FFFFFF !important; border-bottom-color:#bdb9ad !important; border-top-color:#bdb9ad !important }

#slider-content { position:relative; z-index:100; border-bottom:1px solid #000 }

.blue-block { color:#FFF; border-top:0px solid #000 }
.blue-block a { color:#fff290 }
.blue-block a:hover { color:#fff }

#main-content { background:#f5f0dd url('../graphics/main_bg.jpg') repeat-y;  }



.jFlowSelected { color:#FFF !important }

.gallery-block { background:#d5c4ad; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#main-content .full { background:#f5f0dd }
#main-content .left { background:#f5f0dd;  }
#main-content .right { background:#f5f0dd }
	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { border-bottom:1px solid #BFA583; color:#533611 }
#main-content h3 { color:#23201B }

#main-content p { color:#534C42 }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #D5C4AD }
.search-entry { border-bottom:0px solid #DBD1B9 }

.textbox { border:0px solid #C3AC8F; color:#888 }
.textarea { border:0px solid #C3AC8F; color:#888 }
.button { background:#a49f8d; color:#FFF; border:1px solid #bdb9ad }

#footer { 	
width:980px;
height:49px;
background:#dad2b4 url('../graphics/down.jpg') }
#footer a { color:#a49f8c }
#footer a:hover { color:#FFF }


/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:"Times", "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif; margin:0; padding:0 }

	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }
.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background:url('../graphics/header_bg.jpg') no-repeat }
#header h1 { width:446px; height:126px; margin:0; padding:0; position:absolute; top:0px; left:29px }
#header h1 a { text-indent:-2000px; display:block; background:url('../graphics/logo.gif') no-repeat; width:446px; height:126px }







/* Search - Added in Version 1.5 */
#header .search {
	display:block;
	position:absolute;
	right:30px;
	text-align:right;
	top:17px;
	width:350px }
	
#header .search label.hidden { display:none }

#header .search #s {
	background:#e9e4cf none repeat scroll 0 0;
	font-size:10px;
	border:1px solid #9f9a88;
	padding:1px 1px  }
	
#header .search #searchsubmit {  /*  bottone search  */
	background:#7d765d none repeat scroll 0 0;
	border:0px solid #FFFFFF;
	font-size:10px;
	color:#e5dfc6;
	padding:1px 4px }
/* ----------------------------- */





#loginstefano {     /* LOGIN DELL HEADER */
	width: 260px;
	height: 100px;
	margin-top: 12px;
	margin-right: 0px;
	padding: 0px;
	float: right ;
	font-family: tahoma, arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}


/* DETAL STYLE - LINK */
A.loginstefano {
	text-decoration:none;
	color:#666666;
}
A.loginstefano:HOVER {
	text-decoration:none;
	color:#666666;
}
	
	
	.stileinputs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #e5dfc7;
	text-decoration: none;
	background-color: #938d77;
	border:none;
}


/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Times, Helvetica, sans-serif; position:relative; z-index:90; font-size:10px; width:980px; height:51px; background:url('../graphics/nav_bg.gif') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover { text-decoration:none }
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-999em; width:14em } /*lunghezza dei sottomenu!!!*/
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:3.8em; /* regola altezza della spaziatura tra menu principale e sottomenu */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */  /* STILE DEL MENU ORIZZONTALE PRINCIPALE */
	.sf-menu { margin:0 }
	.sf-menu a { font-size:16px; padding:11px 16px 11px 16px; text-decoration:none } /* TRASFORMA  I MENU IN MAIUSCOLE */
	.sf-menu ul a { background:#958e74; cursor:pointer; border-left:none; border-right:none; font-size:14px; padding:5px 10px 5px 10px; text-decoration:none;}  /* SOTTOMENU */
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../graphics/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */



/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:980px;
	border-bottom:none }
	
	#main-content.subpage { border-top:none }
	
#main-content .full {
	margin:0;
	padding:25px;
	width:930px }	
	
	#main-content .navigation {
		display:block;
		height:15px;
		font-size:12px;
		margin:0 0 20px 0 }
		
		.navigation .alignleft { float:left; width:49% }
		.navigation .alignright { text-align:right; float:right; width:49% }
	
#main-content .left {
	margin:0;
	padding:25px;
	width:910px;
	float:left }

#main-content .right {
	display: none;
	width:0px;
	margin:0;
	padding:0px;
	float:left }
	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:16px }

#main-content h2 {
	font-size:21px; /*TITOLO*/
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 15px;
	padding:0 0 10px }

#main-content h3 { font-size:16px; line-height:23px; font-weight:bold; margin:10px 0; padding:0 }
#main-content p { padding:0; margin:15px 0; font-size:15px; line-height:22px; } /*TESTI DELLE PAGINE!!!!!!!!!!!*/

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }


/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }
.portfolio-entry h3 {
	font-size:24px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:5px 0 0 !important }
	

/* --------------------------------------------- */
/* Search Results Page ------------------------- */

.search-entry { clear:both; padding:0 0 5px; margin:0 0 8px }
.search-entry h3 {
	font-size:24px !important;

	font-weight:normal !important;
	margin:0 !important;
	padding:5px 0 0 !important }
.search-entry small { margin:5px 0 0 0; display:block; font-size:12px }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer {
	font-size:14px;
	height:20px;
	margin:0 auto;
	padding:15px;
	position:relative;
	width:948px }
	
#footer ul { list-style:none; margin:0; padding:0 }
#footer ul li { float:left; margin:0 6px; padding:0 }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:15px }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */