/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');


body{ font-family:"Open Sans",Verdana, Arial; background-color: rgba(0, 0, 0, 0.08); font-size:13px; color:#000; margin: 0; }
h1, h2, h3{	color:#000000; text-align:center; margin:0; margin-bottom:10px; }
h1{	font-size:25px; }  
h2{ font-size:18px; }
h3{ font-size:16px; text-align:left; color:#333; }
p{ margin-bottom:5px; }

/*////////////////////////////////////////////////////////
/////// TOP BAR (LANG + SEARCH + MEMBER BAR)
////////////////////////////////////////////////////////*/
#site-topbar{ margin-bottom:5px; color:rgba(0,0,0,0.6); }
.site-topbar{ margin:auto; width:1200px; height:32px; padding-top:8px; }
.site-topbar-langs, .site-topbar-message, .site-topbar-search{ display:inline-block; vertical-align:middle; position:relative; }

/*///// LANGS
////////////////////////////////////////////////////////*/
.site-topbar-langs{ padding-right:20px; font-size:10px; margin-bottom:-5px; }
.site-topbar-langs img, a{ display:inline-block; text-decoration:none; vertical-align:middle; padding:5px 10px 5px 10px; }
.site-topbar-langs a{ color:rgba(0,0,0,0.6); -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
.site-topbar-langs a:hover{ background:#fff; color:#000; }

/*///// MESSAGE
////////////////////////////////////////////////////////*/
.site-topbar-message{ height:24px; overflow:hidden; margin-bottom:-8px; font-size:14px; vertical-align:middle; }

/*///// SEARCH
////////////////////////////////////////////////////////*/
.site-topbar-search{ float:right; }
.site-topbar-search input[type=text]{ display:inline-block; vertical-align:middle; background-color: #CCC; width:140px; height: 25px; color:rgba(0,0,0,0.6); border:1px solid rgba(0,0,0,0.1); padding-left:10px; padding-right:35px; -moz-transition: width 0.3s; -webkit-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
.site-topbar-search input:focus{ width:240px; background-color: #FFF; }
.site-topbar-search input[type=image]{ position:absolute; vertical-align:middle; width:20px; margin: 5px 0px 0px -35px; border-left: 1px solid rgba(0,0,0,0.2); filter: alpha(opacity=40); opacity : 0.4; padding-left:7px; }

/*/// HEADER
////////////////////////////////////////////////////////*/
#site-header{ width:1200px; height:140px; margin: auto; margin-bottom:20px; }
.site-header{ display:table; width:1200px; height:140px; background:#1D6BAD; background-repeat: no-repeat; background-position: center; background-size: cover; }
/* .site-header{ display:table; width:1200px; height:140px; background-image:url("images/header-background.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } */
.site-header-logo{ display:table-cell; padding-left:50px; vertical-align:middle; }
.site-header-slogan{ display:table-cell; min-width:150px; max-width:300px; text-align:left; vertical-align:middle; }
.site-header-slogan p{ margin:0; margin-right:70px; padding-left:20px; padding-top:20px; padding-bottom:20px; vertical-align:middle; color:#fff; background:rgba(0,0,0,0.1); font-size:14px; font-weight:500; border-radius:2px; }


/*//// MENU BAR
////////////////////////////////////////////////////////*/
#site-menu-buttons{ display: none; margin:auto; width:1200px; }
.site-menu-buttons{ background-color:#1D6BAD; height:60px; padding: 0px 10px 0px 40px; text-align:center; }
.site-menu-buttons-show{ display: none; float:right; width:60px; height:60px; margin-top:10px; cursor:pointer; }
.site-menu-buttons-show img{ width:40px; height:auto; }
.site-menu-buttons-hide{ display: none; float:right; width:60px; height:60px; margin-top:10px; cursor:pointer; }
.site-menu-buttons-hide img{ width:40px; height:auto; }

#site-menu-horizontal{ margin:auto; width:1200px; margin-bottom:20px; font-family:"Open Sans",Verdana, Arial; font-weight:300; text-transform: uppercase; letter-spacing: -1px; }
.site-menu-horizontal{ background-color:#1D6BAD; height:60px; padding: 0px 10px 0px 40px; text-align:center; }
.site-menu-horizontal ul{ padding : 0; margin : 0; list-style : none; line-height : 60px; color:#FFF; }
.site-menu-horizontal a{ display: block; padding: 0; text-decoration: none; color:inherit; }
.site-menu-horizontal li{ float: left; font-size:18px; font-weight: 400; padding-left: 20px; padding-right: 20px; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
.site-menu-horizontal li:hover{ background:#FFF; line-height : 60px; margin-top:-3px; border-top:3px solid #1D6BAD; color:#000; }
.site-menu-horizontal li a:hover{ color:inherit; }
.site-menu-horizontal li ul{ z-index: 999; position: absolute; margin-left:-20px; width: 120px; left: -999em; color:#000; }
.site-menu-horizontal li ul li{ background:#FFF; width:140px !important; line-height: 35px; font-size: 15px; font-weight: 400; text-transform: none; letter-spacing: 0px; text-align:left; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; /* border-left: 1px solid #1D6BAD; border-right: 1px solid #1D6BAD; */ }
.site-menu-horizontal li ul li:hover{ color:#4BD2E9;	margin-top:0px; line-height: 35px; border-top:none; }
.site-menu-horizontal li ul li:last-child{ border-bottom: 1px solid #1D6BAD; padding-bottom:5px; }
.site-menu-horizontal li:hover ul, .menu li.sfhover ul{ left: auto; min-height: 0;}

#site-menu-vertical{ display:none; }

/*//// MAIN SECTION
////////////////////////////////////////////////////////*/
#site-main{ margin:auto; width:1200px; margin-bottom:10px; }
.site-main{ display:block; text-align:justify; height:auto !important; overflow: auto; padding: 0px 0px 10px 0px; }
.site-main a{ color: inherit; text-decoration:underline; padding:0; }
.site-main a:hover{ text-decoration:none; }
.site-main hr{ color:#DFDFDF; }
.site-main form { background-color: rgba(0, 0, 0, 0.08); padding:20px; width:70%; margin:auto; }

.site-main fieldset{ padding:0 20px 20px 20px; margin-bottom:10px; border:1px solid #DF3F3F; }
.site-main legend{ color:#DF3F3F; font-weight:bold; }
.site-main label{ margin-top:0px; display:inline-block; vertical-align:middle; }
.site-main label.inline{ display:inline-block; vertical-align:middle; margin-right:50px; }
.site-main input, textarea, select, option { background-color:white; padding:3px; border:1px solid rgba(0,0,0,0.2); resize: none; }
.site-main input:disabled, textarea:disabled, select:disabled{ box-shadow: none; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.05); }
.site-main input{ width:262px; }
.site-main-large{ min-width:500px; }
.site-main-medium{ min-width:350px; }
.site-main select{ min-width:100px; }
.site-main input[type=radio]{ background-color:transparent; border:none; width:25px; }
.site-main input[type=checkbox]{ background-color:transparent; border:none; width:25px; box-shadow: none; }
.site-main input[type=submit], input[type=reset]{ width:120px; margin-left:5px; cursor:pointer; }
.site-main input[type=number]{ border:none; width:35px; }
.site-main input[type=email]{ width:300px; }
.site-main input:focus, textarea:focus, select:focus{ background: rgba(0, 97, 255, 0.04); }
.site-main input[type=submit]:hover, input[type=reset]:hover{ background:#4BD2E9; color:#fff; }
.site-main input[type=submit]:active, input[type=reset]:active{  }

.site-main-pageslist{ margin:auto; width:100%; margin-top:20px; margin-bottom:20px; font-size:12px; }
.site-main-pageslist ul{ padding : 0; margin : auto; list-style : none; line-height : 20px; }
.site-main-pageslist a{ padding: 0; text-decoration: none; }
.site-main-pageslist li{ display: inline-block; font-weight: 400; /* background:rgba(0,0,0,0.2); */ margin-left:2px; padding-left: 8px; padding-right: 8px; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
.site-main-pageslist li:hover{ background:#4BD2E9; color:#fff; }
.site-main-pageslist-selected{ background:#4BD2E9; color:#fff; }



/*//// FOOTER
////////////////////////////////////////////////////////*/
#site-footer-topbar{ background: rgba(0,0,0,0.7); }
.site-footer-topbar{ margin: auto; padding-top: 5px; width:1200px; min-height: 60px; color:#FFFFFF; text-align:left; }
.site-footer-topbar img{ display:inline-block; vertical-align:middle; height:45px }
.site-footer-topbar p{ display:inline-block; float:right; vertical-align:top; }
.site-footer-topbar a{ text-decoration:none; color:#FFFFFF; text-transform: uppercase; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; }
.site-footer-topbar a:hover{ color:#4BD2E9; }

#site-footer-middle{ background: rgba(0,0,0,0.6); }
#site-footer-middle h1{ color:#fff; font-size:14px; text-align:left; }
.site-footer-middle{ margin: auto; width:1200px; overflow:auto; color:#FFFFFF; text-align:left; padding-top:40px; padding-bottom:40px; }
.site-footer-middle-message{ display: block; float: left; width:340px; padding:20px; }
.site-footer-middle-newsletter{ display: block; float: left; width:340px; height:150px; padding:20px; padding-left:40px; border-left:1px solid rgba(255,255,255,0.2); }
.site-footer-middle-newsletter input[type=email]{ width:200px; height:20px; border:1px solid rgba(255,255,255,0.9); background:rgba(255,255,255,0.5); }
.site-footer-middle-newsletter input[type=email]:focus{ background:rgba(255,255,255,0.8); }
.site-footer-middle-newsletter input[type=submit]{ min-width:100px; height:24px; color:rgba(0,0,0,0.8); border:1px solid rgba(255,255,255,0.9); border-left:none; background:rgba(255,255,255,0.5); }
.site-footer-middle-newsletter input[type=submit]:focus{ background:rgba(255,255,255,0.8); }
.site-footer-middle-social{ display: block; float: left; width:340px; height:150px; padding:20px; padding-left:40px; border-left:1px solid rgba(255,255,255,0.2); }
.site-footer-middle-social a{ margin:none; padding:0; opacity:0.4; -webkit-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
.site-footer-middle-social a:hover{ opacity:0.6; }

#site-footer-sign{ background: rgba(0,0,0,0.7); }
.site-footer-sign{ margin: auto; padding-top:5px; width:1200px; color:#FFFFFF; text-align:center; }
.site-footer-sign img{ display:inline-block; vertical-align:middle; padding-left:20px; max-height:35px; opacity:0.4; }
.site-footer-sign p{ margin: 0; padding-bottom:10px; font-size:12px; }
.site-footer-sign a{ color:#FFF; padding: 0; margin-bottom:3px; font-weight:600; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; }
.site-footer-sign a:hover{ color:#4BD2E9; }


#textButton{ display:inline-block; vertical-align:middle; background: #CCC; width:100px; height:23px; padding:5px 0px 3px 0px; margin:10px 0px 10px 0px; text-align:center; color:#000; border-bottom:3px solid rgba(51,51,51,1); }
#textButton:hover{ background:rgba(0,0,102,0.3); border-bottom:3px solid rgba(0,0,102,0.8); color:#FFF; }


/*//// MESSAGES
////////////////////////////////////////////////////////*/
.msg-succes{ display:inline-block; background:url("icons/check.png"), rgba(0,102,0,0.1); background-position:5px 4px; background-repeat:no-repeat; background-size:25px; color:#030; text-align:left; padding:10px; padding-left:50px; margin-bottom:10px; border-left:3px #030 solid; }
.msg-error{ display:inline-block; background:url("icons/warning.png"), #FFD5D5; background-position:5px 4px; background-repeat:no-repeat; background-size:25px; color:#600; text-align:left; padding:10px; padding-left:50px; margin-bottom:10px; border-left:3px #600 solid; }
.msg-warning{ display:inline-block; background:url("icons/warning.png"), #FF9; background-position:5px 4px; background-repeat:no-repeat; background-size:25px; color:#600; text-align:left; padding:10px; padding-left:50px; margin-bottom:10px; border-left:3px #600 solid; }

#error-pages{ display:block; margin: auto; background:#fff; text-align:justify; min-height:700px; overflow: auto; padding: 20px; }
.error-pages-errormsgdisplay{ display:block; margin:auto; width: 60%; background:url("icons/warning.png"), #FFD5D5; background-position:5px 4px; background-repeat:no-repeat; background-size:25px; color:#600; text-align:left; padding:10px; padding-left:50px; margin-bottom:10px; border-left:3px #600 solid; }

@media screen and (max-width : 1240px){
	.site-topbar{ width:960px; }
	#site-header{ width:960px; }
	.site-header{ width:960px; }
	#site-menu-horizontal{ width:960px; }
	#site-main{ width:960px; }
	.site-footer-topbar{ width:960px; }
	.site-footer-middle{ width:960px; }
	.site-footer-middle-message{ width:290px; }
	.site-footer-middle-newsletter{ width:280px; }
	.site-footer-middle-newsletter input[type=email]{ width:150px; }
	.site-footer-middle-social{ width:200px; } 
	.site-footer-sign{ width:960px; }
}

@media screen and (max-width : 1140px){
	.site-topbar{ width:800px; }
	#site-header{ width:800px; }
	.site-header{ width:800px; }
	.site-header-logo{ padding-left:20px; vertical-align:middle; }
	.site-header-logo img{ width:250px; height:auto; }
	.site-header-slogan p{ margin-right:25px; padding-left:20px; padding-right:20px; }
	#site-menu-horizontal{ width:800px; }
	.site-menu-horizontal{ padding: 0px 10px 0px 10px; text-align:center; }
	.site-menu-horizontal li{ padding-left: 15px; padding-right: 15px; }
	.site-menu-horizontal li ul{ margin-left:-15px; }
	#site-main{ width:800px; }
	.site-footer-topbar{ width:800px; }
	.site-footer-middle{ width:800px; overflow:hidden; }
	.site-footer-middle-message{ width:800px; margin-bottom:20px; padding-bottom:40px; border: none; border-bottom:1px solid rgba(255,255,255,0.2); }
	.site-footer-middle-newsletter{ width:800px; margin-bottom:20px; border: none; border-bottom:1px solid rgba(255,255,255,0.2); }
	.site-footer-middle-newsletter input[type=email]{ width:150px; }
	.site-footer-middle-social{ width:800px; height:80px; border: none; } 
	.site-footer-sign{ width:800px; }
}

@media screen and (max-width : 980px){	
	.site-topbar{ width:650px; }
	#site-header{ width:650px; }
	.site-header{ width:650px; }
	#site-menu-horizontal{ width:650px; }
	#site-main{ width:650px; }
	.site-footer-topbar{ width:650px; }
	.site-footer-middle{ width:650px; }
	.site-footer-middle-message{ width:650px; }
	.site-footer-middle-newsletter{ width:650px; }
	.site-footer-middle-newsletter input[type=email]{ width:150px; }
	.site-footer-middle-social{ width:650px; } 
	.site-footer-sign{ width:650px; }
	.site-main-large{ min-width:400px; }
	.site-main-medium{ min-width:280px; }
}

@media screen and (max-width : 800px){
	.site-topbar{ width:480px; }
	#site-header{ width:480px; height:100px; }
	.site-header{ width:480px; height:100px; }
	.site-header-logo{ padding-left:10px; }
	.site-header-logo img{ width:220px; height:auto; }
	.site-header-slogan p{ font-size:12px; margin-right:10px; margin-left:20px; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; }
	
	#site-menu-buttons{ display: block; width:480px; }
	.site-menu-buttons{ display: block; }
	.site-menu-buttons-show{ display: block; }
	
	#site-menu-horizontal{ display:none; }
	
	#site-menu-vertical{ margin:auto; display:block; width:480px; background:rgba(0,0,0,0.9); font-family:"Open Sans",Verdana, Arial; font-weight:300; text-transform: uppercase; letter-spacing: -1px; min-height:0px; color:#FFF; }
	.site-menu-vertical{ margin:0; margin-bottom:15px; padding:0; }
	.site-menu-vertical a{ margin:0; padding-left:20px; width:480px; border-bottom:1px solid rgba(255,255,255,0.1); color:#FFF; }
	.site-menu-vertical ul{ display:block; list-style:none; margin:0; padding:0; text-align:left; font-size:18px; font-weight:600; }
	.site-menu-vertical li{ line-height:45px; }
	.site-menu-vertical li ul li{ line-height:40px; font-size:16px; }
	.site-menu-vertical li ul li:last-child a{ border-bottom: none; }
	.site-menu-vertical li ul a{ padding-left:40px; padding-right:40px; width:400px; background:#000; font-weight:400; border-bottom:1px solid rgba(255,255,255,0.1); }
	.site-menu-vertical li ul a:hover{ color:#4BD2E9; }
	
	.site-menu-vertical{ display:none; }
	
	#site-main{ width:480px; margin-top:15px; }
	.site-footer-topbar{ width:480px; }
	.site-footer-middle{ width:480px; }
	.site-footer-middle-message{ width:450px; }
	.site-footer-middle-newsletter{ width:450px; }
	.site-footer-middle-newsletter input[type=email]{ width:150px; }
	.site-footer-middle-social{ width:450px; } 
	.site-footer-sign{ width:480px; }
	
	.site-main-large{ min-width:300px; }
	.site-main-medium{ min-width:200px; }
}

@media screen and (max-width : 700px){	
	.site-topbar{ width:400px; }
	.site-topbar-search input:focus{ width:200px; }
	#site-header{ width:400px; height:100px; }
	.site-header{ width:400px; height:100px; }
	.site-header-logo{ padding-left:10px; }
	.site-header-logo img{ width:200px; height:auto; }
	.site-header-slogan p{ font-size:10px; }
	
	#site-menu-buttons{ display: block; width:400px; }
		
	.site-menu-vertical li{ width:400px; }
	.site-menu-vertical li ul a{ width:320px; }
	
	#site-menu-vertical{ width:400px; }
	.site-menu-vertical a{ width:400px;  }
	.site-menu-vertical li ul a{ width:320px; }
	
	.site-menu-vertical{ display:none; }
	
	#site-main{ width:400px; }
	.site-footer-topbar{ width:400px; }
	.site-footer-topbar img{ width: 50px; height: auto; width: auto\9; /* ie8 */ }
	.site-footer-middle{ width:400px; }
	.site-footer-middle-message{ width:350px; }
	.site-footer-middle-newsletter{ width:350px; }
	.site-footer-middle-newsletter input[type=email]{ width:150px; }
	.site-footer-middle-social{ width:400px; } 
	.site-footer-sign{ width:400px; }
	
	.site-main-large{ min-width:150px; }
	.site-main-medium{ min-width:130px; }
}