html
{
   height:100%;
   width:100%;
}
body
{
   padding:0px;
   margin:0px;
   background-color:#E0F0CD;
   height:100%;
   width:100%;
   text-align:center;
   overflow-y: scroll;
}
.homeitem
{
   background-color: #FFFFFF;
   margin-bottom: 20px;
   margin-top: 10px;
   border-radius: 10px;
   padding: 10px;
   font-family:'Raleway';
   font-size:16px;
   text-align: left;
   line-height: 24px;
   box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.1);
   max-width: 600px;
}
.banner
{
   background-image:    linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) ,url(/images/FOTO-3.jpg);
   background-size:     cover;
   background-repeat:   no-repeat;
   background-position: center center;
   min-height:100%;
}
.logo
{
   width:50%;
   max-width:320px;
}
.formtext
{
   border:0px;
   outline:none;
   border-radius:10px;
   padding:12px;
   text-align:center;
   font-family:'Raleway';
   font-size:16px;
}
.formtext:active, .formtext:focus
{
   box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.2);
   -webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
   -o-transition:all 200ms linear 0s;
   -ms-transition:all 200ms linear 0s;
   transition:all 200ms linear 0s;
}
.button
{
   border:0px;
   outline:none;
   border-radius:10px;
   padding:12px;
   text-align:center;
   font-family:'Raleway';
   font-size:16px;
   background-color:#71A83C;
   color:white;
   cursor:pointer;
}
.xform_b
{
   font-family:'Raleway';
   font-size:16px;
   color:#71A83C;
}
.xform
{
   position:absolute;
   width: 550px;
   max-width: 85%;
   background-color: #FFFFFF;
   border-radius:20px;
   padding:12px;
   font-family:'Raleway';
   font-size:16px;
   color:#666666;
   left: 0;
   right: 0;
   margin: auto;
   box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}
.mainmenu
{
   background-color: #58723C;
   font-family:'Raleway';
   font-size:16px;
   color:#FFFFFF;
}
.xmobile
{
   display: none;
}
.tblrow
{
   font-family:'Raleway';
   font-size:16px;
   color:#666666;
   border-top: 1px dashed #CCCCCC;
}

@media only screen and (min-width: 0px) and (max-width: 767px)
{
   .xhide
   {
      display:none !important;
   }
   .xmobile
   {
      display: inline !important;
   }
}