/*-------------------------------------------
Paperdoll
- - - - - - - - - - - - - - - - - - - - - - -
Description:	Base setup styles
Filename:		schaller.css
Theme Name:     
Theme URI:      http://www.intersezione.com
Version:		1 beta
Date:			AGO 19, 2008
Author:         Intersezione srl
Company:        Intersezione srl
Please: 
        
/*=========================================================================================== Global Reset */

* {
	margin:0;
	padding:0;
}

html,body{
	margin:0;
	padding:0;
	color:#000;
}

body {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background: url(../img/bg-combo.jpg) bottom center fixed #34949f;*/
	background: url(../img/bg.jpg) bottom center fixed #34949f;
}

html,
body,
div#wrapper-extra {
	width: 100%;
	height: 100%;
}


a{
	color:#000;
	font-weight:bold;
}

a:hover{
	color:#c00;
}

h1{
	position:absolute;
	top:-9999999999px;
	left:-9999999999px;
	display:none;
	visibility:hidden;
}

h2{
	font-size:16px;
	margin-bottom:30px;
}

h3{
	font-size:14px;
	margin-bottom:10px;
}

p{
	font-size:12px;
	margin-bottom:10px;
}

#wrapper-extra{
	min-width: 990px;
	width: expression( document.body.clientWidth < 991 ? "990px" : document.body.clientWidth); 
}

#container{
	width:990px;
	margin:0 auto;
	z-index:100;
	position:relative;
}

#container h3{
	color:#fff;
	font-size:11px;
	float:right;
}

#container h3 a{
	color:#fff;
	text-decoration:none;
}

#container h3 a:hover{
	color:#2b757d;
}

#container #pork{
	width:990px;
	float:left;
	display:inline;
	clear:both;
}

#container #pork .box{
	width:330px;
	height:330px;
	overflow:hidden;
	float:left;
	display:inline;
	cursor:pointer;
}

#container #pork .box a{				
	width:330px;
	height:330px;
	display:block;
	float:left;
	cursor:pointer;
}

#container #pork .box a:hover{
	
}

#container #pork .box a span{
	display:none;
	visibility:hidden;
}

#container #pork #natural.box a{
	background: url(../img/bg-natural.png) top center no-repeat;
}

#container #pork #natural.box a:hover{
	background: url(../img/bg-natural-on.png) top center no-repeat;
}

#container #pork #tech.box a{
	background: url(../img/bg-tech.png) top center no-repeat;
}

#container #pork #tech.box a:hover{
	background: url(../img/bg-tech-on.png) top center no-repeat;
}

#container #pork #muratore.box a{
	background: url(../img/bg-muratore.png) top center no-repeat;
}

#container #pork #muratore.box a:hover{
	background: url(../img/bg-muratore-on.png) top center no-repeat;
}

.header{
	width:990px;
	float:left;
	display:inline;
	clear:both;
	margin:20px 0;
	position:relative;
	z-index:200;
}

.header .sx{
	width:500px;
	float:left;
	display:inline;
}

.header .dx{
	width:300px;
	float:right;
	display:inline;
}

.header .sx .title{
	background: url(../img/title.png) top left no-repeat;
	width:428px;
	height:30px;
	margin-top:15px;
}

.header .sx .title span{
	display:none;
	visibility:hidden;
}

.header .dx .logo{
	
}

.header .dx .logo a{
	background: url(../img/logo.png) top left no-repeat;
	width:168px;
	height:65px;
	display:block;
	float:right;
}

.header .dx .logo a:hover{
	background: url(../img/logo-on.png) top left no-repeat;
}

.header .dx .logo a span{
	display:none;
	visibility:hidden;
}

.header .cx .logo{
	
}

.header .cx .logo a{
	background: url(../img/logo-big.png) top left no-repeat;
	width:362px;
	height:128px;
	display:block;
	margin:0 auto;
}

.header .cx .logo a:hover{
	background: url(../img/logo-big-on.png) top left no-repeat;
}

.header .cx .logo a span{
	display:none;
	visibility:hidden;
}

#montaggio{
	width:990px;
	float:left;
	display:inline;
	clear:both;
}

#montaggio  #istruzioni{
	background: url(../img/istruzioni.png) top left no-repeat;
	margin:0 auto;
	width:935px;
	height:553px;
	margin-top:-80px;
}

#montaggio h3{
	color:#fff;
	font-size:11px;
	float:right;
	margin-top:150px;
}

#montaggio h3 a{
	color:#fff;
	text-decoration:none;
}

#montaggio h3 a:hover{
	color:#2b757d;
}

#intersezione{
	width:990px;
	float:left;
	display:inline;
	clear:both;
}

#intersezione #paper-doll{
	background: url(../img/paper-doll.png) top left no-repeat;
	margin:0 auto;
	width:905px;
	height:400px;
	margin-top:-60px;
}

#intersezione h3{
	color:#fff;
	font-size:11px;
	float:right;
	margin-top:365px;
}

#intersezione h3 a{
	color:#fff;
	text-decoration:none;
}

#intersezione h3 a:hover{
	color:#2b757d;
}

#content{
	width:990px;
	float:left;
	display:inline;
	clear:both;
	background:url(../img/das.gif) top center repeat-y;
}

#content .cnt-cx{
	width:950px;
	padding:20px;
	float:left;
}

#content .cnt-top{
	width:990px;
	height:75px;
	background:url(../img/bg-content-top.gif) bottom left no-repeat;
	float:left;
}
#content .cnt-bot{
	width:990px;
	height:100px;
	background:url(../img/bg-content-bot.gif) top left no-repeat;
	float:left;
}

#content .cnt-cx p{
	font-size:12px;
	color:#3494A0;
	line-height:1.6em;
}

#content .cnt-cx p:first-letter {
	font-size:18px;
	font-weight:bold;
	color:#FF9800;
}

#content .colonna{
	width:450px;
}

#content .sx{
	float:left;
}

#content .dx{
	float:right;
	margin-top:235px;
}

#content .cx{
	float:none;
}


#goodies h3{
	color:#fff;
	font-size:11px;
	float:right;
	margin-right:35px;
	z-index:250px;
}

#goodies h3 a{
	color:#fff;
	text-decoration:none;
}

#goodies h3 a:hover{
	color:#2b757d;
}

#footer{
	width:100%;
	min-width: 990px;
	width: expression( document.body.clientWidth < 991 ? "990px" : document.body.clientWidth); 
	height:313px;
	background: url(../img/paesaggio_footer.png) top center no-repeat;
	position:fixed;
	bottom:0;
	z-index:500;
	float:left;
}			

#footer .pos{
	width:990px;
	margin:0 auto;
}

.scopri{
	position:relative;
	float:right;
	width:400px;
}

.scopri a{
	background: url(../img/scopri.png) top left no-repeat;
	width:301px;
	height:57px;
	display:block;
	float:right;
}

.scopri a:hover{
	background: url(../img/scopri-on.png) top left no-repeat;
}

.scopri a span{
	display:none;
	visibility:hidden;
}

#paper-doll span{
	display:none;
	visibility:hidden;
}

#montaggio span{
	display:none;
	visibility:hidden;
}

#about,
#main,
#works,
#goodies{
	min-height:850px;
	height:auto!important;
	height:850px;
}

#goodies #fine{
	width:952px;
	height:531px;
	margin:0 auto;
	background: url(../img/fine.png) center 75px no-repeat;
}