html,
body {
   background-image: url("BEIGE.jpg");
   margin:0;
   padding:0;
   height:100%;
}
#container {
	
	background-color:white;
	margin: auto;
	max-width:1300px;
	min-height:100%;
	position:relative;
	
	-webkit-box-shadow: 0 0 15px 3px #000;
    -moz-box-shadow: 0 0 15px 3px #000;
    box-shadow: 0 0 15px 3px #000;
}
#header {
   background:#ededed;
	
   
}
#body {

	overflow:auto;
     min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 40px;
}
#footer {
	min-width:320px;
  	background:#333;
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	margin:auto;
}
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


#banner {
    background:url('BANNER.jpg');
    width:100%;
    min-height:150px;
	background-position: center; 
	
}
 
.css-slideshow{
   position: relative;
   width: 97%;
   margin:auto;
  
   
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
}
.css-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
   transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}
.css-slideshow figure{
   opacity:1;
}

figure:nth-child(1) {
   animation: xfade 12s 12s infinite;
}
figure:nth-child(2) {
   animation: xfade 12s 6s infinite;
}

@keyframes xfade{
   0%{
      opacity: 1;
   }
   48% {
      opacity:1;
   }
   50%{
   
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

input{
	width:100%;
	
}

#login{
position:relative;
width:33%;
height:50%;
margin:auto;
min-width:225px;
}

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}