/* CSS Document */

html{
height: 100%;
}

body{
	font-family: 'Trebuchet MS', sans-serif;
	height: 100%;
	background-color: #fff;
	margin:0;
	word-spacing:0px;
}

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

#header{
width:960px;
margin:0 auto;
padding:5px 30px;
height:80px;
background:url(../images/sfondo_65.png) repeat;
}


.selected{
text-decoration:underline;
color:#ed1c24;
}


.pul_hp a{
color:#fff;
text-decoration:none;
}

.pul_hp a:hover{
color:#fff;
text-decoration:underline;
}


#line{
width:100%;
height:1.2px;
background-color:#ccc;
text-align:center;
margin-bottom:25px;
}

#line_tit{
position:absolute;
top:-10px;
width:250px;
background-color:#fff;
text-transform:uppercase;
color:#777;
font-size:22px;
font-weight:bold;
}



#menu{
width:650px;
text-transform:uppercase;
font-weight:bold;
font-size:16px;
color:#222;
padding-top:10px;
text-align:center;

}

#menu a{
text-decoration:none;
color:#222;
}

#menu a:hover{
text-decoration:underline;
color:#999;
}


#menu2{
text-transform:uppercase;
font-weight:bold;
font-size:14px;
color:#222;
text-align:center;
width:580px;
}

#menu2 a{
text-decoration:none;
color:#222;
}

#menu2 a:hover{
text-decoration:underline;
color:#999;
}


.small{
font-size:10px;
padding-left:10px;
color:#222;
}

#box_cat{
list-style-type:none;
width:960px;
margin-bottom:20px;
}

#box_cat li{
margin-bottom:20px;
display:inline-block;
height:215px;
text-align:center;
border:1px solid #ededed;
text-transform:uppercase;
-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#box_cat li:hover{
border:1px solid #555;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
span.rollover_ass {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(/images/mag.png) center center no-repeat #888;
	cursor: pointer;
	height: 170px;
	width: 280px;
	left:0;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover_ass:hover {
	opacity: .6;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #8ABD46;
	-moz-box-shadow: 0px 0px 4px #8ABD46;
	box-shadow: 0px 0px 4px #8ABD46;
}



#box_reparti{
list-style-type:none;
width:940px;
margin-bottom:20px;
}

#box_reparti li{
margin-bottom:20px;
display:inline-block;
height:215px;
text-align:center;
border:1px solid #ededed;
text-transform:uppercase;
-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#box_reparti li:hover{
border:1px solid #555;
background-color:#ededed;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}


#box_reparti a{
font-size:20px;
font-weight:bold;
}





#breadcrumbs{
font-size:13px;
color:#555;
width:920px;
margin:10px auto;
height:30px;
padding:10px 0 ;
text-align:left;
border-bottom:1px solid #dedede;
text-transform:uppercase;
}


#breadcrumbs2{
font-size:13px;
color:#555;
width:400px;
margin:10px auto;
height:30px;
padding:10px 0 ;
text-align:left;
border-bottom:1px solid #dedede;
text-transform:uppercase;
}


.red{
color:#ED1C24;
}

#box{
position:absolute;
width:320px;
padding:10px;
height:220px;
background-color:#fff;
text-align:center;

bottom:0;
-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.6);

}


#box_grey{
position:absolute;
width:320px;
padding:10px;
height:220px;
background-color:#939393;
text-align:center;
bottom:0;

}


#box_grey_small{
position:absolute;
width:280px;
padding:10px 20px;
height:90px;
background-color:#939393;
text-align:left;
bottom:0;

}


#box_grey_small2{
position:absolute;
width:300px;
padding:10px 20px;
height:220px;
background-color:#939393;
text-align:left;
bottom:0;

}

#box_mac{
width:960px;
padding:10px;
}

/*#box_mac:hover{
background-color:#dedede;
}*/

.tit_white{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
}

.desc_white{
font-size:12px;
color:#fff;
}


.titolo{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#222;
}


.titolo_red{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
color:#ed1c24;
}

.titolo_red a{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
color:#ed1c24;
text-decoration:none;
}

.titolo_red a:hover{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
color:#555;
text-decoration:underline;
}

.titolo_big{
font-size:20px;
font-weight:bold;
text-transform:uppercase;
color:#222;
}

.titolo_hp{
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#555;
}

.descrizione_mac{
font-size:15px;
color:#222;
}


.descrizione_real{
font-size:13px;
color:#222;
}


.descrizione{
font-size:12px;
color:#222;
}

#indent{
    display:block;
   text-indent:-9999px;
   width:500px;
   height:350px;
}


#indent2{
    display:block;
   text-indent:-9999px;
   width:530px;
   height:214px;
}


#real_news{
list-style-type:none;
margin-top:0px;
width:620px;
}

#real_news li{
padding-bottom:10px;
margin-bottom:20px;
}

#real_box{
width:580px;
margin-left:10px;
padding:10px 10px 20px 10px;
border-bottom:5px solid #dedede;
-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#real_box:hover{
background-color:#ededed;
cursor:pointer;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}


#footer{
width:960px;
margin:0 auto;
text-align:center;
}


#footer2{
position:absolute;
width:940px;
padding:10px;
text-align:center;
bottom:15;
top:25px;
}

	
#info{
display:none;
background-color:#fff;
padding:20px;
width:500px;
color:#555;
font-size:16px;
z-index:1900;
}

#info a{
font-size:16px;
}

#info a:hover{
font-size:16px;
}

.foot{
	font-size: 11px;
	text-align: center;
	color: #555;
	}

#form_info{

/*border: 2px solid #02643B;*/
background-color: #dedede;
display:none;
/*width:550px;*/
margin:30px 0;	
padding:10px;
}

.forminfo{

background-color: #dedede;
display:none;
/*width:550px;*/
margin:30px 0;	
padding:10px;
}

textarea {
	 padding: 8px;
	 border: solid 1px #E5E5E5;
	 background-color: #fafffd;
	 color: #3C221C;
	font: normal 12px Arial, Verdana, sans-serif;
	 width: 200px;
	 
	 }
#input{
	 padding: 8px;
	 border: solid 1px #E5E5E5;
	 background-color: #fafffd;
	 color: #3C221C;
	font: normal 12px Arial, Verdana, sans-serif;
	 width: 200px;
}	
	 
.textinputshort{
	width: 205px;
	 max-width: 205px;
	 height: 150px;
	 line-height: 150%;
}

.textinputshort2{
	width: 250px;
	 max-width: 250px;
	 height: 150px;
	 line-height: 150%;
}
	 
	.form label {
	 margin-left: 10px;
	 color: #3C221C;
	}
	 
	.submit input {
	 padding: 3px 4px;
	 background: #617798;
	 font-size: 14px;
	 color: #FFFFFF;
	 cursor:pointer;
	 }
	 
	 



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


a:link{
	text-decoration: none;	
	}
	
a:visited{
	text-decoration: none;	
	}

a:hover{
	text-decoration: underline;
	color: #3C221C;
	}
	
a:active{
	outline:none;
	text-decoration: none;
	}
	
a:focus{
	outline: none;
	}
	
img{
 border: 0px;	
	}

#news_machine{
width:300px;
text-align:left;
font-size:11px;
color:#fff;
}

#news_machine td{
border-bottom: 6px dotted #fff;
padding:20px 0;
}

#news_machine a{
color:#fff;
font-weight:bold;
}

#news_machine a:hover{
color:#fff;
text-decoration:underline;
}

.newssmall{
color:#fff;
/*font-weight:bold;*/
font-size:11px;
}

#news_machine2{
width:300px;
text-align:left;
color:#555;
}

#news_machine2 td{
border-bottom: 6px dotted #555;
padding:20px 0;
}


#news_machine2 a{
color:#555;
font-weight:bold;
font-size:20px;
}

#news_machine2 a:hover{
color:#555;
}

#news_real:hover{
background-color:#ededed;
}


/*button*/

*, *:after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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


section {
	position: relative;
	text-align: center;
	font-weight:bold;
}

.wrapper section {
	display: inline-block;
}


/* General styles for all types of buttons */
.progress-button {
	position: relative;
	display: inline-block;
	padding: 20px;
	outline: none;
	border: none;
	background: #BDBDBD;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;

}

.progress-button[disabled],
.progress-button[disabled].state-loading {
	cursor: default;
}

.progress-button .content {
	position: relative;
	display: block;
}

.progress-button .content::before,
.progress-button .content::after  {
	position: absolute;
	right: 20px;
	color: #555;
	font-family: "icomoon";
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.progress-button .content::before {
	content: "\e600"; /* Checkmark for success */
}

.progress-button .content::after {
	content: "\e601"; /* Cross for error */
}

.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
	opacity: 1;
}

.notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.progress-button .progress {
	background: #ececec;
}

.progress-button .progress-inner {
	position: absolute;
	left: 0;
	background: #555;
}

.progress-button[data-horizontal] .progress-inner {
	top: 0;
	width: 0;
	height: 100%;
	-webkit-transition: width 0.3s, opacity 0.3s;
	transition: width 0.3s, opacity 0.3s;
}

.progress-button[data-vertical] .progress-inner {
	bottom: 0;
	width: 100%;
	height: 0;
	-webkit-transition: height 0.3s, opacity 0.3s;
	transition: height 0.3s, opacity 0.3s;
}

/* Necessary 3d styles for buttons with perspective */

.progress-button[data-perspective] {
	position: relative;
	display: inline-block;
	padding: 0;
	background: transparent;
	-webkit-perspective: 900px;
	perspective: 900px;
}

.progress-button[data-perspective] .content {
	padding: 0 60px;
	background: #ececec;
}

.progress-button[data-perspective] .progress-wrap {
	display: block;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
	outline: 1px solid rgba(0,0,0,0); /* Smoothen jagged edges in FF */
}

/* Individual styles */
/* Choose the effect(s) you want, delete the rest */

/* Fill horizontal */
/* ====================== */

.progress-button[data-style="fill"][data-horizontal] {
	overflow: hidden;
}

.progress-button[data-style="fill"][data-horizontal] .content {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after {
	top: 100%;
	right: auto;
	left: 50%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Fill vertical */
/* ====================== */

.progress-button[data-style="fill"][data-vertical] {
	overflow: hidden;
}

.progress-button[data-style="fill"][data-vertical] .content {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.progress-button[data-style="fill"][data-vertical] .content::before,
.progress-button[data-style="fill"][data-vertical] .content::after {
	top: 100%;
	right: auto;
	left: 50%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.progress-button[data-style="fill"][data-vertical].state-success .content,
.progress-button[data-style="fill"][data-vertical].state-error .content {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Shrink horizontal */
/* ====================== */

.progress-button[data-style="shrink"] { /* common for horizontal and vertical */
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.progress-button[data-style="shrink"][data-horizontal] .content {
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.progress-button[data-style="shrink"][data-horizontal] .content::before,
.progress-button[data-style="shrink"][data-horizontal] .content::after {
	top: 100%;
	right: auto;
	left: 50%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.progress-button[data-style="shrink"][data-horizontal].state-loading {
	-webkit-transform: scaleY(0.3);
	transform: scaleY(0.3);
}

.progress-button[data-style="shrink"][data-horizontal].state-loading .content {
	opacity: 0;
}

.progress-button[data-style="shrink"][data-horizontal].state-success .content,
.progress-button[data-style="shrink"][data-horizontal].state-error .content {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Shrink vertical */
/* ====================== */

.progress-button[data-style="shrink"][data-vertical] .content {
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.progress-button[data-style="shrink"][data-vertical] .content::before,
.progress-button[data-style="shrink"][data-vertical] .content::after {
	top: 100%;
	right: auto;
	left: 50%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.progress-button[data-style="shrink"][data-vertical].state-loading {
	-webkit-transform: scaleX(0.1);
	transform: scaleX(0.1);
}

.progress-button[data-style="shrink"][data-vertical].state-loading .content {
	opacity: 0;
}

.progress-button[data-style="shrink"][data-vertical].state-success .content,
.progress-button[data-style="shrink"][data-vertical].state-error .content {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Rotate bottom 3d */
/* ====================== */

.progress-button[data-style="rotate-angle-bottom"] .progress {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 20px;
	box-shadow: 0 -1px 0 #148544; /* fix the blurriness that causes a gap */
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.progress-button[data-style="rotate-angle-bottom"].state-loading .progress-wrap {
	-webkit-transform: rotateX(45deg);
	transform: rotateX(45deg);
}

/* Rotate top 3d */
/* ====================== */

.progress-button[data-style="rotate-angle-top"] .progress {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 20px;
	box-shadow: 0 1px 0 #148544; /* fix the blurriness that causes a gap */
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.progress-button[data-style="rotate-angle-top"].state-loading .progress-wrap {
	-webkit-transform: rotateX(-45deg);
	transform: rotateX(-45deg);
}

/* Rotate left 3d */
/* ====================== */

.progress-button[data-style="rotate-angle-left"] .progress {
	position: absolute;
	top: 0;
	right: 100%;
	width: 20px;
	height: 100%;
	box-shadow: 1px 0 0 #148544; /* fix the blurriness that causes a gap */
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.progress-button[data-style="rotate-angle-left"].state-loading .progress-wrap {
	-webkit-transform: rotateY(45deg);
	transform: rotateY(45deg);
}

/* Rotate right 3d */
/* ====================== */

.progress-button[data-style="rotate-angle-right"] .progress {
	position: absolute;
	top: 0;
	left: 100%;
	width: 20px;
	height: 100%;
	box-shadow: -1px 0 0 #148544; /* fix the blurriness that causes a gap */
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.progress-button[data-style="rotate-angle-right"].state-loading .progress-wrap {
	-webkit-transform: rotateY(-45deg);
	transform: rotateY(-45deg);
}

/* Rotate side down 3d */
/* ====================== */

.progress-button[data-style="rotate-side-down"] .progress {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 20px;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.progress-button[data-style="rotate-side-down"].state-loading .progress-wrap {
	-webkit-transform: rotateX(90deg) translateZ(10px);
	transform: rotateX(90deg) translateZ(10px);
}

/* Rotate side up 3d */
/* ====================== */

.progress-button[data-style="rotate-side-up"] .progress {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 20px;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.progress-button[data-style="rotate-side-up"].state-loading .progress-wrap {
	-webkit-transform: rotateX(-90deg) translateZ(10px);
	transform: rotateX(-90deg) translateZ(10px);
}

/* Rotate side left 3d */
/* ====================== */

.progress-button[data-style="rotate-side-left"] .progress-wrap {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.progress-button[data-style="rotate-side-left"] .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.progress-button[data-style="rotate-side-left"].state-loading .progress-wrap {
	-webkit-transform: translateX(50%) rotateY(90deg) translateZ(10px);
	transform: translateX(50%) rotateY(90deg) translateZ(10px);
}

/* Rotate side right 3d */
/* ====================== */

.progress-button[data-style="rotate-side-right"] .progress-wrap {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.progress-button[data-style="rotate-side-right"] .progress {
	position: absolute;
	top: 0;
	left: 100%;
	width: 20px;
	height: 100%;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.progress-button[data-style="rotate-side-right"].state-loading .progress-wrap {
	-webkit-transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
	transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
}

/* Rotate back 3d */
/* ====================== */

.progress-button[data-style="rotate-back"] .progress-wrap {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.progress-button[data-style="rotate-back"] .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.progress-button[data-style="rotate-back"] .progress {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.progress-button[data-style="rotate-back"].state-loading .progress-wrap {
	-webkit-transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
	transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
}

/* flip open 3d */
/* ====================== */

.progress-button[data-style="flip-open"] .content {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.progress-button[data-style="flip-open"] .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.progress-button[data-style="flip-open"].state-loading .content {
	-webkit-transform: rotateX(45deg);
	transform: rotateX(45deg);
}

/* slide down */
/* ====================== */

.progress-button[data-style="slide-down"] {
	padding: 0;
	overflow: visible;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.progress-button[data-style="slide-down"] .content {
	z-index: 10;
	padding: 0 60px;
	background: #1d9650;
}

.progress-button[data-style="slide-down"] .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.progress-button[data-style="slide-down"].state-loading .progress {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

/* move-up */
/* ====================== */

.progress-button[data-style="move-up"] {
	padding: 0;
	overflow: visible;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.progress-button[data-style="move-up"] .content {
	z-index: 10;
	padding: 0 60px;
	background: #1d9650;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.progress-button[data-style="move-up"] .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.progress-button[data-style="move-up"].state-loading .content {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

/* top-line */
/* ====================== */

.progress-button[data-style="top-line"] .progress-inner {
	height: 3px;
}

.progress-button[data-style="top-line"] .content::before,
.progress-button[data-style="top-line"] .content::after {
	right: auto;
	left: 100%;
	margin-left: 25px;
}

/* lateral-lines */
/* ====================== */

.progress-button[data-style="lateral-lines"] .progress-inner {
	width: 100%;
	border-right: 3px solid #0e7138;
	border-left: 3px solid #0e7138;
	background: transparent;
}

.progress-button[data-style="lateral-lines"] .content::before,
.progress-button[data-style="lateral-lines"] .content::after {
	right: auto;
	left: 100%;
	margin-left: 25px;
}

.blur{
width:100%;
height:100%;
position:absolute;
}

figure{
margin:0;
}


#evi_real{
width:300px;padding:10px; border-bottom:5px solid #dedede;
-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#evi_real:hover{
background-color:#ededed;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}


/*#home_link td:hover{
text-decoration:underline;
background-color:#ededed;

}*/
#linkhp{
font-size:12px;color:#555;text-transform:uppercase;
text-align:center;
width:350px;
margin:0 auto;
padding: 0px 5px 10px 5px;
}
#linkhp a{
padding:0;
font-size:12px;
text-decoration:none;
}
#linkhp a:hover{
font-size:12px;
text-decoration:underline;
}

nav:hover #linkhp a{
color:#fff;
}


 
nav {
width:100%;background-color:rgba(255,255,255,0.8);text-align:center;
padding:8px 0;
margin-top:0px;
text-decoration:none;
font-size:14px;
}

nav:hover{
width:100%;background-color:rgba(0,0,0,0.6);text-align:center;
color:#fff;
}
	 
nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #222;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 40px;
	font-weight:normal;
	width:100%;

}

nav a:hover,
nav a:focus {
	outline: none;
	text-decoration: none;
	color: #fff;
}



/* Effect 1: Brackets */
.cl-effect-1 #language2 a::before,
.cl-effect-1 #language2 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 #language2 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 #language2 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 #language2 a:hover::before,
.cl-effect-1 #language2 a:hover::after,
.cl-effect-1 #language2 a:focus::before,
.cl-effect-1 #language2 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

#language2 td{
padding:0px 8px 0px 8px;
font-size:18px;
color:#999;
text-transform:uppercase;
}

#language2 td:hover{
background:transparent;
text-decoration:none;
}

#language2 img{
padding-top:3px;
width:50px;
}

#language2 img:hover{
width:50px;
text-decoration:none;
}


#language td{
padding-top:2px;
padding-left:8px;
font-size:11px;
color:#999;
text-transform:uppercase;
}

#lang_click img{
width:25px;
}


#lang_sel img{
width:25px;
}

#lang_click img:hover{
width:25px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity:0.6;
}


.grayscale{
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(/images/grayscale.svg#greyscale); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

#language a{
font-size:11px;
color:#555;
}

#language a:hover{
font-size:11px;
color:#ED1C24;
}

#nav_machine{
list-style-type:none;
margin:20px auto;
width:960px;
padding:10px;
font-size:13px;
color:#555;
font-weight:600;
text-transform:uppercase;
text-align:center;
background-color:#ededed;
}

#nav_machine li{
display:inline-block;
}

#nav_machine a{
font-size:13px;
color:#555;
font-weight:600;
}

#nav_machine a:hover{
color:#ED1C24;
font-weight:600;
}

#nav_machine li:last-child{
     display:none;
}

#disap{
display:none;
}