/* ------------------------------
RESET
------------------------------ */
html, body, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, img {
	margin:0;
	padding:0;
	border:0;
}
.nombre-de-usuario {
    margin-left: 3%;
}
textarea{
	overflow:auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, fieldset {
	outline:none;
	border:none;
}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}

 .transferencias{
	 margin-left:200px;
 }

html .scroll-to-top {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    /* transition: opacity 0.3s; */
    background: #404040;
    border-radius: 7px 7px 0 0;
    bottom: 0;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 13px 10px 35px;
    position: fixed;
    left: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 49px;
    z-index: 1040;
}




.clearfix {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {clear:both;}
/* ------------------------------
GLOBAL SETTINGS
------------------------------ */

/* ------------------------------
PAGE STRUCTURE
------------------------------ */
#container {
	width:900px;
	padding:30px 30px 0;
	margin:20px auto 0;
	color:#666;
	background:#f7f7f7;
}
#header {
	position:relative;
	height:102px;
	padding:0 0 15px;
	margin:0;
	color:#666;
	background:#f7f7f7;
	border-bottom:1px solid #666;
}
#navbar {
	position:absolute;
	list-style:none;
	width:440px;
	height:96px;
	top:0;
	right:0;
	color:#666;
	background:#f7f7f7;
}
	#navbar li {
		float:left;
		display:inline;
		width:96px;
		height:96px;
		margin:0 0 0 14px;
		color:#fff;
		background:#666;
	}
	#navbar li a, #navbar li input:link, #navbar li input:visited, #navbar li input:hover {
		float:left;
		display:block;
		width:94px;
		height:20px;
		padding:74px 0 0;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		background:#666;
		text-align:center;
		text-decoration:none;
		border:1px solid #666;
	}
		#navbar li input:focus {
			color:#fff;
			background:#333;
		}
		#navbar li input:hover, #navbar li a.selected {
			color:#666;
			background:#fff;
			border:1px solid #666;
		}
#content {
	float:left;
	display:inline;
	width:670px;
	margin:0;
	padding:30px 0 0;
	color:#666;
	background:#f7f7f7;
}
#sidebar {
	float:left;
	display:inline;
	width:200px;
	margin:0 30px 0 0;
	color:#666;
	background:#f7f7f7;
}

/* ------------------------------
FORMS
------------------------------ */
.acceso {
	margin: auto;	
}
label {
	display:block;
	font-size:12px;
	color:#484848;
	margin:0 0 3px;
	padding:0;
}
label.fixed {
	float:left;
	display:inline;
	width:80px;
	padding:3px 0 0;
}
label#short {
	float:left;
	display:inline;
	width:auto;
	font-size:11px;
	margin:0 20px 0 0;
}
fieldset br {
	clear:left;
}

.field-left { display: block; float: left; margin: 20px 200px; }
.field-right {
    display: block;
    float: right;
    margin: 20px 130px;
}
.field-small { float: left; margin: 0 16px 0 0; }
.field-small.last { margin: 0; }
.divide { display: block; height: 10px; width: 100%; overflow: hidden; }

input, textarea, select {
	float:left;
	font:normal normal 12px/normal Arial, Helvetica, Verdana, sans-serif;
	padding:4px;
	border-top:solid 1px #737373;
	border-right:solid 1px #b6b6b6;
	border-bottom:solid 1px #dbdbdb;
	border-left:solid 1px #737373;
	width:295px;
	margin:0 5px 12px 0;
	color:#484848;
	background:#fff;
}
	input:focus, 
	select:focus, 
	textareinput:focus {
		border-color: #7dbef1;
	}
	input.radio, input#checkbox, 
	input[type="radio"] {
		float:left;
		display:inline;
		width:auto;
		height:auto;
		margin:0 5px 12px 0;
		padding:0;
		background:#fff;
		border:none;
	}
	input.small {
		width:140px;
	}
	input#small {
		width:140px;
	}
	input.submit {
		width:auto;
		border:none;
		margin:0 0 12px 80px;
		background:#666;
		color:#fff;
		cursor:pointer;
	}
	input.btn-plomo, 
	input.btn-tarificar {
		width:auto;
		border:none;
		margin:0 5px 40px 0;
		background:#666;
		margin-left: 200px;
		color:#fff;
		cursor:pointer;
		padding: 5px 25px;
	}
	input.btn-azul, 
	input.btn-submit {
		width:auto;
		border:none;
		margin:0 5px 40px 0;
		background:#EF5525;
		color:#fff;
		cursor:pointer;
		padding: 5px 25px;
	}
	input.cancel {
		width:auto;
		border:none;
		margin:0 0 12px 80px;
		background:#7c7c7c;
		color:#fff;
		cursor:pointer;
	}
textarea {
	height:100px;
}
/* ------------------------------
CUSTOM CLASSES
------------------------------ */
.categories {
	list-style:none;
	background:#ffffff;
}
	.categories li {
		height:6px;
	}
	.categories li:first-child {border-top:none;}
	.categories li a {
		display:block;
		height:39px;
		line-height:39px;
		padding:0 8px;
		text-decoration:none;
		color:#666;
		background:#f7f7f7;
	}
	.categories li input:hover, .categories li a.selected {
		font-weight:bold;
	}


.department {
	list-style:none;
	color:#666;
	background:#f7f7f7;
}
	.department li {
		font-size:14px;
		color:#666;
		background:#f7f7f7;
		height:39px;
		border-bottom:1px solid #e9e9e9;
	}
	.department li:first-child {border-top:none;}
	.department li a {
		display:block;
		height:39px;
		line-height:39px;
		padding:0 8px;
		text-decoration:none;
		color:#666;
		background:#f7f7f7;
	}
	.department li input:hover, .department li a.selected {
		font-weight:bold;
	}


.nosotros, .historia, .objetivo {
	float:left;
	display:inline;
	width:328px;
	height:106px;
	margin:0 14px 30px 0;
}
	.historia {
		margin-right:0;
	}
.nosotros big, .historia big, .objetivo big {
	font-size:20px;
}
.masclientes {
	text-align:right;
	font-size:16px;
}
	.masclientes a {
		color:#666;
	}
.servicios-mensajeria {
	height:70px;
	list-style:none;
	margin:0 0 10px;
	font-weight:bold;
}
	.servicios-mensajeria li {
		margin:0 0 10px;
		width:180px;
		float:left;
		display:inline;
	}
.location {
	float:right;
	width:200px;
	padding:20px;
	color:#fff;
	background:#727272; 
}
.location ul {
	list-style:none;
	margin:0 0 10px;
}
.clients {
	list-style:none;
	float:left;
	display:inline;
	width:50%;
	margin:0 0 10px;
}
	.clients li {
		margin:0 0 4px;
		padding:0 0 0 7px;
		background:url(../images/tick.gif) 0 6px no-repeat;
	}
.pagination {
	clear:both;
	text-align:right;
}
	.pagination img {
		vertical-align:middle;
		margin:0 3px;
	}

/* ------------------------------
Autocompletar
------------------------------ */
.ui-autocomplete-loading {
	background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 100px;
}

/* ------------------------------
CUSTOM CLASSES 'ENVIOS'
------------------------------ */
#dialog-envios, 
#dialog-condiciones { display: none; }
#dialog-envios table tr th { border-bottom: 2px solid #000; }
#dialog-envios table tr td { border-bottom: 1px solid #646464; color: #646464; }
#dialog-envios table tr th, 
#dialog-envios table tr td { font-size: 11px; text-align: left; }
.btnClose { width: auto; border: none; margin: 0 5px 40px 0; background: #666; color: #fff !important; cursor: pointer; padding: 5px 25px; }

td.c {text-align: center; }
td.r {text-align: right; }

input:required {
	border-left-color: palegreen;
}
input:invalid {
  border-left-color: #ef6a01;
  background-color: #ef6a01;
}

/* RESPONSIVE FORMULARIO */

@media only screen and (max-width: 449px) and (min-width: 200px){
		.field-left {
			display: block;
			float: left;
			margin: 20px 10px;
		}
		
		.field-right {
			display: block;
			float: left;
			margin: 20px 10px;
		}
		
		input, textarea, select {
			float: left;
			padding: 4px;
			border-top: solid 1px #737373;
			border-right: solid 1px #b6b6b6;
			border-bottom: solid 1px #dbdbdb;
			border-left: solid 1px #737373;
			width: 220px;
			margin: 0 5px 12px 0;
			color: #484848;
			background: #fff;
		}
		
		input.btn-plomo, input.btn-tarificar {
			width: auto;
			border: none;
			margin: 0 5px 40px 0;
			background: #666;
			margin-left: 15px;
			color: #fff;
			cursor: pointer;
			padding: 5px 11px;
		}
		header {
			overflow: hidden;
			width: 360px;
		}
		
}