html,body {
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #4E4D52;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

h1, h2 {
	color: #3B3A3E;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	margin: 20px 0 10px;
}

h1 {
	font-size: 2.5em;
}

p {
	margin: 10px 0;
	padding: 0;
}

blockquote {
	font-style: italic;	
}

#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;	
	background-color: #FFFFFF;
	z-index: 1;
}

#header-container {
	height: 84px;
	background: url(../img/logo_web.png) no-repeat left bottom;
	background-size: 20vw auto;
	margin:10px;
}

#header {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	color: #FFFFFF;
	text-align: right;
	width: 290px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 20px;
}

#header h1 em{
	color: #4E4D52;
	font-size: small;
	display: block;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 35px;
	right: 0;
	vertical-align: middle;
	line-height: 32px;
}

#header ul li {
	float: left;
	margin-right: 5px;
}

#header ul li a{
	color: #4E4D52;
	font-weight: bold;
	font-size: 1em;
	margin-right: 5px;
	text-decoration: none;
}

#header ul li a:hover {
	color: #AFADB8;	
}

#container {
	width: 90%;
	margin: 0 auto;
	font-size: 1.4em;
	overflow: auto;
	padding: 90px 0 40px;
}

#content {
	float: left;
	margin: 30px;
	width: 90%;
}
#sidebar {
	float: right;
	margin-top: 10px;
}

#footer-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #FFFFFF;
}

#footer-container {
	height: 40px;
}

#footer {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
a{
	color: #4E4D52;
	text-decoration: none;
}

a:hover {
	color: #AFADB8;	
}
.login-submit, .login-submit:before, .login-submit:after {
  background: #373737 url("../img/bg.png") 0 0 repeat;
}
.login {
  position: relative;
  margin: 80px auto;
  width: 700px;
  padding-right: 32px;
  font-weight: 300;
  color: #a8a7a8;
}
.login p {
  margin: 0 0 10px;
}

input, button, label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text], input[type=password] {
  padding: 0 10px;
  width: 300px;
  height: 40px;
  color: #4E4D52;
  background: rgba(0, 0, 0, 0.16);
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}
textarea{
  padding: 10px;
  color: #4E4D52;
  background: rgba(0, 0, 0, 0.16);
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}
textarea:focus , input[type=text]:focus, input[type=password]:focus {
  color: #585858;
  background: rgba(0, 0, 0, 0.1);
  outline: 0;
}
input.inputDoble{
        width: 600px;
}

label {
  float: left;
  width: 300px;
  line-height: 40px;
  padding-right: 10px;
  font-weight: 100;
  text-align: right;
  letter-spacing: 1px;
}
.forgot-password {
  padding-left: 100px;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
  text-align: center
}
.login-submit {
  position: absolute;
  top: 12px;
  right: 0;
  width: 48px;
  height: 48px;
  padding: 8px;
  border-radius: 32px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
}
.login-submit:before, .login-submit:after {
  content: '';
  z-index: 1;
  position: absolute;
}
.login-submit:before {
  top: 28px;
  left: -4px;
  width: 4px;
  height: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}
.login-submit:after {
  top: -4px;
  bottom: -4px;
  right: -4px;
  width: 36px;
}

.login-button {
  z-index: 2;
  width: 48px;
  height: 48px;
  padding: 0 0 48px;
  /* Fix wrong positioning in Firefox 9 & older (bug 450418) */
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: none;
  border: 0;
  border-radius: 24px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
  /* Must use another pseudo element for the gradient background because Webkit */
  /* clips the background incorrectly inside elements with a border-radius.     */
}
.login-button:before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background: #AFADB8;
  border-radius: 24px;
  background-image: -webkit-linear-gradient(top, #AFADB8, #4E4D52);
  background-image: -moz-linear-gradient(top, #AFADB8, #4E4D52);
  background-image: -o-linear-gradient(top, #AFADB8, #4E4D52);
  background-image: linear-gradient(to bottom, #AFADB8, #4E4D52);
  -webkit-box-shadow: inset 0 0 0 1px #AFADB8, 0 0 0 5px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 0 0 1px #AFADB8, 0 0 0 5px rgba(0, 0, 0, 0.16);
}
.login-button:active:before {
  background: #0591ba;
  background-image: -webkit-linear-gradient(top, #0591ba, #AFADB8);
  background-image: -moz-linear-gradient(top, #0591ba, #AFADB8);
  background-image: -o-linear-gradient(top, #0591ba, #AFADB8);
  background-image: linear-gradient(to bottom, #0591ba, #AFADB8);
}
.login-button:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 12px;
  width: 25px;
  height: 19px;
  background: url("../img/arrow.png") 0 0 no-repeat;
}
.login-submit {
  position: absolute;
  top: 12px;
  right: -28px;
  padding: 4px;
}
.login-submit:before, .login-submit:after {
  display: none;
}
.login-button {
  line-height: 48px;
}
.info, .success, .warning, .error, .validation {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}
.compania-nombre, .llamado-nombre {
	width:200px;
	float:left;
}
.compania-destino,.llamado-destino {
	float:left;
	width:150px;
	text-align: center;
	font-size:0.8em;
}
.destino img{
	vertical-align: middle;
}
.clear{
	clear:both;
}
.margen10{
	margin: 10px;
	padding: 10px;
}
.margen100{
	margin: 100px;
	padding: 10px;
}
.mano{
	cursor: pointer;
}
.centrado {
  position: fixed;
  top: 50%;
  left: 50%;
}
.submit_btn { border: 1px solid #D8D8D8; padding: 5px 15px 5px 15px; color: #8D8D8D; text-shadow: 1px 1px 1px #FFF; border-radius: 3px; background: #F8F8F8;}
.submit_btn:hover { background: #ECECEC;}
.mapa {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35vh;
	float:left;
}
.direccion{
	clear: both;
	width: 100%;
}
.tipo{
	width: auto;
	margin: 10px;
	float:left;
}
.comuna{
	width: auto;
	margin: 10px;
	float:left;
}
.calle{
	width: auto;
	margin: 10px;
	float: left;
}
.esquina{
	width: auto;
	margin: 10px;
	float: left;
}
.ubicacion{
	width: auto;
	margin: 10px;
	float: left;
}
.ubicacion-text{
  font-size: 1em;
  font-weight: 100;
  width: 500px;
}
.floatLeft10{
	width: auto;
	margin: 10px;
	float: left;
}
.opciones{
	float: left;
	margin-left: 1%;
	width: 20%;
}
.carros{
	clear: both;
	float: left;
	width: 75%;
}
.carroTitulo{
	clear: both;
	float: left;
	width: 40px;
}
.carroDespachar{
	margin: 5px;
	line-height: 30px;
	float:left;
}
.carro{
	width: 80px;
	float:left;
}
.carro label{
	width: 60px;
	line-height: 30px;
}
.carro input{
	width: 20px;
	height: 30px;
} 
.mapa:-moz-full-screen {
	height: 100%;
}
.mapa:-webkit-full-screen {
	height: 100%;
}
.mapa:-ms-fullscreen {
	height: 100%;
}
.mapa:full-screen {
	height: 100%;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
.popover{
	font-size: 0.7em;
	width: 500px;
}