/* CSS Document */

.noPadding {
	padding-bottom: 69px !important;
	}

.centerContainerApp {
	position: absolute;
	float: left;
	text-align: right;
	left: 0;
	right: 0;
	width: 1200px;
	margin: 0 auto;
	z-index: 1;
	}
.lblUserApp {
	color: #f00;
	font-size: 12px !important;
}

.centerContainer {
	width: 1200px;
	margin: 0 auto;
	}

.banner {
	position: relative;
	width: 100%;
	margin: 0 auto 15px auto;
	background-size: auto 100%;
	}
	
.banner .centerContainer{
	margin: 0 auto;
	}

.banner .centerContainer .rslides {
	position: absolute;
	}

.contentRight60 {
	position: relative;
	display: block;
	width: 70%;
	float: right;
	}

.contentRight40 {
	position: relative;
	display: block;
	width: 60%;
	float: right;
	}
	
/*	-	-	-	*/

.borderBottomHeader {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.15);
	z-index: 1000;
	}

#header .logo {
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 42px 0 0 0;
	vertical-align: middle;
	text-align: center;
	height: auto;
	}

#header .logo img {
	max-width: 100%;
	height: auto;
	margin: 0;
	}
	
/*	-	-	-	*/

.borderTopDivider {
	border-top: solid 1px #E7E7E7;
	padding-top: 20px;
}

#content .mainContent {
	background: #F8F8F8;
	padding: 0;
	}

.stepBar {
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	list-style: none;
	}

.stepBar li {
	display: block;
	float: left;
	margin: 0 -5px 0 0;
	padding: 0;
	}

.stepBar li .circle {
	position: relative;
	display: block;
	width: 36px;
	height: 35px;
	margin: 0;
	padding: 1px 0 0 0;
	background: #fff;
	text-align: center;
	line-height: 35px;
	font-size: 18px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	border: solid 4px #E1E4E7;
	float: right;
	z-index: 5;
	color: #cfcfcf;
	}

.stepBar li .line {
	position: relative;
	display: block;
	float: left;
	width: 294px;
	height: 8px;
	margin: 18px -5px 0 0; 
	padding: 0;
	font-size: 12px;
	background: #E1E4E7;
	}

.stepBar li.active .circle {border: solid 4px #009966; color: #009966; font-family: Arial, Helvetica, sans-serif;}
.stepBar li.active .line {background: #009966;}

/*	-	-	-	*/

.bigBoxCut {
	position: relative;
	display: block;
	width: 45%;
	height: auto;
	padding: 40px 10% 35px 45%;
	margin: 0 0 3em 0;
	cursor: pointer;
	}

.smallPad {
	padding: 10px 10% 20px 45%;
	}

.bgAA {background: url(../img/bgA_1.gif) #252627 no-repeat 0px 0px;}
.bgAB {background: url(../img/bgA_2.gif) #252627 no-repeat 0px 0px;}
.bgAC {background: url(../img/bgA_3.gif) #252627 no-repeat 0px -228px;}
.bgAD {background: url(../img/bgA_4.gif) #252627 no-repeat 0px 0px;}

.bigBoxCut .icon {
	position: absolute;
	top: 54px;
	left: 70px;
		
	width: auto;
	height: 96px;
	border: none;
	background-position: center center;
	}

.bigBoxCut .arrowRight {
	position: absolute;
	top: 30px;
	right: 0;
	display: block;
	height: 150px;
	width: 100px;
	background:url(../img/icon/arrow_right.gif) no-repeat 40% 50%;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.bigBoxCut:hover .arrowRight {
	background:url(../img/icon/arrow_right.gif) no-repeat 80% 50%;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

.bigBoxCut h3 {color: #fff;}

.bigBoxCut h4 {
	border: none;
	padding: 0;
	color: #fff;
	}

.bigBoxCut p {
	color: #bdc3c7;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.bigBoxCut:hover p {
	color: #fff;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

.bigBoxCut .labelDate {
	position: absolute;
	top: 45px;
	left: 30px;
	
	width: 220px;
	height: 110px;
	}

.bigBoxCut .labelDate .day {
	position: relative;
	display: block;
	float: left;
	height: 110px;
	width: 130px;
	padding: 0;
	font-size: 80px;
	}

.bigBoxCut .labelDate .monthYear {
	position: relative;
	display: block;
	float: left;
	height: 87px;
	width: 70px;
	padding: 23px 0 0 0;
	font-size: 24px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	}


.bigBoxCut .formContainer {
	position: relative;
	display: block;
	}
	
.bigBoxCut .formContainer h3 {
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	}

.bigBoxCut .formContainer h4 {
	padding: 0 0 8px 0;
	margin: 0;
	font-size: 16px;
	border-bottom: solid 1px #91BEA0;
	}

.bigBoxCut .formContainer .td {
	padding: 0;
	margin: 0 5px 0 0;
	width: 48% !important;
	}

.bigBoxCut .formContainer .td .fieldName {
	padding: 0;
	margin: 0 0 2px 0;
	color: #fff;
	font-size: 12px;
	}

.bigBoxCut .formContainer .td .inputText {
	padding: 0;
	margin: 0 0 10px 0;
	border: solid 1px #91BEA0;
	}

.bigBoxCut .formContainer .td .button {
	padding: 10px 20px;
	margin: 0;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	background: #DBB94B;
	}

.bigBoxCut .formContainer .td .button:hover {
	background: #F2C531;
	}
	
.bigBoxCut .formContainer .newListSelected {
	border: solid 1px #91BEA0;
	width: 108px;
	}

/*	-	-	-	*/

.articleA {
	margin: 0 0 3em 0;
	}

.articleA h2 {
	font-family: arial, helvetica, sans-serif;
	position: relative;
	direction: block;
	float: left;
	width: 45%;
	font-size: 53px;
	letter-spacing: -1px;
	line-height: 67px;
	}

.articleA p {
	float: right;
	width: 50%;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 0.5px;
	}
	
/**/

.articleB {
	position: relative;
	float: left;
	display: block;
	width: 47%;
	margin: 0 3% 3em 0;
	}

.articleB h2 {
	font-family: arial, helvetica, sans-serif;
	position: relative;
	direction: block;
	float: left;
	width: 100%;
	font-size: 45px;
	letter-spacing: -1px;
	line-height: 67px;
	margin: 0 0 10px 0;
	}

.articleB p {
	float: right;
	width: 100%;
	font-weight: bold;
	letter-spacing: 0.5px;
	}

.articleB h2.addIcon {
	font-family: arial, helvetica, sans-serif;
	position: relative;
	direction: block;
	float: left;
	width: 100%;
	font-size: 45px;
	text-indent: 80px;
	letter-spacing: -1px;
	line-height: 67px;
	margin: 0 0 10px 0;
	}

.articleB h2.iconReception {
	background: url(../img/icon/icon_reception.gif) no-repeat 0 6px;
	}

.articleB h2.iconStorage {
	background: url(../img/icon/icon_storage.gif) no-repeat 0 6px;
	}

.articleB h2.iconPackaging {
	background: url(../img/icon/icon_packaging.gif) no-repeat 0 6px;
	}

.articleB h2.iconTruck {
	background: url(../img/icon/icon_truck.gif) no-repeat 0 7px;
	}

/**/

.articleC {
	position: relative;
	float: left;
	display: block;
	height: 170px;
	width: 570px;
	background: #099;
	margin: 0 1em 3em 0;
	cursor: pointer;
	}

.articleC span {
	position: absolute;
	display: block;
	right: 0;
	width: 295px;
	height: 140px;
	padding: 30px 20px 0 20px;
	background: #252627;
	color: #fff;
	line-height: 36px;
	
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 1px;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.articleC:hover span {
	background: #f39c12;
	color: #fff;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

.btnCList {background: url(../img/buttonC_list.gif) no-repeat 0px 0px;}
.btnCList:hover {background: url(../img/buttonC_list.gif) no-repeat -231px 0px;}

.btnCAlternative {background: url(../img/buttonC_alternative.gif) no-repeat 0px 0px;}
.btnCAlternative:hover {background: url(../img/buttonC_alternative.gif) no-repeat -231px 0px;}

.btnCCalculator {background: url(../img/buttonC_calculator.gif) no-repeat 0px 0px;}
.btnCCalculator:hover {background: url(../img/buttonC_calculator.gif) no-repeat -231px 0px;}

.btnCHome {background: url(../img/buttonC_home.gif) no-repeat 0px 0px;}
.btnCHome:hover {background: url(../img/buttonC_home.gif) no-repeat -231px 0px;}

.btnCUsers {background: url(../img/buttonC_users.gif) no-repeat 0px 0px;}
.btnCUsers:hover {background: url(../img/buttonC_users.gif) no-repeat -231px 0px;}

.btnCSearch {background: url(../img/buttonC_search.gif) no-repeat 0px 0px;}
.btnCSearch:hover {background: url(../img/buttonC_search.gif) no-repeat -231px 0px;}

/**/

.articleD {
	width: 100%;
	padding: 0 0 0 0;
	overflow: hidden;
	
	background-color: #252627;
	}

.articleD .bgTag {
	position: relative;
	width: 50%;
	float: left;
	color: #fff;
	margin: 0;
	padding: 35px 0;
	background-image: url(../img/bg/bg_map.gif);
	background-position: 100% center;
	background-repeat: no-repeat; 
	}
	
.articleD .bgBar {
	position: relative;	
	width: 30%;
	padding: 35px 10%;
	float: right;
	}

.articleD .bgTagFacebook {
	background-color: #3b5998;
	background-image: url(../img/icon_facebook_white.png);
	background-position: center 25%;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
	}

.articleD .bgTagFacebook h4 {
	text-align: center;
	margin: 0 !important;
	padding: 75px 0 25px 0;
	color: #FFF;
	font-weight: normal;
	}

.bgTagWapp {
	background-color: #3AA055;
	background-image: url(../img/icon_whatsapp_white.png);
	background-position: center 25%;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
	}

.bgTagWapp a {
	display: block;
	text-align: center;
	margin: 0 !important;
	padding: 75px 0 25px 0;
	color: #FFF;
	font-weight: bold;
	}
	
.articleD .bgTag a.link {
	position: relative;
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: normal;
	margin: 0;
	padding: 0;
	}

.articleD .bgTag a:hover span {
	padding: 0 20px 0 0;
	background-image: url(../img/icon_link.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

.articleD .bgBar .textWord_about span {
	position: relative;
	display: block;
	width: 100%;
	color: #FFF;
	margin: 0 0 5px 0;
	}
	
.articleD .bgBar .textWord_about h3 {
	font-size: 35px;
    margin: 0px 0 5px 0;
	}

.articleD .bgBar .textWord_about h4 {
	font-size: 18px;
    border: none;
    padding: 0 0 0px 0;
    margin: 0 0 15px 0 !important;
	color: #616667;
	}

.articleD .bgTag a.link:hover {
	color: #f1c40f !important;
	}

.articleD .bgTag h2, .articleD .bgTag h3 {
	color: #fff;
	}

.articleD .bgTag h3 {
	font-size: 24px;
	}

.forcing-visited .active span {
	color: #f1c40f;	
	padding: 0 20px 0 0;
	background-image: url(../img/icon_link.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	

/**/

.articleE {
	position: relative;
	width: 30%;
	float: left;
	margin: 0 3% 3% 0;	
	cursor: pointer;
	background: #252627;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.articleE img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

.articleE h5 {
	width: 90%;
	padding: 0 5%;
	color:  #fff;
	margin: 0 0 15px 0;
	}

.articleE p {
	font-size: 14px;
	width: 90%;
	padding: 0 5%;
	color:  #fff;
	}

.articleE:hover {
	background: #e74c3c;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

.articleEComp {
	position: relative;
	width: 65%;
	float: left;
	margin: 0 0 3% 0;	
	cursor: pointer;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.articleEComp img {
	max-width: 32%;
	height: auto;
	margin: 0 0 10px 0;
	}
	
/**/

.articleF {
	position: relative;
	width: 45%;
	float: left;
	margin: 0 5% 5% 0;
	}

.articleF img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

.articleF h5 {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 24px;
	}

.articleF p {
	font-size: 16px;
	width: 100%;
	padding: 0;
	font-weight: bold;
	}

/**/

.articleG {
	position: relative;
	width: 29%;
	float: left;
	margin: 0 4% 4% 0;
	}

.articleG img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

.articleG h5 {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 24px;
	}

.articleG p {
	font-size: 16px;
	width: 100%;
	padding: 0;
	font-weight: bold;
	}

/**/

.articleH {
	position: relative;
	width: 45%;
	float: left;
	margin: 0 5% 5% 0;
	cursor: pointer;
	}

.articleH img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

.articleH h5 {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 20px;
	}

.articleH span {
	position:relative;
	float: right;
	font-size: 20px;
	font-weight: bold;	
	color: #e74c3c;
	padding: 0 32px 0 0;
	background: url(../img/icon/icon_clock.gif) no-repeat top right;
	}
	
.articleH:hover h5 {
	color: #252627;
	}

/**/

.articleI {
	position: relative;
	width: 22%;
	float: left;
	margin: 0 3% 2% 0;
	cursor: pointer;
	}

.articleI img {
	max-width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	}

.articleI h5 {
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 15px;
	}

.articleI span {
	position:relative;
	float: right;
	font-size: 15px;
	font-weight: bold;	
	color: #697;
	padding: 0 32px 5px 0;
	background: url(../img/icon/icon_map.gif) no-repeat top right;
	}
	
.articleI:hover h5 {
	color: #697;
	}

/**/

.itemContact {
	position: relative;
	width: 98%;
	display: block;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0 0 0 2%;
	}

.iconHome {background:url(../img/icon/icon_place.gif) no-repeat center left;}
.iconPhone {background:url(../img/icon/icon_phone.gif) no-repeat center left;}
.iconPhoneOld {background:url(../img/icon/icon_phone_old.gif) no-repeat center left;}
.iconClock {background:url(../img/icon/icon_time.gif) no-repeat center left;}
.iconTele {background:url(../img/icon/icon_telemarketer.gif) no-repeat center left;}

.iconPhone {background:url(../img/icon_phone_yellow.png) no-repeat center left; padding: 0 0 0 34px;}
.iconWhatsapp {background:url(../img/icon_whatsapp_yellow.png) no-repeat center left; padding: 0 0 0 34px;}

/**/

.itemList {
	position: relative;
	display: block;
	width: 100%;
	}

.itemList li {
	position: relative;
	display: block;
	float: left;
	width: 28%;
	margin: 0 3% 1% 0;
	padding: 0 0 0 2%;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
	background: url(../img/icon/listItem.gif) no-repeat 0px 1px;
	color: #e74c3c;
	cursor: pointer;
	}

.itemList li:hover {
	background: url(../img/icon/listItem.gif) no-repeat 0px -45px;
	color: #f39c12;
	}

/*	-	-	-	*/

#footer .centerContainer {
	margin: 0 auto;
	padding: 9px 0 0 0;
	}

#footer p {
	font-size: 10px;
	color: #848C8C;
	
	position: relative;
	display: inherit;
	width: auto;
	padding: 0;
	margin: 0;
	z-index: 0;
	}
		
#footer .nav {
	padding: 0;
	margin: 0;
	float: right;
	list-style: none;
	width: auto;
	z-index: 100;
	}

#footer .nav li {
	position: relative;
	float: left;
	padding: 0 5px;
	border-right: solid 1px #666; 
	}



#footer .nav li a {
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 12px;
	padding: 3px 0 0 0;
	}

#footer .nav li a:hover {
	color: #f1c40f;
	}

#footer .nav li .labelDocType {
	display: block;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	}

#footer .nav li .iconHtml5 { background: url(../img/icon_html5.gif) no-repeat top right; padding: 0 36px 36px 0; margin-top: -8px;}
#footer .nav li .iconCss3 { background: url(../img/icon_css3.gif) no-repeat top right; padding: 0 36px 36px 0; margin-top: -8px;}

.labelAbs {
	position: relative;
	display: block;
	height: 14px;
	width: 130px;
	float: right;
	padding: 6px 0 0 0;
	margin: -3px 0px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #848C8C;
	background: url(../img/isotipo_abs.gif) no-repeat 100% 30%;
	z-index: 200;
	}

.labelAbs:hover {
	color: #f1c40f;
	}


/*	-	-	-	*/

.formContainer {
	position: relative;
	width: 100%;
	padding: 0;
	}

.formContainer h1 {
	margin: 0;
	}

.formContainer h4 {
	margin: 0 0 3px 0;
	}

.formContainer .hr {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	border-bottom: solid 1px #eaeaea;
	}

.formContainer .td {
	position: relative;
	width: 100%;
	margin: 0px 1% 1px 0;
	float: left;
	}

.formContainer .td75 {
	position: relative;
	width: 73%;
	float: left;
	padding: 0;
	margin: 0px 1% 1px 0;
	}

.formContainer .td50 {
	position: relative;
	width: 35%;
	float: left;
	padding: 0;
	margin: 0px 1% 1px 0;
	}

.formContainer .td30 {
	position: relative;
	width: 32%;
	float: left;
	padding: 0;
	margin:0px 1% 1px 0;
	}

.formContainer .tdAux {
	padding: 3px 0 0 0;
	}

.formContainer .tdAux-bottom {
	padding: 0 0 5px 0;
	}

.formContainer .td25 {
	position: relative;
	display: block;
	width: 24%;
	float: left;
	padding: 0;
	margin: 0px 1% 1px 0;
	}

.formContainer .resizeBox {
	width: 31%;
	margin-right: 20px;
	}

.formContainer .fieldName {
	position: relative;
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #66818F;
	margin: 0 0 2px 0;
	}

.formContainer .fieldName .labelRequired {
	color: #f44415;
	}

.formContainer .inputText {
	position: relative;
	width: 99%;
	height: 30px;
	background: #fff;
	border: solid 1px #919694;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #56676F;
	text-indent: 10px;
		
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.formContainer .inputTextAttach {
	position: relative;
	float: left;
	width: 75%;
	height: 35px;
	background: #fff;
	border: solid 1px #919694;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #56676F;
	text-indent: 10px;
	margin: 0 5px 0 0;
		
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.formContainer .rdoChkBox {
	position: relative;
	display: inline-block;
	width: auto;
	background: #ececec;
	padding: 5px 7px 5px 7px;
	margin: 0 5px 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.formContainer .rdoChkBox100 {
	width: 100%;
	}

.formContainer .rdoChkBox .radioCheck {
	position: relative;
	background: #096;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	}

.formContainer .linkForm {
	position: relative;
	display: block;
	font-size: 11px;
	float: left;
	margin: 0 10px 0 0;
	color: #999;
	}

.formContainer .linkFormRight {
	position: relative;
	display: block;
	font-size: 11px;
	float: right;
	}

.formContainer .linkForm:hover, .formContainer .linkFormRight:hover {
	color: #6BC7AC;
	}

.formContainer .textarea {
	position: relative;
	width: 96%;
	padding: 10px;
	height: 50px;
	background: #fff;
	border: solid 1px #919694;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.formContainer .desc {
	position: relative;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	}

.formContainer .button {
	position: relative;
	color: #fff;
	background: #252627;
	float: right;
	display: block;
	padding: 10px 30px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	cursor: pointer;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	
	-webkit-box-shadow: none;
	box-shadow: none;
	}

.formContainer .buttonL {
	float: left;
	}

.formContainer .buttonSmall {
	float: left;
	padding: 6px 17px;
	font-size: 14px;
	font-weight: bold;
	}

.formContainer .iconAttach {
	}

.formContainer .button:hover {
	color: #fff;
	background: #f39c12;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

.formContainer .buttonCancel {background: url(../img/btn_delete.gif) #ed6351 no-repeat 10% center; padding: 10px 30px 10px 40px;}
.formContainer .buttonCancel:hover {background: url(../img/btn_delete.gif) #f27262 no-repeat 10% center; padding: 10px 30px 10px 40px;}

.formContainer .buttonNext {background: url(../img/btn_next.gif) #339966 no-repeat 90% center; padding: 10px 40px 10px 20px;}
.formContainer .buttonNext:hover {background: url(../img/btn_next.gif) #48A979 no-repeat 90% center; padding: 10px 40px 10px 20px;}

.formContainer .buttonAccept {background: url(../img/btn_accept.gif) #339966 no-repeat 90% center; padding: 10px 40px 10px 20px;}
.formContainer .buttonAccept:hover {background: url(../img/btn_accept.gif) #48A979 no-repeat 90% center; padding: 10px 40px 10px 20px;}

.formContainer .buttonBack {background: url(../img/btn_back.gif) #3067af no-repeat 10% center; padding: 10px 20px 10px 50px;}
.formContainer .buttonBack:hover {background: url(../img/btn_back.gif) #5A88C5  no-repeat 10% center; padding: 10px 20px 10px 50px;}

.formContainer .buttonPrint {background: url(../img/btn_print.gif) #3067af no-repeat 10% center; padding: 10px 20px 10px 50px;}
.formContainer .buttonPrint:hover {background: url(../img/btn_print.gif) #5A88C5  no-repeat 10% center; padding: 10px 20px 10px 50px;}

.formContainer .marginBtnRight {
	margin: 0 10px 0 0 !important;
	}

.formContainer .boxAlert {
	position: relative;
	background: url(../img/icons/icon_error.gif) #fb6772 no-repeat 8px 5px;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 5px 0;
	float: left;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.boxAlert span, boxInfo span {
	position: relative;
	display: block;
	padding: 0 0 0 32px;
	font-size: 12px;
	color: #fff;
	}

.formContainer .iconDelete {background: url(../img/icons/btn_delete.gif) #ed6351 no-repeat center center;}
.formContainer .iconDelete:hover {background: url(../img/icons/btn_delete.gif) #f27262 no-repeat center center;}

.formContainer .iconAttach {background: url(../img/icons/btn_attach.gif) #fba743 no-repeat center center;}
.formContainer .iconAttach:hover {background: url(../img/icons/btn_attach.gif) #ffb864 no-repeat center center;}

.formContainer .notificationContent {
	position: relative;
	display: block;
	width: 96%;
	margin: 0 0 20px 0;
	padding: 10px 2%;
	clear: both;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.formContainer .notificationContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
	text-indent: 24px;
	}

.formContainer .notOk { background: url(../img/icon/icon_tilde.png) #27AE60 no-repeat 10px 13px; }
.formContainer .notInfo { background: url(../img/icon/icon_info.png) #2980B9 no-repeat 10px 13px;}
.formContainer .notWarning { background: url(../img/icon/icon_warning.png) #F39C12 no-repeat 10px 13px;}
.formContainer .notError { background: url(../img/icon/icon_error.png) #E74C3C no-repeat 10px 13px;}

.verifInput {
	float: right !important;
	width: 72%  !important;
	}
	
.verifImage {
	float: left !important;
	margin: 0;
	border: solid 2px #F39C12;
	}

.login {
	position: relative;
	width: 350px;
	padding: 0;
	margin: 0 auto;
	}

.login h4 {
	padding: 0 0 3px 0 !important;
    margin: 0 0 7px 0 !important;
    border: none;
    font-size: 18px;
    border-bottom: solid 1px #F5F5F5;
	}

.login .td30 {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 15px 0;
	}

/*	-	-	-	*/

.globalTable {
	position: relative;
	width:100%;
	height:auto;
	border-collapse: separate;
	border-spacing: 0px;
	border: solid 1px #cfcfcf;
	margin: 0 0 10px 0;
	}

.globalTable thead {
	width: 100%;
	background: #ff0;
	padding: 1px;
}
.globalTable thead tr {
	padding: 1px;
}
.globalTable thead tr th {
	height:25px;
	color: #636363;
	text-align:center;
	padding: 3px 0 3px 2px;
	font-size: 14px;
	font-weight: bold;
	
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#ededed 100%);
	background: -o-linear-gradient(top, #fdfdfd 0%,#ededed 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#ededed 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ededed',GradientType=0 );
	border-right: solid 1px #cfcfcf;
	border-bottom: solid 1px #cfcfcf;
}

.globalTable tbody {
}

.globalTable tbody tr {
}

.globalTable tbody tr td {
	position: relative;
	text-align:left;
	color: #636363;
	font-size: 14px;
	padding: 10px 5px;
	border-right: 1px solid #F3F6F8;
}

.globalTable tbody tr.even {
	background-color: #fafafa;
	color: black;
	text-align:left;
}

.globalTable tbody tr.odd {
	background-color: #fff; 
	color: black;
	text-align:left;
}

.globalTable tfoot {
}
.globalTable tfoot tr {
}
.globalTable tfoot tr td {
	border-top: solid 1px #cfcfcf;
	padding: 5px;
	font-size: 12px;
	color:#636363;
}
.globalTable tbody tr td span.iconStatus{
	position: relative;
	width: 50%;
	display: block;
	height: 22px;
	padding: 2px 0 0 34px;
}

.globalTable tbody tr td span.pending{
	background: url(../img/icons/icon_pending.gif) no-repeat center left;
}
.globalTable tbody tr td span.accepted{
	background: url(../img/icons/icon_accept.gif) no-repeat center left;
}

/*	-	-	-	*/

.infoTable {
	position: relative;
	width:100%;
	height:auto;
	margin: 0 0 20px 0;
	}

.infoTable thead {
	width: 100%;
	padding: 1px;
}
.infoTable thead tr {
	padding: 1px;
}
.infoTable thead tr th {
	height:25px;
	color: #fff;
	text-align:center;
	padding: 5px 0 5px 2px;
	font-size: 16px;
	font-weight: bold;
	background: #e74c3c;
	border-right: solid 1px #FFFFFF;
}

.infoTable tbody {
}

.infoTable tbody tr {
}

.infoTable tbody tr td {
	position: relative;
	text-align:left;
	color: #636363;
	font-size: 16px;
	padding:25px 15px;
}

.infoTable tbody tr.even {
	background-color: #F0F0F1;
	color: black;
	text-align:left;
}

.infoTable tbody tr.odd {
	background-color: #fff; 
	color: black;
	text-align:left;
}

.infoTable tfoot {
}
.infoTable tfoot tr {
}
.infoTable tfoot tr td {
	border-top: solid 1px #cfcfcf;
	padding: 5px;
	font-size: 12px;
	color:#636363;
}
.infoTable tbody tr td span.iconStatus{
	position: relative;
	width: 50%;
	display: block;
	height: 22px;
	padding: 2px 0 0 34px;
}

.infoTable tbody tr td span.pending{
	background: url(../img/icons/icon_pending.gif) no-repeat center left;
}
.infoTable tbody tr td span.accepted{
	background: url(../img/icons/icon_accept.gif) no-repeat center left;
}

/*	-	-	-	*/

.tablePrice {
	position: relative;
	display: block;
	width: 31%;
	border: solid 1px #CCCCCC;
	border-top: none;
	float: left;
	margin: 0 2.1% 2% 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
-webkit-box-shadow: 4px 4px 1px 0px rgba(50, 50, 50, 0.14);
-moz-box-shadow:    4px 4px 1px 0px rgba(50, 50, 50, 0.14);
box-shadow:         4px 4px 1px 0px rgba(50, 50, 50, 0.14);
	}

.tablePrice thead, .tablePrice tbody,  .tablePrice tfoot {
	text-align: center;
	width: 100%;
	display: block;
	}

.tablePrice thead tr, .tablePrice tbody tr,  .tablePrice tfoot tr {
	text-align: center;
	width: 100%;
	display: block;
	}

.tablePrice thead tr th, .tablePrice tbody tr td,  .tablePrice tfoot tr td {
	text-align: center;
	width: 100%;
	display: block;
	padding: 8px 0;
	}
	

.tablePrice thead tr th {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 12px;
	padding: 0;
	border-top: solid 5px #00CCFF;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

.tablePrice thead tr th .imgLogoCompany {
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	background: #06C;
	margin: 0;
	border-bottom: solid 1px #F2F2F2;
	}

.tablePrice thead tr th span {
	display: block;
	font-size: 20px;
	color: #DF603B;
	padding: 10px 0;
	}

.tablePrice thead tr th .mapfre {background: url(../img/logo_mapfre.gif) no-repeat center center;}
.tablePrice thead tr th .rsa {background: url(../img/logo_rsa.gif) no-repeat center center;}
.tablePrice thead tr th .sancor {background: url(../img/logo_sancor.gif) no-repeat center center;}
.tablePrice thead tr th .sancristobal {background: url(../img/logo_sancristobal.gif) no-repeat center center;}
.tablePrice thead tr th .lacaja {background: url(../img/logo_lacaja.gif) no-repeat center center;}
.tablePrice thead tr th .allianz {background: url(../img/logo_allianz.gif) no-repeat center center;}
.tablePrice thead tr th .navegamax {background: url(../img/logo_navegamax.gif) no-repeat center center;}

.tablePrice tbody tr td {
	font-size: 13px;
	padding: 15px 0;
	}

.tablePrice tbody tr.odd {
	background: #F4F2EA;
	}

.tablePrice tfoot tr {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	background: #1d4273;
	background: -moz-linear-gradient(top, #1d4273 0%, #2789cf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #1d4273), color-stop(100%, #2789cf));
	background: -webkit-linear-gradient(top, #1d4273 0%, #2789cf 100%);
	background: -o-linear-gradient(top, #1d4273 0%, #2789cf 100%);
	background: -ms-linear-gradient(top, #1d4273 0%, #2789cf 100%);
	background: linear-gradient(to bottom, #1d4273 0%, #2789cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4273', endColorstr='#2789cf', GradientType=0 );
	
	transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	}

.tablePrice tfoot tr:hover {
	background: #3f6699;
	background: -moz-linear-gradient(top, #3f6699 0%, #52a7e3 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #3f6699), color-stop(100%, #52a7e3));
	background: -webkit-linear-gradient(top, #3f6699 0%, #52a7e3 100%);
	background: -o-linear-gradient(top, #3f6699 0%, #52a7e3 100%);
	background: -ms-linear-gradient(top, #3f6699 0%, #52a7e3 100%);
	background: linear-gradient(to bottom, #3f6699 0%, #52a7e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6699', endColorstr='#52a7e3', GradientType=0 );
	
	transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	}

.tablePrice tfoot tr td {
	padding: 25px 0;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	font-size: 18px;
	}


/*	-	-	-	*/

.companyList {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 5% 0 5% 0;
	vertical-align: top;
	text-align: center;
	}

.companyList li {
	position: relative;
	display: inline-block;
	width: 160px;
	height: 65px;
	margin: 0 5% 5% 0;
	padding: 0;
	}
	
.companyList li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	background-position: center center;
	background-repeat: no-repeat;
	
	opacity: 0.4;
    filter: alpha(opacity=40);
	
	transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	}

.companyList li a.logoAbb {background-image: url(../img/logo/lg-abb.png);}
.companyList li a.logoAchaval {background-image: url(../img/logo/lg-achaval.png);}
.companyList li a.logoAltavista {background-image: url(../img/logo/lg-altavista.png);}
.companyList li a.logoBarbieri {background-image: url(../img/logo/lg-barbieri.png);}
.companyList li a.logoBenegas {background-image: url(../img/logo/lg-benegas.png);}
.companyList li a.logoCampari {background-image: url(../img/logo/lg-campari.png);}
.companyList li a.logoCastillo {background-image: url(../img/logo/lg-castillo.png);}
.companyList li a.logoCocacola {background-image: url(../img/logo/lg-cocacola.png);}
.companyList li a.logoHumberto {background-image: url(../img/logo/lg-humberto.png);}
.companyList li a.logoLamaison {background-image: url(../img/logo/lg-lamaison.png);}
.companyList li a.logoLuigibosca {background-image: url(../img/logo/lg-luigibosca.png);}
.companyList li a.logoMarathon {background-image: url(../img/logo/lg-marathon.png);}
.companyList li a.logoMendel {background-image: url(../img/logo/lg-mendel.png);}
.companyList li a.logoRefinor {background-image: url(../img/logo/lg-refinor.png);}
.companyList li a.logoSealy {background-image: url(../img/logo/lg-sealy.png);}

.companyList li a:hover {	
	opacity: 1.0;
    filter: alpha(opacity=100);
	
	transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	}



/*	-	-	-	*/

.buttonArrowA {
	font-family: arial, helvetica, sans-serif;
	position: relative;
	display: block;
	width: 197px;
	height: 53px;
	float: left;
	
	padding: 15px 0 0 15px;
	background: url(../img/buttonA.gif) no-repeat top left;
	color: #fff;
	cursor: pointer;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.buttonArrowA:hover {
	background: url(../img/buttonA.gif) no-repeat top right;
	color: #fff;
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

.buttonArrowB {
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	position: relative;
	display: block;
	width: 197px;
	height: 50px;
	float: right;
	text-align: right;
	
	padding: 18px 15px 0 0;
	background: url(../img/buttonB.gif) no-repeat top left;
	color: #fff;
	cursor: pointer;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	}

.buttonArrowB:hover {
	background: url(../img/buttonB.gif) no-repeat top right;
	color: #fff;
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	}

/*	-	-	-	*/

#header .socialLink {
	position: relative;
	float: right;
	margin: 10px 25px 0 0;
	padding: 7px 30px 7px 0;
	font-weight: normal;
	color: #7f8c8d;
	font-size: 15px;
	}

#header .socialLinkLogged {
	position: relative;
	float: right;
	margin: -10px 25px 0 0;
	padding: 7px 30px 7px 0;
	font-weight: normal;
	color: #7f8c8d;
	font-size: 15px;
	}

#header .fb {
	background-image: url(../img/icon_facebook.png);
	background-position: center right;
	background-repeat: no-repeat;
	}

#header .wsp {
	color: #27B526;
	background-image: url(../img/icon_whatsapp.png);
	background-position: center right;
	background-repeat: no-repeat;
	}	

#header .xmas {
	background-image: url(../img/icon_xmas.png);
	background-position: center right;
	background-repeat: no-repeat;
	}

.osr {
	font-family: arial, helvetica, sans-serif;
	}

.osl {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal !important;
	}

.hr {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	border-bottom: solid 1px #eaeaea;
	}

.paddingTop {padding: 0.6em 0 0 0;}
.paddingTopSmall {padding: 1em 0 0 0;}
.paddingBottomSmall {margin: 0 0 5px 0!important; line-height: normal!important;}

.bgGreyLight {background: #EEF0EF !important;}
.bgDeliveryC {background: url(../img/bg/003.jpg) fixed no-repeat top left !important;}
.bgGreyDark {background: #252627 !important;}

.labelWhite {color: #fff !important;}
.labelGrey {color: #7f8c8d !important;}
.labelGreyDark {color: #bdc3c7 !important;}
.labelRed { color: #e74c3c !important; }
.labelRedDark { color: #c0392b !important; }
.labelGreen { color: #2ecc71 !important;}
.labelGreenLight { color: #27ae60 !important;}
.labelBlue { color: #3498db !important;}
.labelBlueLight { color: #2980b9 !important;}
.labelYellow { color: #f1c40f !important; }
.labelYellowDark { color: #f39c12 !important; }

.labelItem {font-size: 22px; display:block; width: 100%; margin: 0 0 5px 0;}

.linkIconListGreen {
	background: url(../img/icons/icon_listGreen.gif) no-repeat center left;
	padding: 0 0 0 10px;
	}

.noBorder {border: none !important;}
.borderBottom { padding: 0 0 15px 0; margin: 0 0 30px 0; border-bottom: solid 1px #fff;}
.noBg {background: none !important;}

.clear {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
	}

.floatLeft { float: left !important;}

.imgC {max-width: 50%; float: left; margin: 0 2em 2em 0;}
.imgD {max-width: 40%; float: left; margin: 0 2em 2em 0;}
.imgE {max-width: 25%; float: left; margin: 0 2em 2em 0;}
.imgF {max-width: 35%; float: left; margin: 0 2em 2em 0;}

.videoContent{
	position: relative;
	display: block;
	margin: 0 3em 3em 0;
	float: left;
	}

.titleLogo {
	text-indent: 74px;
	background: url(../img/icon/logo_hp.gif) no-repeat center left;
	}

.btnTopBanner {
	position: absolute;
	display: block;
	width: 100%;
	padding: 1px 0 0 0;
	text-align: center;
	margin: 0;
	vertical-align: top;
	}

.btnTopBanner a {
	position: relative;
	display:block;
	width: 150px;
	margin: 0 auto;
	padding: 10px 8px;
	text-align: center;
	font-size: 14px;
	z-index: 100;
	background: #E74C3C;
	color: #fff;
	clear: both;
	vertical-align: top;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	}

.btnTopBanner a:hover {
	padding: 20px 20px;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	background: #F2CA27;
	
	transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}

/**/

.smallPaddingTop {
	font-size: 20px !important;
	padding: 0px 0 0.5px 0;
	margin: 0 0 8px 0;
	border-bottom: solid 1px #efefef;
}

.crudPaddingVBox {
    width: 100% !important;
    height: 100% !important;
    padding: 15px 0 0 0;
}

.z-column-content {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    padding: 0px 5px;    
    line-height: 26px;
    position: relative;
    overflow: hidden;
}

.z-column {
    border-top: 1px solid #E6CE56;
    border-left: 1px solid #8C8874;
    padding: 0;
    background: #545248;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.generalGrid {
	margin: 0;
	border: none;
}

.generalGrid .z-grid-odd td {
	background-color: #F1F3F4; 	
}

.generalGrid .z-row:hover>.z-row-inner, .generalGrid .z-row:hover>.z-cell {
    background: #F9AB37;
    cursor: pointer;
    color: #fff;
}

.z-grid-body .z-cell {
    font-family: "Open Sans",Arial,Sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #555;
    padding: 4px;
    line-height: normal;
    overflow: hidden;
}

.z-label, .z-radio-content, .z-checkbox-content {
    font-family: "Open Sans",Arial,Sans-serif;
    font-size: 10px;
}

/**/

.z-button {
    font-size: 12px;
    font-style: normal;
    width: auto !important;
    min-height: 24px;
    padding: 1px 12px;
    line-height: 24px;
    
    border: none;
    background: #545248;
}

.z-button:hover {
    border-color: none;
    background: #f39c12;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.z-button:active {
    color: #FFF;
    border-color: none;
    background: #AF771F;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.z-button:focus {
    color: #FFF;
    border-color: none;
    background: #AF771F;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**/

.z-tabpanel {
	height: auto !important;
}

/**/

.z-group-content, .z-groupfoot-content, .z-footer-content {
    line-height: 20px;
}

/**/

.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
    font-size: 12px;
    font-weight: normal;
    min-height: 24px;
    padding: 1px 5px;
    line-height: 18px;
}

.z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
    font-size: 12px;
    font-weight: normal;
    height: 24px;
    padding: 1px 5px;
    line-height: 18px;
}

.z-combobox-button, .z-bandbox-button, .z-datebox-button, .z-timebox-button, .z-spinner-button, .z-doublespinner-button {
    width: 32px;
    height: 24px;
    border: 1px solid #e3e3e3;
    background: #fff;
}

.z-combobox-icon, .z-bandbox-icon, .z-datebox-icon, .z-timebox-icon, .z-spinner-icon, .z-doublespinner-icon {
    font-size: 14px;
    color: #555;
    display: block!important;
    width: 30px;
    line-height: 23px;
    text-align: center;
}

.z-combobox, .z-bandbox, .z-datebox, .z-timebox, .z-spinner, .z-doublespinner {
    min-height: 24px;
}

.z-combobox-popup{
	z-index: 10000 !important;
}

/**/

.z-window {
	z-index: 10000 !important;
}

.z-tabbox {
    margin: 15px 0 0 0;
}

.z-tabbox-top>.z-tabs .z-tab {
    padding-bottom: 5px;
    margin: 0 0 0 0;
}

.z-tab {
    background: #BBBDBD;
    font-size: 12px;
    padding: 3px 7px 6px 7px;
    line-height: 17px;
}

.z-tab-selected .z-tab-text {
    font-weight: normal;
    color: #E6E6E6;
    cursor: default;
}

.z-tab-text {
    font-size: 12px;
    font-weight: normal;    
    color: #E8E8E8;
}

.z-tab:hover {
    background: #fff;
}

.z-tab:hover .z-tab-text {    
    color: #000;
}

.z-tab-selected {
    background: #fff;
}

.z-tab-selected .z-tab-text {    
    color: #000;
}

/**/

.z-window-header {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 21px;
    font-weight: 300;
    font-style: normal;
    color: #000;
    padding: 1px 15px;
    line-height: 32px;
    cursor: default;
    overflow: hidden;
}

.linkDescarga {
	background: none;
	border: none;
}

.linkDescarga:hover {
	background: none;
	border: none;
}

/**/

.status-text {
	font-size: 15px;
	font-weight: bold;
	font-height: 2px;
}

.status-bar {
	position: relative;
	display: block;
	width: 128px;
	height: 3px;
	background-image: url(../img/status-bar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

.Recibido {background-position: 0px -13px;}
.Origen {background-position: 0px -26px;}
.Transito {background-position: 0px -39px;}
.Destino {background-position: 0px -52px;}
.Reparto {background-position: 0px -65px;}
.Entregado {background-position: 0px -78px;}