@charset "utf-8";
/* CSS document */
/*-------------------------------------------------------------------------------------------------------------------*/
/*STRUCTURE*/
/*-------------------------------------------------------------------------------------------------------------------*/
body{
	color:#333333;
	font-family:'Font-Normal';
	font-size:10px;	
	height:100%;
	}
	#wrapper{
		background-color:transparent;
		}
		.headerpage{
			background-color:transparent;
			}
		.floatframe{
			background-color:#FFCC00;
			box-shadow: 5px 0 2px 0 rgba(50, 50, 50, 0.5);
			}
		.contentframe{
			background-color:#FFFFFF;
			}
			.contentframe .headerpage{
				background-color:#DCDCDC;
				padding:0 0 0 10px;
				}	
			.contentframe .mainpage{
				background-color:transparent
				}				
				.contentframe .mainpage .mainframe {
					background-color:transparent;
					}			
					.contentframe .mainpage .mainframe .nav-frame{
						background-color:#EBEBEB;
						} 
					.contentframe .mainpage .mainframe .filters-frame{
						background-color:#CACACA;
						}
					.contentframe .mainpage .mainframe .contenidoopc {
						font-size:0;
						background-color:transparent;
						} 
						.contentframe .mainpage .mainframe .contenidoopc .header-content{
							background-color:#F9F9F9;
							font-size:10px;
							}
						.contentframe .mainpage .mainframe .contenidoopc .main-section{
							color:#000000;
							background-color:transparent;
							font-size:10px;
							}
			.contentframe .footerpage{
				background-color:#505050;
				}
		.modal{
			background-color:#000000;
			overflow:auto;
			}
		.ctn_w .modal{
			background-color:#F2F2F2;
			}			
			.modal .fondopopuphlp {
				background: url(../../img/dhl/bck_modalhelp.png);
				}
			.ctn_w .modal .fondopopuphlp {
				background:#F2F2F2;
				}
body,
.contentframe .footerpage{
	background-color:#505050;
	}
/*Index Page*/
.idxpage .headerpage{
	background-color:transparent;
	}
.idxpage .floatframe{
	background-color:#505050;
	box-shadow:none;
	}
.idxpage .contentframe{
	background-color:transparent;
	}
body,
.contentframe .footerpage{
	background-color:#FFCC00;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* ELEMENTS */
/* ---------------------------------------------------------------------------------------------------- */
/*ALERT */
.box-alert{
	border:1px solid #AFAFAF;
	background:url(../../img/dhl/bck-alert-tl.png) top left content-box no-repeat,
			   url(../../img/dhl/bck-alert-tr.png) top right content-box no-repeat,
			   url(../../img/dhl/bck-alert-br.png) bottom right content-box no-repeat,
			   url(../../img/dhl/bck-alert-bl.png) bottom left content-box no-repeat,
			   url(../../img/dhl/bck-alert-border.png) top left content-box repeat-y,
			   url(../../img/dhl/bck-alert-border.png) top left content-box repeat-x,
			   url(../../img/dhl/bck-alert-border.png) top right content-box repeat-y,
			   url(../../img/dhl/bck-alert-border.png) bottom left content-box repeat-x,
			   url(../../img/dhl/bck_alert_border.png) content-box,
			   #C6C6C6 border-box;			
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:10px;
	margin: 60px 25%;
	padding: 20px;
	width: 50%;
    }
.ctn_w .box-alert{
	border:1px solid #AFAFAF;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	
}
.box-alert .img_alert {
	height: 40px;
	padding: 5px 0 0 5px;
	}
.box-alert .img_alert .bt-icon {
	font-size:3.6em;
	}
.box-alert .icon-itc-al-error{
	color:#D40511;
	}
.box-alert .icon-itc-al-warning{
	color:#FFCC00;
	}
.box-alert .icon-itc-al-confirm{
	color:#2DB200;
	} 
.error .box-alert .icon-itc-al-error,
.warning .box-alert .icon-itc-al-warning,
.confirm .box-alert .icon-itc-al-confirm{
	text-shadow: 2px -2px 5px rgba(201, 201, 201, 0.75);
	}
.visible .error .box-alert .icon-itc-al-error,
.visible .warning .box-alert .icon-itc-al-warning,
.visible .confirm .box-alert .icon-itc-al-confirm,
.visible .error .box-alert .icon-itc-al-warning, 
.visible .error .box-alert .icon-itc-al-confirm,
.visible .warning .box-alert .icon-itc-al-error, 
.visible .warning .box-alert .icon-itc-al-confirm,
.visible .confirm .box-alert .icon-itc-al-error, 
.visible .confirm .box-alert .icon-itc-al-warning,
.error .box-alert .icon-itc-al-warning, 
.error .box-alert .icon-itc-al-confirm,
.warning .box-alert .icon-itc-al-error, 
.warning .box-alert .icon-itc-al-confirm,
.confirm .box-alert .icon-itc-al-error, 
.confirm .box-alert .icon-itc-al-warning{
	height:0;
	margin:0;
	padding:0;
	visibility:visible;					
	width:0;
	} 
.box-alert .title-alert{
	color:#D40511;
	font-size:2em;
	height:auto;		
	min-height:40px;
	padding:15px 5px 5px 5px;
	text-align:left;
	}   
.box-alert .text-alert{	
	color:#505050;	
	font-size:1.4em;
	padding:20px 0;
	text-align:center;
	}
.box-alert .btn-primary{
	background:#D40511;
	border: 1px solid #D40511;
	color:#FFFFFF;
	font-family: 'Font-Normal';
	}
.box-alert a.btn-primary{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	float:right;
	font-size:1.4em;
	margin:0 10px 10px 5px;
	padding:5px 10px;
	}
.box-alert a:hover.btn-primary{
	background:#D40511;
	color:#FFCC00;		
	} 		
/* ---------------------------------------------------------------------------------------------------- */
/* BUTTONS */
a.btn-primary{
	background: #d40511;
	border: 1px solid #d40511;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	color: #ffffff;
	margin:0 5px;
	padding:5px;
	    }
a:hover.btn-primary{
	color:#FFCC00;
	}
.bt-menu{
	border:2px solid #D1D1D1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
    height: 30px;
	margin:5px 0;
    width: 30px;
    }			
.bt-menu:hover{
	border:2px solid #D40511;
    }
section.wrapper-open .bt-menu{				
	background:#D40511;
	border:2px solid #D40511;
    }
/* Pager menu button */
.bt-pager{
	border:2px solid #D1D1D1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
    }
.bt-pager.disable{
	border:2px solid #D1D1D1;
	}
.bt-pager.disable:hover{
	border:2px solid #D1D1D1;
	}
.bt-pager:hover{
	border:2px solid #D40511;
    }
.bt-pager-active{				
	background:#D40511;
	border:2px solid #D40511;
    }
/* Tools menu button */
.bt-tools{
	border:2px solid #D1D1D1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
    }			
.bt-tools:hover{
	border:2px solid #D40511;
    }
.bt-tools-active{				
	background:#D40511;
	border:2px solid #D40511;
    }
/* ---------------------------------------------------------------------------------------------------- */
/* CALENDAR*/		
.calendar .boxcontent {
	margin:0 30%;
	width:40%;
	}
.calendar table{
	border-collapse: collapse;
	padding:20px;
	position:static;
        width: 100%;
	}
.calendar table tr{
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#EBEBEB;
	}
.calendar table thead tr{
	border-bottom:1px solid #FFFFFF;
	}
.calendar table tr th{
	background:none;
    color: #FFFFFF;
    font-weight: normal;
    height:auto;
    padding: 5px;
	vertical-align:top;
	}
.modal .fondopopuphlp .calendar table thead tr:nth-child(odd){
	background:	#444444;
	}
.modal .fondopopuphlp .calendar table thead tr:nth-child(even){	
	background:	#666666;
	}
.calendar table tr th .title{
	color:#FFFFFF;
	font-size:1.3em;
	text-align:center;
	padding:0 15px;
	}
.calendar table tr td{
	padding:0;
	}
.calendar_today.calendar_laborday day a,
.calendar_today.calendar_holiday day a{
	color:#000000;
	}
.calendar table tr td .calendar_laborday,
.calendar table tr td .calendar_holiday{
		font-size:1.1em;
	}
.calendar table tr td .calendar_laborday:hover{
	background:#DFDFDF;
	border:1px solid #878787;
	}
.calendar table tr td .calendar_holiday{
	border-bottom:1px solid #ffffff;
	background:#9E9E9E;
	}
.calendar table tr td .calendar_holiday:hover{
	background:#959595;
	border:1px solid #f2f2f2;
	}
.calendar table tr td .calendar_laborday .day a,
.calendar table tr td .calendar_holiday .day a{
	padding:5px;
	width:100%;				
	text-align:center;
	}
.calendar table tr td .calendar_laborday .day a{
	color:#878787;
	}
.calendar table tr td .calendar_laborday .day a:hover{
	color:#D40511;
	}
.calendar table tr td .calendar_holiday .day a{
	color:#EEEEEE;
	}
.calendar table tr td .calendar_holiday .day a:hover{
	color:#8C0000;
	}
.calendar table tr td .calendar_today.calendar_laborday .day a,
.calendar table tr td .calendar_today.calendar_holiday .day a{
	color:#000000;
	}
.calendar table tr td .calendar_today.calendar_laborday .day a:hover,
.calendar table tr td .calendar_today.calendar_holiday .day a:hover{
	color:#D40511;
	}
.calendar table tr td .calendar_selectedday:hover{
	border:0;
	}
.calendar table tr td .calendar_selectedday{
	background:#D40511;
	}
.calendar table tr td .calendar_selectedday:hover{
	background:#D40511;
	}	
.calendar table tr td .calendar_selectedday .day a{
	color:#CCCCCC;
	}	
.calendar table tr td .calendar_selectedday .day a:hover{
	color:#FFFFFF;
	}	
.calendar table tr td .calendar_today.calendar_selectedday .day a{
	color:#FFFFFF;
	}
.calendar table tr td .calendar_today.calendar_selectedday .day a:hover{
	color:#FFFFFF;
	}
.calendar table .toptabla .title .icon{
	background:#E5E5E5;
	border:1px outset #666666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:1em;
	height:20px;
	margin:0 1px;
	padding:0;
	width:20px;
	}
.calendar table .toptabla .title .icon:hover{
	background:#D40511;
	}
.calendar #fechasel {
	color:#FFFFFF;
	font-size:1.5em;
	margin:5px 0;
	padding:14px 2% 6px 30%;
	}
.ctn_w .calendar #fechasel {
	color:#333333
	}
.calendar .boxhhmmss {
	font-size:1.5em;
	margin:5px 0;
	padding:10px 30% 10px 0;
	text-align:center;
	}
.calendar .boxhhmmss select[name=hact],
.calendar .boxhhmmss select[name=mact],
.calendar .boxhhmmss select[name=sact]{
	background:#000000;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:1em;
	padding:1px;
	margin:0 2px 0 0;
	}
.fondopopuphlp .bottom_hlp{
	padding:20px 40%;
	}
.fondopopuphlp .bottom_hlp a{
	background:#D40511;
	border: 1px solid #d40511;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	color: #ffffff;
	margin:0 1%;
	padding:5px;
	text-align:center;
	width:48%;
	}
.fondopopuphlp .bottom_hlp a:hover{	
	color:#FFCC00;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* CONTENTET */
/* Date */
.text-date{
	border-right:1px solid #D1D1D1;
	color:#666666;
	float: right;
    font-family: 'Font-Bold';
	font-size: 1.1em;
	height: 30px;
	padding: 12px 10px;
	text-align:center;
	width: 150px;
	    }
/* User */
.text-user{
	border-right:1px solid #D1D1D1;
	color:#666666;
	float: right;
    font-family: 'Font-Bold';
	font-size: 1.1em;
	height: 30px;
	max-width: 609px;
	padding: 12px 10px;
	text-align: right;
	width:auto;
	    }
/* ---------------------------------------------------------------------------------------------------- */
/* FIGURES*/
/* System Logo*/
.logo_system{
	width:24px;
    }
.logo_system img {
	width:100%;		
	}
/*Index Page*/
/* System Logo*/
.idxpage .logo_system{
	background:#505050;
	height:100%;
	padding: 20px 0 20px 10px;
	width:25%;
    }
	.idxpage .logo_system img {
		width:45%;		
	    }
/* Enterprise Logo*/
.logo-enterprise{			
	padding:15px 11.11%;
    }
.idxpage .logo_enterprise {
    float: right;
    height:80px;
    padding:20px 20px 20px 40px;
    width: 360px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* FORMS */
form .field-set .element-group{
	padding:2px 1%;
	}
form .field-set .element-group .title .required.icon,
form .field-set .element-group .field-element .element .required.icon{
	color: #D40511;
	font-size: 0.6em;
	width: 15px;
	}
form .field-set .element-group .field-element {
	padding: 5px 0;
	}
form .field-set .element-group .field-element .element {
	padding: 0 1.5% 0 0;
	}
form .field-set .element-group .field-element .element .type-element {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	}
form .field-set .element-group .field-element .link a.icon-itc-calendar{
	color:#CCCCCC;
	font-size:1.8em;
	padding:0;
	}
form .field-set .element-group .field-element .link a:hover.icon-itc-calendar{
	color:#FFFFFF;
	font-size:1.8em;
	padding:0;
	}
/*Autocompleter*/	
form .autocompleter { 
    height: auto;
    top: 2px;
    width: 100%;
    z-index: 99999;
}  
form .autocompleter ul{   
	overflow: auto;
    padding: 5px; 
	max-height: 100px;
	width:100%;
}
form .autocompleter li{
    list-style: none;    
  	white-space: pre-line;
	width:100%;
}
form .autocompleter li a{
    color: #CCCCCC;
	font-size:1.1em;
	padding:2px 0;
	text-transform:capitalize;
	width:100%;
}

.ctn_w form .autocompleter li a{
    color: #333333;
	}
form .autocompleter li a:before{
	content:"- "
}
form .autocompleter li a:hover{
    color: #FFFFFF;
}

/* Login */
.login form{
	padding:0 0 0 50%;
	}
.login form .title_form{
	padding:0 5% 0 0;
	text-align:right;
	}
.login form .field-login{
	border:1px solid #FFFFFF;
	margin:40px 5% 0 0;
	padding:20px;
	width:95%;
	}
.login form .form-element{
	padding:10px 0;
	}			
.login form .field-login .title{
	width:30%;
	padding:0;
	}
.login form .field-login .required{
	font-size:0.7em;
	padding:2px;
	}
.login form .name{
	color:#D40511;
	font-size:1.4em;
	}
.login form .form-control{
	background:#ffffff;
	width:70%;
	}
.login form input{
	padding:2px 5px;
	}
.login form .formbts{
	padding:0 5% 0 0;
	}
.login form .submit-text a{
	color:#D40511;
	font-size:1.3em;
	padding:10px 0;
	}	
.login form .submit-text a:hover{
	text-decoration:underline;
	}
.login form .formbts .submit{
	float:right;
	}
.login form .formbts .submit a.btn-primary{
	font-size:1.4em;
	}
/* Modal Form*/
.modal .fondopopupfrm1.visible {
    color: #FFFFFF;
    padding: 0 5% 40px 5%;
	}
.ctn_w .modal .fondopopupfrm1.visible {
    color: #000000;
}
.modal .fondopopupfrm1.visible .frm1body .formpopup .form {
	font-size:10px;
	}
.modal .fondopopupfrm1.visible .frm1body .formpopup .form .box-buttons{
	background:#000000;
	border-bottom: 1px solid #D40511;
	padding: 40px 0 10px 0;
	}
.modal .fondopopupfrm1.visible .frm1body .formpopup form .box-buttons a.btn-primary {
	float: right;
	}
.ctn_w .modal .fondopopupfrm1.visible .frm1body .formpopup .form .box-buttons{
	background:#F2F2F2;
	}
.modal .fondopopupfrm1.visible .frm1body .formpopup .form .title{
	padding: 90px 0 30px 0;
	}
.modal .fondopopupfrm1.visible .frm1body .formpopup .form .title h1 {
	font-family: 'Font-Bold';
	font-size: 2em;
	}
.modal .fondopopupfrm1.visible .frm1body .formpopup .form .field-set{
	padding:0 2% 0 1%;
	}
.modal .fondopopupfrm1.visible .frm1body .formpopup form .field-set .element-group .title {
	padding: 5px 0;
	}
.formpopup form .field-set .element-group .field-element .element .type-element {
	background:#111111;
	border-color: #505050;
	}
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element {
	background:#EAEAEA;
	}
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type textarea {
	background:#EAEAEA;
	}
.ctn_w .formpopup form .field-set .element-group .field-element .link a.icon-itc-calendar {
    color: #999999;
	}
.ctn_w .formpopup form .field-set .element-group .field-element .link a.icon-itc-calendar:hover {
    color: #000000;
	}
.formpopup form .field-set .element-group .field-element .element .type-element {
	background:#111111;
	border-color: #505050;
	}
.formpopup form .field-set .element-group .field-element .element .type-element .type input {
	padding: 0 0 2px 0;
	}									
.formpopup form .field-set .element-group .field-element .element .type-element .type input,									
.formpopup form .field-set .element-group .field-element .element .type-element .type option,									
.formpopup form .field-set .element-group .field-element .element .type-element .type select,									
.formpopup form .field-set .element-group .field-element .element .type-element .type textarea {
	color: #FFFFFF;
	}									
.formpopup form .field-set .element-group .field-element .element .type-element .type option,
.formpopup form .field-set .element-group .field-element .element .type-element .type textarea {
	background:	#111111;
	border:	none;
	}
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type option,
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type textarea {
	background:	#EAEAEA;	
	}
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type input,									
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type option,									
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type select,									
.ctn_w .formpopup form .field-set .element-group .field-element .element .type-element .type textarea {
	color: #333333;
	}
.modal .frm_close {
	padding:5px 0 0 0;
	}
.modal .frm_close a{
	color:#FFFFFF;
	background:url(../../img/dhl/bt-close.png) left top no-repeat, #FFFFFF;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-border-radius: 100%;
	float:right;
	height: 20px;
	width: 20px;		
	}
.modal .frm_close a.ctt{
	margin-right:5px;
	}
.ctn_w .modal .frm_close a.ctt{
	background:url(../../img/dhl/bt-ctt_b.png) left top no-repeat, #FFFFFF;
	}
.ctn_b .modal .frm_close a.ctt{
	background:url(../../img/dhl/bt-ctt_w.png) left top no-repeat, #FFFFFF;
	}
.modal .frm_close a:hover{
	color:#FFFFFF;
	background:url(../../img/dhl/bt-close.png) left top no-repeat, #FFCC00;
	}
.ctn_w .modal .frm_close a.ctt:hover{
	background:url(../../img/dhl/bt-ctt_b.png) left top no-repeat, #FFCC00;
	}
.ctn_b .modal .frm_close a.ctt:hover{
	background:url(../../img/dhl/bt-ctt_w.png) left top no-repeat, #FFCC00;
	}
/*Filters frame*/
.filters-frame.hidden{
	border:none;
	font-size:0;
	height:0;
	padding:0
	}
.filters-frame form{
	font-size:0.8em;
	}
.filters-frame.hidden form{
	border:none;
	font-size:0;
	height:0;
	padding:0
	}
	.filters-frame 	form .field-set{
		padding:10px 1% 10px 1%;
		}
	.filters-frame.hidden 	form .field-set{
		border:none;
		font-size:0;
		height:0;
		padding:0
		}
	.filters-frame.hidden .field-set{
		border:none;
		font-size:0;
		height:0;
		padding:0
		}
		.filters-frame.hidden .form .field-set .element-group{
			border:none;
			font-size:0;
			height:0;
			padding:0
			}
		.filters-frame.hidden .field-set .element-group .field-element{
			border:none;
			font-size:0;
			height:0;
			padding:0;
			}
		.filters-frame form .field-set .element-group .title .required.icon{
			color:#D40511;
			}
		.filters-frame.hidden form .field-set .element-group .title .required.icon{
			border:none;
			font-size:0;
			height:0;
			padding:0
			}
			.filters-frame form .field-set .element-group  .required.icon{
				color:#D40511;
				}			
			.filters-frame.hidden form .field-set .element-group  .required.icon{
				border:none;
				font-size:0;
				height:0;
				min-height:0;
				padding:0
				}
				.filters-frame.hidden form .field-set .element-group .field-element .element{
					border:none;
					font-size:0;
					height:0;
					padding:0
					}
				.filters-frame form .field-set .element-group .field-element .element .type-element{
					background:#DDDDDD;
					}					
				.filters-frame.hidden form .field-set .element-group .field-element .element .type-element{
					border:none;
					font-size:0;
					height:0;
					padding:0
					}
					.filters-frame.hidden form input{
						border:none;
						font-size:0;
						height:0;
						padding:0;
						}
						.filters-frame form .box-buttons{
							background:#AFAFAF;							
							padding:0px 0 10px 0;
							border-bottom:1px solid #FFFFFF;
							}
						.filters-frame.hidden form .box-buttons{						
							border:none;
							font-size:0;
							height:0;
							padding:0
							}

/* ---------------------------------------------------------------------------------------------------- */
/* HEADINGS */
h1, h2, h3, h4, h5, h6{
	color:#D40511;
	    }
h1, h2, h3{
    font-family: 'Font-Black';
    }
h4, h5, h6{
    font-family: 'Font-Bold';
    }
h1{
	font-size:4.9em;
    } 
h2{
	font-size:3.9em;
    }
h3{
	font-size:3.1em;
    } 
h4{
	font-size:2.5em;
    } 
h5{
	font-size:2.0em;
    } 
h6{
	font-size:1.6em;
    }
/* ---------------------------------------------------------------------------------------------------- */
/* ICONS */
a.icon {
	color:#D40511;
    font-size: 1.1em;
    padding: 26% 0;
	}
.list-module a.icon {
	color:#FFFFFF;
    font-size: 1.5em;
    padding: 0;
	}
.list-module a.icon:hover {
	color:#FFCC00;
	}
.wrapper-open .list-module a.icon {
    font-size:0;
	}
section.wrapper-open .bt-menu a.icon {
	color:#FFCC00;
    }
section.wrapper-open .bt-menu a:hover.icon {
	color:#FFFFFF;
    }
/* Pager  */
.icon {
	float:left;
	width:100%;
    }
.pager a.icon{
	font-size:0.8em;
	padding:30% 0;
	text-align:center;
	}
.disable a.icon{
	color:#D1D1D1;
	}
.disable a:hover.icon{
	border:#D1D1D1;
	color:#D1D1D1;
	cursor:default;
	}
/* Table icon */
table a.icon,
table a.icon_small {
	color:#000000;
    }
table a:hover.icon,
table a:hover.icon_small {
	color:#FFFFFF;
    }
/* ---------------------------------------------------------------------------------------------------- */
/* LIST */
.list-module{
	background:#9B9C96;
	padding:10px 11.11%;
	}
.list-module select {
	padding:2px;
	}
.wrapper-close .list-module select{
	border:none;
	font-size:0;
	height:0;
	margin:0;
	padding:0;
	width:0;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* NAV*/	
/* Footer menu*/

/*Index Page*/	
.idxpage .menu-madeby{
	width:auto;
    }
.idxpage .menu-madeby ul{
	height:80px;
	padding:42px 0 20px 0;
	}
.idxpage .menu-madeby ul li{
	background:url(../../img/dhl/idx_brd_fotter.png) right top  repeat-y;
	height:20px;
	width:auto;
	}
.idxpage .menu-madeby ul li a{
	color:#505050;
	height:100%;
	padding:2px 7px 0px 7px;
	width:auto;
	}
.idxpage .menu-madeby ul li a:hover{
	color:#000000;
	}
/* Main menu*/
.menu-module {
	margin:10px 0 0 0;
	}
.menu-module ul{
	width:100%;
	}
.wrapper-close ul.child{
	border-top:none;
	font-size:0;
	height:0;
	margin:0;
	padding:0;
	visibility:0;
	width:0;
	}		
.wrapper-open ul.child{
	background:#FFD426;
	padding:0 0 0 5px;
	margin-left:53px;						
	width:calc(100% - 53px);
	width:-moz-calc(100% - 53px);
	width:-ms-calc(100% - 53px);
	width:-webkit-calc(100% - 53px);
	width:-o-calc(100% - 53px);
	}			
.wrapper-open ul.child ul.child{
	background:#FFD940;
	padding:0 0 0 5px;
	margin:0;
	width:100%;
	}
.wrapper-open ul.child ul.child ul.child{
	background:#FFDE59;
	}
.wrapper-open ul.child ul.child ul.child ul.child{
	background:#FFE373;
	}
.wrapper-open ul.child ul.child ul.child ul.child{
	background:#FFE88C;
	}
.wrapper-open ul.child ul.child ul.child ul.child{
	background:#FFEDA6;
	}
.wrapper-open ul.child ul.child ul.child ul.child{
	background:#FFF2BF;
	}
.wrapper-open ul.child ul.child ul.child ul.child{
	background:#FFF7D9;
	}		
.menu-module ul li{
	display:inline;
	list-style:none;
	width:100%;
	}
.menu-module li.unselect ul{
	font-size:0;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	width:0;				
	}
.menu-module ul li a{
	padding:5px 0;
	width:100%;
	}
.menu-module ul li a .bt-icon{
	border:1px solid #D40511;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-border-radius: 100%;
	color:#D40511;
	font-size:2em;
	margin:0 10px 0 15px;
	padding:4px 2px;
	width:33px
	}			
.menu-module ul li a:hover .bt-icon{
	border:1px solid #FFF5CC;
	}
.wrapper-open .menu-module ul li a .bt-icon{				
	margin:0 10px;
	}
.wrapper-close .menu-module ul li a .bt-text{
	font-size:0;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	width:0;
	}
.wrapper-open .menu-module ul li a .bt-text{
	color:#D40511;
	font-size:1.4em;
	min-height:30px;
	padding:8px 5px;
	visibility:visible;				
	width:calc(100% - 53px);
	width:-moz-calc(100% - 53px);
	width:-ms-calc(100% - 53px);
	width:-webkit-calc(100% - 53px);
	width:-o-calc(100% - 53px);
	}
.wrapper-open .menu-module ul li li a .bt-text{
	min-height:20px;
	padding:3px 5px;
	width:100%;
	}
/*Home Page*/			
/* Buttons Frame menu*/
.nav-buttons ul{
	padding:10px 15px 10px 0;
	}
.nav-buttons ul li a.btn{
	font-family: "Font-Normal";
	font-size:1.15em;
		}
.nav-buttons ul li a .bt-icon,
.nav-buttons ul li a .bt-text{
	padding:0 2px;				
		}
/* Tools Menu*/
.nav-tools{
	padding:5px 5px;
    }
.nav-tools ul li{
	margin:0 5px;
	width:30px;
	}
/* Trace menu*/
.nav-trace{
	padding:0 0 0 10px;
	}
.nav-trace ul{
padding:15px 15px 15px 0;
}
.nav-trace ul li{
	color:#878787;
	padding:0 10px;
	}
.nav-trace ul li a{
	color:#D41216;
	font-size:1.1em;
	}
.nav-trace ul li a:hover{
	color:#000;
		}
/* ---------------------------------------------------------------------------------------------------- */
/* PAGER*/
.pager-frame{
	box-sizing:content-box;
	padding:10px 20px;
	}
.pager ul {
	padding: 2px 0;
	}	
.pager ul li{
	margin:0 1px;
	padding:1px 5px;
	}	
.pager ul li span{
	padding:1px 0 0 0;
	}
	
.pager li .title {
	padding:5px 0 0 0;
	}
.pager .input input{
	text-align:center;
	margin:1px 5px 0 5px;
	width:60px;
	}
.select-numer-items {
	padding: 0 10px 0 0;
	}
.select-numer-items .title {
	padding: 8px 2px;
	}
.select-numer-items .list {
	padding: 5px 3px;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* TABLE*/
table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:20px;
	}
table tr {
	background:url(../../img/dhl/brd_table.png) top left repeat-y;
	width:100%	
	}
table tr:hover{
	background:#CECECE;
	}
.modal table tr:hover{
	background:#333333;
	}	
tr:nth-child(odd){
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#EBEBEB;
	}
tr:nth-child(even){	
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#F2F2F2;
	}
.modal tr:nth-child(odd){
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#000000;
}
.modal tr:nth-child(even){	
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#111111;
	}
.modal .fondopopuphlp tr:nth-child(odd){
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#EBEBEB;
}
.modal .fondopopuphlp tr:nth-child(even){	
	background:	url(../../img/dhl/brd_table.png) top left repeat-y, 
				url(../../img/dhl/brd_table.png) bottom left repeat-x,
				#F2F2F2;
	}
tr.vencida{
	background:#FF9999;
	}
tr.vencida:hover{
	background:#FF6666;
	}
tr.vencehoy{
	background:#FFCC99;
	}
tr.vencehoy:hover{
	background:#FFB366;
	}
tr.vencemanana{
	background:#FFFF99;
	}
tr.vencemanana:hover{
	background:#FFFF66;
	}
table tr th{
	background:url(../../img/dhl/brd_table.png) top right repeat-y, #878787;
    color: #FFFFFF;
    font-weight: normal;
    padding: 5px;
}
table tr th .title{
	color:#FFFFFF;
	font-size:1.3em;
	text-align:center;
	padding:0 15px;
	}
table tr th a {
	color:#FFFFFF;
	}
table tr th a.bt-order-az {
	background:url(../../img/dhl/arrow-th-dw.png) right top no-repeat, url(../../img/dhl/bck-arrow-th-up.png) right top no-repeat;
	}
table tr th a:hover.bt-order-az {
	background:url(../../img/dhl/arrow-th-dw.png) right top no-repeat, url(../../img/dhl/bck-arrow-th-dw.png) right top no-repeat;
	}
table tr th a.bt-order-za {
	background:url(../../img/dhl/arrow-th-up.png) right top no-repeat, url(../../img/dhl/bck-arrow-th-up.png) right top no-repeat;
	}
table tr th a:hover.bt-order-za {
	background:url(../../img/dhl/arrow-th-up.png) right top no-repeat, url(../../img/dhl/bck-arrow-th-dw.png) right top no-repeat;
	}
table tr th a .icon{
	font-size:1.2em;
	padding:5px;
	}
table tr td {
	background:url(../../img/dhl/brd_table.png) top right repeat-y;
    padding:5px;
}

.modal table tr td {
	color:#FFFFFF;
	}
table .icon{
	background:#E5E5E5;
	border:1px outset #666666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:1.4em;
	margin:0 1px;
	padding:3px 2px;
	width:26px;
	}
table a:hover.icon{
	background:#D40511;
	}
table .icon_small{
	background:#E5E5E5;
	border:1px outset #666666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:0.8em;
	margin:0 1px;
	padding:3px 2px;
	width:18px;
	}
table a:hover.icon_small{
	background:#D40511;
	font-size:0.8em;
	padding:3px 2px;
	width:18px;
	}
table .icon_lock,
table .icon_unlock{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	color:#FFFFFF;
	font-size:1.4em;
	margin:0 1px;
	padding:2px 2px 3px 1px;
	width:26px;
	}
table .icon_lock{
	background:#D40511;
	border:1px outset #D40511;
	}
table .icon_unlock{
	background:#36D900;
	border:1px outset #36D900;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* TEXT*/
/*  CopyRights Text*/

.idxpage .text-copy {
	background:url(../../img/dhl/idx_brd_fotter.png) right top content-box repeat-y;
	box-sizing:content-box;
    color: #505050;
    font-family: "Font-Light";
    height:20px;
	margin-top:12px;
    padding:30px 0 20px 5px;
    width: auto;
	}
.idxpage .text-copy p{
	padding:3px 7px 0 7px;
	}
/* Warning Text*/
.text_warning{
	color:#FFFFFF;
	font-family: "Font-Light";
	font-size:1.3em;
	line-height: 1.5;
	width:100%;
	}
.text_warning .special{
	color:#FFCC00;
	float:none;
	font-weight:bold;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* TITLE*/
.title-area{
	padding:15px 10px 10px 20px;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* TREE*/
.arbolfrm{
	background: url(../../img/dhl/bg_dad.png) content-box;
    padding: 10px;
	}
.ctn_w .arbolfrm{
	background: url(../../img/dhl/bg_dad_w.png) content-box;
}
.arbolfrm .rowtree .row {
	padding:0 10px 0 10px;
	width:100%;
	}
.arbolfrm .rowtree .row .row {
	padding:0 0 0 10px;
	}
.arbolfrm .rowtree .row .options {
	padding:5px 0 0 0;
	width:auto;
	min-width:20px;
	}

.arbolfrm .rowtree .row .options a {
	background:#E5E5E5;
	border:1px outset #666666;				
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#000000;
	height:20px;
	width:20px;
	}
.arbolfrm .rowtree .row .options a:hover {
	background:#D40511;
	color:#FFFFFF;
	}
.arbolfrm .rowtree .row .options a.icon {
	font-size: 1em;
	margin:0 1px;
	padding: 2px;
	text-align: center;
}
.arbolfrm .rowtree .row .divtitle {	
	font-size:12px;			
	padding:5px 0 4px 0;
	}
.arbolfrm div {
	width:100%;
	} 
.arbolfrm .rowtree .children {
	padding:0 0 0 10px;
	width:100%;
	} 
.contenidoopc .arbolfrm {
	background:url(../../img/dhl/bg_dad_cont.png) content-box;
	padding:0;
	}
.contenidoopc .arbolfrm .rowtree .children {
	padding:0 0 0 2px;
	}
/*-------------------------------------------------------------------------------------------------------------------*/
/*RESPONSIVE*/
/*-------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1279px){
/*-------------------------------------------------------------------------------------------------------------------*/
/*STRUCTURE*/
/*-------------------------------------------------------------------------------------------------------------------*/
body{
	font-size:9px;	
	}
/*-------------------------------------------------------------------------------------------------------------------*/
/*ELEMENTS*/
/*-------------------------------------------------------------------------------------------------------------------*/
/* FIGURES*/
/* System Logo*/

/*Index Page*/
/* System Logo*/
.idxpage .logo_system{
	padding: 5px 0 5px 10px;
	width:30%;
    }
/* Enterprise Logo*/
.idxpage .logo_enterprise {
    height:60px;
	margin:-30px 0 0 0;
    padding:15px 15px 15px 30px;
    width: 210px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* FORMS */

		
/* Login */
.login form{
	padding:0 0 0 30%;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* NAV*/	
/* Footer menu*/

/*Index Page*/
.idxpage .menu-madeby{
	width:60%;
	}
.idxpage .menu-madeby ul{
	height:auto;
	padding:0;
	}
.idxpage .menu-madeby ul li{
	background:none;
	height:20px;
	}
.idxpage .menu-madeby ul li a{
	padding:2px 7px 0px 7px;
	}

/* Main menu*/
.menu-module ul li a .bt-icon{
	width:31px
	}
/* ---------------------------------------------------------------------------------------------------- */
/* TEXT*/
/*  CopyRights Text*/

.idxpage .text-copy {
	background:none;
    height:15px;
	margin-top:0px;
    padding:12px 0 5px 0;
    width: 60%;
	}
}
@media (max-width:767px){
/*-------------------------------------------------------------------------------------------------------------------*/
/*STRUCTURE*/
/*-------------------------------------------------------------------------------------------------------------------*/
body{
	font-size:8px;	
	}
/*Index Page*/
.idxpage .headerpage{
	background-color:#505050;
	}
.idxpage .floatframe{
	font-size:0;
	}
/*-------------------------------------------------------------------------------------------------------------------*/
/*ELEMENTS*/
/*-------------------------------------------------------------------------------------------------------------------*/
/* FIGURES*/
/* System Logo*/

/*Index Page*/
/* System Logo*/
.idxpage .logo_system{
	padding: 5px 0 5px 10px;
	width:90%;
    }
/* Enterprise Logo*/
.idxpage .logo_enterprise {
	margin:-47px 0 0 0;
    width: 150px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* FORMS */

/* Login */
.login form{
	padding:0 0 0 5%;
	}
.login form .title_form{
	padding:10px 5% 0 0;
	}
.login form .field-login{
	margin:10px 5% 0 0;
	}
/* ---------------------------------------------------------------------------------------------------- */
/* HEADINGS */
h1{
	font-size:4.3em;
    } 
h2{
	font-size:3.3em;
    }
h3{
	font-size:2.5em;
    } 
h4{
	font-size:1.9em;
    } 
h5{
	font-size:1.4em;
    } 
h6{
	font-size:1.0em;
    }
/* ---------------------------------------------------------------------------------------------------- */
/* NAV*/	

/*Index Page*/
.idxpage .menu-madeby{
	margin-top:2px;
	}
.idxpage .menu-madeby ul li{
	height:auto;
	}
.idxpage .menu-madeby ul li a{
	padding:2px 7px 0px 7px;
	}
/* Main menu*/
.menu-module ul li a .bt-icon{
	width:28px
	}
/* ---------------------------------------------------------------------------------------------------- */
/* TEXT*/
/*  CopyRights Text*/
.idxpage .text-copy {
    width: 60%;
	}
}