/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	outline:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{outline:none !important; color:#fff !important;}
a:hover{color:#FFD24F !important;}


html,body{}
body {margin:0; padding:0; background:#333 url(../img/sw_page_bg.png); font-family:Helvetica, Arial, sans-serif; font-size:16px; color:#B5B5B5;}
/* custom fonts */
@font-face {
	font-family: 'eurof55-webfont';
	src: url('fonts/eurof55-webfont.eot');
	src: local('☺'), url('fonts/eurof55-webfont.woff') format('woff'), url('fonts/eurof55-webfont.ttf') format('truetype'), url('fonts/eurof55-webfont.svg#webfont8xigBfG2') format('svg');
}
@font-face {
	font-family: 'eurof35-webfont';
	src: url('fonts/eurof35-webfont.eot');
	src: local('☺'), url('fonts/eurof35-webfont.woff') format('woff'), url('fonts/eurof35-webfont.ttf') format('truetype'), url('fonts/eurof35-webfont.svg#webfont8xigBfG2') format('svg');
}
@font-face {
	font-family: 'graublauweb-webfont';
	src: url('fonts/graublauweb-webfont.eot');
	src: local('☺'), url('fonts/graublauweb-webfont.woff') format('woff'), url('fonts/graublauweb-webfont.ttf') format('truetype'), url('fonts/graublauweb-webfont.svg#webfont8xigBfG2') format('svg');
}
@font-face {
    font-family: 'sansationregular';
    src: url('fonts/sansation_regular-webfont.eot');
    src: url('fonts/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sansation_regular-webfont.woff') format('woff'),
         url('fonts/sansation_regular-webfont.ttf') format('truetype'),
         url('fonts/sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
ul, ol{color:#fff;}
ul li{padding:0;}
#menu, .sf-menu, .sub-menu {list-style:none; margin:0; padding:0;}

.clear{clear:both;}
a:link,a:visited,a:hover{color:#ddd; text-decoration:none;}
a:hover{color:#fff; text-decoration:none;}
#bg{width:100%; height:100%;}
#bgimg{display:none; cursor:pointer; -ms-interpolation-mode: bicubic;} /* special IE fix for resized images */
#preloader{position:absolute; z-index:2; width:140px; padding:20px; top:150px; right:50px; background:#000; color:#666; font-family:graublauweb-webfont, Helvetica, Arial, sans-serif; font-size:16px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#preloader img{margin-right:20px;}
#outer_container{position:relative; margin:0; width:100%; padding:0 100px 0 0; bottom:0px !important; left:0; right:0; z-index:2; background:url(../img/empty.gif);} /* fucking IE needs a background value to understand hover area */
#customScrollBox{position:relative; overflow:auto; width:100%; height:300px; background:url(../img/bg_content_nav.png); outline:none;}
#customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#customScrollBox .content{clear:both; padding:10px;}
.light{font-family:eurof35-webfont, Helvetica, Arial, sans-serif;}
.grey{color:#999;}
.lightgrey{color:#ddd;}
.s36{font-size:36px;}
.s24{font-size:24px;}
#customScrollBox a.thumb_link{position:relative; margin:5px; display:block; float:left;}
#customScrollBox img{border:none;}
#customScrollBox a.thumb_link .selected{position:absolute; top:0; left:0; width:145px; height:91px; background:url(../img/sw_thumb_selected.png) no-repeat; display:none;}
#arrow_indicator{position:absolute; z-index:1; width:50px; padding:10px; top:20px; right:20px; background:url(../img/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer;}
#info_arrow{position:absolute; z-index:1; padding:7px 20px; padding:10px; top:100px; right:20px; background:url(../img/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none; cursor:pointer; font-size:10px; color:#fff !important;}
#info_arrow2{position:absolute; z-index:1; padding:7px 20px; padding:10px; top:100px; left:20px; background:url(../img/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none; cursor:pointer; font-size:10px; color:#fff !important;}
#info_arrow_nav{position:absolute; z-index:1; padding:7px 20px; padding:10px; bottom:180px; left:20px; background:url(../img/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none; cursor:pointer; font-size:10px; color:#fff !important;}

#arrow_nav{cursor:pointer; margin-left:50px;}

#nextimage_tip{position:fixed; z-index:1; padding:0 20px; line-height:40px; color:#fff; height:40px; top:200px; margin-top:-20px; right:20px; background:url(../img/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none; font-family:graublauweb-webfont, Helvetica, Arial, sans-serif;}
.with_border{border:1px solid #000;}
.with_shadow{-moz-box-shadow:0 0 40px #000; -webkit-box-shadow:0 0 40px #000; box-shadow:0 0 40px #000;}

#menu{padding-left:20px; font-size:18px;}
#menu li{margin:0 0 5px 0; font-style:italic !important;}
#menu li a{font-style:italic !important;}
.logo{display:block; background:url(../img/logo-fssp.png) no-repeat; width:101px; height:116px; margin:10px 0 25px 55px;}
#return{position:absolute; z-index:1; top:20px; left:20px; display:block; width:70px; height:70px; background:url(../img/mini-logo.png) no-repeat;}
.return{position:absolute; z-index:1; bottom:50px; left:70px; display:block; width:60px; height:69px; background:url(../img/mini-logo-fssp.png) no-repeat;}
#info{position:absolute; bottom:10px; left:7px; font-size:14px; margin-left:10px;}
#info p{margin-bottom:-5px;}
.sub-menu{display:none; margin:10px 0 25px 10px; font-size:16px;}
.active{display:block !important; color:#ffd24f !important;}

/***** Content *****/
.text{position:absolute; z-index:1; width: 858px; display:block; background:url(../img/bg_content_nav.png); padding:20px; font-size:16px; line-height:1.5em; color:#fff;}
.text h1{font-size:28px; margin-bottom:15px; color:#ffd24f; padding-bottom:12px; border-bottom:1px solid #0055a5;}
.text h2{font-size:24px; font-weight:bold; margin:20px 0; color:#ffd24f;}
.text h3{font-size:20px; margin-bottom:15px; color:#fff;}
.text p{margin-bottom:15px;}
.showText{top:10%; left:350px;}
.scrolltext{ overflow:auto; padding-right:7px; outline:none;}


/*
* CONTACT
**/

div.input{
	margin-bottom: 20px;
}
div.input label{
	display: block;
	padding-bottom: 10px;
}
body .input input,.input textarea{
	width: 460px;
	height: 23px;
	background-color: #000;
	border:none;
	color: #000;
	padding: 5px;
	outline:none;
}
.input textarea{
    height:170px;
}

/** O_o ! **/
div.placeholder{
    width: 460px;
    height: 33px;
    position: relative;
    background-color: #ccc;
}
div.placeholder.textarea{
    height:170px;
	background-color: #ccc;
}
div.placeholder label{
	position: absolute;
	top: 0;
	left: 5px;
	height: 33px;
	line-height: 33px;
	color:#000;
}
div.placeholder.textarea label{
	position: absolute;
	top: 0;
	left: 5px;
	height: 25px;
	line-height: 25px;
}
div.placeholder input,div.placeholder textarea{
	position: absolute;
	top: 0;
	left: 0;
        background:transparent;
}

div.submit input{padding:5px 10px; background:#bcbcb5; border:none; color:#000; font-size:14px; cursor:pointer;}

.required.error{color:red;}
textarea{resize:none;}

.close{display:block; position:absolute; top:5px; right:5px; width:9px; height:9px; background:url(../img/close.png) no-repeat;}

/********** Slide Show **********/
.next, .play, .prev{display: inline-block; width:18px; height:18px; position:absolute; z-index:1; top:150px; right:20px; background:rgba(0,0,0,0.3) url(../img/play.png); margin-right:5px; background-repeat:no-repeat; text-align:center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.next {background-position:-54px 0;}
.play {right:45px !important; background-position:-36px 0;}
.pause{background-position:-18px 0 !important;}
.prev { right:70px !important;background-position:0 0;}

tr{border-bottom:1px dotted #FFD24F; padding-top:20px;}
td{min-width:200px;}
table{width:100% !important;}
table p{margin-bottom:0px !important;}

.news{border-bottom:1px dotted #FFD24F; padding-bottom:20px;}

/********** Accordion **********/
.accordion .ui-state-focus{
    outline: none;
}
.ui-accordion-header{ font-size: 24px !important; font-weight: bold; margin: 20px 0; color: #FFD24F  !important;}
div.accordion{width:100%;}
div.accordion h2 a{color:#ffd24f !important;}
div.accordion h3 { /*padding:16px 4px;*/ }
div.accordion h3:hover{cursor:pointer;}
div.accordion h3 a{font-size: 24px !important; color:#FFD24F !important;}
.ui-accordion-content {margin-left:10px; margin-top:7px;}

/********** Select ************/
.select{width:460px; font-size:14px; height:36px; background:#ccc; color:#000; outline:none;}

.leftbox{float:left; width:490px;}
.rightbox{float:right; width:350px;}

#listeSlide{position:absolute; width:100%; height:200px; bottom:-200px; right:0px; left:0px; z-index:5000; display:none; background:url(../img/bg_content_nav.png); overflow:auto;}
.thumb_link{display:inline-block; width:145px; height:91px; margin:10px 7px;}


.galerie div{display:inline-block; margin:10px 10px 20px 10px; float:left;}
.galerie div a img{display:inline-block;}
.galerie div span{display:block; text-align:center;}

.mceContentBody {background:#000; background:url(../img/bg_content_nav.png);}
.mceContentBody h2 {font-size:24px; font-weight:bold; margin:20px 0; color:#ffd24f; font-family:sansationregular, Arial, Helvetica, sans-serif;}
.mceContentBody h3 {font-size:20px; font-weight:bold; margin:20px 0; color:#fff; font-family:sansationregular, Arial, Helvetica, sans-serif;}
.mceContentBody p{margin-bottom: 15px; font-size:16px; line-height:1.5em; color:#fff;}
#dynamic_select{display:none;}
.showMobile{display:none;}

.date{font-size:20px; font-weight:bold; margin-bottom:10px; color:#FFD24F;}
.icon-eye-open, .icon-download-alt{color:#FFD24F;}
.icon-eye-open:hover, .icon-download-alt:hover{color:#fff;}

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }