@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */
@font-face {
	font-family: 'Agency';
	src: url('type/agency-webfont.eot');
	src: local('☺'), url('type/agency-webfont.woff') format('woff'), url('type/agency-webfont.ttf') format('truetype'), url('type/agency-webfont.svg#webfontQ1nJYpeG') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:52%/1.52 em;
	background:#000;
	color: #eee;

}

/* ** ** Common Addative Classes ** ** */
.left  { float:left}
.right { float:right}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}
.hide  { display:none}

.align_right    { text-align:right;}
.align_left     { text-align:left;}
.align_center   { text-align:center;}
.align_justify  { text-align:justify;}

a {	color: #9cc334;	text-decoration:none;}
a:hover, a:focus { color:#fff;}
a:active, a:visited { }

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; color:#9f9fa1;font-size:2em; font-weight: normal; font-family: Agency, Tahoma, sans-serif; text-transform:uppercase;}
h3 {font-size:1.5em; font-weight: normal; font-family: Agency,Tahoma, sans-serif; color: #9cc334;}

/* ** ** ul li's ** ** */

/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1em; text-align: left; color: #000; }
p img.left, img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
p img.right, img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

/* ** ** forms ** ** */
form fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; padding-top:5px; padding-left:5px; border:1px solid #ccc; }
form fieldset legend {font-size:1.4em; padding:0 5px;}
form input[type=text], form input[type=email], form input[type=url], form input[type=password] {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; height:20px; margin-bottom:5px; border:1px solid #ccc; padding:4px 0 1px 5px;}
form label {display:block; float: left; width: 150px; height:20px; font-size:1.2em;}


strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#d5d2d8; display:block; padding:0px 2px 4px 26px; background:#fff url(code.jpg) no-repeat left top; line-height:1.67em;}
pre 			{	margin:1.5em 0;white-space:pre;}



/* html5 elements */


#header { height:120px; margin:0; float: right; width: 850px; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; background:#000;}
#testa { clear: both;}
#header h1, #header h2 { float: right; }
#header h1 a {display: block; width: 403px; height: 74px; background: url(../img/logo.jpg) 0 0 no-repeat; text-indent: -20000px; overflow:hidden; }
#header h2 a {display: block; width: 358px; height: 74px; background: url(../img/eoeMOTION.jpg) 0 0 no-repeat; text-indent: -20000px; overflow:hidden; margin-right: 30px; }
#header h1 a:focus { outline: none;}
#telefono { float: left; color: #fff; text-transform: uppercase; padding: 5px;}
#telefono strong { color:#9cc334; }


#nav {color:#fff; margin: 0;  width: 128px; float: left; padding-top: 112px; padding-right: 1px; font-family: Agency, Arial, Helvetica, sans-serif; text-transform: uppercase;}
#nav ul {list-style:none; text-align: right;}
#nav ul li { display: block; margin: 0;}

#nav h3 { color:#fff; padding:2px 9px; margin-top:8px; background: #9cc334 url(/img/angolo.png) 0 0 no-repeat; font-size: 18px}
#nav h3 a { color: #fff;}
#nav h3 a:hover { color: #000;}
#nav ul li a { display: block; border-bottom: 1px solid #666; margin-left: 10px; font-size: 18px; color:#ccc; text-transform: uppercase;}
#nav ul li a:focus { outline: none;}
#nav ul li a:hover { color:#9cc334; }
#nav ul li li a { display: block; border-bottom: 0px solid; margin-left: 10px; font-size: 16px; color:#9cc334;}
#nav ul li li a:hover { color:#ccc; }

.section { width: 850px; }	
.aside { display: block; float: left; width: 282px; margin-left: 1px; color: #000; }	

.footer { font-size:11px; color: #fff; border-top: 1px solid #fff; } 
.footer p { color: #fff; margin: 10px; margin-left: 135px; } 
.menufooter { margin: 0; margin-left: 130px; height: 28px;  border-bottom: 1px solid #fff;}
.menufooter li { display: block; float: left; margin: 0; padding: 5px 10px; border-right: 1px solid #fff; }


/* Class & ID starts here */


#lang {
	text-align: right;
	color: #9cc334;
	padding: 5px;
}
#lang a { 
	color: #666;
	text-decoration: none;
	}
#page {
	width: 980px;
	margin: 0 auto;
	background: #000 url(/img/background.gif) 0 0 repeat-y;
	position: relative;
}
#bottom { clear: right; margin: 0 0 0 130px;}
#area_link { background: #000;}
#area_scheda { background: #fff url(/img/nero.gif) 567px 0 repeat-y; clear:both}
#biometrics{
	height: 440px;
	width: 840px;
	padding: 5px;
	background: url(../img/biometrics.jpg);
	margin: 0 0 0 130px;
	clear: right;
}
.tiny {width: 211px;}
.small {width: 282px;}
.medium { width: 424px; background: #9cc334;}
.large { width: 566px; }
.wide { width: 850px; }

.caselle p { float: left; width: 250px; border-bottom: 1px solid #9cc334; margin: 5px 10px;}
.caselle a:hover { color: #000;}

p.news { color: #9f9fa1; background: url(../img/p_tiny.gif) bottom right no-repeat; padding:0 21px 7px 7px; }
.tiny h2 { padding: 7px; }
p.slogan { color: #fff; margin: 10px 5px; text-transform: uppercase;  line-height: 1.2em; }
p.slogan strong { font-weight: normal; color:#9cc334;}
.medium h1, .tiny h1 { color: #fff; font-family: Arial, Helvetica, sans-serif; margin: 5px; text-transform: uppercase; font-size: 30px; line-height: 1em; }
.medium p { color: #292929; margin: 0 5px;  line-height: 1.2em;}
.medium p strong { color: #fff; text-transform: uppercase; font-weight: normal}

p.indicazioni { margin: 10px 0 0; font-size: 11px; font-weight:bold; padding: 10px; border: 1px solid #9cc334; background: #FFC}

.blue_tab, .grey_button, .blue_button{ display: block; float: left; padding: 5px; margin: 5px 5px 0 0; width: 125px; height: 15px; background: #9cc334 url(/img/blue_button.gif) 115px 5px no-repeat; color:#fff; font-family: Agency, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; }
.grey_button {background: #3e3e40 url(/img/grey_button.gif) 115px 5px no-repeat; color:#fff; }
.alert_button {background: #F90; color:#000; font-family: Arial, Helvetica, sans-serif; width: 450px; display: block; margin-left: -168px;}
.small .grey_button, .small .blue_button, .small .blue_tab { float: right; margin: 5px 0 0 0 }
.blue_tab { url(/img/blue_tab.gif) 115px 5px no-repeat; color:#fff; margin: 10px 0 0 0; font-weight: normal; }
button.blu_button { border: none; text-align: left; padding: 5px; margin: 5px 5px 0 0; width: 135px; height: 28px; background: #9cc334 url(/img/blue_button.gif) 115px 8px no-repeat; color:#fff; font-family: Agency, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase;}
.scheda {
	margin: 0;
	padding: 10px;
	color: #000;
}
.scheda ul {padding-left: 1.5em; }
.titoli { position: absolute; top: 125px; left: 150px; width: 820px; z-index: 100}
.titoli h2, .titoli h3 { display: block; margin: 5px 0 0 5px; float: left; text-transform: uppercase; font-size: 36px; line-height: 36px; }
.titoli h3 { float: right; font-size: 30px; color: #9cc334; }
#flashwrapper { margin-left: 130px; padding-top: 122px;}

.componenti, .misure { border-collapse: collapse; }
.componenti td, .componenti th { padding: 5px 10px; border-bottom: 1px solid #666; }
.misure td, .misure th { padding: 2px 5px; border-bottom: 1px solid #666; }
.componenti th { text-align: left; }
.misure { font-size: 11px; }

.validateTips, .intro, #msg { color: #fff;  }
.intro { height: 40px;}


#msg { text-align: center; font-size: 24px; margin: 20px; }

.tendine { margin: 0 0 10px; padding: 5px; border: 1px solid #ccc;}
.tendine span { display: block; float: left; width: 100px; }
.tendine p { margin: 5px 0; }
.porta_slider { 
	background: rgba(0,0,0,0.5);
	padding: 10px;
	border: 1px solid #333;
	margin: 10px 0;
}
#slider_cavallo, #slider_altezza {
	background: #9cc334;
}

.cloud-zoom {}


/* This is the zoom window. */
.cloud-zoom-big {
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

.video {
	margin: 20px auto;
	padding: 10px;
	background: #333;
	border: 1px solid #999;
	text-align: center;
}