html, body { -webkit-font-smoothing: antialiased; background:#333;}

body{ color:#004A97; font-family: 'Droid Sans', sans-serif; }
*{ margin:0; padding:0;}
 
.clear{ margin:0; padding:0; height:0; line-height:0; font-size:0; clear:both;}
.left-align{ text-align:left;}
.right-align{ text-align:right;}
.center-align{ text-align:center;}
.justify-align{ text-align:justify;}
a{ text-decoration:none; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear;
 transition: color 0.3s linear;}
a:hover{  -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear;
 transition: color 0.3s linear;}
.relative{ position:relative;}
img{ border:0px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
.radius4{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
 

.transparent{opacity:0.85; -moz-opacity:0.85; -webkit-opacity:0.85; -ms-opacity:0.85; -o-opacity:0.85;}

.bottom{ height:40px; width:100%; float:left; }


/* LOGIN */

  
#login{ border:8px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; max-width:400px; margin:10% auto 0 auto; padding:0; background:#fff; }
#login .logo{ padding:20px 0px 20px 0px; text-align:center;}
#login .logo h1{ color:#333; font-size:14px; }
#login .login-box{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; padding:40px; background:#f4f4f4;}
#login .login-box h2{ background:url(../img/login-icon.png) no-repeat left; padding-left:30px;  font-size:22px; color:#333; }
#login .login-box label{ width:295px; float:left; color:#666666; font-size:12px; padding:20px 0px 5px 0px;}
#login .login-box input{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; width:295px; height:40px; border:1px solid #ccc; color:#333; font-size:14px; font-family: 'Droid Sans', sans-serif; padding:0px 10px;}
#login .login-box input[type="button"]{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; text-transform:uppercase; color:#fff; margin:20px 0px 0px 3px; cursor:pointer; border:0px; float:right; height:40px;  background:#f15921; width:100px;}
#login .login-box input[type="button"]:hover{ background:#333; outline:none;}
#login .login-box a{ font-size:12px;  float:left; margin-top:30px; color:#004A97;}



/* HEADER */

header{ background:#ffffff; height:70px; margin:0; padding:0; width:100%;}
header .user{ float:right; background:#666666; height:70px; padding:0px 22px; }
header .user h3{ float:left; color:#fff; font-size:11px; font-weight:normal; line-height:70px;}
header .user ul{ float:right; margin-top:25px;}
header .user ul li{ list-style:none; float:right;  padding-left:5px;}

header .add-data{ float:right; height:70px;}
header .add-data ul{ margin-top:22px;}
header .add-data ul li { padding-right:22px; list-style:none; font-size:11px; float:right; }
header .add-data ul li a{ color:#666666;}
header .add-data ul li a:hover{ color:#fff;}
header .add-data ul li a span{ display:block; margin-left:10px; float:right;}
header .add-data ul li a section{ float:left; margin-top:6px;}
header .logo-head{ padding:0px 22px 0px 22px; height:70px; background:#fff; float:left;}
header .logo-head img{ margin-top:18px;}
 
 
.cover{ display:none; z-index:999; height:100%; width:100%; position:absolute; left:0; top:0; background:#fff;}
.cover h1{ font-size:15px; background:#333; height:50px; line-height:50px; color:#fff; font-weight:700; position:fixed; width:100%;}
.cover h1 span{ padding-left:20px;}
.cover .close{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-opacity:1; width:45px; height:45px; background:#333 url(../img/close.png) center no-repeat; position:absolute; z-index:9999; right:0px; top:0px;}
.cover .close:hover{ opacity:0.9; -moz-opacity:0.9; -webkit-opacity:0.9; -ms-opacity:0.9; }
.cover iframe{ overflow-x: hidden; position:absolute; left:0px; top:0px; width:100%; height:100%; border:0px;}


.container{ max-width:600px; height:auto; margin:12% auto 0 auto;  text-align:center;} 
.container h1{ color:#fff; padding-bottom:12%;}
.container a {width:300px; display:block; margin:0 auto; font-size:12px;  background:#f15921 url(../img/arrow.png) right no-repeat; color:#fff; margin-bottom:30px; padding:13px 0px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; } 

.container a:hover{ background:#666 url(../img/arrow.png) right no-repeat;}
 
/*FOOTER*/

footer{ text-align:center; font-size:11px; color:#9E9E9E; height:40px; line-height:40px; width:100%; position:fixed; bottom:0px;}

.video-block{ max-width:720px; height:400px; margin:8% auto 0 auto; text-align:center;  padding:0;}
.video-block h1{ color:#fff; padding-bottom:12%;}
video{ width:100%; height:100%; margin:0; padding:0;}
.fp-brand{ display:none !important;}