/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.titulo_rastreo {
	font-weight: bold;
}
.label-titulo {
  font-size: 1.2em;
  font-weight: bold;
  color: #000040;
}
.row-guia{
  font-size: 1.5em;
  font-weight: bold;
  color: #435;
  margin: 40px 0px 40px;
   border: thin;
}
.fecha-rastreo{
	font-size: 1.2em;
  font-weight: bold;
  color: #435;
  border-left: 2px medium #fff;

}
.localizacion-rastreo{
  font-size: 1.2em;
  font-weight: bold;
  color: #435;
  border: thin;
}
.situacion-rastreo{
  font-size: 1.2em;
  font-weight: bold;
  color: #435;
   border: thin;
}
.texto-rastreo{
	width: 40%;
    height: 80px;
}
#Rastreo{
	width:100%; 
	display:-webkit-box;
	background-color: #ddd;
}
#RastreoGuia{
	width:25%;
	margin-left:3em
		
}
#PanelRastreo{
	margin-top: 3em;
	width:65%;
	margin-left:3em;
	margin-right:3em;
	background-color:#7892c2;
	border-radius:5px;
	border:1px solid #4e6096;
}
.boton_rastreo{
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.boton_rastreo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.boton_rastreo:active {
	position:relative;
	top:1px;
	border:1px solid #4e6096;
}
.titulo-ordenamiento{
	color:#ffffff;
	font-size: 1.5em;
  	font-weight: bold;
}
}