/* CSS Document */
/*    ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------  */

@media (min-width: 1200px) {
	.navbar-default .navbar-nav.centrale {width: 830px; text-align: center}
	.navbar-default .navbar-nav.centrale > li {float: none; display: inline-block}
	
	.slides-container li div {max-width: 1140px;}
	
	.slides-container li div p, .slides-container li div h2 {max-width:700px}

	/* CLASSE PER BLOCCHI A 5 COLONNE */
	.col-20perc {display: block; float: left; width: 25%}
	.canale-page .box-wrap .box-element {background-size: 150% auto; background-position: top}

	/* IMMAGINI ARTICOLO TEST */
	.immagine-articolo.sopra {display: block}
	.immagine-articolo.sotto {display: none}

}



@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav.centrale {text-align: center; width: 600px;}
	.navbar-default .navbar-nav.centrale > li {float: none; display: inline-block}
	.navbar-default .navbar-nav > li > a.login {margin: -6px 2px !important;}
	.slides-container li div {max-width: 940px;}
	.slides-container li div p, .slides-container li div h2 {max-width:700px}
	
	/* CLASSE PER BLOCCHI A 5 COLONNE */
	.col-20perc {display: block; float: left; width: 33.3333% !important}
	.box-wrap .box-element table.titolo span {font-size: 25px; line-height: 25px}
	.canale-page .box-wrap .box-element {background-size: 150% auto; background-position: top}
	
	/* IMMAGINI ARTICOLO TEST */
	.immagine-articolo.sopra {display: block}
	.immagine-articolo.sotto {display: none}

}



@media only screen and (max-width: 991px){
	.link-home {display: none !important}
	.navbar-brand {padding: 0;}
	.navbar-brand img {padding-right: 0; padding-left:0; height: 64px}
	
	.navbar-default .navbar-nav {font-size:13px !important; padding: 32px 0 !important}
	.navbar-default .navbar-right {padding: 33px 0 32px 0; }
	.navbar-default .navbar-nav > li > a { padding: 0 4px !important; margin: -5px 4px !important; letter-spacing: -0.5px; }
	.navbar-default .navbar-nav > li > a.login {padding: 0 18px !important; margin: -5px 0 -6px 2px !important;}
	
	.navbar-default .navbar-nav.centrale {text-align: center; width: 485px;}
	.navbar-default .navbar-nav.centrale > li {float: none; display: inline-block}
	.navbar-right {margin-right: 0px !important}
	
	#header-sezione .container .titolo-header {font-size: 60px}
	
	/* ---- SLIDESHOW ---- */
	#intro h2 {font-size: 36px !important}
	.intro-content p {font-size: 28px !important}
	
	/* TITOLi */
	.canale-page .titolo {font-size: 60px}
	.articolo-page .titolo {font-size: 52px}
	
	/* BOX CANALI */
	.box-element-generico {float: none}
	
	/* IMMAGINI ARTICOLO TEST */
	.immagine-articolo.sopra {display: none}
	.immagine-articolo.sotto {display: block}
	
	/*------------------------------------------*/
	/*	 FOOTER
	/*------------------------------------------*/
	
	#footer {text-align: center; }
}



@media only screen and (max-width: 767px){
	
	
	.container {max-width: 640px}
	.navbar {margin-bottom: 0 !important}
	.navbar-brand {margin-left: 25px}
	.navbar-brand img {height: 60px;}
	
	.navbar-collapse.top-shadow {background: url(top-shadow.png) no-repeat top center #fff !important; background-size: contain}

	.navbar-toggle {margin-top: 8px; margin-bottom: 8px; background: none; margin-right: 30px; border: none}
	.navbar-toggle:hover, .navbar-toggle:focus  {background-color: transparent !important;}

	.navbar-default .navbar-nav {width: 100% !important; margin-left: 0px !important; margin-right: 0 !important;}
	.navbar-default .navbar-nav > li {border-right: none !important; display: block !important; font-size: 28px; height: 60px}
	.navbar-default .navbar-nav > li > a {color: #49c1b8 !important; line-height: 59px !important; width: 290px; margin:  0 auto !important; 
		border-bottom: 1px solid #49c1b8; border-radius: 0; background: none}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.selected
		{border-radius: 0px !important; font-weight: 900}
	.navbar-default .navbar-nav.centrale {padding-bottom: 0px !important; padding-top: 10px !important}
	
	.navbar-right li {height: 54px !important;}
	
	.navbar-default .navbar-nav > li > a.login {margin: auto !important; color: #fff !important; background-color: #49c1b8 !important; 
		margin: 0 auto !important; width: 220px; height: 54px !important; line-height: 54px !important; border-radius: 27px !important;
		text-align: center}
	.navbar-default .navbar-nav > li > a.login:hover {border-radius: 27px}
		
	.navbar-collapse {background: white; color: #49c1b8 !important; border: none !important}
	.navbar-default .navbar-toggle .icon-bar {height:4px; border-radius:2px; width: 35px; background-color: white}
	.navbar-toggle .icon-bar + .icon-bar {margin-top: 7px}

	.box-wrap.articoli .box-element table.titolo span {font-size: 16px; line-height: 18px}

	/* TITOLI */
	.articolo-page .titolo {font-size: 34px;}


	/* ---- SLIDESHOW ---- */
	#intro h2 {font-size: 28px !important; line-height: 32px !important}
	.intro-content p {font-size: 24px !important; line-height: 26px !important;}


	/* IMMAGINE ARTICOLO */
	.articolo-page .nocciolo .immagine-articolo {background-position: center center}

	/* IMMAGINI ARTICOLO TEST */
	.immagine-articolo.sopra {display: none}
	.immagine-articolo.sotto {display: block}

	.testo {padding: 0 8px}
}




@media only screen and (max-width: 640px){
	
	.canale-page .titolo {font-size: 44px; text-align: center}
	.articolo-page .titolo {font-size: 34px; text-align: center}
	
	/* ---- SLIDESHOW ---- */
	#intro h2 {font-size: 28px !important; line-height: 32px !important}
	.intro-content p {font-size: 24px !important; line-height: 26px !important;}

	/* IMMAGINI ARTICOLO TEST */
	.immagine-articolo.sopra {display: none}
	.immagine-articolo.sotto {display: block}

}



@media (max-width: 480px) {
	
	.canale-page .titolo {font-size: 44px;}
	.articolo-page .titolo {font-size: 22px;}

	/* ---- SLIDESHOW ---- */
	#intro h2 {font-size: 22px !important; line-height: 24px !important;}
	.intro-content p {font-size: 18px !important; line-height: 20px !important;}

	#header-sezione .container .titolo-header {font-size: 38px}
	
	.box-wrap .box-element {background-size: 130% auto;}
	/*------------------------------------------*/
	/*	  FOOTER
	/*------------------------------------------*/
	
	#footer_copyright { text-align: left; }
	#footer_copyright p {padding-left: 0; }

	/* IMMAGINE ARTICOLO */
	.articolo-page .nocciolo .immagine-articolo {background: none; height: auto}
	.articolo-page .nocciolo .main.img-responsive {display: block !important;}

	/* IMMAGINI ARTICOLO TEST */
	.immagine-articolo.sopra {display: none}
	.immagine-articolo.sotto {display: block}

}



@media (max-width: 320px) {	
	
	
}