@charset "UTF-8";
/* CSS Document */

.clear{
	clear:both;
}

@font-face{
	
	font-family:'museo300';
	src:url(webfonts/museo300-regular-webfont.ttf)format('truetype');
	
	
	font-weight:normal; font-style:normal; font-variant:normal;
	
}

@font-face{
	
	font-family:'museo500';
	src:url(webfonts/museo500-regular-webfont.ttf)format('truetype');
	
	
	font-weight:normal; font-style:normal; font-variant:normal;
	
}

@font-face{
	
	font-family:'museo700';
	src:url(webfonts/museo700-regular-webfont.ttf)format('truetype');
	
	
	font-weight:normal; font-style:normal; font-variant:normal;
	
}




body{
	width:auto;
	font-family:'museo300';
	font-size:100%;
	
	
}
#header{
	
	width:100%;
	display:inline-block;
	text-align:center;
	
}
#header img{
	
	
	alignment-baseline:baseline;
	width:20%;
	
	
	
}



#flags{
	background-color:black;
	padding-bottom:50px;
	width:100%;
	
	
}

#flags #flagImages{
	cursor:pointer;
	float:left;
	margin-left:80%;
	margin-top:-3px;
	
}
#main{
	position:relative;
	
	
	
	
	
}
#slideShowImages{
	
	
	
	
}

#slideShowImages img{
	width:100%;
	
	
	
	
	
}
.fijo1{
	position:absolute;
	width:35%;
	
	
	left:0%; top:40px;
	
}
.fijo2{
	position:absolute;
	width:14%;
	right:0px;; top:65%;
}

#center{
	width:100%;
	text-align:center;
	margin-top:60px;
	
}
	
#centerT{
	margin-bottom:25px;
}

#center p{
	margin:0;
	
}
.title{
	font-size:230%;
	font-family:'museo700';
}

.subtitle{
	font-size:130%;
	
}

#roundWrapper{
	display:inline-block;
	margin:0 auto;
	margin-top:10px;
}

.round1, .round2, .round3{
	
	
	float:left;
	cursor:pointer;
	height:80px;
	width:80px;
	margin:20px;
	margin-top:-20px;
	
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(115,111,115,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(115,111,115,1);
box-shadow: 0px 0px 5px 0px rgba(115,111,115,1);

background-image:url(Images/catalegs/icon_folder_gris.png);
background-position:center;
background-repeat:no-repeat;

		-moz-border-radius:40px; 
	-webkit-border-radius:40px;
	border-radius: 40px;
	
	
	
	background-color:white;
}




.round1:hover{
	background-color:#f39404;
	background-image:url(Images/catalegs/icon_folder_blanc.png);
	background-repeat:no-repeat;
}

.round2:hover{
	background-color:#735a91;
	background-image:url(Images/catalegs/icon_folder_blanc.png);
	background-repeat:no-repeat;
}

.round3:hover{
	background-color:#54acc4;
	background-image:url(Images/catalegs/icon_folder_blanc.png);
	background-repeat:no-repeat;
}



#left{
	float:left;
	width:80px;
	margin:20px;
	margin-top:-10px;

}

#goIn1{
	float:left;
	color:#f39404;
	visibility:hidden;
	
	
	width:80px;
	margin:20px;
	margin-top:-25px;

}
#goIn2{
	float:left;
	color:#735a91;
	visibility:hidden;
	
	
	width:80px;
	margin:20px;
	margin-top:-25px;
}
#goIn3{
	float:left;
	color:#54acc4;
	visibility:hidden;
	
	
	width:80px;
	margin:20px;
	margin-top:-25px;
	
	

}

#arrowGreen{
	float:left;
	visibility:hidden;
	width:80px;
	margin:20px;
	margin-top:-5px;
	

}

#arrowOrange{
	float:left;
	visibility:hidden;
	
	width:80px;
	margin:20px;
	margin-top:-5px;
	
	

}

#arrowPurple{
	float:left;
	visibility:hidden;
	width:80px;
	margin:20px;
	margin-top:-5px;
	

}

#middleText{
	width:100%;
	text-align:center;
	display:inline-block;
	line-height:22px;
	
}
#colorT0{
	width:40%;
	text-align:center;
	color:#aaaaaa;
	display:inline-block;
	margin:30px;
	margin-top:-10px;
	padding-bottom:30px;
	
	
	
}#colorT1,#colorT2,#colorT3{
	width:40%;
	text-align:center;
	color:#aaaaaa;
	display:none;
	margin:30px;
	margin-top:-10px;
	padding-bottom:30px;
	
	
}
orange{
	color:#f39404;;
}

purple{
	color:#735a91;
}
green{
	
	color:#54acc4;
}
#peu{
	width:100%;
}

#peu img{
	width:100%;
}

#footer{
	text-align:center;
	background-color:black;
	color:#FFFFFF;
	padding:20px;
	width:auto;
	margin-top:3px;
	
	
}
