/*------------------------------------------------------------------------------------------*/

.loginform{
   float:right;
   margin-right:20%;
   width:15%;
   height:30px;
   border:#f2cf8e solid 3px;
   color:#f2cf8e;
     background:#080B10;
   border-radius:5px;
}
.loginform:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.loginbut{
  float:right;
  margin-right:20%;
  width:5%;
   height:30px;
   border:#f2cf8e solid 3px;
   color:#f2cf8e;
   background:#080B10;
   border-radius:5px;
}

.loginbut:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.uitatpass{
  color:#f2cf8e;
  float:right;
  margin-right:2%;
}
.uitatpass:hover{
   color:red;
   text-shadow: 2px 2px 5px red;
}



/*-------------------------------------------------------------------------------------------*/
/*REGISTER */
.capchea{
  float:left;
  margin-left:45%;

}

.checkbox{
  float:left;
  margin-left:40%;
  color:red;
}


.log2{
       margin-top:2%;

      float:left;      
       margin-left:42%;
       
}
.log2:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.mamrazgindit{
       margin-top:2%;
       
      float:left;      
       margin-left:2%;
       
}
.mamrazgindit:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}



.register2 {
       margin-top:3%;
       margin-bottom:10px;
      float:left;      
       margin-left:46%;
       
}
.register2:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


.register11 {
      -webkit-background-size: 350px; 
    -moz-background-size: 350px; 
    -o-background-size: 350px;
     background:#080B10;
       color:#f2cf8e;
       margin-top:2%;
       margin-bottom:10px;
       height:35px;
        width:350px;
       border-radius:7px;
       border-top:#f2cf8e solid 1px;
       border-left:#f2cf8e solid 1px;
       border-bottom:#f2cf8e solid 3px;
       border-right:#f2cf8e solid 3px;
      float:left;
       
       margin-left:40%;
       
}
.register11:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


   .register1 {
      -webkit-background-size: 350px; 
    -moz-background-size: 350px; 
    -o-background-size: 350px;
     background:#080B10;
       color:#f2cf8e;
     
       margin-bottom:10px;
       height:35px;
        width:350px;
       border-radius:7px;
       border-top:#f2cf8e solid 1px;
       border-left:#f2cf8e solid 1px;
       border-bottom:#f2cf8e solid 3px;
       border-right:#f2cf8e solid 3px;
      float:left;
       
       margin-left:40%;
       
}
.register1:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


/* Tableta */
@media screen and (min-width: 760px) and (max-width: 980px){


.loginform{
   float:right;
   margin-right:20%;
   width:35%;
   height:30px;
   border:#f2cf8e solid 3px;
   color:#f2cf8e;
     background:#080B10;
   border-radius:5px;
}
.loginform:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.loginbut{
  float:right;
  margin-right:20%;
  width:25%;
   height:30px;
   border:#f2cf8e solid 3px;
   color:#f2cf8e;
   background:#080B10;
   border-radius:5px;
}

.loginbut:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.uitatpass{
  color:#f2cf8e;
  float:right;
  margin-right:2%;
}
.uitatpass:hover{
   color:red;
   text-shadow: 2px 2px 5px red;
}




/*-----------------------------------------*/
.checkbox{
  float:left;
  margin-left:15%;
  color:red;
}

.log2{
       margin-top:2%;

      float:left;      
       margin-left:22%;
       
}
.log2:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.mamrazgindit{
       margin-top:2%;
       
      float:left;      
       margin-left:2%;
       
}
.mamrazgindit:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


.register2 {
       margin-top:3%;
       margin-bottom:10px;
      float:left;      
       margin-left:36%;
       
}
.register2:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


.capchea{
  float:left;
  margin-left:28%;

}

.register1 {
     background:#080B10;
       color:#f2cf8e;
       margin-left:10px;
       margin-bottom:10px;
       height:35px;
        width:250px;
       border-radius:7px;
       border-top:#f2cf8e solid 1px;
       border-left:#f2cf8e solid 1px;
       border-bottom:#f2cf8e solid 3px;
       border-right:#f2cf8e solid 3px;
      
       
       margin-left:15%;
       
}
.register1:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}
.register11 {
      -webkit-background-size: 350px; 
    -moz-background-size: 350px; 
    -o-background-size: 350px;
     background:#080B10;
       color:#f2cf8e;
       margin-top:2%;
       margin-bottom:10px;
       height:35px;
        width:250px;
       border-radius:7px;
       border-top:#f2cf8e solid 1px;
       border-left:#f2cf8e solid 1px;
       border-bottom:#f2cf8e solid 3px;
       border-right:#f2cf8e solid 3px;
      
       
       margin-left:15%;
       
}
.register11:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

}
/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){

.loginform{
   float:right;
   margin-right:20%;
   width:35%;
   height:30px;
   border:#f2cf8e solid 3px;
   color:#f2cf8e;
     background:#080B10;
   border-radius:5px;
}
.loginform:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.loginbut{
  float:right;
  margin-right:20%;
  width:25%;
   height:30px;
   border:#f2cf8e solid 3px;
   color:#f2cf8e;
   background:#080B10;
   border-radius:5px;
}

.loginbut:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.uitatpass{
  color:#f2cf8e;
  float:right;
  margin-right:2%;
}
.uitatpass:hover{
   color:red;
   text-shadow: 2px 2px 5px red;
}



/*---------------------------------*/
.checkbox{
  float:left;
  margin-left:15%;
  color:red;
}

.log2{
       margin-top:2%;

      float:left;      
       margin-left:22%;
       
}
.log2:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}
.mamrazgindit{
       margin-top:2%;
       
      float:left;      
       margin-left:2%;
       
}
.mamrazgindit:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


.register2 {
       margin-top:3%;
       margin-bottom:10px;
      float:left;      
       margin-left:36%;
       
}
.register2:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.capchea{
  float:left;
  margin-left:28%;

}



.register1 {
     background:#080B10;
       color:#f2cf8e;
       margin-left:10px;
       margin-bottom:10px;
       height:35px;
        width:250px;
       border-radius:7px;
       border-top:#f2cf8e solid 1px;
       border-left:#f2cf8e solid 1px;
       border-bottom:#f2cf8e solid 3px;
       border-right:#f2cf8e solid 3px;
      
       
       margin-left:15%;
       
}
.register1:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


.register11 {
      -webkit-background-size: 350px; 
    -moz-background-size: 350px; 
    -o-background-size: 350px;
     background:#080B10;
       color:#f2cf8e;
       margin-top:2%;
       margin-bottom:10px;
       height:35px;
        width:250px;
       border-radius:7px;
       border-top:#f2cf8e solid 1px;
       border-left:#f2cf8e solid 1px;
       border-bottom:#f2cf8e solid 3px;
       border-right:#f2cf8e solid 3px;
      
       
       margin-left:15%;
       
}
.register11:hover {
    color:#f2cf8e;
     background:#080B10;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}
}





/*---------------------------------------------------------------------------------------------*/

.textcamera{
  background-color:#000000
  width:50%;
  height:40px;
}

/* sectiunea  AJUTOR --------------------------------------------------------------------*/

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd; 
}

div.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
}

/* END AJUTOR -----------------------------------------------------------------------------*/

/* BUTOANE MENIU -------------------------------------------------------------------------*/

/* END BUTOANE ------------------------------------------------------------------------------*/

/* BUTONUL DE CAUTARE DE LA TOP------------------------------------------------------------- */

.cauta {
    width: 120px;
    box-sizing: border-box;
    border: 1px solid #FF0000;
    border-radius: 40px;
    font-size: 15px;
    background-color: #f2cf8e;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 10px 10px 10px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.cauta:focus {
    width: 80%;
}

/* END BUTON --------------------------------------------------------------------*/


/* SLIDE ------------------------------------------------------------------------*/


* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.textslide {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
 background-color:rgba(0, 0, 0, 0); 
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* end slide -----------------------------------------------------------------------------*/

/*  LOG IN --------------------------------------------------------------------------------*/


/* Full-width input fields */


.loginin {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}


/* Set a style for all buttons */
.but {
    background-color: #f2cf8e;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 60%;
}

.but:hover {
    opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 20%;
    border-radius: 50%;
}

.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}



/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #ffffff;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}

/* END LOGIN ----------------------------------------------------------------------------------*/


.pag_top{
  color:#fff;
}


.toplink{
 float:right;
 color:#000000;
}

.topnume{
  border:1px solid #d2f50c;
  border-radius:10px;
  width:20%;
  height:4px; 
}

.topscor{
  border:1px solid #d2f50c;
  border-radius:10px;
  width:10%;
  margin-left:5%;
}

.nume{
  border:2px solid red;
  border-radius:10px;
}

.scor{
  border:2px solid red;
  border-radius:10px;
}

.texttopscor{
  color:#FFFFFF;
  margin-left:20%;
}

.texttopnume{
  color:#f2cf8e;
 margin-left:2%;
}


.resetbuton {
     background:#080B10;
       color:#d2f50c;
       margin-left:37%;
       height:30px;
        width:140px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
}

.resetbuton:hover {
    color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.resetfild {
       margin-left:10px;
       height:30px;
        width:50%;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
       display: table-cell;
       vertical-align: middle;    
 }

.resetpass{
  width:60%;
  height:70%;
  border:red solid 2px ;
  margin-left:20%;
  border-radius:15px;
}

.paragraf{
  color:#d2f50c;
  margin-left:20%;
  margin-top:10%;
}

.textregister {
  color:#d2f50c;
}

.register {
     background:#080B10;
       color:#d2f50c;
       margin-left:10px;
       height:30px;
        width:140px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
}
.register:hover {
    color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.loginbox {
     width:20%;
     height:100%;
 }

.login {
  background:#080B10;
       color:#d2f50c;
       margin-left:10px;
       height:30px;
        width:140px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
}
.topmeu {
     background:#080B10;
       color:#d2f50c;
       margin-left:10px;
       height:30px;
        width:140px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
}

.login:hover {
   color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.login1 {
     background:#080B10;
       color:#d2f50c;
       margin-left:10px;
       height:30px;
        width:140px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
}


.login1:hover {
    color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}

.loginfild {
       margin-left:10px;
       height:30px;
        width:140px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
       display: table-cell;
       vertical-align: middle;
    
 }
.textformlogin {
  color:#d2f50c;
 margin-left:10%;
}
.mesajtop{
    color:#d2f50c;
    margin-bottom:0%;
    text-align: center;
    font-size:20px;
   margin-top:3%;
}
/*  |||||||| includ info user,noutati ,meniu dreapta ,info dreapta,si toate boxele mici ||||||| */
.infouserboxa{
     background:#080B10; 
     border:solid 1px #ff0044;
     height:40px;
     margin-bottom:0px;
   
}
/*  |||||||| includ info user,noutati ,meniu dreapta ,info dreapta,si toate textele mici ||||||| */
.infousertext{
    color:#ff0044;
    text-align: center;
    font-size:20px;
}

.textmeniustanga{
    color:#000000;
    font-size:15px;
}

.meniustangabox {
     width:20%; 
}
.meniustanga{
      width:100%;
      height:96%; 
      background:-webkit-gradient(linear, 60% 20%, 14% 20%, from(#000000), to(#d2f50c));
}
.meniustangatext{
    color:#000000;
    font-size:15px;
    margin-left:10px;
}

.meniudreapta{
      width:100%;
      height:96%;
      
      background:-webkit-gradient(linear, 33% 41%, 86% 41%, from(#000000), to(#d2f50c));
}
.textmeniudreapta{
    color:#d2f50c;
    font-size:15px;
    margin-left:10px;


}

a {
  text-decoration:none;
  font-size:15px;
  color:#f2cf8e;
}
a:hover{
    color:red;
}

#logout{
  color:#d2f50c;
}

.meniu{
   overflow: auto;
   text-align:center;
  text-decoration:none;
  font-size:15px;
  color:#d2f50c;
}
.meniu:hover{
  color:red;
}



.a1{
    font-size:15px;
    color:#d2f50c;
    text-decoration:none;
}

.a2{
   font-size:15px;
   color:#d2f50c;
   text-decoration:none;
}


    

.trbutoane{
    width:30%;
    height:100%;
}
.bottontop{
    font-size:25px; 
    letter-spacing: 3px;
    background:#080B10;
    margin-left:20px;
    width:85%; 
    height:40px;
    
    text-align:absmiddle;
    border-top:#d2f50c solid 1px;
    border-left:#d2f50c solid 1px;
    border-bottom:#d2f50c solid 3px;
   border-right:#d2f50c solid 3px;
   border-radius:10px;
   box-shadow: 21px 17px 45px #aaeb1d;
   text-decoration:none;
   float:left;
}
.bottontop:hover{
     color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
}


/* CASETA UNDE SCRII SA CAUTI REZULTATELE DE LA USERI*/
.cautafild{
   width:30%;
   height :30px;
   color:#000000;
     border-radius:7px;
   border-top:#d2f50c solid 1px;
    border-left:#d2f50c solid 1px;
    border-bottom:#d2f50c solid 3px;
   border-right:#d2f50c solid 3px;
   margin-left:3%;
    }

/* BUTONUL DR CAUTAT USERI*/
.cauta1{
       background:#080B10;
       color:#d2f50c;
       margin-left:3px;
       height:30px;
        width:70px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
     }
.cauta1:hover{
      color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
     }

.cauta2{
  background:#080B10;
       color:#d2f50c;
       margin-left:28%;
       height:30px;
        width:70px;
       border-radius:7px;
       border-top:#d2f50c solid 1px;
       border-left:#d2f50c solid 1px;
       border-bottom:#d2f50c solid 3px;
       border-right:#d2f50c solid 3px;
}

.cauta2:hover{
      color:red;
     background:#333333;
    border-bottom:red solid 3px;
   border-right:red solid 3px;
   box-shadow: 21px 17px 63px #eb1d1d;
     }
.textinfo {
    font-family: Arial, Helvetica, sans-serif;
     color :#ffffff;
    font-size: 11px;
    }




.fottertextlink{
    font-size:10px;
    color :#d2f50c;
    
}
.textimputbox{
    color :#000000;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom :20px;
    border-radius :10px;
    border-bottom:#d2f50c solid 5px;
    border-right:#d2f50c solid 3px;
    margin-bottom:3px;
}


/*.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;*/
}
.txt_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
    float:right;
}

.SiteTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #8B2C2C;
	text-decoration: none;
}
.menu_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #F0F0F0;
	text-decoration: none;
	list-style-type: square;
   
    
}
.txt_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
    float:right;
    margin-right:3%;
}

.OtherMenu1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2cf8e;
	text-decoration: none;
}
.Powered {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.txtRoom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	list-style-type: square;
}



.history {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DD6666;
	text-decoration: none;
	font-weight: bold;
	list-style-type: square;
}
.history2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9999CC;
	text-decoration: none;
	font-weight: bold;
	list-style-type: square;
}
.history3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	list-style-type: square;
}

.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
	list-style-type: square;

}
.top2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	list-style-type: square;
}
.top3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	list-style-type: ;
}
.text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
}



.SiteTitle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: normal;
        color: #8B2C2C;
        text-decoration: none;
}
.menu_top {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: normal;
        color: #F0F0F0;
        text-decoration: none;
        list-style-type: none;
        
        
}
.Wellcome {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        
}
.OtherMenu {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
         color: #000000;
        text-decoration: none;
        
}

.Powered {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #CCCCCC;
        text-decoration: none;
}
.txtRoom {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        list-style-type: square;
}



.history {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #DD6666;
        text-decoration: none;
        font-weight: bold;
        list-style-type: square;
}
.history2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #9999CC;
        text-decoration: none;
        font-weight: bold;
        list-style-type: square;
}
.history3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
	color:#F0F0F0;
        text-decoration: none;
        list-style-type: square;
}
.top {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #CC3333;
        text-decoration: none;
        font-weight: bold;
        list-style-type: square;
}
.top2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #336699;
        text-decoration: none;
        font-weight: bold;
        list-style-type: square;
}
.top3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        list-style-type: square;
}

.info {
   color:#d2f50c ;

}
/* ------------------------------------------------------------------------------------------------------------- */
body{
  font-family: 'Raleway', sans-serif;
}

footer{
	background-color:;
    padding: 0px 0px;
    border-top:0px;
}

footer ul{
    list-style:none;
   /* margin:0 auto;*/
   margin-left:20%;
   margin-right:20%;
    display:inline-block;
    padding-top:50px;
}

footer ul li{
    float:left;
}

footer ul li a{
	color:#f2cf8e;
    padding:20px;
}

footer ul li a:hover{
	color:#000000;
	text-decoration:none;
}

.footer-top{
	padding-bottom:50px;
}

.footer-top .fa{
    font-size:18px;
    color: #FF0000;
    padding-right:10px;
}

.footer-top a{
    color:#FF0000;
    text-decoration:none;
}

.footer-top .col-lg-2:hover .fa , .footer-top .col-lg-2:hover a{
    color:#FFFFFF;
}

.copyright{
    background-color:#080b10;
   margin-left:20%;
   margin-right:20%;
   margin-bottom:0px;
 
}

.copyright p{
    color:#FF0000;	
    font-size:12px;
	padding:15px 0 10px 0;
}
/*------------------------- */