@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:#eeeeee; /*background:#8b93a0 url(../login_images/xenius-body-bg.jpg) top center no-repeat;*/ font-family:'Gafata', sans-serif; color:#313131;}
.bodyWrapper{width:100%; height:100%; display:block; /*border-top:8px solid #315882;*/ float:left;}
.loginContainer{width:980px; margin:0 auto;}
.logo{background:url(../login_images/xenius-logo.png) no-repeat 25px; width:100%; height:80px; margin:0; float:left; display:block;}
.loginWrapper{width:100%; float:left;}
/*Info Box*/
.elemholder{width:50%; float:left; margin-right:45px;}
.elemholder h1{padding-left:110px;}
.elemholder h2{font-size:32px; font-weight:normal; color:#315882; background:url(../login_images/h1-bg1.png) no-repeat left 38px; float:left;width:100%; height:60px; margin:0; padding:0;}
/*Login Box*/
.loginBox{width:35%; float:right; margin-top:84px;}
.loginBox h1{font-size:22px; font-weight:normal; color:#313131; background:url(../login_images/loghead-bg.gif) no-repeat 17px 15px; float:left;width:100%; height:56px; margin:0; padding:0;}
.line{background:url(../login_images/line-bg.gif) repeat-x; height:1px;}
.loginBox ul{width:100%; float:left; list-style:none; margin:0; padding:0; text-align:right;}
.loginBox ul li{width:100%; float:left; margin:0 0 13px; padding:0; font-size:13px; color:#3d3d3d;}
.loginBox ul li input[type="text"]{width:96%; height:34px; background:#fff /*url(../login_images/username.png) no-repeat left*/; border:none; padding-left:8px; color:#333;}
.loginBox ul li input[type="password"]{width:96%; height:34px; background:#fff /*url(../login_images/password.png) no-repeat left*/; border:none; padding-left:8px; color:#333;}
.loginBox label{float:left; line-height:16px;}
.loginBox a{float:right; color:#325883; text-decoration:none;}
.loginBox input[type="submit"]{background:#da1e48; color:#ffffff; font-size:16px; border:1px solid #da1e48; padding:7px 16px;  outline:none; cursor:pointer; float:left;}
.loginBox input[type="submit"]:hover{background:#005885; color:#ffffff;border:1px solid #005885;transition: opacity 0.2s ease-out 0.1s, color 0.1s linear 0s, background-color 0.1s linear 0s;}
.fbBtn{float:right; background:#325782 url(../login_images/fb-btn.png) no-repeat; width:196px; font-size:16px; border:1px solid #c6c6c6; padding:0; display:block; height:35px; line-height:34px;  outline:none; cursor:pointer;}
.fbBtn a{color:#ffffff; text-align:center; text-decoration:none; padding-left:38px; float:left;}
.loginBox .or{float:left; width:92px; text-align:center;}
/* Slider */
#example {width:100%; float:left; height:150px;position:relative;}
#slides {position:absolute;	left:4px;z-index:100; width:100%;}
#slides .link {	display:block;	margin-top:10px;font-weight:800;}
.slides_container {	width:100%;height:150px;overflow:hidden;position:relative;display:none;}
.slides_container ul{ float:left; width:100%; margin:0; padding:0; list-style:none;}
.slides_container ul li {float:left; margin:0 0 28px 0; padding:0; width:100%; font-size:20px;}
.slides_container ul li span{border:1px solid #a6aab6; height:50px; width:50px; margin-right:8px; float:left; display:block;box-shadow:1px 1px 8px #999 inset; background:#bcbeca;}
#slides .slide {padding:20px;width:530px;display:block; float:left;}
#slides .slide ul {/*	padding:20px;	width:530px;	height:230px;	display:block;*/}
#slides .slide h3 { margin:0; padding:0; float:left; font-weight:normal; color:#323232; font-size:20px;}
/*Next/prev buttons*/
/*#slides .next,#slides .prev {	position:absolute;	top:107px;	left:-39px;	width:24px;	height:43px;	display:block;	z-index:101;}
#slides .next {
	left:585px;
}*/
/* Pagination */
.pagination {	margin:26px auto 0;	width:100px;	float:left;	padding:0 0 0 30px;}
.pagination li {	float:left;	margin:0 1px;	list-style:none;}
.pagination li a {	display:block;	width:12px;	height:0;	padding-top:12px;	background-image:url(../login_images/pagination.png);	background-position:0 0;	float:left;	overflow:hidden;}
.pagination li.current a {	background-position:0 -12px;}
/*Footer Area*/
.footer{width:100%; float:left;background:#005885;/* background:url(../login_images/footer-bg.png) repeat;*/ height:32px; border-top:1px solid #fff; position:fixed; bottom:0;}
.footer .copy{width:52%; float:left; font-size:12px; background:#da1e48; color:#fff; line-height:32px;padding-left:12px;}
.footer .footer-link{
   float:left; 
   font-size:12px; 
   color:#d0d0d0;
   padding: 8px 15px 8px 15px;
   font-size: 13px;
   display: inline;
}
.footer .poweredBy{
    float:right; 
}
.footer .footer-link a{color:#d0d0d0; text-decoration:none; padding-right: 4px}
.footer .footer-link a:hover{color:#fff;}



.contactContainer {
    width:400px;
    color: #4D4D4D;
    text-align: justify;
    font-size:14px;
}
.contactContainer h1 {
    font-size:22px; font-size:22px; 
    font-weight:normal; 
    color:#313131; 
    background:url(../login_images/loghead-bg.gif) no-repeat 17px 15px; 
    float:left;
    width:100%; 
    height:56px; 
    margin:0; 
    padding:0;
    font-weight: bold;
}

.contentContainer {
    padding: 100px 200px 100px 200px;
    color: #4D4D4D;
    text-align: justify;
    font-size:14px;
}
.contentContainer h1 {
    font-size:22px; 
    font-weight:normal; 
    color:#313131; 
    background:url(../login_images/loghead-bg.gif) no-repeat 80px 15px; 
    float:left;
    width:100%; 
    height:56px; 
    margin:0; 
    padding:0;
    font-weight: bold;
}

.contentContainer a {
    color: #005583;
    text-decoration: none;
}

.contentContainer a:hover {
    color: #DA1E48;
}


@media only screen and (max-width:480px)
{
.elemholder{display:none;}
.loginContainer{width:100%}
.loginBox{width:90%; margin:0 auto;}
.loginBox ul{width:96%; float:left; list-style:none; margin:0; padding:0;}
.footer{width:100%; float:left;background:#005885; height:32px; border-top:1px solid #fff;}
.bodyWrapper{width:100%; float:left;}
}