@font-face {
    font-family: 'CandaraRegular';
    src: url('fonts/candara-webfont.eot');
    src: url('fonts/candara-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/candara-webfont.woff') format('woff'),
         url('fonts/candara-webfont.ttf') format('truetype'),
         url('fonts/candara-webfont.svg#CandaraRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}
body{
	background-image: url(../images/camiones_volvo.jpg);
	background-size: 100% 116%;
	font-family:'Candara';
}	


input{
	border:0;
	outline:0;
	text-align:center;
	color:#0b2343;
	margin-bottom:10px;
}
select{
	border:0;
	outline:0;
	text-align:center;
	color:#0b2343;
	margin-bottom:10px;
}
.header {
	background-color: #ffffff;
	color: #0b2343;
	padding: 15px 0;
	width: 100%;
  }

#box {
	background-color: #ffffff;	
	margin: 5% 0 25px 4%;
	width:350px;
	height:350px;
	border-radius: 0px;
	border: 1px solid #bcbcbc;
	box-shadow: 4px 5px 15px #2f2f2f;
	float: left;
}

#info {
	margin: 5% 0 0 5%;
	float: left;
	width:300px;
	height:200px;
	text-align: left;
	padding: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0b2343;
}

.elements{
	width:auto;
	margin:0 15px;
	padding:30px;
}
.elements h3{
	color: #00AFEF;
	margin: 10px 0;
	text-align: center;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
.empresas{
	border:1px solid #c5c5c5;
	border-radius: 25px;
	margin: 7px 0;
	padding: 2px;
	width:255px;
	height:37px;
	font-size: 14px;
}
.username{
	border:1px solid #c5c5c5;
	border-radius: 25px;
	margin: 7px 0;
	padding: 2px;
	width:250px;
	height:32px;
	text-align:center;
	font-size: 14px;
}
.password{
	border:1px solid #c5c5c5;
	border-radius: 25px;
	margin: 7px 0;
	padding: 2px;
	width:250px;
	height:32px;
	text-align:center;
	font-size: 14px;

}
.forget{
	font-size:12px;
	margin-bottom:15px;
}
.forget a{
	color:#999999;
	text-decoration:none;
}
.checkbox {
	display: block;
    width: 50px;
    height: 15px;
    overflow: hidden;
    border-radius: 5px;
	float:left;
	margin-top:15px;
}	
input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label {
    text-indent: -9999px;
    display: block;
    width: 40px;
    height: 15px;
    line-height: 15px;
    background: transparent url(images/checkboxfield.png) no-repeat;
    -webkit-transition: background-position 0.3s ease-in-out;
    -moz-transition: background-position 0.3s ease-in-out;
}
input[type=checkbox]:checked + label {
    -webkit-transition: background-position 0.3s ease-in-out;
    -moz-transition: background-position 0.3s ease-in-out;
    background-position:-26px;
}
.remember{
	font-size:13px;
	color:#949494;
	margin:15px;
	font-family: Arial, Helvetica, sans-serif;
}
.clr{
	clear:both;
}
.submit{
	background:#00AFEF;
	margin: 7px 0;
	padding: 2px;
	width:255px;
	height:37px;
	border-radius:25px;
	cursor:pointer;
	color:#fff;
	font-size: 14px;
}
.submit:hover{
	background: #173759;
}
.submit:active{
	text-shadow:0 -1px rgba(0,0,0,0.1);
}
.signup{
	text-align:center;
	font-size:12px;
	color:#999;
	margin:5px 0 0 0;
}
.signup a{
	color:#72985a;
	text-decoration:none;
}

/* TABLA*/
#tabla {
	margin:5% 0 125px 2%;
	width:345px;
	height:200px;
	float: left;
	padding: 15px 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}

table, th, td {
	border: 1px solid white;
	font-size: 13.5px;
}

table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

th, td {
	padding:7px 6px;
}

th {
	color: #fff;
}

tr:hover {
	background: rgba(255, 255, 255, 0.3);
}
/* TABLA*/

/* FOOTER*/
.footer {
	background-color: #464d50;
	color: #ffffff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
	height:auto;
	bottom: 0;
	position:fixed;
	left:0px;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
/* FOOTER*/