/**
 * CSS Reset
 */
 
@import "reset.css";

/**
 * Type
 */

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

}

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

}





*{
	box-sizing: border-box;        
}


 /********************************************************************************************
 * HTML5 tags *
 ********************************************************************************************/

header, section, footer, aside, nav, article, figure,address {  
     display: block;  
} 

 /********************************************************************************************
 * Basics *
 ******************************************************c**************************************/

body {
    background: #fff url("../img/back_cube.jpg") center -100px no-repeat;
	/*background-color: green;*/
	    
	font-family: 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 62.5%;
	color: #3F3F3F;
	
}

.wrap{
	max-width: 900px;
	min-width: 320px;
	margin: 0 auto;
	clear: both;
	height: auto;
	overflow: auto;
}

.center{
	text-align: center;
	margin: 0 auto;
}

.left{
	text-align: left;
	float: left;
}
.right{
	text-align: right;
	float: right;	
}


 /********************************************************************************************
 * Header *
 ********************************************************************************************/
header{
	background: url("../img/back_header.png") center top repeat-x ;
	height: 115px;	
	
	/*position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;*/
}
header h1{
	margin: 20px 0 0 10px;
}

header h1{
	
	background: url("../img/logo.png") no-repeat;
	width: 227px;
	height: 57px;
	text-indent: -30000px;	
	display: block;
	
}

nav * a{
	cursor: pointer;
}

nav ul{	
	font-weight: bold;
	position: absolute;
	top: 42px;
	left: 48.5%;
	width: 49em;
	z-index: 999;
}

nav ul li{
	display: inline;	
	padding-bottom: 10px;	
	}



nav ul li a.button {
    background: url('../img/navButton.gif') top right no-repeat ;
    color:  #9A999A;
    display: inline-block;
    font-size: 1.5em;
    height: 30px;
    padding-right: 6px;
    text-decoration: none;
	margin-right: 0.5em;
}

nav ul li a.button span {
    background:  url('../img/navButton.gif') bottom left no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0px 2px 6px;
} 

nav ul li a.active {
    background:  url('../img/navButtonActive.gif') right top  no-repeat ;

}

nav ul li a.active span {
	background:  url('../img/navButtonActive.gif') left bottom  no-repeat;
	color: #fff;
}

nav ul li a:hover {
	 background:  url('../img/navButtonHover.gif') right top  no-repeat ;
	 color: #fff;
}

nav ul li a:hover span,
nav ul li a span:hover,
nav ul li a.hover {
	background:  url('../img/navButtonHover.gif') left bottom  no-repeat;
}



nav ul li a.active{
	color: #fff;
}

nav ul li:hover a.active{
	color: #fff;
}


.dropDownhovera,
nav ul li.dropDown a:hover,
nav ul li.dropDown:hover a{
	 background:  url('../img/navButtonHoverList.gif') no-repeat scroll top right;
}


.dropDownhoveraspan,
nav ul li.dropDown a:hover span,
nav ul li.dropDown:hover a span {
    background:  url('../img/navButtonHoverList.gif') left bottom  no-repeat;
	color: #fff;	
}


nav ul li ul{
	padding: 8px 2px 2px 2px;
	 background:  url('../img/navList.png') repeat-x;
	display: none;
	position: absolute;
	top: 18px;
	width: auto;
	min-width: 9em;
	

	
	
}


nav ul li ul li{
	display: block !important;
	padding: 3px 5px;
	font-size: 1.5em;
	color: #fff;
}

/*
nav ul li ul li:last-child{
	border-radius: 0 0 5px  5px;
	-webkit-border-radius: 0 0 5px  5px;
	-moz-border-radius: 0 0 5px  5px;
}*/




nav ul li ul li a{
	background: none !important;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	font-size: 1em;
		
}

nav ul li ul li a:hover{
	color: #5C5C5F !important;
}


.clear { /* generic container (i.e. div) for floating buttons */
    
    width: 100%;
}

#language p{
	text-align: right;
	margin-right: 1.2em;
	color: #9C9B9C;
}


#language p a{
	color: #9C9B9C;
	text-decoration: underline;
}

#language p a:hover{
	text-decoration: none;
	color: #5C5C5F;	
	word-break: keep-all;
}


 /********************************************************************************************
 * Highlight *
 ********************************************************************************************/
.highlight{
	/*padding: 125px 0 1.5em 0;*/
	padding: 10px;
	
	
	
}

.highlight h2{
	min-height: 10px;
	/*background: url("../img/wideboxTop.png") no-repeat;*/
	font-size: 2em;
	padding: 0.5em 0.5em;
	color: #5C5C5F;
	margin:0;
}

.highlight .block{
	/*background: url("../img/wideboxBottom.png") left bottom no-repeat;*/	
	margin: 0 auto;
	width: 100%;
}

.highlight .centerBlock{		
	margin: 0 auto;
	width: 100%;	
}

.highlight .centerBlock div{
	float: left;
	width: 50%;
}	

centerBlock

.highlight .block h4{
	color: #666;
	font-size: 1.6em;
	font-weight: bold;
	padding: 1em 0.65em;
}

.highlight .block h4 span{
	color: #666;
	font-size: 0.8em !important;
	font-weight: normal;	
	display: block;
}


.highlight p,
.highlight ul{
	padding-bottom: 1em;	
}



.highlight p.homepage{
	color: #5C5C5F;
	font-size: 2em;
	padding: 0.2em 0.5em !important;

	
}

.highlight * strong{
	font-weight: bold;
}



.highlight li ul{
	font-size: 1em !important;
}


.highlight .blockLeft,
.highlight .blockRight{
	float: left;
	width: 50%;
}


 /********************************************************************************************
 * News Items *
 ********************************************************************************************/

.newsItem{
	display: none;
}

.newsItem.open{
	display: block;
}

.newsItem.open:after{
	content: "" !important;
}


 /********************************************************************************************
 * Content *
 ************x********************************************************************************/
#content{
	background: url("../img/contentBody.png") repeat-x ;
	
	padding: 3em 0 0 0;

	
}

#content p{
	font-size: 1.4em;
}


#content .wideBlock{
	/*background: url("../img/contentWideBlockBottom.png") left bottom no-repeat;*/	
	margin: 0 auto;
	width: 100%;
	margin-bottom: 2em;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	clear: both;
	overflow: auto;
}


#content .wideBlock h4{
	min-height: 10px;
	/*background: url("../img/contentWideBlockTop.png") no-repeat;*/
	font-size: 2em;
	padding: 0.5em;
	color: #5C5C5F;
	margin: 0;
}

#content .wideBlock h4 span{
	font-size: 0.7em !important;
	display: block;
	margin-top: 5px;
}

#content .block{	
	padding-bottom: 10px;	
	float: left;
	width: 48%;
	margin-bottom: 1em;


}




#content .block h3.small{
	min-height: 10px;
	padding-top: 0 !important;
	text-indent: -10000px;
	font-size: 0 !important;
}


.blockTop,
.blockBottom{
	width: 385px;
	height: 10px;
}


#content .blockLeft{
	margin-left: 1%;
	margin-right: 1%;
}

#content .blockRight{
	margin-left: 1%;

}

.presentation{
	min-height: 31em;
}

.contacts,
.news{
	min-height: 14.75em;
}

.products .body{
	min-height: 18.3em;
}


#firstpane{
	padding-bottom: 1em;
}

#content p strong{
	font-weight: bold;
	color: #5C5C5F;
}

.block h3,
.wideBlock h3{	
	font-size: 2em;
	padding: 1em 20px;
	color: #5C5C5F;
	margin:0;
}

.noHeader{
	margin-top: 71px;
}


.block  h4{	
	color: #333;
	font-size: 1.6em;
	padding: 1em 10px;
	margin:0;
}


.block h5{
	font-size: 1.35em;
	padding: 0.5em 0.8em;
	color: #767F0F;
	margin:0;
	font-weight: bold;
}

.block h5 span{
	font-size: 0.75em;
	color: #666;
	font-weight:normal;
}



.block p,
.block ul,
.wideBlock p,
.wideBlock ul{
	font-size: 1.12em;
	padding: 0.2em 10px 0;
	line-height: 1.6em;
	color: #333;
}

.block ul li ul li,
.wideBlock ul li ul li{
	font-size: 0.9em !important;
}



.block p.links,
.wideBlock p.links{
	text-align: right !important;
}

.block ul li,
.wideBlock ul li,
.highlight ul li{
	line-height: 2em;
	list-style: disc;
	margin-left: 1.5em;
	
}

.block ul li ul{
	font-size: 1em !important;
}


.highlight * a,
.wideBlock * a,
.block * a{
	color: #757F00;
	text-decoration: underline;	
	
}

.highlight * a:hover,
.wideBlock * a:hover,
.block * a:hover{
	text-decoration: none;
	color: #5C5C5F;
	
}


.block * a.more{
	/*background: transparent url('../img/navButton.gif') no-repeat scroll top right;*/
    color:  #9A999A;
    display: inline-block;
    font-size: 1.3em;
    height: 22px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
	margin-right: 0.5em;
	font-weight: bold;
	margin-top: 1em;
	
	-moz-border-radius: 6px;
	
	background: #EBEBEB;
	
}

.block * a.more span {
    /*background: transparent url('../img/navButton.gif') bottom left no-repeat;*/
    display: block;
    line-height: 18px;
    padding: 2px 0px 2px 6px; 
		
	
}

.block * a.more:hover {
	/*background: transparent url('../img/navButtonHover.gif') no-repeat scroll top right;*/
	background: #AAB800;
}

.block * a.more:hover span {
	/*background: transparent url('../img/navButtonHover.gif') bottom left no-repeat;*/
}

.block * .menu_list{
	padding-top: 0;
}


.block* .menu_list a.more{
	float: none;
	display:inline;
	font-size: 1em;
	background-color: #F2F2F2 !important;
	color: #666 !important;
	text-decoration: none;
}

.block * a:hover.more{
	
	color: #fff !important;
}

.newsList li{
	
	list-style: none !important;
	margin-left: 0 !important;
}



.partners{
	text-align: center;
}

.partners li{
	display: inline;
	margin: 1px !important;
}

form label{
	color:  #9A999A;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0.2em 0;
	line-height: 1.4em;
	display: block;
}


form label.error{
	font-size: 1.2em;
	color: #333;
	display: inline;
	margin-left: 5px;
	padding: 0.2em 0.5em 0.2em 2em;
	background: #FFFFCF url(../img/error.gif) 5px center no-repeat;
}

form input,
form textarea{
	border: 2px solid #DEDEDF;
	font-size: 1.2em;
	margin: 0.2em 0;
	padding: 0.2em;
	color: #666;
	
	-moz-border-radius: 5px;
}

form input:focus,
form textarea:focus{
	border: 2px solid #666;
}

form input[type="submit"]{
	
	margin-top: 0.5em !important;
	
	color:  #fff !important;
	background-color: #5C5C5F !important;
	
	padding: 2px 6px;
	

	font-size: 1.35em;
	font-weight: bold;
	text-transform: lowercase;
	
	border: none;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus,
form input[type="submit"]:active{
	background-color: #A7B600 !important;
	cursor: pointer;
}

ul.pagination{
	padding: 0;
	margin-left: 1em;
	
}


ul.pagination li{
	display: inline;
	margin: 0 !important;
	font-size: 1.2em;
}



img.certCA{
	float: left;
	padding	: 0 10px;
}

ul.clients {
	margin-bottom: 15px;
}

ul.clients li{	
	background-color: #fff;
	float: left;
	margin: 0 24px 24px 0;
	list-style: none !important;
	width: 31.21%;
	height: 60px;
	text-align: center;
	vertical-align: middle;
		

	
}

ul.clients li.last{
	margin-right: 0;
}


p.downloadPdf{
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: bold;
}
	


p.downloadPdf a{
	color: #666 !important;
	background: url(../img/pdf.gif) left center no-repeat;
	padding: 10px 0 10px 30px;
}

p.goTop{
	text-align: right;
	color: #666 !important;
	padding-bottom: 0;
	margin-bottom: 0;
}

p.goTop a{
	color: #666 !important;
}


/********************************************************************************************
 * Validations
 ********************************************************************************************/

.success{	
	background-color: #E9EFA4;
	border-top: 2px solid #A7B600;
	border-bottom: 2px solid #A7B600;
	margin: 0.5em 1em;
	padding: 0.5em !important;
}

.warning{
	background-color: #FFFFCF;	
	border-top: 2px solid #DDDF00;
	border-bottom: 2px solid #DDDF00;
	margin: 0.5em 1em;
	padding: 0.5em !important;	
}

/********************************************************************************************
 * Cosmos 
 ********************************************************************************************/

.cosmosList {
	padding: 1em 0 1em 1em  !important;	
}
	

.cosmosList li{
	list-style: none !important;
	margin-left: 0 !important;
	min-height: 32px;
	margin-bottom: 5px;
	background: center;
	padding-left: 110px;
	padding-right: 10px;
	line-height: 1.5em !important;
}



.cosmosList li.scorpius{background: url(../img/cosmos/scorpius.gif) no-repeat;}
.cosmosList li.carina{background:   url(../img/cosmos/carina.gif) center left no-repeat;}
.cosmosList li.gemini{background:   url(../img/cosmos/gemini.gif) center left no-repeat;}
.cosmosList li.aries{background:   url(../img/cosmos/aries.gif) center left no-repeat;}
.cosmosList li.cetus{background:  url(../img/cosmos/cetus.gif) center left no-repeat;}
.cosmosList li.libra{background: url(../img/cosmos/libra.gif) center left no-repeat;}
.cosmosList li.space{background:  url(../img/cosmos/space.gif) center left no-repeat;}
.cosmosList li.time{background:  url(../img/cosmos/time.gif) center left no-repeat;}
.cosmosList li.comet{background: url(../img/cosmos/comet.gif) center left no-repeat;}
.cosmosList li.polaris{background:   url(../img/cosmos/polaris.gif) center left no-repeat;}


.cosmosProductDescription{
	height: 25em;
}



/********************************************************************************************
 * Aramis  *
 ********************************************************************************************/

.aramisProductDescription{
	min-height: 34em;
}

/********************************************************************************************
 * Accordion *
 ********************************************************************************************/

.services,
.products{
	min-height: 38.3em;
	
}

.business,
.processes{
	min-height: 30em;
}

.business h5{
	cursor: pointer;
}


.business h5:after{
	content: " ↓";
}

.business .open:after{
	content: " ↑" !important;
	text-decoration: none !important;
}

.business h5:hover{
	text-decoration: underline;
}

.business ul.detailList{
	display: none;	
}

li.detail strong{
	font-weight: bold;
	cursor: pointer;
}

li.detail strong:after{
	content: " ↓";
}


li.detail strong:hover{
	text-decoration: underline;
}



li.detail p{
	display: none;
	font-size: 1em;
	padding: 0;
}


a:hover.menu_head{
	background-color: #F2F2F2;

}

#map{
	
	margin: 0 1em;
	}

#map iframe{
	width: 100%;
}

/**
 * Fugue icons http://pinvoke.com/
 */

.contacts strong{
	margin-right: 5px; 
}

p.tel{
	
	padding-bottom: 0;
}

p.fax{
	

}


p.email{
	
}

p.adr{
	
}

p.adrTitle{
	padding-right: 0; 
}



/********************************************************************************************
 * footer *
 ********************************************************************************************/
footer{
	margin-top: 3em;
	min-height: 5em;
}

footer p{
	padding: 0 1em;
	margin: 0 12px;
	color: #9C9B9C;	
	vertical-align: middle;	
	font-size: 1.2em;
}

footer p a{
	color: #9C9B9C;
	text-decoration: underline;
	padding: 0 0.5em;
	
}

footer p a.feed,
footer p a.delicious,
footer p a.twitter,
footer p a.facebook{
	height: 16px;
	width: 16px;
	text-indent: -30000px;
	display: inline-block;
	padding: 0;
	margin-right:4px;
	vertical-align: middle;
	opacity: 0.5;
	filter: alpha(opacity = 50);

	 
}

footer p a:hover{
	text-decoration: none;
	color: #5C5C5F;
	opacity: 1;
	filter: alpha(opacity = 100);
}

footer p a.rssfeed{
	background: url("../img/feed.gif") no-repeat;
}

footer p a.delicious{
	background: url("../img/delicious.gif") no-repeat;
}

footer p a.twitter{
	background: url("../img/twitter.gif") no-repeat;
}

footer p a.facebook{
	background: url("../img/facebook.gif") no-repeat;
}


footer p.right{
	margin: 0 !important;
	padding-right: 0 !important;
	background: url("../img/footer.png") right 0 no-repeat !important;	
	width: 366px;
	height: 32px;	
	display: block;
	text-indent: -30000px;
	text-align: left;
}

footer p.left{
	margin: 1em 0 0 !important;
}

.block{	
	background-color: rgba(255, 255, 255, 0.75);		
}
.noBack{
	background-color: rgba(255, 255, 255, 0);

}

.round{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.noshow{
	display: none;
}

.adrTitle, .adr{
	float: left;
	margin-top: 65px;
}

@media only screen and (max-width: 600px) {
	#content .block{	
		width: 98%;
	}

	.adrTitle, .adr{
		margin-top: 0;
		float: none;
	}
}