/*struttura */
* {padding:0;margin:0;}
html, body {
height: 100%;

}
#container {
min-height: 100%;
margin: 0 auto;
}
* html #container {
height: 100%;
}
body {
background:url(sf_wrapper.jpg) repeat-y top;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:75%;
margin:0;
padding:0;


}

/* HEADERS */
h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}

/* ------------------------------------- main content area  */

.hidden{
display: none;
}
#sf_head{
 background:url(sf_container.jpg) repeat-x top;
  height: 200px;
  width:100%;
}

#header {
 background:url(header_spaziotorino.jpg) no-repeat center top;
  height: 200px;
  width: 940px;
  /*display:block;*/
  margin:0 auto;

}
a#logo {
display:block;
height:60px;
margin:0;
padding:0;
position:relative;
width:260px;
}

.alt{
display:none;
}
#container {
 background:url(sancarlo.jpg) no-repeat center top;
width: 100%;
border:1px solid green;
}
#wrapper {
position:relative;
width: 940px;
margin: 0 auto;
}
#wrapper p.insert{
margin:0 5em; 
padding:1em 0;
font-size:1.1em;
}

/* MENU*/
#menu{
float: left;
list-style-type:none;
padding-left:0;
}

#menu li{
float: left;
/*background:#FFF;*/
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border:1px solid #CCC;
width:400px;
height:110px;
margin:1.2em;

}

#menu li a{
float:left;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
color:#FFF;
border-bottom:4px solid #000;
font-weight:bold;
font-size:1.2em;
text-align:center;
text-decoration:none;
text-transform:uppercase;
display:block;
height:35px;
line-height:35px;
width:400px;
}


#solofoto a:link, #solofoto a:visited{
	background:#003333;
}
#solofoto a:hover, #solofoto a:active{
	background:#009797;
	color:#000;
}
#fotoblog a:link, #fotoblog a:visited{
	background:#27737B;
}
#fotoblog a:hover, #fotoblog a:active{
	background:#88D0D9;
	color:#000;
}
#webcam a:link, #webcam a:visited{
	background:#005092;
}
#webcam a:hover, #webcam a:active{
	background:#6CBDFF;
	color:#000;
}
#wallpaper a:link, #wallpaper a:visited{
	background:#CF4705;
}
#wallpaper a:hover, #wallpaper a:active{
	background:#F5B358;
	color:#000;
}
#youtorino a:link, #youtorino a:visited{
	background:#527D00;
}
#youtorino a:hover, #youtorino a:active{
	background:#B6FF2F;
	color:#000;
}
#virtuali a:link, #virtuali a:visited{
	background:#A3031C;
}
#virtuali a:hover, #virtuali a:active{
	background:#FC5871;
	color:#000;
}


.descrizione {
height:65px;
margin:35px 0 0 0;
font-size:1.1em;
padding:10px 1em 5px 8em;
}
#fotoblog .descrizione  {
background:url(logo_scatto.png) no-repeat 15px center;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.spaziotorino.it/css/logo_scatto.png');*/

}
#youtorino .descrizione  {
background:url(youto.png) no-repeat 15px center;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.spaziotorino.it/css/youto.png');*/

}

#solofoto .descrizione  {
background:url(solofoto.png) no-repeat 15px center;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.spaziotorino.it/css/solofoto.png');*/

}
#webcam .descrizione  {
background:url(webcam.png) no-repeat 15px center;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.spaziotorino.it/css/webcam.png');*/

}
/* FINE MENU*/

/* FOOTER */
#footer {
	clear:both;
	position:relative;
	background:url(footer_big.jpg) repeat-y center top;
	color:#FFFFFF;
	font-size:.8em;
	height: 190px;
	padding-top: 30px;
	margin: -170px auto 0 auto;

}
#footer p{
clear:both;
width:940px;
margin: 0px auto; 
padding:5px
}
#credits {
width:920px;
margin:0 auto;
}
#footer ul{
width:920px;
padding-left:0;
float: left; 
list-style-type:none
}
#footer ul li{
float: left;
border-left:1px dashed #FFF;
width:440px;
margin: 5px auto;
padding:5px
}
#footer a{
color:#99FFFF
}

/* FOOTER */

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 170px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -170x; /* negative value of footer height */
	height: 170px;
	clear:both;
	background:url(footer_big.jpg) repeat-y center top;}
	
 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */