@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

* { margin: 0; padding: 0; outline: 0; }

html{background:#FBC02D;}
body, html { height: 100%;font-family: 'Open Sans', sans-serif; }
p {text-align: justify;}
a {text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0;}


#login-wrapper{width:222px; height:356px;margin:auto;position:absolute;left:50%; top:50%; margin-left:-111px;margin-top:-178px;font-size:16pt;}
#login-wrapper div.img{width:81px;height:118px; margin:auto;background:url("/resources/images/lock-con.png"); margin-bottom:8px;}
#login-wrapper  input[type="text"],input[type="password"],input[type="submit"]  {
    width: 100%;height:37px;border:1px solid #ffffff;margin:6px 0px; padding: 6px;text-align:center;
}
#login-wrapper  input[type="text"],input[type="password"]{
   background:white;border:1px solid #ffffff;color:#828489;
}
#login-wrapper span.posibolt-mob{display:none;width:100%;text-align:center;color:#727272;font-size:12pt;}
div.posibolt{width:193px;height:122px;background:url("http://trojanply.com/img/logo.png"); float:right; margin:20px;}


footer {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
}
.vtFooter {
    background-color: #FFF9C4;
    background-image: -moz-linear-gradient(top, #FFF9C4, #FFF9C4);
    background-image: -ms-linear-gradient(top, #FFF9C4, #FFF9C4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF9C4), to(#FFF9C4));
    background-image: -webkit-linear-gradient(top, #FFF9C4, #FFF9C4);
    background-image: -o-linear-gradient(top, #FFF9C4, #FFF9C4);
    background-image: linear-gradient(top, #FFF9C4, #FFF9C4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9C4', endColorstr='#FFF9C4', GradientType=0);
    border-color: #FFF9C4 #FFF9C4 #9ed2fb;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-align: center;
}
.vtFooter p {
    border-top: 1px solid #dddddd;
    padding: 1px 0;
    font-size: 0.7em;
    margin-bottom: 0;
    text-align: center;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px),(min-width : 320px) and (max-width : 767px){
	div.posibolt{display:none;} #login-wrapper span.posibolt-mob{display:block;}
}

@media only screen and (min-device-height : 100px) and (max-device-height : 320px) ,(min-height : 100px) and (max-height : 320px){
	#login-wrapper div.img{background:none;height: 82px;}
}