@charset "UTF-8";
/* CSS Document */

/* PALETTE

rosso scuro #820100
rosso chiaro #f92804
rosso headings #c80001
giallo hover menu #ffd900

*/

::selection {
  background: #f92804;
  color: #fff;
}

::-moz-selection  {
  background: #f92804;
  color: #fff;
}

.cookielawdiv {
	position: fixed;
	bottom:0px;
	height: 60px;
	width: 100%;
	z-index: 999;
	padding:15px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	text-align: center;
}

.cookielawdiv button {
	border:none;
	background-color: #f92804;
	color: #fff;
	margin:0px 10px;
}
.cookielawdiv a, .cookielawdiv a:visited {
	 color:#fff;
}

.cookielawdiv a:active, .cookielawdiv a:focus, .cookielawdiv a:hover {
	color:#f92804;
}

body {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 100%;


	background: #820100; /* Old browsers */
	background: -moz-linear-gradient(left, #820100 0%, #f92804 20%, #f92804 80%, #820100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #820100 0%,#f92804 20%,#f92804 80%,#820100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #820100 0%,#f92804 20%,#f92804 80%,#820100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820100', endColorstr='#820100',GradientType=1 ); /* IE6-9 */
}

body.page {
	background: none;
	background-color: #eee;
}

a {
	color:#c80001;
	text-decoration: none;
}

a:hover, a:active {
	color: #f92804;
	text-decoration: underline;
	transition: 500ms;
}

b, strong {
	font-weight: bold;
}

h1, h2, h3, h4 {
	color: #c80001;
	margin-bottom: 45px;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}


/** BOOTSTRAP OVERRIDES **/


.btn {
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border: none;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding: 15px;
}


.btn-primary {
	background-color: #f92804;
	color: #fff;
}


.form-control {
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active  {
	background-color: #ff2b3a;
	color: #fff;
}

.btn-secondary, .btn-secondary:visited {
	background-color: #266bac;
	color: #fff;
}

.btn-secondary:focus, .btn-secondary:hover,  .btn-secondary:active {
	background-color: #4485c2;
	color: #fff;
}


/** NAVIGATION **/

.topmenu {
	padding:0px;
	background:none;
	font-size: 0.7em;
	text-align: right;
	color:#666;
	height: 50px;

	background: #820100; /* Old browsers */
	background: -moz-linear-gradient(left, #820100 0%, #f92804 20%, #f92804 80%, #820100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #820100 0%,#f92804 20%,#f92804 80%,#820100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #820100 0%,#f92804 20%,#f92804 80%,#820100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820100', endColorstr='#820100',GradientType=1 ); /* IE6-9 */
}

.topmenu a {
	display: inline;
	margin-left: 15px;
	text-decoration: none;
}

.topmenu a, .topmenu a:visited {
	color:#eee;
}

.topmenu a:hover, .topmenu a:active, .topmenu a:focus  {
	color:#fff;
}

.topmenu-left {
	background-image: url('../images/bg-top-left.png');
	background-repeat: repeat-x;
	height: 50px;
	width: calc(50% - 650px);
	float:left;

}

.topmenu-center {
	background-image: url('../images/bg-top-center.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 50px;
	width: 1300px;
	float: left;
	padding: 20px 140px 20px 0px;
}

.topmenu-right {
	height: 50px;
	width: calc(50% - 650px);
	float: left;
}

.menubtn {text-align: right;}

#mainmenu {
	background:none;
	padding-top: 20px;
	font-size: 0.8em;
}

#mainmenu ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	text-align: center;
}

#mainmenu ul li {

	margin: 0px;
	padding:10px;
	display: inline-block;
}

#mainmenu hr {
	border: none;
	background-image: url('../images/sfumatura_menu_home.png');
	background-repeat: no-repeat;
	height:29px;
	margin:0px;
}


#mainmenu a:link, #mainmenu a:visited {
	color: #fff;
	text-decoration: none;
}

#mainmenu a:active, #mainmenu a:hover {
	color: #ffd900;
	text-decoration: none;
}

#mainmenu .identity {
	margin-top: 10px;
}

#mainmenu .btn {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: solid 1px #fff;
	margin-top: 20px;
	padding:10px 15px;
}

#mainmenu #menumobile ul {
	display: block;
	width: 100%;
}

#mainmenu #menumobile li {
	display: block;
	width: 100%;
	text-align: right;
}

#mainmenu #menumobile li a {
	width:100%;
}

.page-header #mainmenu .menu a.active {
	color:#f92804;
}

/**CONTENT **/

.page-header {
	background: #820100; /* Old browsers */
	background: -moz-linear-gradient(left, #820100 0%, #f92804 20%, #f92804 80%, #820100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #820100 0%,#f92804 20%,#f92804 80%,#820100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #820100 0%,#f92804 20%,#f92804 80%,#820100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820100', endColorstr='#820100',GradientType=1 ); /* IE6-9 */
}

.page-header #mainmenu {
	padding:0px;
}

.page-header .banner {
	margin-top: 15px;
}

.page-header .banner img {
	width: 100%;
}

.banner.category {
	margin-left:-45px;
}

.banner.category .menu {
	position: absolute;
	top:45px;
	right:100px;
}


.page-header .row {
	background-color: #fff;
}


.page-header #mainmenu hr {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin:0px;
}

.page-header  #mainmenu a:link, .page-header   #mainmenu a:visited {
	color: #333;
}

.page-header #mainmenu a:active, .page-header   #mainmenu a:hover {
	color: #c80001;
}

.page-header #mainmenu .identity {
	padding-top:0px;
}

.page-header #mainmenu .btn {
	border: solid 1px #333;
}

.page-header .content {
	padding:10px 45px 0px 45px;
}

.page-header #mainmenu ul {
	padding-top:20px;
}

.page-header #mainmenu ul li {

	margin: 0px;
	padding:5px;
	display: inline-block;
}

.page {
	background-color: #eee;
	width: 100%;
	color:#666;
}

.content {
	background-color: #fff;

	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);

	padding:45px;
}

.content p {
	text-align: justify;
}

.form-control:focus {
	border-color: #ff7d1d;
}

.breadcrumbs {
	padding:15px 0px;
	color:#999;
	font-size: 0.8em;
}

.breadcrumb {
	margin:0px;
	padding: 0px;
	background: none;
}

.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active {
	color:#999;
}

.breadcrumb-item + .breadcrumb-item::before {
	color:#999;
}

.breadcrumb-item.active {
	color:#999;
	font-weight: bold;
}

.breadcrumb > li + li:before {
	content: ' / ' !important;
}


.payoff {
	color:#fff;
	text-align: left;
	padding: 60px 0px;

}

.payoff h1, .payoff h2, .payoff h3, .payoff h4 {
	margin-bottom: 10px;
	color:#fff;
}


.section-impressum {
	margin-top: 100px;
	padding:30px 0px;
	background-color: #e1e1e1;
	color:#6a6a6a;
	text-align: justify;


	-webkit-box-shadow: 0px 5px 5px 0px rgba(130,1,0,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(130,1,0,1);
	box-shadow: 0px 5px 5px 0px rgba(130,1,0,1);
}


.section-impressum .fresa {
	margin-top: -280px;
}

.section-impressum .occhio {
	margin-top: -50px;
}

.section-impressum .buonimotivi {
	margin-top: -130px;
}

.product-item {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 60px;
	border-bottom:solid 1px #999;
}

.category-intro {
	background-image: url('../images/sfumatura.jpg');
	background-repeat: repeat-x;
	background-position: bottom;

	margin:0px -45px;
	padding:45px;
}

.category-intro .banner {
	position: absolute;
	right:-30px;
	bottom:-45px;
}

.category-intro a {
	color:#666;
}

.eventlist h2, .eventlist h3, .eventlist h4 {
	margin-bottom: 10px;
}

.eventlist hr {
	margin:30px 0px;
}

/* FOOTER */

.footer {
	padding-top: 60px;
	position: relative;
	color:#fff;
	text-align: center;
	font-size: 0.8em;
}

.footer .contacts {
	font-size: 1.1em;
}

.footer a, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p {
	color:#fff;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5{
	color:#820100;
}

.footer .identity {
	margin:0 auto;
	margin-top: -77px;
	margin-bottom: 30px;
}

.credits {
	color:#fff;
	text-align: center;
	padding-bottom: 60px;
	font-size: 0.7em;
}

.credits a {
	color:#fff;
}


.page .footer a, .page .credits a, .page .footer p {
	color:#666;
}

/* MEDIA QUERY */

/* DEFAULT STYLE IS FOR LARGE DESKTOP DISPLAYS */

@media screen and (min-width: 1201px) {
}


/* SMALL DESKTOP DISPLAYS AND TABLET LANDSCAPE*/
@media screen and (max-width: 1200px) {
	.topmenu-left {
		display: none;

	}

	.topmenu-center {
		background-image: url('../images/bg-top-center.png');
		background-repeat: no-repeat;
		background-position: right;
		height: 50px;
		width: 100%;
		float: left;
		padding: 18px 100px 18px 0px;
	}

	.topmenu-right {
		display: none;
	}
}

/* TABLET PORTRAIT AND MOBILE LANDSCAPE*/
@media screen and (max-width: 992px) {

	#mainmenu .identity {
		padding-top: 15px;
		text-align: center;
		margin-bottom: 30px;
	}

	.section-impressum .fresa {
		margin-top: -210px;
	}

	.section-impressum .occhio {
		margin-top: -40px;
	}

	.section-impressum .buonimotivi {
		margin-top: -100px;
	}

	.content {
		padding:30px;
	}

	.page-header .content {
		padding:15px 30px 0px 30px;
	}

	.category-intro {
		background-image: url('../images/sfumatura.jpg');
		background-repeat: repeat-x;
		background-position: bottom;

		margin:0px -30px;
		padding:0px 30px 30px 30px;
	}

	.category-intro .banner {
		position: absolute;
		right:-15px;
		bottom:-30px;
	}

	.banner.category {
		margin-left:-30px;
	}
}

/* LARGE MOBILE PORTRAIT AND SMALL MOBILE LANDSCAPE*/
@media screen and (max-width: 768px) {
	.section-impressum {
		margin-top: 150px;
	}

	.section-impressum .fresa {
		margin-top: -230px;
		margin-bottom: 100px;
	}

	.section-impressum .occhio {
		margin-top: -40px;
	}

	.section-impressum .buonimotivi {
		margin-top: -100px;
		margin-bottom: 45px;
	}

	.topmenu-center {
		background-image: url('../images/bg-top-left.png');
		background-repeat: repeat-x;
		background-position: right;
		width: 100%;
		float: left;
		padding: 18px 30px 18px 0px;
	}

	.payoff {
		text-align: center;
		padding: 30px 0px;

	}

	#mainmenu .identity {
		margin-top: 20px;
	}

	.page .banner {
		padding:30px 0px;
	}

	.page .banner img {
		width:100%;
	}

	.banner.category .menu {
		position: static;
		margin-top:30px;
	}

	.content p {
		text-align: left;
	}

	.category-intro {
		background: none;
	}

	.category-intro .banner {
		position: static;
	}

	.banner.category {
		margin-left:0px;
	}

}

/* SMALL MOBILE PORTRAIT*/
@media screen and (max-width: 575px) {
	.section-impressum {
		margin-top: 100px;
	}

	.section-impressum .fresa {
		margin-top: -140px;
		margin-bottom: 100px;
	}

	.section-impressum .occhio {
		display: none;
	}

	.section-impressum .buonimotivi {
		margin-top: -100px;
		margin-bottom: 45px;
	}

	.product-item img {
		margin-top:30px;
	}
}