/*==============================================================
    ====================CREATRIX IDEAS========================
    =====================NOTA CSS=============================
    ============================================================*/
body {
     background: url('../Images/bg.png') no-repeat bottom center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
    font-family: 'Roboto', sans-serif;
    background-color:#e5e5e5;
}

::selection {
  background: #e90202; 
  color:#FFFFFF;
}
::-moz-selection {
  background: #e90202; 
  color:#FFFFFF;
}

:hover{
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    outline:none;
}

a{
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    outline:none;
}

img{
    outline:none;
    border:none;
}
/*------------------------------DEFAULT TAGS -----------------------------
    ----------------------------------------------------------------------*/
header {
    position:relative;
    display:inline-block;
    top:0;
    width: 100%;
    padding: 5px 10%;
    background-color:rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
border-bottom:3px solid #FFFFFF;
 z-index:999;
 left:0;
}

header ul {
    padding:0;
    margin:0;
    list-style:none;
    width:100%;
    display:inline-block;
   
}

header ul li{
    float:left;
}

header ul li.logo img{
    max-width:130px;
}

header ul li a:link,
header ul li a:visited,
header ul li a:active{
    text-decoration:none;
    text-align:center;
    padding:3px 15px;
    font-size:12px;
    color:#0094ff;
}
    header ul li a:hover {
        color:#404040;
    }

       header .img {
    width:20%;
    float:left;
}

    header .img img{
    max-width:70px;
    float:left;
}




    header ul.main {
    padding:0;
    margin:0;
    list-style:none;
    width:80%;
    float:left;
}

        @media screen and (max-width:800px) {
    header ul.main {
   display:none;
}
}

            header ul.main li span{
    font-size:11px;
}

header ul.main li{
    float:right;
    display:block;
     margin-top:20px !important;
}



header ul.main li a:link,
header ul.main li a:visited,
header ul.main li a:active{
    text-decoration:none;
    text-align:center;
    padding:3px 15px;
    font-size:14px;
    color:#0094ff;
   
}
    header ul.main li a:hover {
        color:#404040;
    }

    footer {
    position:fixed;
    bottom:0;
    width: 100%;
    padding: 10px 10%;
    background-color:rgba(255,255,255,0.7);
    font-size:11px;
    text-align:center;
}

      footer.main {
    position:relative;
    display:inline-block;
    bottom:0;
    width: 100%;
    padding: 10px 10%;
    background-color:rgba(255,255,255,0.9);
    font-size:11px;
    text-align:center;
    margin-top:20px;
}

@media screen and (min-width:601px) {
    .login-content {
    margin-top:12%;

}
}

@media screen and (max-width:600px) {
    .login-content {
    margin-top:100px;
}
}

 .login-content .left{
   background-color:#FFF;
   min-height:400px;
   padding: 20px 30px 30px;
   -webkit-box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
}

  .login-content .left label{
   font-weight:bold !important;
   font-size:12px !important;
   margin-bottom:5px;
}

 .login-content .right{
   
   background-color:rgba(0, 98, 212, 0.6);
   font-size:11px;
   line-height:16px;
   text-align:justify;
   padding:30px;
   min-height:400px;
   color:#FFF;
   -webkit-box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
box-shadow: 0px 1px 20px -5px rgba(0,0,0,0.56);
}


 @media screen and (min-width:801px) {
    .main-content {
    margin-top:20PX;

}
}

@media screen and (max-width:800px) {
    .main-content {
    margin-top:100PX;
}
}

.main-content {
    background-color: #FFF;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px -3px 17px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 17px -6px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 17px -6px rgba(0,0,0,0.75);
}

    .main-content h1 {
        color: #FFF;
        font-weight: bold;
        font-size: 18px;
        background-color: #8d8d8d;
        padding: 14px 10px;
        border-radius: 5px;
    }

  .main-content article {
   font-size:14px;
   line-height:24px;
   color:#404040;
   text-align:justify;
   padding:20px;
}

    .main-content article strong {
   font-weight:bold;
   font-size:18px;
}

        .main-content article b {
   font-weight:bold;
}