* {font-family:sans-serif; padding:0px; margin:0px;}

body
{
background-color:#f4fedc;	
background: #f4ffe1 url(../images/bg_body.JPG) repeat-x top !important ;
}

#wrapper_login {
position:absolute;
left:50%;
width:800px;
margin-top:76px;
margin-left:-400px;
height:600px;
background: transparent url(../images/suneo_login.png) no-repeat top center !important ;

}
#content_logotype {
	margin: 0px 0px 0px 0px;
	width:800px;
	height:80px;
	}
#logotype {
	margin: 40px 0px 0px 0px;
	width:800px;
	height:60px;
	padding-top:0px;
	background: transparent url(../images/logotype_log.png) no-repeat center !important ;
	}
#bglogin_content {
        background-color: rgba(248, 248, 247, 0.6); 
	border:1px solid #ddd9cd;
	border-radius: 3px;
	box-shadow: 0px 3px 3px 0px #adadad;
	margin-top:185px;
	width: 54%;
        margin-left:23%;
        margin-right: 23%;
	height:180px!important;
	overflow:visible;
        position: relative;
        text-align: center;
}	
#login_content {
	margin-top: 0px;
        margin-left: 13%;
        margin-right: 13%;
	width: 74%;
	height:auto;
	padding-top:15px;
        margin-bottom: 0px;
	color:#4A0000;
	font-size:12px!important;
	text-align: center;
        position: relative;
}


table.login_nes{
width: 100%;
margin: 0px;
font-size: 14px;
color: #3b3a38;
}
table.login_nes tr td{
  height: 26px;
  text-align: right;
  
}

input {
  height: 21px;
  margin-bottom: 5px;
  border: 1px solid #746b64;
  border-radius: 2px;
  float: right;
  padding: 0px;
  color: #3b3a38;
  padding-left: 5px; 
  width:220px;
}

input:hover {
  height: 21px;
  margin-bottom: 5px;
  border: 1px solid #4A0000;
  border-radius: 2px;
}

#user_session_submit.ingresar{
  height: 26px;
  width: 75px;
  color:#212121;
  border-color: #746b64;
  border-radius:3px;
  float:right;
  margin-right: 0px;
}

#user_session_submit.ingresar:hover{
  height: 26px;
  width: 75px;
  color:#4A0000;
  border: 1px solid #4A0000;
  border-radius:3px;
}
ul.aviso_login{
  margin-top: 16px;
  margin-bottom: 10px;
  list-style: none;
  width: 375px;
  position: relative;
  margin-left: -20px;
  padding-left: 0px;
  float: left;
  text-align: center;

}

table.form{
  margin-top:18px;
  width:300px;}
table.form tr td.name{
	
   //* background: url(../images/usser.png)no-repeat left center ;*//
    height:30px;
    border-width: 1px;
   
}
.form p
{padding-left: 20px;padding-top:0px;padding-right:5px;}

table.form tr td.passwd{
	
//*    background: url(../images/pass.png)no-repeat left center ;*//
    height:28px;
    border-width:0px; 
}
table.form tr td.input{
	width:auto;
	padding-top:0px;
        text-align: left;
        height:30px!important; 
}
table.form input {
	color:#555559;
	background:#fff;
	border:1px solid #4c0008;
}
.okbutton input {
background:url(../images/aceppt.png) no-repeat center bottom ;
margin-top: 12px;
padding-top:25px;
cursor:pointer;
width: 90px;
height: 34px;
border: none;
}
.okbutton input:hover{
background:url(../images/aceppt_hover.png) no-repeat;
cursor:pointer;
width: 90px;
height: 34px;
border: none;
}
#footer{
	margin: 25px 0px 0px 0px;
	width: 800px;
	height:60px!important;
	padding-top:85px;
	background: transparent url(../images/footer_logginc.png) no-repeat center  !important ; 
}	
.kadalink
{
float: right;
width: 116px;
height: 35px;
border: none;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}
.kadalink img
{
border: none;
width: 116px;
height:35px;
padding-left: 5px;
}
.version
{
    float: inherit;
    text-align: center;
    width: 600px;
    height: 35px;
    border: none;
    margin: 0px auto;
    padding: 40px 0px 0px 0px;

    color: #474B4E;
    font-size:12px;
    margin: 0 auto;
    text-align: center;
    vertical-align: bottom;
/*   padding-top: 1.4em;*/

}

/*-----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

/* The ribbons */

.corner-ribbon{
    width: 300px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 1;
}

/* Custom styles */

.corner-ribbon.sticky{
    position: fixed;
}

.corner-ribbon.shadow{
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
    top: 45px;
    left: -65px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Colors */
.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}