/*	
	Media queries based on the awesome:
	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	
}


@font-face {
font-family: RawengulkDemibold;
src: url("../RawengulkLight.otf") format("opentype");
}


body{
	background: url("../images/background_fascia.jpg") repeat-x scroll center 0 #F2F1ED;

}

#wrapper{
	//background: url("../images/i-pad_1024w.png") no-repeat scroll center 0 transparent;
    height: 970px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 940px;
}

img{

border:none;
}

#pannello{
background: none repeat scroll 0 0 #000000;
border-radius: 0 0 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    height: 25px;
    left: 300px;
    position: absolute;
    text-align: center;
    top: 104px;
    width: 400px;
    z-index: 5;
}

#container_gallery{
padding-top: 140px;
margin-left: 130px;
z-index: 10;

}

#descrizione_galleria{
	display:none;
}

.flexslider {
	margin: 0 0 0 155px;
    padding: 0;
    width: 673px;}

.galleria-container{


}

.content{
	margin-left: 195px;
    margin-top: -20px;
    width: 607px;

}

#tasto_home{
 background: none repeat scroll 0 0 transparent;
    height: 44px;
    left: 65px;
    position: absolute;
    top: 228px;
    width: 44px;

}

#contenitore{
	background: none repeat scroll 0 0 #58AB27;
    border-radius: 0 0 10px 10px;
    display: none;
    height: 200px;
    left: 168px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 104px;
    width: 650px;
    z-index: 4;
}


#logo{
   width: 550px;
}



#s1{
	//margin-left: 114px;

}

#s2{
	//margin-left: 15px;

}
#s3{
	//margin-left: 15px;

}
#s4{
	//margin-left: 15px;

}

#s5{
	//margin-left: 15px;

}


#ico1{
	//margin-left: 206px;
    width: 106px;

}

#ico2{
	//margin-left: 200px;

}

#base{
	margin-top: 26px;

}

#header{
	 background: url("../images/header.jpg") repeat scroll 0 0 transparent;
	 height:115px;
	 width: 940px;
	  text-align: right;
}

#header div{
	float:left;
}
#header div#menu {
    height: 180px;
    width: 808px;
}

#content{
    //background: none repeat scroll 0 0 SeaShell;
    height: 487px;
}		

#galleria{height:500px; width: 735px;}

.section .sub{
		/*float: left;
    height: 449px;
    padding: 9px 21px 42px 27px;
    position: relative;
     width: 622px;*/
	 
	  float: left;
    height: 502px;
    position: relative;
    width: 670px;
	}
	/*
	.section .sub p{
			font-size: 85%;
    line-height: 1.4em;
    margin: 16px 0;
    width: 599px;
		}
		*/
		.section .next{
			right:30px;
		}
		
		

#footer{
  height: 26px;
    position: absolute;
    top: 130px;
    width: 940px;
    z-index: 20;
	color: #A1A1A1;
}
#prodotti{
  height: 26px;
    top: 134px;
    width: 940px;
    z-index: 20;
	color: #A1A1A1;
	margin-top:15px;
	
}

#prodotti_slider{
  height: 150px;
    top: 134px;
    width: 940px;
    z-index: 20;
	color: #A1A1A1;
	margin-top:510px;
}


#footer_gallery {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/base.png");
    background-origin: padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 715px auto;
    height: 107px;
    margin-left: 73px;
    position: absolute;
    top: 558px;
    width: 846px;
}

#footer-inner ul{

   // margin-top: -27px;
	position: static;

}


#footer-inner ul li{
	

}

#footer-inner {
	font-family: RawengulkDemibold;
	font-size: 16pt;
	text-decoration: none;
   

}

#icons
{
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
color: #A1A1A1;
}

#icons li
{
float: left;
    height: 26px;
   

}
#icons li img
{
display: block;
border: 0px;
}


#icons li img:hover
{
margin-top: -10px;
opacity: 0.75;
}

.icona_on{
	opacity: 0.75;
	margin-top: -10px;

}
.icona_off{

	opacity: 1.0;
	margin-top: 0px;

}


#under{
	height: 85px;
}



/*  Default 5-column, 768 px layout for iPads (portrait), netbooks, and IE
 *  (All other layouts inherit styles from this layout)
 *  -----------------------------------------------------------
 *  1      2      3      4      5
 *  120px  264px  408px  552px  696px   (24px gutters) */
 
@media only screen and (min-width: 100px) and (max-width: 935px) {
	
#wrapper{
	background: url("../images/i-pad_768vw.png") no-repeat scroll center 0 transparent;
    width: 770px;
	height: 1000px;
}

#logo {
    margin-left: 5px;
    margin-top: 117px;
    width: 447px;
}

#container {
    height: 649px;
}

#container #content {
    background-color: white;
    float: left;
    height: 614px;
    margin-left: 107px;
    overflow: hidden;
    position: relative;
    width: 558px;
}

#pannello {
    background: none repeat scroll 0 0 #000000;
	border-radius: 0 0 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    height: 25px;
    left: 245px;
    position: absolute;
    text-align: center;
    top: 111px;
    width: 270px;
    z-index: 5;
}


#contenitore {
    background: none repeat scroll 0 0 #58AB27;
    border: 1px solid gray;
    border-radius: 0 0 10px 10px;
    display: none;
    height: 222px;
    left: 151px;
    margin: 0 auto;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 111px;
    width: 450px;
    z-index: 4;
}

#galleria{height:600px; width: 510px;}
.galleria-info-link{
top: 100px;

}

.section .sub{
	float: left;
    height: 543px;
    padding: 10px 74px 42px 55px;
    position: relative;
    width: 530px;
}

.section .sub p{
			font-size: 85%;
    line-height: 1.4em;
    margin: 16px 0;
    text-align: justify;
    width: 463px;;
		}
		
		.section .next{
			right:85px;
			margin-right:50px;
		}
		
		.flexslider {
    height: 355px;
    margin: 20px 0 0 47px;
	
    padding: 0;
    width: 513px;
}
#tasto_home {
    background: none repeat scroll 0 0 transparent;
    height: 44px;
    left: 366px;
    position: absolute;
    top: 875px;
    width: 44px;
}

#descrizione_galleria {
    display: table;
    padding: 53px;
	margin-top: 20px;
    text-align: justify;
}

#s1{
	//margin-left: -7px;

}

#ico1{
	width:90px;
}

#ico2{
	width:90px;

}
#ico3{
	width:90px;

}
#ico4{
	width:90px;

}

#ico5{
	width:90px;

}

.content {
    margin-left: 122px;
    margin-top: 13px;
    width: 525px;
}


#footer {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/base.png");
    background-origin: padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 534px auto;
    height: 90px;
    margin-left: 41px;
    top: 768px;
}

#footer-inner ul {
   // margin-top: -27px;
    width: 592px;
}

#footer-inner ul li {
    margin-right: 12px;
}

#footer_gallery {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/base.png");
    background-origin: padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 535px auto;
    height: 107px;
    margin-left: 74px;
    position: absolute;
    top: 750px;
    width: 620px;
}


} 


/*  6-column, 936 px layout for desktops and laptops (also: iPad landscape)
 *  ------------------------------------------------------------------------
 *  1      2      3      4      5      6
 *  120px  264px  408px  552px  696px  840px   (24px gutters) */

@media only screen and (min-width: 936px) {
	
h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.2em;
}	
	
p {
	font-size: 0.9em;
}

header.group {
	//width: 696px;
	//margin: 3.4em auto;
}

nav.group {
	width: 696px;
}

section#header-inner.group {
	width: 696px;
}

div#logo {
	float: left;
	width: 312px;
	height: 80px;
}

nav.group ul {
	float: right;
	position: relative;
	top: 36px;
}
	
	
	
nav.group ul li {
	float: left;
}
 
nav.group ul li a{
	font-size: 1.2em;
	padding: 0.6em;
}	

#container {
	//width: 840px;
	/*background-color: forestgreen;*/
	height:416px;
}
#container {
    height: 500px;
    position: absolute;
	width:940px;
}

#home-page-image {
	width: 552px;
	float: right;
}

#intro-text {
	float: left;
	width: 264px;
}

section.portfolio-images {
	width: 552px;
	float: left;
}

section.portfolio-description {
	float: right;
	width: 264px;
}

section#journal-archives {
	width: 264px;
	float: left;
	margin-top: 0;
}

section#journal-container.group {
	width: 552px;
	float: right;
}

div.entry, div.link, div.photo, div.quote, div.video {
	margin-bottom: 4em;
}

section#location-text.group {
	width: 264px;
	float: left;
}

img#map {
	width: 552px;
	float: right;
}

section#request-for-proposal.group {
	width: 552px;
	float: right;
}

section#footer-inner.group {
	width: 840px;
}

ul#social-links {
	display: block;
	width: 408px;
}

#social-links li  {
	float: left;
	padding: 0 1em 1em 0 ;
	display: block;
	width: 50px;
	height: 50px;
}

div#hcard-Gary-Aston.vcard.group {
	width: 264px;
	float: right;
}
  
}

#header_menu{
  width: 880px;
    text-align: right;
	margin-top: 70px;
	color:#696968;
	font-family: RawengulkDemibold;
	font-size: 11pt;
}



#fisso{
width:270px;
height:500px;
background:black;
float:left;
color: white;
}
#fisso1{
width:270px;
height:100px;
background:black;
float:left;
text-align:center:
}
#fisso2{
width:270px;
height:185px;
background:black;
float:left;
text-align:center;
margin-top: 15px;
}
#fisso3{
width:270px;
height:150px;
background:black;
float:left;
text-align:center:
}

#icons a{
color: #A1A1A1;
    font-family: RawengulkDemibold;
    font-size: 11pt;
    text-decoration: none;


}

#footer-inner a{
color:#a1a1a1;
text-decoration:none;


}

#footer-inner a:hover{
color:#696968;

}

#mail{
color:#a1a1a1;
text-decoration:none;
}

#mail:hover{
color:#696968;
}

#section1{

/*background-image: url("../images/s01_prodotto.jpg");*/
}

.titolo_prodotto{
font-family: RawengulkDemibold;
    font-size: 16pt;
    display: block;
    height: 15px;
    text-align: center;

}

.sottotitolo_prodotto{
font-family: RawengulkDemibold, Arial;
    font-size: 12pt;
    /*padding: 10px 10px;*/
    text-align: center;
    display: block;
    height: 15px;

}

.descrizione_prodotto{
font-family: RawengulkDemibold, Arial;
    font-size: 10pt;


}

#left{
	float:left;
	 margin-left: 40px;
    margin-top: 14px;

}


#right{
	float:right;
	 margin-right: 40px;
    margin-top: 14px;

}

.titolo_slide_prodotto{
font-family: RawengulkDemibold,Arial,sans-serif;
    font-size: 20pt;
	float:left; 
	 margin-top: 14px;
	 margin-top: 14px;
	color:white;
	}

	.colori{
		margin:20px;
	
	
	}
	
	#d01{
	background-image: url("../images/P_S01.jpg");
    display: block;
    float: left;
    height: 138px;
    margin-right: 36px;
    width: 84px;	
}	
	#d01:hover{
	background-image: url("../images/P_S01+.jpg");
  	
}
	#d02{
	background-image: url("../images/P_S02.jpg");
    display: block;
    float: left;
    height: 138px;
    margin-right: 33px;
    width: 84px;	
}	
	#d02:hover{
	background-image: url("../images/P_S02+.jpg");
   	
}

	#d03{
	background-image: url("../images/P_T01.jpg");
    display: block;
    float: left;
    height: 138px;
    margin-right: 32px;
    width: 130px;	
}	
	#d03:hover{
	background-image: url("../images/P_T01+.jpg");
   
}

	#d04{
	background-image: url("../images/P_T02.jpg");
    display: block;
    float: left;
    height: 150px;
    margin-right: 26px;
    width: 100px;	
}	
	#d04:hover{
	background-image: url("../images/P_T02+.jpg");
   
}

	#d05{
	background-image: url("../images/P_T03.jpg");
    display: block;
    float: left;
    height: 150px;
    margin-right: 18px;
    width: 133px;	
}	
	#d05:hover{
	background-image: url("../images/P_T03+.jpg");

}

	#d06{
	background-image: url("../images/P_L01.jpg");
    display: block;
    float: left;
    height: 150px;
    margin-right: 20px;
    width: 133px;	
}	
	#d06:hover{
	background-image: url("../images/P_L01+.jpg");
  	
}

	#d07{
	background-image: url("../images/P_D01.jpg");
    display: block;
    float: right;
    height: 150px;
    width: 110px;	
}	
	#d07:hover{
	background-image: url("../images/P_D01+.jpg");
  	
}

.immagini{
margin: 20px 5px 5px;
}

#blocco1{
/*background: none repeat scroll 0 0 red;*/
    height: 230px;
    left: 50px;
    position: absolute;
    top: 365px;
    width: 240px;

}

#blocco2{
/*background: none repeat scroll 0 0 red;*/
    height: 230px;
    left: 350px;
    position: absolute;
    top: 365px;
    width: 240px;

}
#blocco3{
/*background: none repeat scroll 0 0 red;*/
    height: 230px;
    left: 650px;
    position: absolute;
    top: 365px;
    width: 240px;

}

.titolo_blocchi{
background: none repeat scroll 0 0 #899FD9;
   vertical-align: middle;
    opacity: 0.8;
	filter:alpha(opacity=80);
height: 50px;
    
  
}

.titoli_blocchi{
font-family: RawengulkDemibold,Arial,sans-serif;
    font-size: 20pt;
	float:left; 
	 margin-top: 10px;
	 margin-left: 10px;
	color:white;
	}
	
	.testo_blocchi{
		padding:15px 10px 10px 10px;
	background: none repeat scroll 0 0 white;
	font-size:10pt;
    opacity: 0.8;
	filter:alpha(opacity=80);
	color: #696968;
	}

	.menu{
	text-decoration:none;
	color: #696968;
	
	}
	
	#header_menu a:hover, #select{
	
	color:black;
	}
	
	.theme-default .nivo-caption  #comfort{
	font-size: 17pt;
	}

#comfort{
width:300px;

}
	
[title=Comfort, extreme attention to detail and functional ergonomics for the best relaxation.]
{
font-size: 17pt;
}