/* 2013 Copyright Kalamun - GNU/GPL 3 */

/* @group typography */
@font-face {
    font-family: 'Arvo';
    src: url('Arvo-Regular-webfont.eot');
    src: url('Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Regular-webfont.woff') format('woff'),
         url('Arvo-Regular-webfont.ttf') format('truetype'),
         url('Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Arvo';
    src: url('Arvo-Bold-webfont.eot');
    src: url('Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Bold-webfont.woff') format('woff'),
         url('Arvo-Bold-webfont.ttf') format('truetype'),
         url('Arvo-Bold-webfont.svg#ArvoBold') format('svg');
    font-weight: bold;
    font-style: normal;
	}


h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-family:Arvo;
	color:#0081bd;
	margin:0;
	padding:0;
	line-height:1.3em;
	font-weight:normal;
	text-decoration:none;
	}
h1 {
	font-size:2.2em;
	line-height:1em;
	font-weight:bold;
	}
h2 {
	font-size:1.8em;
	margin:20px 0 10px 0;
	}
h3 {
	font-size:1.1em;
	margin:0;
	}
h4 {
	font-size:1em;
	margin:0;
	}
h1.bkg,h2.bkg,h3.bkg {
	background:url('../img/bkg.png') top left repeat transparent;
	padding:10px 20px;
	border-radius:10px;
	color:#fff;
	text-shadow:0 2px 2px #000;
	font-weight:bold;
	}
p {
	margin:10px 0;
	}
img {
	border:0;
	vertical-align:middle;
	}
hr {
	height:1px;
	border:0;
	color:#f8f6f4;
	background-color:#ccc;
	margin:20px 0 !important;
	margin:0;
	padding:0;
	}
a {
	color:#E1001A;
	text-decoration:none;
	}
a:hover {
	color:#E1001A;
	text-decoration:none;
	}
a.readmore {
	display:inline-block;
	background-color:#0081BD;
	text-transform:uppercase;
	color:#fff;
	font-size:.85em;
	padding:0 10px;
	}
a.readmore:hover {
	background-color:#3DC1FF;
	}
input,textarea {
	font:1em Arial,Helvetica,Tahoma,sans-serif;
	border:2px solid #eee;
	border-radius:4px;
	padding:2px 5px;
	resize:vertical;
	}
input:focus,textarea:focus {
	border-color:#ccc;
	}
input[type=submit] {
	padding:12px 20px;
	background-color:#0081BD;
	color:#fff;
	font-family:Arvo;
	box-shadow:0 2px 2px 0 #ccc;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	}
input[type=submit]:hover {
	background-color:#3DC1FF;
	}
#recaptcha_widget_div {
	line-height:1em;
	}
.alignleft {
	float:left;
	margin:0 25px 15px 0;
	}
.alignright {
	float:right;
	margin:0 0 15px 25px;
	}
.image {
	box-shadow:0 2px 4px 0 #ccc;
	}
/* @end */


/* @group layout */
body {
	padding:0;
	margin:0;
	background-color:#fff;
	color:#000;
	font:.8em Arial,Helvetica,Tahoma,Verdana,sans-serif;
	line-height:1.8em;
	text-align:left;
	}
#topBkg {
	height:260px;
	background:url('../img/bkg.png') top left repeat transparent;
	}
#container {
	position:relative;
	top:-200px;
	width:1000px;
	min-height:500px;
	margin:0 auto 0 auto;
	padding:0;
	border:8px solid #fff;
	background-color:#fff;
	border-radius:15px;
	}
#corpo {
	position:relative;
	height:auto !important;
	height:300px;
	min-height:300px;
	}
#header {
	position:absolute;
	top:-70px;
	left:30px;
	background-color:#3dc1ff;
	padding:45px 0 10px 0;
	margin:0 auto;
	color:#929292;
	z-index:200;
	text-align:center;
	width:180px;
	}
#header .logo {
	}

#lang {
	position:absolute;
	top:4px;
	right:22px;
	}
#lang ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#lang li {
	display:inline-block;
	margin:0 3px;
	}
#lang li a.sel img {
	margin:0;
	padding:0;
	border:2px solid #ccc;
	}

.container {
	position:relative;
	width:1000px;
	padding:0;
	margin:0 auto;
	}
#menu {
	font-family:Arvo;
	font-size:1.2em;
	text-transform:uppercase;
	border-top:1px solid #3b3b3b;
	padding-top:2px;
	color:#fff;
	background-color:#0081bd;
	box-shadow:inset 0 1px 4px 0 #00519d;
	text-shadow:0 1px 2px #000;
	border-radius:10px;
	}
#menu ul {
	color:#fff;
	margin:0 0 0 250px;
	padding:0;
	list-style:none;
	text-align:left;
	}
#menu li {
	display:inline-block;
	position:relative;
	text-align:left;
	}
#menu li a {
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:1em;
	white-space:nowrap;
	-o-transition: background-color 0.3s ease-in-out 0s;
	-ms-transition: background-color 0.3s ease-in-out 0s;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease-in-out 0s;
	}
#menu li a:hover {
	color:#E1001A;
	}
#menu li a.sel,#menu li a.ancestor{
	font-family:Arvo;
	}

#menu li ul {
	position:absolute;
	top:35px;
	left:0;
	background-color:#3DC1FF;
	padding:0px 15px;
	margin:0;
	min-width:90px;
	z-index:90;
	line-height:1.55em;
	-o-transition: height 0.4s ease-in-out 0s;
	-ms-transition: height 0.4s ease-in-out 0s;
	-webkit-transition: height 0.4s ease-in-out 0s;
	-moz-transition: height 0.4s ease-in-out 0s;
	transition: height 0.4s ease-in-out 0s;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
	text-transform:none;
	}
#menu li ul li {
	display:block;
	border:0;
	}
#menu li ul li.first {
	margin-top:10px;	
	}
#menu li ul li.last {
	margin-bottom:10px;	
	}
#menu li ul a {
	font-weight:normal;
	padding:2px 5px;
	text-shadow:0 1px 0 #000;
	}
#menu li ul a.sel {
	padding:2px 5px;
	border:0;
	}


.titleBox {
	float:left;
	margin:40px 0 20px 0;
	padding-right:20px;
	width:300px;
	text-align:right;
	border-right:1px solid #ddd;
	}
.titleBox h1 {
	margin:0;
	}
.titleBox h2 {
	margin:0;
	}

.contentsBox {
	float:right;
	width:650px;
	margin:40px 0;
	}

.titleBox.mono {
	width:100%;
	padding:0;
	border:0;
	text-align:center;
	float:none;
	}
.contentsBox.mono {
	width:960px;
	float:none;
	padding:0 20px;
	}
.contentsBox.mono.shopList {
	width:1000px;
	}

#photogalleryBox,#documentgalleryBox {
	padding:0;
	}
#photogalleryBox a {
	display:inline-block;
	width:160px;
	height:160px;
	overflow:hidden;
	margin:10px;
	border:4px solid #fff;
	box-shadow:0 2px 2px 0 #ccc;
	}
#documentgalleryBox ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#commentsBox {
	width:410px;
	padding:0 0 20px 84px;
	}
#newsForm {
	width:410px;
	padding:0 0 20px 84px;
	}
.alert {
	background-color:#ffc;
	padding:10px;
	text-align:center;
	}	

.form {
	background-color:#f0f0f0;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
.form input,.form textarea {
	font:1.2em Arial,Helvetica,Tahoma,Verdana,sans-serif;
	border:0;
	padding:2px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#ddd;
	color:#aaa;
	}
.form input:focus,.form textarea:focus {
	background-color:#fff;
	color:#000;
	}
.form input {
	width:180px;
	margin-bottom:10px;
	}
.form textarea {
	width:180px;
	}
.form .privacyPolicy {
	font-size:.85em;
	}
.form .submit {
	text-align:center;
	}
.form input.submit {
	font:.9em Arial,Verdana,Helvetica,sans-serif;
	text-transform:uppercase;
	width:auto;
	padding:15px 25px;
	background-color:#4d5256;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	}
.form input.submit:hover {
	background-color:#6d7276;
	}


#footer {
	position:relative;
	top:-180px;
	width:100%;
	background:url('../img/bkg.png') top left repeat transparent;
	padding:20px 0;
	font-size:.9em;
	}
#footer .logo {
	float:left;
	width:190px;
	text-align:center;
	background-color:#3DC1FF;
	margin-right:20px;
	padding:20px 0;
	height:100px;
	}
#footer .credits {
	float:left;
	width:150px;
	background-color:#fff;
	margin-right:20px;
	padding:10px 20px;
	min-height:120px;
	line-height:1.2em;
	}
#footer .top {
	position:absolute;
	top:0;
	right:0;
	background-color:#0081BD;
	}

.column {
	width:300px;
	}
.column.left {
	float:left;
	}
.column.right {
	float:right;
	}
/* @end */


/* @group home */
#homeSlide {
	position:relative;
	width:100%;
	height:350px;
	margin-top:10px;
	overflow:hidden;
	background-color:#3B3B3B;
	border-radius:10px;
	}
#homeSlide h1 {
	position:absolute;
	top:10px;
	left:-10px;
	color:#faf1d4;
	background-color:#910006;
	padding:10px 10px 10px 50px;
	z-index:90;
	}
.larrow {
	display:none;
    font-family:'Arvo';
	font-size:2.5em;
	padding:15px 10px 21px 15px;
	position:absolute;
	top:250px;
	position:absolute;
	right:980px;
	width:20px;
	cursor:pointer;
	background-color:#0081BD;
	color:#fff;
	-o-transition: width 0.3s ease-in-out 0s;
	-ms-transition: width 0.3s ease-in-out 0s;
	-webkit-transition: width-color 0.3s ease-in-out 0s;
	-moz-transition: width 0.3s ease-in-out 0s;
	transition: width 0.3s ease-in-out 0s;
	z-index:95;
	}
.rarrow {
	display:none;
    font-family:'Arvo';
	font-size:2.5em;
	padding:15px 15px 21px 10px;
	position:absolute;
	top:250px;
	left:980px;
	width:20px;
	cursor:pointer;
	text-align:right;
	background-color:#0081BD;
	color:#fff;
	-o-transition: width 0.3s ease-in-out 0s;
	-ms-transition: width 0.3s ease-in-out 0s;
	-webkit-transition: width-color 0.3s ease-in-out 0s;
	-moz-transition: width 0.3s ease-in-out 0s;
	transition: width 0.3s ease-in-out 0s;
	z-index:95;
	}
.larrow:hover, .rarrow:hover {
	width:40px;
	}
.slidePager {
	text-align:center;
	}
.slidePager div {
	display:inline-block;
	background-color:#8b8b8b;
	width:10px;
	height:10px;
	border-radius:5px;
	margin-right:5px;
	cursor:pointer;
	}
.slidePager div:hover {
	background-color:#f00;
	}
.slidePager div.sel {
	background-color:#0081BD;
	}
.slideTitle {
	position:absolute;
	bottom:30px;
	left:1025px;
	width:500px;
	color:#fff;
	background:url('../img/bkg.png') top left repeat transparent;
	font-size:1.5em;
	padding:10px;
	z-index:51;
	}
.slideTitle h2 {
    font-family:'Arvo';
	color:#fff;
	font-size:2em;
	line-height:1em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:uppercase;
	text-shadow:0 2px 2px #000;
	}
.slideTitle .smallbutton {
	background-color:#910006;
	padding:5px 10px;
	line-height:1em;
	border-radius:3px;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #c91017 inset;
    text-shadow:0 1px 2px #355782;
	}
.slideImage {
	position:absolute;
	top:0;
	left:1000px;
	z-index:50;
	}
#homeBanner {
	}
#homeBanner .banner {
	width:190px;
	background:url('../img/bkg.png') top left repeat transparent;
	padding:10px;
	float:left;
	margin-left:10px
	}
#homeBanner #banner0 {
	margin-left:0;
	}
#homeBanner .icon {
	text-align:center;
	margin:20px;
	}
#homeBanner h2 {
	text-align:center;
	background-color:#fff;
	font-size:1.2em;
	padding:5px 10px;
	margin:0;
	min-height:42px;
	}
/* @end */



/* @group lightbuzz */
#lightBuzzContainer {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1010;
	overflow:hidden;
	}
#lightBuzzContainer .bkg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#111;
	color:#aaa;
	opacity:0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	}
#lightBuzzContainer .bkg.loading {
	}
#lightBuzzContainer .bkg h1 {
	text-align:center;
	margin:0;
	padding:10px;
	color:#aaa;
	font-size:1.4em;
	opacity:0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	}
#lightBuzzContainer .bkg h2 {
	text-align:center;
	margin:0;
	padding:10px;
	color:#fff;
	font-size:1.3em;
	}
#lightBuzzContainer .bkg .cover {
	position:absolute;
	top:0;
	left:30%;
	right:30%;
	text-align:center;
	opacity:1;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	font-size:1.2em;
	line-height:1.2em;
	color:#888;
	}
#lightBuzzContainer .bkg .cover img {
	display:none;
	}
#lightBuzzContainer .bkg .close {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	z-index:500;
	}
#lightBuzzContainer .container {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	}
#lightBuzzContainer .container img {
	border:5px solid #fff;
	box-shadow:0 2px 5px 0 #000;
	}
#lightBuzzContainer .caption {
	position:absolute;
	width:100px;
	margin:0;
	right:-120px;
	bottom:0;
	background-color:#fff;
	z-index:1005;
	padding:5px;
	box-shadow:0 2px 5px 0 #000;
	font-size:.9em;
	line-height:1.2em;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	}
#lightBuzzContainer .leftArrow {
	position:absolute;
	left:0;
	top:300px;
	width:130px;
	height:130px;
	cursor:pointer;
	background:url('../img/leftArrow.png') top right no-repeat transparent;
	z-index:1000;
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
	opacity:.5;
	}
#lightBuzzContainer .rightArrow {
	position:absolute;
	right:0;
	top:300px;
	width:130px;
	height:130px;
	cursor:pointer;
	background:url('../img/rightArrow.png') top left no-repeat transparent;
	z-index:1000;
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
	opacity:.5;
	}
#lightBuzzContainer .rightArrow:hover,#lightBuzzContainer .leftArrow:hover {
	opacity:1;
	}
/* @end */


/* @group banner */
#inEvidenzaTabs a {
	display:inline-block;
	padding:3px 10px;
	color:#a9adb0;
	}
#inEvidenzaTabs a.sel {
	color:#4d5256;
	background:url('../img/sarrow.png') bottom center no-repeat transparent;
	}
#inEvidenza {
	background-color:#d4d4d4;
	border-top:4px solid #e7e7e7;
	border-bottom:4px solid #e7e7e7;
	}
#inEvidenza a {
	display:none;
	}
#inEvidenza a.sel {
	display:block;
	}
/* @end */

/* @group news */
.newsPreview {
	padding:5px 0;
	margin:0 0 20px 0;
	}
.newsPreview h2 {
	margin:0;
	padding:0;
	}
#pager {
	padding:10px 0 20px 0;
	margin:10px 0;
	border-top:1px solid #eee;
	}
#pager .next {
	float:right;
	}
#pager .prev {
	float:left;
	}
#latestNews {
	padding:30px 0;
	font-size:.9em;
	line-height:1em;
	}
#latestNews ul {
	list-style:none;
	padding:6px 0;
	margin:0;
	}
#latestNews li {
	padding:6px 0;
	border-top:1px solid #eee;
	}
/* @end */


/* @group shop */
.shopItem {
	float:left;
	width:290px;
	margin:0 30px 30px 0;
	}
.leftcol {
	float:left;
	width:500px;
	padding:0;
	}
.rightcol {
	float:right;
	width:430px;
	padding:0;
	}
.coverBox {
	border:2px solid #0081BD;
	padding:2px;
	text-align:center;
	}
ul.submenu {
	font-size:.9em;
	text-align:left;
	padding:20px 0 20px 20px;
	list-style:none;
	}
ul.submenu li {
	padding:0;
	margin:0;
	border-bottom:1px solid #eee;
	}
ul.submenu a {
	display:block;
	padding:1px 10px;
	color:#888;
	}
/* @end */
/* cookie law */
#cookieLawAlert {
    position:fixed;
    top:0;
    left:0;
    right:0;
    padding:15px 30px;
    background-color:#5F89C6;
    color:#fff;
    font-size:1.1rem;
    line-height:1.4em;
    text-align:center;
    z-index:9999999;
    transition:opacity .8s ease-in;
    overflow:hidden;
}
#cookieLawAlert a {
    color:#fff;
    text-decoration:underline;
}
#cookieLawAlert a:hover {
    color:#ca0000;
}
#cookieLawAlert.hidden {
    opacity:0;
}
#cookieLawConfirm {
    display:inline-block;
    background-color:#A4CD84;
    padding:2px 10px;
    font-weight:bold;
    cursor:pointer;
    border-radius:3px;
}
#cookieLawConfirm:hover {
    background-color:#F59D21;
}
#cookieLawClose {
    display:inline-block;
    width:24px;
    height:24px;
    position:absolute;
    top:6px;
    right:10px;
    cursor:pointer;
    background:url('../img/close.png') center center no-repeat transparent;
}
