/*------------------------------------------------------------------
Copo ArtDesign
-------------------------------------------------------------------*/

@import url("reset.css");

body{
	font-family: calibri, arial,verdana,sans-serif;
	font-size:12px;
	color: #828282;
	background-color: #f2f2f2;
} 
#wrapper{
	background-image: url(../images/bg_wrapper.png);
	width: 697px;
	height: 380px;
	margin: 80px auto 0;
}
#logo_empresa{
	width: 250px;
	height: 140px;
	float: left;
	margin: 125px 0 0 80px;
}
#logo_empresa img{
	margin: 0 auto;
}
form{
	margin-top: 30px;
}
.col_right{
	width: 0px;
	float: left;
	margin-top: 120px;
	margin-left:30px;
}
.col_right label{
	float: left;
	clear: left;
	width: 95px;
	height: 30px;
	font-weight:bold;
}

.col_right input{
	float: left;
}
.col_left label{
	float: left;
	clear: left;
	
	width: 125px;	
}
.col_left{
	width: 230px;
	float: left;
	margin-top: 120px;	
	margin-left: 50px;
}

.col_left input{
	margin-bottom: 10px;
	color: #828282;
	font-size: 12px;
}
.col_left input[type="submit"]{
	width: 94px;
	height: 32px;
	background-image: url(../images/bt1.jpg);
	float: left;
	border: none;
	color: white;
	font-size: 9px;
	font-weight: bolder;
	margin: 5px 0 0 41px;
	cursor: pointer;
}
.col_left input[type="submit"]:hover{
	background-image: url(../images/bt2.jpg);	
}

 input[type=text], input[type='password']{
     width:80%;
    border:1px solid #aaa;
    border-radius:4px;
    margin:6px 0;
    outline:none;
    padding:4px;
    box-sizing:border-box;
    transition:.3s;
  }
  
  input[type=text]:focus, input[type='password']:focus{
    border-color:grey;
    box-shadow:0 0 6px 0 grey;
  }