/* == Stili di base - Mobile first ===== */

body {
 font-size: 90%;
 font-family: Lucida Grande, Optima-Regular, Verdana, sans-serif;
 color: #7c7c7c;
 background: #fff;
 margin: 0;
 padding: 0;
}

h1,h2,h3 {font-weight: 600;}

a {
 color: #3AC3E0;
 text-decoration: none;
}

p {
 font-size: 0.875em;
 line-height: 1.4375;
 margin: 0 0 0.35em 0;
}

p a:hover {
 color: #3AC3E0;
 text-decoration: underline;
}

ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#container {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 background:url(img/sfondo_mobile_fiore.jpg) no-repeat top center; 
}

header {
 width: 100%;
}

#barra_logo {
 margin: 0;
 padding: 0;
 width:100%;
 height:55px;
 padding-top:10px;
}

#spazio_logo {
 width:230px;
 margin-top:5px;
}

#logo {
 margin: 0;
 padding: 0;
 width: 100%;
 margin-top:3px;
}

#menu {
 margin: 0;
 padding: 0; 
 display: none;
}

#menu_mobile {
 margin: 0;
 padding: 0;
 display: block;
}

#logo img {max-width: 100%;}

nav {
 font-size: 1.0625em;
 font-weight: 500;
 padding: 0.625em 0;
}

nav ul li {
 width: 100%;
 height: 1.8em;
 margin: 0;
}

nav ul li:last-child {}

nav ul li a {
 display: block; 
 color: #737476;
 line-height: 1.8;
 text-decoration: none;
 width: 100%; 
 height: 1.8em;
 padding-left: 4%;
}

nav ul li a:hover {color: #2c3d75;}

nav.collapsible > h2 { 
 background-color: #D8F3F9;
 color: #333;
 font-size: 1.0625em;
 line-height: 1.7;
 width: 97%;
 height: 1.7em;
 margin: 0;
 border: 1px solid #D1D3D4;
 padding-left: 2.77%;  
 cursor: pointer;
}
 
nav.collapsible > h2.minus {
 background-color: #333;
 color: #D8F3F9;
}

#main {
 width: 100%;
 padding: 0.625em 0 0 0;
}

#content {
 width: 100%; 
 background:url(img/sf_content.png) repeat-x;
}

footer {
 width: 100%;
 font-size: 0.75em;
 border-top: 1px solid #D1D3D4;
 padding: 1em 0 1.25em 0;
 background:url(img/footer.jpg) top center no-repeat;
 height:310px;
}


footer a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

footer a:hover {color: #3AC3E0;}

#footer_logo{
	text-align:center;
	padding-top:15px;
}
#footer_menu{
	width:53%;
	display:none;
	font-size:1.4em;
	margin-top:20px;
}
#contatti{
	width:300px;
	margin:0 auto;
	padding-left:1%;
	padding-right:1px;
}
#credits_mobile{
	padding-top:20px;
}

.link_prodotti {
 color: #7d7d7d;
 line-height: normal;
 padding: 0;
 font-size:0.8em;
}

.link_prodotti:hover {color: #2e3d68;}

/* == Media queries (breakpoint) ===== */


/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

/* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */


#container {
 position: relative;
 max-width: 1024px;
 padding: 0;
 margin: 0 auto;
 background:url(img/sfondo_netbook_fiore.jpg) no-repeat top center;
}
	
header {
 margin-bottom: 0.625em;
 padding-bottom: 1.25em;
}
	
nav ul li {
 float: left;
 margin: 0 16px 5px 0;
 width: auto;
 height: auto;
 border: none;
}

#logo {
 margin: 0;
 padding: 0;
 margin-top:3%;
}

#menu {
 margin: 0;
 padding: 0; 
 display: block;
}

#menu_mobile {
 margin: 0;
 padding: 0;
 display: none;
}

nav ul li:last-child {border: none;}

nav ul li a {
 color: #737476;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
 width: auto;
 height: auto;
 line-height: normal;
 padding: 0;
}

nav ul li a:hover {color: #2c3d75;}

.menu_footer {
 color: #898989;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
 width: auto;
 height: auto;
 line-height: normal;
 padding: 0;
}

.menu_footer:hover {color: #ffffff;}

#barra_logo {
 width:100%;
 height:130px;
}	
#spazio_logo {
 width:30%;
}
#content {
 width: 100%;
}


#main {
 float: left;
 width: 75%;
 border-right: 1px solid #D1D3D4;
 padding: 1.25em 0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

	
footer {
 line-height: 3em;
 font-size: 0.8125em;
 height:228px;
}

#footer_logo{
	width:340px;
	float:left;
	margin-left:1%;
	text-align:left;
}
#footer_menu{
	display:block;
	float:right;
	margin-right:1%;
}

#contatti{
	width:340px;
	margin-left:0px;
	padding:10px;
}
#credits_mobile{
	display:none;
}

}

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){
	
#container {
	max-width: 1280px;
	background:url(img/sfondo_desktop_fiore.jpg) no-repeat top center;
}

#logo {
 margin-top:2%;
}

#content {
	width:97%;
	margin:0 auto;
}

	
nav ul li {
 font-size:1em;
}

}

/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){
	
#container {
	max-width: 1600px;
	background:url(img/sfondo_1600_fiore.jpg) no-repeat top center;
}

#logo {
 margin-top:1%;
}
#content {
	margin-top:270px;
	background:url(img/sf_content.png) repeat-x;
}

#main {width: 60%;}

}