@font-face {
	font-family: 'HelveticaLt';
	src: url('helvetica.eot');
	src: url('helvetica.eot?#iefix') format('embedded-opentype'),
		 url('helvetica.woff') format('woff'),
		 url('helvetica.ttf') format('truetype'),
		 url('helvetica.svg#helvetica') format('svg');
	font-weight:lighter;
	font-style:normal;
}

body { color:#45423f; font-size:100%; font-family: "HelveticaLT", Helvetica, Arial, sans-serif; background:#9aba5c url(../randimg.php) top center fixed no-repeat; -moz-background-size: cover; background-size: cover; }

.left { float:left }
.right {float:right }
.clear { clear:both }
.middle { vertical-align:middle }
.hidden { display:none }
.block { display:block }
.strong { font-weight:bold }
.inline-block { display:inline-block; vertical-align:top }
.hidden { display:none }
ul, li { list-style-type:none }

a:link, a:visited { color:#45423f; text-decoration:none }
a:hover, a.active { color:#45423f; text-decoration:underline }
a.linkWhite:link, a.linkWhite:visited { color:#FFF; text-decoration:none }
a.linkWhite:hover { color:#FFF; text-decoration:underline }
h1 { font-size:1.4em; color:#9aba5c }
h1.title { background-color:#9aba5c; color:#FFF; line-height:40px; margin-bottom:10px; padding:0 10px 0 10px }
h1.title_orange { background-color:#d7bc50; color:#FFF; line-height:40px; margin-bottom:10px; padding:0 10px 0 10px }
h1.title_red { background-color:#d96f53; color:#FFF; line-height:40px; margin-bottom:10px; padding:0 10px 0 10px }
h1.title_blue { background-color:#86c7e2; color:#FFF; line-height:40px; margin-bottom:10px; padding:0 10px 0 10px }
h2 { font-size:1.2em; color:#735753 }
h3 { font-size:1.1em; color:#a8645a }

p { padding-bottom:10px; text-align:justify }

input { border:1px solid #CCC; background-color:#FFF; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; box-shadow:0 0 5px #CCC; }
input:focus { border:1px solid #eee5be }
button { background-color:#bb9e7e; border:0; color:#FFF; cursor:pointer; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
button:hover { background-color:#45423f }

.border { border-left: 2px solid #eee5be; padding-left:7px; line-height:25px }
.border:hover { border-left:2px solid #bb9e7e }

.small { font-size:85% }
.big { font-size:120% }
.very_big { font-size:150% }
.very_small { font-size:80% }
.brown { color:#bb9e7e }
.red { color:#d94a43 }
.green { color:#a8645a }
.white { color:#FFF }

img.scala { max-width:100%; height:auto; width: auto; }

.table tr { border-bottom:1px solid #d7bc50 }
.table td { padding:10px }

#top { width:960px; margin:0 auto; position:relative; padding-top:7px }

#nav { background:rgba(255, 255, 255, 0.7); text-align:right; padding:15px 10px 10px 0 }
#nav #header { display:inline-block; vertical-align:middle; padding-right:40px; padding-top:5px }
#nav ul { display:inline-block; vertical-align:middle }
#nav li { display:inline-block; vertical-align:top; margin-left:-3px }
#nav li a:link, #nav li a:visited { color:#FFF; font-weight:bold; font-size:85%; display:block; line-height:40px; padding:0 10px 0 10px; text-decoration:none; background-color:#907d7a; transition: background 0.5s ease }
#nav li a:hover, #nav li a.active { color:#FFF; text-decoration:none; background-color:#9aba5c }
#facebook { position:absolute; top:60px; left:30px }

#language { text-align:right; padding-bottom:5px }
ul.language li { display:inline-block; vertical-align:top }
ul.language li a { text-decoration:none }
ul.language li a img { border:2px solid #e6ded3 }
ul.language li.active img { border:2px solid #f9f9f2 }
ul.language li a:hover img { border:2px solid #f9f9f2 }

#login { line-height:30px; background-color:#f9f9f2; text-align:right; padding-right:20px; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; margin-top:10px }

#slideshow { margin:21px 0 26px 0; background-color:#907d7a; padding-top:8px; padding-bottom:8px; width:100%; overflow:hidden }

#container { width:960px; margin:0 auto }

.page { background:rgba(255, 255, 255, 0.9); padding:30px }

#share { width:100%; background-color:#f9f9f2; margin-top:50px; padding:40px 30px 30px 9px; -moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px }

#share #column_left { width:200px; display:inline-block; vertical-align:top }
#share #column_left img { margin-bottom:5px; margin-left:-4px; border:4px solid #fdfdfd }
#share #column_center { width:710px; display:inline-block; vertical-align:top }
#share #column_center article { border:1px solid #e6ded3; border-radius:10px; -moz-border-radius:10px; -webkit-radius:10px; padding:10px; background-color:#fdfdfd; margin-bottom:10px }
#share .share_column { display:inline-block; width:45%; vertical-align:top }
#share #add { padding:10px; background-color:#e6ded3; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; }

#submenu { margin:-20px 0 20px 0; padding:5px 10px 5px 10px; background-color:#f9f9f2; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; }
#submenu li { display:inline-block; vertical-align:top; margin-left:-4px; margin-right:2px }
#submenu li a:link, #submenu li a:visited { line-height:30px; color:#FFF; display:block; background-color:#bea5a2; padding:0 10px 0 10px; text-decoration:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px;
	-webkit-transition: background 0.3s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease;
}
#submenu li a:hover, #submenu li a.active { background-color:#735753; color:#FFF } 

#left { display:inline-block; vertical-align:top; width:680px; text-align:left; padding-right:10px }
#right { display:inline-block; vertical-align:top; width:270px; text-align:right }

.column_left { background:rgba(255, 255, 255, 0.9); display:inline-block; vertical-align:top; width:49%; padding:30px; text-align:left }
.column_right { background:rgba(255, 255, 255, 0.9); display:inline-block; vertical-align:top; width:49%; padding:30px; text-align:left;  }

#years { background:rgba(255, 255, 255, 0.9); margin-top:10px; line-height:30px; padding:0 15px 0 15px }

#crumbs { background:rgba(255, 255, 255, 0.9); margin-top:10px; margin-bottom:10px; line-height:30px; padding:0 15px 0 15px; text-align:right; font-size:0.8em }
#crumbs a { text-decoration:underline }

#products { width:311px }
#products h1 { line-height:62px; font-size:150%; background-color:#9aba5c; color:#FFF; text-align:center; margin-bottom:4px; -moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; }
#products ul { background-color:#f9f8f4; padding:8px; text-align:center; -moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; }
#products li { margin-bottom:2px; text-align:left }
#products li a:link, #products li a:visited {
	display:block; width:100%; color:#f9f9f2; font-size:120%; font-weight:bold; padding:22px 10px 22px 10px; background:#876f6b url(../images/shop_small.png) center right no-repeat;
	-webkit-transition: background 0.3s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease;
}
#products li:first-child a:link, #products li:first-child a:visited, #products li a:hover, #products li a.active { text-decoration:none; color:#f9f9f2; background-color:#9aba5c }
#products p { padding-top:8px; font-size:85%; color:#e6ded3; font-weight:normal }

#shop { background-color:#f9f8f4; padding:30px; padding-bottom:50px; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px;  }

#help { width:311px }
/*#help h1 { line-height:40px; font-size:150%; background-color:#86c7e2; color:#FFF; text-align:center; margin-bottom:10px }*/
#help div { background-color:#f9f8f4; padding:15px; text-align:left }


h2.news_cats { color:#876f6b; background-color:#FFF; margin-bottom:5px; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; padding:5px 10px 5px 10px }
h2.news_cats img { height:80px; margin-right:15px }
.news_home { 
	margin-bottom:5px; padding:10px; border:1px solid #f9f9f2; background-color:#f5f3ef;
	-webkit-transition: background 0.3s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease;
}
.news_home:hover { background-color:#fdfdfd }
.news_home .image { width:150px; display:inline-block; vertical-align:top }
.news_home img { border:2px solid #fdfdfd }
.news_home .text { display:inline-block; vertical-align:top; padding-left:20px }
.news_home h1 { color:#333; font-size:1.2em; padding:10px 0 10px 0 }

#news_list { padding-top:5px }
#news_list ul li { padding:8px 0 5px 5px; margin-top:2px; margin-bottom:5px; background-color:#eee }
#news_list ul li:hover { background:#eee; background: -moz-linear-gradient(100% 100% 180deg, #eee, #FFF); background: -webkit-gradient(linear, right top, left bottom, from(#eee), to(#FFF)); }
#news_list .image { width:120px }
#news_list .image img { border:1px solid #eee; padding:3px }
#news_list .text { width:490px }
#news_list h1 { margin-top:8px }
#news_list p { padding-top:8px }

.article .images { width:28%; display:inline-block; vertical-align:top }
.article .images img { border:2px solid #fdfdfd; margin-bottom:5px }
.article .texts { width:70%; display:inline-block; vertical-align:top; margin-left:-4px; padding-left:20px }
.article .texts p { text-align:justify }

#article { padding:30px; background:rgba(255, 255, 255, 0.9);  }
#article h1 { padding-bottom:10px }
#article h2 { padding-bottom:10px }
#article p { padding-bottom:10px; text-align:justify }
#article .documents { margin-top:20px }
#article .documents img { margin-top:3px }
#article .documents a { text-decoration:underline }

#sostenitori { padding:30px; background-color:#FFF; text-align:left; margin-top:20px }
#sostenitori img { width:200px; margin-right:30px }

#galleria ul li { 
	display:inline-block; vertical-align:top; padding:5px; margin:0 3px 3px -4px; width:24%; height:200px; overflow:hidden; text-align:center; background-color:#f9f9f2;
	-webkit-transition: background 0.3s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease;
	border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; 
	}
#galleria ul li:hover { background-color:#FFF }

#gmap { padding:40px 0 30px 0; text-align:center }
#gmap iframe { border:2px solid #f9f8f4 } 

#footer { text-align:center; background-color:#735753; font-size:0.8em; padding-top:25px; height:59px; margin-top:30px; margin-bottom:22px; color:#f5f3ef }
#footer a:link, #footer a:visited { color:#f5f3ef; text-decoration:none }
#footer a:hover { text-decoration:underline; color:#f5f3ef }

#privacy { 
	width:350px; height:350px; position:fixed; left:40%; bottom:200px; display:none; color:#333;
	padding:30px; padding-top:10px; overflow:auto; z-index:1001;
	background-color:#FFF; border:1px solid #45423f; -moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;
	text-align:justify; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; 
}

#credits { 
	width:250px; height:150px; position:fixed; display:none; bottom:35px; left:50%; margin-left:-120px; color:#333;
	padding:20px; padding-top:10px; overflow:auto; z-index:1001;
	background-color:#FFF; border:1px solid #45423f; -moz-box-shadow:0 0 10px #666; -webkit-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;
	text-align:justify; border-radius:5px; -moz-border-radius:5px; -webkit-radius:5px; 
}