/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border:0; font:inherit; font-size:100%; margin:0; padding:0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*BASE*/
html { font-size:16px; }
body { color:#2e444c; font-family: 'Roboto Slab', serif; font-size:1em; font-weight:300; }
a { color:#2e444c; text-decoration:none; }
p { margin-bottom:15px; }
h1 { font-size:2em; font-weight:400; margin-bottom:30px; }
h2 { font-size:1.2em; font-weight:400; margin-bottom:10px; }
strong { font-weight:400; }

/*COLORI*/
.bg-gray { background-color:#ededed; }

/*LAYOUT*/
.inner { box-sizing:border-box; margin:0 auto; padding:0 15px; width:100%; }
.quarto { padding:15px; }
.clearfix { clear:both; }
.img-responsive { height:auto; width:100%; }

/*HEADER*/
header { background-color:#FFF; border-bottom:1px solid #EAEBF1; min-height:50px; position:fixed; top:0; width:100%; z-index:100; }
  
  /*navigazione*/
  header { font-size:0.8em; line-height:50px; text-transform:uppercase; }
	header a { color:#AAA; }
	  header a.name { font-weight:400; }
	header nav { display:none; position:relative; width:100%; z-index:1000; }
	header nav ul li a { display:block; }
	header .pull { float:right; height:23px; padding-top:11px; width:20px; }
	  header .pull span { background-color:#AAA; display:block; height:2px; margin:4px 0; width:100%; }
	
/*CONTENUTI*/
#main { margin-bottom:15px; margin-top:80px; }

  /*navigazione*/
  nav.nav-home { display:block; margin:30px -10px 0; overflow:hidden; }
	nav.nav-home ul li { box-sizing:border-box; text-align:center; width:100%; }
	  nav.nav-home ul li a { background-color:#2E444C; color:#FFF; display:inline-block; font-size:0.875em; margin-bottom:10px; padding:10px 0; width:100%; }

/*footer*/
footer { background-color:#FFF; border-top:1px solid #EAEBF1; color:#AAA; font-size:0.7em; line-height:50px; min-height:50px; position:relative; text-align:center; text-transform:uppercase; width:100%; z-index:10; }

/*SLIDER*/
.contentSlider { width:100%; }
.contentSlider, .contentSlider .rsOverflow, .contentSlider .rsSlide, .contentSlider .rsVideoFrameHolder, .contentSlider .rsThumbs { background:#eee; color:#000; }
.contentSlider .rsSlide,
.contentSlider .rsOverflow { background:#eee; }
.contentSlider img { display:block; height:auto; margin-bottom:30px; max-width:100%; }
.content-slider-bg { background:#eee; padding:24px 7%; width:86%; }

  /*personalizzazione*/
  .royalSlider { width:100%; }
  .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background:none; color:inherit; }

/*MEDIA QUERIES*/
@media (min-width:768px) {
	header .pull { display:none; }
	header nav { display:block; float:right; width:auto; }
	  header nav ul li { float:left; }
		header nav ul li a { color:#AAA; padding:0 15px; }
		header nav ul li:first-child a { padding-left:0; }

	nav.nav-home ul li { float:left; padding:0 10px; width:50%; }
}

@media (min-width:1024px) {
	/*LAYOUT*/
	.inner { padding:0 50px; width:994px; }
	.quarto { box-sizing:border-box; float:left; padding:50px; width:50%; }
	
	/*CONTENUTI*/
	.full-height { overflow:hidden; }
	#main { margin-bottom:80px; }
	
	/*navigazione*/
	nav.nav-home ul li { width:25%; }
	  nav.nav-home ul li a { margin-bottom:0; width:100%; }
}

@media (min-width:1366px) {
	html, body { height:100%; }
	html > body .content { height:auto; }

	.quarto { height:100%; min-height:100%; }
	.table { display:table; }
	.vAlign { display:table-cell; vertical-align:middle; }
	.full-height { height:100%; }
}