@charset "utf-8";

/* CSS Document */

/* ---- Template 14 ---- */

*
{
		margin: 0;
		padding: 0;
		border: 0
}

body
{
		color: #666666;
		background:#D4C792 url(../images/taglio/sfo_body.jpg) 0 0 repeat-x;
		margin: 0px 0;
		font-size:13px;
		font-family:Tahoma, Verdana, Arial;
		text-align: center;
}

/* ---- Tipografia  -----------------------------------------------------------------------------------------------------------------------*/ 

h1
{
		font-size: 190%;
		color:#333;
		border-bottom:1px solid #999;
		line-height:1.2em;
		margin:10px 0px 20px 0px;
		padding:5px 0px 5px 0px;
}



h2
{
		color:#7A150C;
		margin:10px 0px 20px 0px;
		font-size: 140%;
		font-weight: bold;
		padding-bottom:4px;
		line-height:1.5em;
}

h3
{
		color: #000;
		font-size: 110%;
		font-weight:bold;
		margin:10px 0px 5px 0px;
		text-transform:uppercase;
}

h4
{
		color: #333;
		font-size: 100%;
		padding: 5px 5px 2px 0px;
}

p
{
		padding:10px 0px;
}

ul
{
		margin:5px 0 5px 20px;
		padding:5px 5px 5px 20px;
}

li
{
		list-style:none;
		background:url(../images/taglio/li.gif) 0 5px no-repeat;
		padding:0px 0px 5px 30px;
}

/* ---- immagini  ---------------------------------------------------------------------------------------------------------------------*/ 

img
{
		background: #fff;
		margin:0px;
		border: 1px solid #ccc;
		padding: 5px;
}

/* ---- link  -----------------------------------------------------------------------------------------------------------------------*/ 
a:link,
a:visited
{
		color: #7A150C;
		text-decoration: none;
}

a:hover
{
		color:#7A150C;
		text-decoration: underline;
}



/*Wrap contenitore pagina-------------------------------------------------------------------------------------------------------------------*/ 
#wrap
{
		text-align: left;
		width: 936px;
		margin: 0 auto;
		position: relative;
}
 

/*-----------------header photo--------------------------------------------------------------------------------------------------------------------------*/ 
#header_photo
{
		background:#000 url(../images/taglio/header_photo.jpg) 0 0px no-repeat;
		width: 936px;
		height:225px;  
}

#header_photo div
{
		float:left;
		width:230px; 
		margin:35px 0 0 30px;
		padding:10px;
		color:#FFFFFF;
} 


#header_photo a:link, #header_photo a:visited
{
		color:#FFCC00;
} 

#header_photo li
{
		background:url(../images/taglio/li_2.gif) 5px 3px no-repeat;
} 

#header_photo a:link.calltoaction,
#header_photo a:visited.calltoaction
{
		background: url(../images/taglio/sfo_call_2.jpg) 160px  10px  no-repeat;
		padding:10px;
		font-weight:bold;
		margin: 20px 0 0px 20px;
		display:block;
		width:180px;
}

#header_photo a.calltoaction:hover
{
		text-decoration:none;
		color:#333;
		background:#eee url(../images/taglio/sfo_call_2.jpg) 160px  10px  no-repeat;
}

/* ---- Navigation  ----------------------------------------------------------------------------------------------------------------------*/ 
#nav
{ 
		background:url(../images/taglio/sfo_nav.jpg) 0 0 repeat-y;
		padding:0px 18px;
		height:60px;
		width:936px;
		margin:0;
		font-size:16px;
		font-weight:bold; 
}

#nav li
{ 
		float:left;
		height:60px;
		padding:0px 0 0 0;
		margin:0;
		background:none;
}

#nav li a:link,
#nav li a:visited
{
		
		padding:27px 30px 17px 30px; 
		border-right:1px solid #666;
		border-left:1px solid #000;
		color:#fff; 
		font-size:13px;
		display:block; 
}

#nav li a:hover
{
		color:#333;
		background:#D4C792;
		text-decoration:none;
}

 /* ---- Content  ----------------------------------------------------------------------------------------------------------------------*/ 

#content_wrap
{ 
		background:url(../images/taglio/sfo_content.jpg) 0 0 repeat-y;
		clear:both;
		width: 900px; 
		float:left; 
		padding:0px 18px;
}

/* ---- Sidebar  ----------------------------------------------------------------------------------------------------------------------*/ 
#sidebar
{
		margin:0 0 0 0;
		width:300px; 
		float:left; 
		padding:0px 0px;  
}


#sidebar ul
{
		background:none;
		padding:0;
		margin:0;
}

#sidebar ul li
{
		background:none;
		padding:0;
		margin:0;
}

#sidebar ul li a:link, #sidebar ul li a:visited
{
		width:280px;
		height:110px;
		display:block;
		padding:10px;
		margin:0;
		text-decoration:none;
}


#sidebar ul li #cucine
{
		background:url(../images/taglio/sfo_menu_sec1.jpg) 0 0 no-repeat;
}

#sidebar ul li #cucine:hover
{
		background:url(../images/taglio/sfo_menu_sec3.jpg) 0 0 no-repeat;
}

#sidebar ul li #camere
{
		background:url(../images/taglio/sfo_menu_sec2.jpg) 0 0 no-repeat;
}
#sidebar ul li #camere:hover
{
		background:url(../images/taglio/sfo_menu_sec3.jpg) 0 0 no-repeat;
}

#sidebar ul li #bagni
{
		background:url(../images/taglio/sfo_menu_sec1.jpg) 0 0 no-repeat;
}
#sidebar ul li #bagni:hover
{
		background:url(../images/taglio/sfo_menu_sec3.jpg) 0 0 no-repeat;
}

#sidebar ul li #salotti
{
		background:url(../images/taglio/sfo_menu_sec2.jpg) 0 0 no-repeat;
}
#sidebar ul li #salotti:hover
{
		background:url(../images/taglio/sfo_menu_sec3.jpg) 0 0 no-repeat;
}

#sidebar ul li a h3
{
		font-size:18px;
		background:url(../images/taglio/freccia.gif) top right no-repeat;
		padding:0px 20px 5px 0px;
		color:#333333;
		font-weight:bold; 
}

#sidebar ul li a p
{
		font-size:12px;
		color:#666;
		padding:0;
		margin:0;
		 
}

#sidebar ul li a img
{
		padding:0;
		margin:0 10px 0 0;
		float:left;		 
}




/* ---- Main Column  ----------------------------------------------------------------------------------------------------------------------*/ 
#main
{
		padding: 20px;
		margin:0 auto;
		color:#333;
		float:left;
		width:560px;
}
/* ---- ---- highlight  ----------------------------------------------------------------------------------------------------------------------*/ 
#highlight
{
		background:#EBE9D2 url(../images/taglio/sfo_highlight.jpg) bottom left no-repeat;
		clear:both;
		width: 900px;
		height:10px; 
		float:left; 
		padding:0px 0px;
		margin: 0px 0; 
		text-align: left;
		color:#999999;  
}


/* ---- ---- footer  ----------------------------------------------------------------------------------------------------------------------*/ 
#footer
{
		background:url(../images/taglio/sfo_wrap.jpg) 0 0 repeat-y;
		clear:both;
		width: 900px; 
		float:left; 
		padding:0px 18px;
		margin: 0px 0; 
		text-align: center;
		color:#999999;  
}

#footer div
{
		border-top:1px solid #999;
		padding:20px 0 10px 0;
} 

#footer div > a:link, #footer div > a:visited
{
		color:#666666;
		font-size:12px;
} 

 
#footer p
{
		clear:both; 
		padding:10px 0px 15px 0px;
		margin:0;
		font-size:10px;
		color:#333;
}

#footer strong
{
		color:#333;
}

#footer span a:link,
#footer span a:visited
{
		color:#333;
		font-weight:bold;
		display:inline;
}

#footer p a:link,
#footer p a:visited
{
		color:#333;
}

#footer p a:hover
{
		color:#E19A32;
}

/* ----CALLTOACTION  ----------------------------------------------------------------------------------------------------------------------*/ 

a:link.call,
a:visited.call
{
		background:#7A150C url(../images/taglio/sfo_call_2.jpg) 260px  24px  no-repeat; 
		color:#FFFFFF;
		font-weight:bold;
		margin: 0px 0 0px 0px;
		padding:20px 10px 20px 10px;
		border:2px solid #fff;
		display:block;
		width:276px;
		font-size:18px;
		text-transform:uppercase;
}

a.call:hover
{
		text-decoration:none;
		color:#fff;
		background:#4D4A39 url(../images/taglio/sfo_call.jpg) 260px  24px no-repeat;
}

a.call p
{
		font-size:11px;
		color:#ccc;
		text-transform:lowercase;
}


a:link.calltoaction,
a:visited.calltoaction
{
		background:#4D4A39 url(../images/taglio/sfo_call_2.jpg) 160px  10px no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		margin: 20px 0 0px 340px;
		padding:10px;
		border:2px solid #fff;
		display:block;
		width:180px;
}

a.calltoaction:hover
{
		text-decoration:none;
		color:#fff;
		background:#4D4A39 url(../images/taglio/sfo_call_2.jpg) 160px  10px no-repeat;
}



/* ---- altre classi  ----------------------------------------------------------------------------------------------------------------------*/ 


.clear
{
		clear: both;
}

.sep
{
		background:url(../images/taglio/sep.png) 0 0 repeat-x;
		width:100%;
		height:2px;
		margin:10px auto;
		clear:both;
}

 

/* ----- #contatti FORM --------------------------------------------------------------------------------------------------------------------------*/ 
#contatti
{
		font-size:11px;
		margin-left:40px;
}

#contatti table tr td
{
		font-size:13px;
		color:#fff;
}

.button_form
{
		background-color:#fff;
		color: #333;
		font-weight:bold;
		text-transform: uppercase;
		width:80px;
		display:block;
		margin:20px auto;
		padding-bottom:3px;
}

.button_form:hover
{
		background-color:#333;
		color: #ffcc00;
		cursor:pointer;
}

textarea
{
		width: 280px;
		height: 100px;
}

textarea,
input,
select
{
		border: 1px solid #CCC;
		background-color:#fff;
		height:20px;
		font-size:14px;
		width:200px;c
}

#privacy
{
		background:none;
		border:none;
}

#messaggio
{
		height:90px;
		margin-top:5px;

}