body {					background: #e7e7e7;
						color: #343434;
						margin: 0px;
						padding: 0px;
						font-family: Verdana, Geneva, Helvetica, sans-serif;
/*						font-family: Arial, Helvetica;*/
    					font-style: normal;
    					font-variant: normal;
    					font-weight: normal;
    					font-size: 100%;
    					line-height: 1.5;
    					font-size-adjust: none;
    					font-stretch: normal;
						}


a {						color: #0066CC;
						text-decoration: none; }
a:hover {				color: #343434;
						text-decoration: none; }

a img {					border: 0px solid #ffffff; }

.marmotaBlue {			color: #0066CC; }
.marmotaGreen {			color: #009900; }

h1 {					font-family: Arial, Helvetica;
						font-size: 200%;
						font-weight: normal;
						color: #0066CC;
						clear: both; }

h2 {					font-family: Arial, Helvetica;
						font-size: 145%;
						font-weight: normal;
						color: #353535;
						clear: both; }
						
h3 {					font-weight: normal;
						color: #353535;
						clear: both; }

hr {					height: 30px;
						visibility: hidden;
						clear: both; }



/** STRUCTURE */

div.structureMain {	width: 1200px;
					background: #ffffff;
					border-left: 1px solid #a9a9a9;
					border-right: 1px solid #a9a9a9; 
					border-bottom: 1px solid #a9a9a9; }

div.structureLogoTopNav { 		height: 160px;
							  	width: 1200px;
							  	border-bottom: 1px solid #ffffff;
							  	background-color: white;
							  	opacity: .97;
							  	position: fixed;
								z-index: 10; }
div.structureLogoTopNav:hover { opacity: 1; }


/** LOGO & TOP NAVIGATION */

div.topNavigation {			height: 60px;
							padding-top: 80px;
							padding-right: 45px;
							font-family: Arial, Helvetica;
							font-size: 140%;
							background: white;
							float: right; }

img.logoMarmotaTop {		height: 100px; 
							padding-top: 25px;
							padding-left: 25px;
							border: 0px solid #ffffff;	
							float: left; }

img.logoLinkedinTop {		height: 20px; 
							padding-top: 8px;
							padding-left: 10px;
							border: 0px solid #ffffff;	
							float: right; }
							
a.topNavigationItem {			margin-left: 9px; }
a.topNavigationItem:hover { 	text-decoration: none;
								font-size: 100%; }
a.topNavigationItemCurrent { 	margin-left: 8px;
								color: #343434; }

a.topNavigationLanguages {			color: #525252;
									font-size:70%; }
a.topNavigationLanguages:hover {	color: #0066CC;
									text-decoration: none; }
span.topNavigationLanguagesActual {	color: #0066CC;
									font-size:70%; }




/** MAIN CONTENT */

div.content {		width: 1160px;
					margin-top: 160px;
					padding-top: 0px;
					padding-bottom: 30px;
					padding-left: 20px;
					padding-right: 20px;
					float: left;}



/** FOOTER */

div.structureFooter {			height: 180px;
								background: #e2e2e2;
								color: #666666;
								font-size: 90%;
								border-top: 1px solid #a9a9a9;
/* 								padding: 5px; */
								padding-left: 25px;
								padding-right: 25px;
								padding-bottom: 80px;
								margin-top: 0px;
								clear: both; }
div.structureFooter a {			color: #666666; }
div.structureFooter a:hover {	color: #000000;
								text-decoration: none; }

div.structureFooterProducts {		width: 19.5%;
									margin-left: 60px;
									float: left; }

div.structureFooterSolutions {		width: 22%;
									float: left; }

div.structureFooterCompany {		width: 16%;
									float: left; }

div.structureFooterLogo {		width: 250px;
								margin-right: 60px;
								padding-top: 20px;
								line-height: 200%;
								float: right; }
div.structureFooterLogo img {	margin-bottom: 34px; }

div.structureFooterLeft {	width: 30%;
							float: left; }

div.structureFooterRight {	width: 30%;
							float: right; }









/** HOME */

h1.home {				width: 700px;
						color: #1869ac; }

div.homeDesctiptionTop {	width: 1100px;
							margin-bottom: 0px;
							color: #333333;
							font-size: 110%;
							font-style: italic;
							font-family: serif; }

							
.csslider > ul > li > a > div.title_description {	width: 1119px;
													height: 50px;
													margin-top: 427px;
													margin-left: 3px;
													padding: 10px;
													background: white;
													font-weight: bold;
													font-size: 105%;
													color: #383838;
													line-height: 150%;
													position: relative;
													opacity: .8;
													z-index: 5; }
.csslider > ul > li > a > div.title_description:hover {	opacity: 0; }	


.csslider > ul > li > a > img.reference {			width: 1145px;
													position: absolute;	
													z-index: 0; }
									
									


span.refDetails {					font-size: 90%;
									font-weight: normal; }

div.homeReferences a {				color: #ffffff;
									text-decoration: none; }
					
									
div.homeProducts {					width: 1145px;
									position: relative;
									float: left;
									clear: both; }
									
div.homeProduct {					width: 200px;
									height: 200px;
									margin-right: 25px;
									margin-bottom: 25px;
									float: left; }

div.homeProduct img.image {			position: absolute;
									z-index: 0; }
									
div.homeProduct div.title {			background: rgba(255, 255, 255, .85);
									width: 180px;
									height: 180px;
									margin: 10px;
									position: absolute;
									z-index: 5; }
div.homeProduct div.title:hover {	background: rgba(255, 255, 255, .0);
									color: white;
									opacity: 0; }
									
span.text {							color: #444444;
									font-weight: bold;
									font-size: 100%;
									width: 100%;
									margin-top: 40px; 
									text-align: center;
									vertical-align: middle;
									opacity: 1;
									position: absolute;
									z-index: 10; }
									
div.homeProduct h1 {				color: #383838; }

		
									
div.homeNewsNew {					width: 900px;
									margin-bottom: 25px;
									padding-top: 0px;
									float: left;
									clear: both; }
									
div.homeNewsNew img.image {			margin-right: 20px;
									float: left; }
									
div.homeNewsNew h2 {				color: grey;
									margin-top: 0px; }
									


div.homeLogos {			width: 1145px;
						margin-top: 25px;
						margin-right: 10px;
						position: relative;
						float: left;
						clear: both; }
						
img.imgLogo {			margin-right: 15px;		
  						margin-bottom: 20px;		
  						filter: gray; /* IE6-9 */
  						-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  						filter: grayscale(1);  }
img.imgLogo:hover {		filter: none; /* IE6-9 */
  						-webkit-filter: grayscale(0); }











/** PORTRAIT */

p.portrait {					width: 97%;
								text-align: justify; }

div.portraitPerson {			width:  240px;
								height: 280px;
								margin-bottom: 0px;
								margin-right: 22px;	
								padding: 3px;
								font-size: 84%;
								border: 1px solid white;
								float: left;}
div.portraitPerson:hover {		border: 1px solid grey;
								background: #fcfcfc;}
div.portraitPerson img.person {	width:  240px;
								margin-bottom: 0px; }
div.portraitPerson span.name {	font-size:  135%;
								line-height: 2.5;
								color: #707070; }
div.portraitPerson span.function{margin-top: 20px; }
div.portraitPerson span.edu {	color: #919191; }

div.portraitPartner {			height: 100px;
								margin-top: 50px;
								font-size: 90%; }
div.portraitPartner img {		width: 180px;
								margin-top: 9px;
								margin-right: 30px;
								float: left; }
div.portraitPartner span.header{color: black;
								font-size: 150%; }
div.portraitPartner div.text {	margin-top: 0px;
								float: left; }









/** PRODUCTS */


div.productsType 			{		width: 250px;
									height: 300px;
									margin-right: 30px;
									margin-bottom: 30px;
									border: 1px solid grey;
									float: left; }
div.productsType img.image {		width: 250px;
									height: 300px;
									opacity: .5; 		
		  							filter: gray; /* IE6-9 */
		  							-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		  							filter: grayscale(1); 
									position: absolute;}
div.productsType div.text 	{		width: 200px;
									height: 265px;
									margin: 10px;
									padding: 15px;
									padding-top: 0px;
									background: rgba(255, 255, 255, .7);
									color: #333333;
									font-size: 120%;
									text-align: center;
									position: absolute;}
div.productsType div.text:hover {	opacity: 0; }
div.productsType div.text h2 {		color: #0066CC; }
div.productsType ul.products {		margin-left: -27px; }


div.productsDistributed { 				width: 492px;
										height: 400px;
										margin-right: 30px;
										margin-bottom: 0px;
										margin-bottom: 35px;
										padding: 20px;
										padding-top: 0px;
										font-size: 83%;
										background: #f2f2f2;
										border: 1px solid grey;
										float: left; }
div.productsDistributed h2 { 			color: #333333; }
div.productsDistributed p.technologies {margin-bottom: 30px;
										color: #00358c;
										font-size: 120%;
										font-weight: bold; }
div.productsDistributed img.dist { 		width: 482px;
										margin-bottom: 20px; }
div.productsDistributed img.FBG { 		width: 475px;
										margin-top: 10px;
										margin-bottom: 20px; }
div.productsDistributed img.SI_LUNA { 	width: 150px;
										margin-right: 80px;
										float: right; }
div.productsDistributed img.SI_MOI { 	width: 150px;
										margin-right: 80px;
										float: right; }



/** SITEMAP */

ul.sitemap {				list-style-image: url("../images/icons/homeListButton.gif"); }




/** REFERENCES */

h2.referenceProductTitle {		color: #0066CC;
								clear: both; }
								
div.referencesFilter { 			width: 75%;
								height: 150px;
/*								border: 1px solid red;*/
								margin-top: 30px;
								margin-bottom: 20px;
								color: #636363;
								font-size: 95%; }
div.referencesFilter a { 		color: #636363; }
div.referencesFilter a:hover { 	color: #1869ac; }
div.referencesFilter a.current {color: #1869ac;
								font-weight: bold; }
div.referencesFilterLeft {		width: 16%;
								float: left;}
div.referencesFilterRight {		width: 83%;
								padding-bottom: 5px;
								float: left;}

div.referenceProjectContainer {				width: 250px;
											height: 260px;
											margin-right: 25px;
											margin-bottom: 20px;
											padding: 3px;
											font-size: 100%;
											border: 1px solid white;
											float: left; }
div.referenceProjectContainer:hover {		border: 1px solid grey;
											background: #fcfcfc }
div.referenceProjectContainer img {			width: 250px;
											border: 0px solid #ffffff; }
											

a.referencesLink {							color: #343434; }
a.referencesLink:hover {					color: #000000;
											text-decoration: none; }

ul.references {								padding-left: 20px;
											list-style-image: url("../images/icons/homeListButton.gif"); }





/** PROJECT REFERENCE */

img.project_ref { 			width: 750px;
							margin-top: 50px;
							margin-bottom: 50px;
							float: left;}
						
div.keywords {				width: 300px;
							margin-top: 50px;
							padding-left: 70px;
							color: #707070;
							font-size: 100%;
							text-align: right;
							float: left; }
div.keywords span.heading {	font-weight: normal;
							font-size: 110%;
							line-height: 1; }




/** SERVICES */

				
div.services {	width: 75%;
				height: 250px;
				margin-top: 30px;
				margin-bottom: 80px; }
				
div.services h1 {	margin-top: 0px;
					padding-top: 0px;
					line-height: 1.0; }
				
div.services h2 {	margin-top: 0px;
					padding-top: 0px;
					line-height: 1.0;
					color: #4c4c4c;
					clear: none; }

div.services img.service {	width: 255px;
							margin-right: 50px;
							float: left; }
							
div.services p.service {	margin-right: 25px;
							float: left; }




/** TECHNOLOGY */

p.tech_desc {		width: 94%;
					margin-bottom: 35px;}

img.tech_schematic {	width: 300px;
						margin-top: 20px;}
					
p.tech_pubs {		width: 75%;
					font-size: 85%;}



/** INCLINOMTER */

h3.subtitle {			color: #00bf77; }

div.inklinoApplications {		width: 65%;
								margin-top: 40px;
								margin-bottom: 20px; }
								
table.inklinoApplications {		width: 65%; }
								
div.inklinoAdvantages {			width: 27%;
								margin-top: 20px;
								margin-right: 30px;
								padding-right: 30px;
								float: left; }
div.inklinoAdvantages ul {		margin-left: -20px;
								font-size: 95%; }
								
div.inklinoSpecifications {		width: 27%;
								margin-top: 20px;
								padding-right: 30px;
								float: left; }
div.inklinoSpecifications ul {	margin-left: -20px;
								font-size: 95% }
								
div.inklinoEvaluation {			width: 55%;
								padding-top: 10px;
								clear: both; }
div.inklinoEvaluation ul {		margin-left: -20px;
								font-size: 95% }