/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('../fonts/YanoneKaffeesatz-Bold-webfont.eot');
    src: url('../fonts/YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/YanoneKaffeesatz-Bold-webfont.woff') format('woff'),
         url('../fonts/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'),
         url('../fonts/YanoneKaffeesatz-Bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, input, select, textarea, button {font-size:13px; line-height:18px; color:#808080; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; letter-spacing:0;}
h1, h2, h3, h4, h5, h6 {font-family:'YanoneKaffeesatzBold', Arial, sans-serif; letter-spacing:0; font-weight:normal; margin:7px 0;}

body {background:#494949; background-image:url(../img/bg.png); background-repeat:repeat-y; background-position:center top;}

p {margin:7px 0;}

header {position:relative;}
/*
#branding,
#main,
#colophon {border-bottom:1px solid #DEDEDE;}
*/
#branding {overflow:hidden; background-color:#2c4444; border-bottom:1px solid #DEDEDE; height:350px;}
.home #branding {height:500px;}
.automotive #branding {height:350px;}
.sedi #branding {height:500px;}

#background {position:absolute; width:100%; height:100%;}
	#background img {position:absolute; display:inline-block;}
	#map {width:100%; height:100%;}

.preload {position:absolute;}
#background .preload {width:31px; top:16px; left:50%; margin:0 0 0 -470px;}
.post-figure .preload {width:31px; height:31px; top:50%; left:50%; margin:-16px 0 0 -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
	.preload em {display:block; width:31px; height:31px; background:url(../img/header-loader.gif) no-repeat 0 0;}
	.post-figure em {background:url(../img/thumbs-loader.gif) no-repeat 0 0;}

#main {background-color:#F4F4F4;}

#colophon {height:70px; background-color:#494949; font-size:11px; line-height:14px; color:#B3B3B3;}
	#colophon .c12 {background:url(../img/sintech-logo-notext.png) no-repeat 0 0;}
	#colophon p,
	#colophon nav {margin-top:22px;}
		#colophon span,
		.quick-links {font-size:12px; color:#F4F4F4;}
		#colophon em {font-style:normal; text-transform:uppercase;}

		.quick-links {float:right; text-align:right;}
			.quick-links li {display:inline; margin-left:8px;}
				.quick-links a {text-decoration:none; color:#F4F4F4;}
				.quick-links a:hover {color:#FFF; text-decoration:underline;}

		.extra-links {float:right; text-align:right;}
			.extra-links li {display:inline; margin-left:8px;}
				.extra-links a {text-decoration:none; color:#B3B3B3;}
				.extra-links a:hover {color:#B3B3B3; text-decoration:underline;}

.outer-shadow {background-image:url(../img/bg.png); background-repeat:repeat-y; background-position:center top; height:100%; border-bottom:1px solid #DEDEDE;}
#branding .outer-shadow {background-image:url(../img/bg-header.png);}
article.outer-shadow {background-image:url(../img/bg-post.png); border-bottom:1px solid #DEDEDE;}
.single article.outer-shadow {background-image:url(../img/bg.png); border-bottom:1px solid #DEDEDE;}
#colophon .outer-shadow {border-bottom:none;}



#branding .outer-shadow {position:absolute; width:100%; height:100%;}

#branding .overlay {position:absolute; width:100%; height:100%; background-image:url(../img/overlay-header.png); background-repeat:repeat-x; background-position:0 bottom;}

#main-menu {position:absolute; top:150px; width:100%; height:50px; background-image:url(../img/bg-menu.png); background-repeat:no-repeat; background-position:center top;}
.boxshadow #main-menu {
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;
}

#main-menu.fixed {position:fixed; top:0; z-index:10;}

	#main-menu li {display:block; position:relative; float:left; height:50px; width:238px; margin:0 1px;}
	#main-menu li.alpha {margin-left:0; width:239px;}
	#main-menu li.omega {margin-right:0; width:239px;}
		#main-menu a {position:absolute; display:block; width:100%; height:50px; font:22px/50px 'YanoneKaffeesatzBold', Arial, sans-serif; text-transform:uppercase; color:#A7C5D4; text-decoration:none; text-align:center; /*background-color:#FFF; margin:0 1px;*/}
		#main-menu .current a,
		#main-menu .current a:hover {color:#FFF;}
		#main-menu a:hover { color:#006892;}
		#main-menu span {
			position:absolute; display:block; height:50px; width:100%; background-color:#FFF;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Theoretically for IE 8 & 9 (more valid) */
			filter: alpha(opacity=50); /* This works in IE 8 & 9 too ... but also 5, 6, 7 */
			-moz-opacity:0.5; /* Older than Firefox 0.9 */
			-khtml-opacity: 0.5; /* Safari 1.x (pre WebKit!) */
			opacity: 0.5;/* Modern! */
		}
		#main-menu .current span {background-color:#ABCCDD;}
		#main-menu li.alpha span,
		#main-menu li.current span,
		#main-menu li:hover span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
		#main-menu li.alpha:hover span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
			#main-menu .logo {margin:0; padding:0; background:url(../img/sintech-logo.png) no-repeat 0 0; overflow:hidden; text-indent:-999em;}

#language-menu {/*display:none;*/}
#language-menu {position:absolute; top:20px; width:100%; font-family:'YanoneKaffeesatzBold', Arial, sans-serif; font-size:16px;}
	#language-menu ul {width:940px; margin:0 auto;}
		#language-menu li {display:block; float:right;}
			#language-menu a {
				display:block; width:24px; height:24px; margin-left:5px;
				text-align:center; line-height:24px; text-transform:uppercase; color:#A7C5D4; text-decoration:none;
				background-image:url(../img/bg-btn-lingue.png); background-repeat:no-repeat; background-position:0 0;
			}
			#language-menu a:hover {background-position:0 -24px;}
			#language-menu .current a,
			#language-menu .current a:hover {background-position:0 -48px; color:#FFF;}

#breadcrumbs {position:absolute; bottom:0px; width:100%; height:40px;}
	#breadcrumbs ul {height:40px; background:url(../img/bg-w70.png) repeat 0 0;}
		#breadcrumbs li {float:left; line-height:40px; margin:0 0 0 5px; text-transform:none; color:#666;}
		#breadcrumbs li.alpha {margin-left:20px; color:#999;}
		#breadcrumbs li.sep {color:#999;}
			#breadcrumbs li a {color:#006892; text-decoration:none;}
			#breadcrumbs li a:hover { text-decoration:underline;}

#latest-update {position:absolute; bottom:10px; width:100%; height:20px;}
	#latest-update ul {height:20px;}
		#latest-update li {float:left; line-height:20px; padding-right:5px; text-transform:none; color:#006892; /*color:#ffd200;*/ /*text-shadow: 0px 0px 8px black;*/ /*background:url(../img/bg-w70.png) repeat 0 0;*/ background:transparent}
		#latest-update li.alpha {margin-left:15px; padding-left:5px; color:#006892; /*color:#ffd200;*/}
		#latest-update li.sep { color:#006892;/*color:#ffd200;*/}
			#latest-update li a { color:#006892;/*color:#ffd200;*/ text-decoration:none;}
			#latest-update li a:hover { text-decoration:underline;}

.post {/*height:250px; overflow:hidden;*/}
.no-js .post:hover {background-color:#EBEBEB;}

	.post .wrap {height:250px; position:relative;}
	.intro .wrap {height:auto;}
		.intro .wrap .g7x { padding-bottom:20px;}

	/*
	.post-figure {}
		.post-figure .figure-wrap {position:relative; width:400px; height:250px;}
		.post-figure a,
		.post-figure img {display:block; position:absolute;}
		.lt-ie9 .post-figure img {display:block; position:static;}
		.post-figure .hover,
		.post-figure .figure-link {display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
		.post-figure .overlay {position:absolute; top:0; left:0;  width:380px; height:230px; border:10px solid #FFF; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
		.post-figure .figure-link {text-indent:-999em;}
	*/

	.post-figure {}
		.post-figure .figure-wrap {display:block; position:relative; width:400px; height:250px;}
		.post-figure a.figure-wrap:visited,
		.post-figure a.figure-wrap:hover {color:#FFF;}

		.post-figure img {display:block; position:absolute;}
		.lt-ie9 .post-figure img {display:block; position:static;}
		.post-figure .hover {display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
		.post-figure .overlay {position:absolute; top:0; left:0;  width:380px; height:230px; border:10px solid #FFF; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}



	.post-header,
	.post-content,
	.post-footer {margin:0 20px;}

.box {}
		.box img {margin:0 0;}
		.box a img {margin:0;}
		.box p {margin:0px;}



	.post-header {margin-top:20px;}

	.post-content {margin-top:10px;}
	.single .post-content {margin-bottom:60px;}
		/*.post-content strong,*/
		.post-content h1,
		.post-content h2,
		.post-content h3,
		.post-content h4,
		.post-content h5,
		.post-content h6 {color:#4d4d4d;}
		.post-content h1 {/*margin-top:20px;*/ margin-top:0; margin-bottom:0; font-size:22px;}
		.post-content h2 {/*margin-top:20px;*/ margin-top:0; margin-bottom:0; font-size:20px;}
		.post-content h3 {/*margin-top:20px;*/ margin-top:0; margin-bottom:0; font-size:18px;}
		.post-content h4 {/*margin-top:20px;*/ margin-top:0; margin-bottom:0; font-size:17px;}
		.post-content h5 {/*margin-top:20px;*/ margin-top:0; margin-bottom:0; font-size:17px;}
		.post-content h6 {/*margin-top:20px;*/ margin-top:0; margin-bottom:0; font-size:17px;}
		.post-content em {/*color:#006892;*/}
		.post-content a {color:#006892; text-decoration:none}
		.post-content a:hover {color:#A7C5D4;}
		.post-content ul {padding-left:22px; margin:0;}
		.post-content ul li{/*padding-left:22px; list-style:none;*/ margin-top:5px;/* background:url(../img/li-arrow.png) no-repeat 0 0;*/}

		.post-content .divider {border-bottom:1px solid #006892; clear:both; display:block; height:2px; margin:20px 0; text-align:right; width:100%;}

	.intro-content {padding-bottom:20px; border-bottom:1px solid #DEDEDE;}


	.post-categories {}
		.post-category {font-size:22px; color:#006892; text-transform:uppercase;}
		li.post-category {/* font-size:20px; */}
			.post-category a {text-decoration:none; color:#006892;}
			.post-category a:hover {color:#A7C5D4;}

			li.post-category a {text-decoration:none; color:#CCC; /* color:#A7C5D4; */}
			.post:hover li.post-category a {color:#A7C5D4;}

			li.post-category a:hover,
			.post:hover li.post-category a:hover,
			li.active a,
			.post:hover li.active a{color:#006892;}

		.post-title {font-size:18px; color:#414141; margin-top:20px;}
		.intro .post-title {color:#006892;}

		.post-header ul {
			position:absolute; top:0; right:0; margin:0; padding:0; list-style-type:none;
			font-family:'YanoneKaffeesatzBold', Arial, sans-serif; letter-spacing:0; font-weight:normal;
		}
			.post-header li { float:left; margin-left:10px;}
				.post-header a {margin-right:10px;}
				.post-header .sep {font-family:Arial, sans-serif;}
				.post-header .active a,
				.post-header a:hover {}

	.post-footer {width:50px; border-bottom:1px solid #006892; position:absolute; bottom:20px; font-size:11px;}
	a.post-footer {border:none;}
	/*.single .post-footer {position:static;}*/

		.post-footer a,
		a.post-footer {
			display:block; position:absolute; left:500px; top:-24px; width:24px; height:24px; background-color:transparent; padding:0;
			text-transform:uppercase; font-family:'YanoneKaffeesatzBold', Arial, sans-serif; font-size:18px; text-align:center; line-height:20px; color:#FFF; text-decoration:none;
			background-image:url(../img/bg-btn-dettagli.png); background-repeat:no-repeat; background-position:0 0;
		}
		a.post-footer {bottom:-24px;}
		/*.post-footer a:hover {background-color:#006892;}*/

		.post:hover .post-footer a {background-position:0 -24px; color:#FFF;}
		.post:hover .post-footer a:hover {background-position:0 -48px;}

img.onDemand,
.hover canvas {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.no-js img.onDemand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}



.azienda				{margin:0; padding:0; list-style-type:none; position:absolute; bottom:20px; left:20px;}
.azienda li				{ float:left; margin-right:4px;}
.azienda li a			{background-color:#A7C5D4; padding:0 5px; text-decoration:none; color:#FFF; text-transform:uppercase; font-family:'YanoneKaffeesatzBold', Arial, sans-serif; font-size:14px; border-bottom:1px solid #006892;}
.azienda li a:hover {background-color:#006892;}

.rosso {color:#F00}
.azzurro1 {color:#abccdd}
.azzurro2 {color:#329FC9}
.blu1 {color:#006892}
.blu2 {color:#387190}

#anniversary {
	position: absolute;
	right: 30px;
	bottom: 30px;
}