.main-intranet *{
  box-sizing: border-box;
}   

#AjaxUpdate{ position:relative }
#LoadingWait{ position:absolute; background: #fff url('../img/loadingAnimation.gif') 50% 50% no-repeat;
	display:none; opacity: .7; filter: alpha(opacity=70); margin: 0; padding: 0; top:0; left:0;
	width:100%; height:120%; z-index:100;
}

#LoadingWait.noLoader{ background-image:none }

#ui-datepicker-div{ display:none; font-size:14px }

table#vehiculos-disponibles-filtros,
table#listado-portes-filtros{ 
	padding:0; margin:0; 
}
table#vehiculos-disponibles-filtros td,
table#listado-portes-filtros td{ 
	padding:5px; border:none; vertical-align:middle; 
}
table#vehiculos-disponibles-filtros td.lbl,
table#listado-portes-filtros td.lbl{ 
	text-align:right; font-size:14px;
}

table#vehiculos-disponibles-filtros td.lbl{ padding-left: 1em; }

table#vehiculos-disponibles-filtros td input[type="button"],
table#listado-portes-filtros td input[type="button"]{
	/*width: 80px; */
	/*font-family: 'Alegreya Sans', sans-serif; */
	/*font-size: 15px; */
	padding:2px; 
	margin:0px; 
	/*border:1px solid #666;*/
	/*color:#fff;*/
}
table#listado-portes-filtros td input,
table#vehiculos-disponibles-filtros td input{
	color:#fff;
}
table#listado-portes-filtros td input[type='text'],
table#vehiculos-disponibles-filtros td input[type='text']{ color:#444; }

table#vehiculos-disponibles-filtros td select,
table#listado-portes-filtros td select{ 
	/*border:1px solid #666; */
	/*font-size: 15px; */
	padding:2px; 
	border-radius:3px;
	color:#444;
}
table#vehiculos-disponibles-filtros td input[type="button"],
table#listado-portes-filtros td input[type="button"],
form#satisfaccion-cliente-form li input[type="button"]{
	width: 120px; font-family: 'Alegreya Sans', sans-serif;
	height:40px; padding: 10px 25px 10px 25px; background-color: #ce141c;  font-size: 16px; margin:0px;
	border:none; font-weight:bold 
}

table.tab-veh-dis.tab-ped-dis-filtro td.lbl input[type="button"]{
	/*font-family: 'Alegreya Sans', sans-serif; max-width: 120px;
	height:40px; padding: 10px 25px 10px 25px;  background-color: #ce141c;  font-size: 16px; margin:0px;
	border:none; font-weight:bold; color: white; */ 
	max-width: 12em; margin:0.5em;
}

form#satisfaccion-cliente-form li input.button{ color:white;}
form#satisfaccion-cliente-form li input.button:hover{box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);}

table#listado-portes-filtros td select#filter_origen_select,
table#listado-portes-filtros td select#filter_destino_select{
	max-width:230px;
}

table#listado-portes-filtros .lbl{

}

table#listado-portes-filtros{ width: 100%; }
table#listado-portes-filtros td.seccion-filtros{ padding:0px; }
table#listado-portes-filtros td.spacer{ padding:0px 0.2em 0px 0.2em; background:#fff; }
table#listado-portes-filtros table{ width: 100%; border:2px solid #eee; margin:0px; }
table#listado-portes-filtros table td{ text-align: center }

.porte_1{ background-color: #F6F6F6; }
.hasService{ font-weight:normal; }
.hasService:hover{ cursor:pointer; background-color: #f1f7f8; }
.servicio{ display:none; font-style:italic; }
.servicio.first{ border-top:4px solid #dcdcdc; }
.servicio.last{	border-bottom:4px solid #dcdcdc; }
.tab-ped-dis-filtro{ background-color:#efefef; /*margin-top:-1.5em;*/ }
.tab-ped-dis-filtro select{	font-size:.9em;	margin-top:2px;	width: 100%; }

div#centx100switch{
	/*position:absolute; */
	/*top:10px; */
	/*right:80px; */
	margin:25px auto;
}
div#centx100switch a{ border:1px solid #ccc; padding:4px 12px 4px 12px; 
	color:#333;	text-decoration:none;
}

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.active.btn-default,
.open > .btn-default.dropdown-toggle,
div#centx100switch a:hover, 
div#centx100switch a:focus,
div#centx100switch a:active, 
div#centx100switch a.selected{
	background-color:#e6e6e6;
	border-color:#adadad;
	color:#ce141c;
}
div#centx100switch a.left{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right:none;
}

div#centx100switch a.left.selected{
	-webkit-box-shadow: inset 5px 4px 6px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 5px 4px 6px -3px rgba(0,0,0,0.75);
	box-shadow: inset 5px 4px 6px -3px rgba(0,0,0,0.75);
	border-right:#666;
}

div#centx100switch a.right{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

div#centx100switch a.right.selected{
	-webkit-box-shadow: inset -5px 4px 6px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -5px 4px 6px -3px rgba(0,0,0,0.75);
	box-shadow: inset -5px 4px 6px -3px rgba(0,0,0,0.75);
}

div#AjaxUpdate div#tab-paginacion{ height:auto }

/*div#AjaxUpdate h1.header-title-vehiculos{display:inline;}*/

#fila-1{ text-align: center; margin-top: 1em}

#seguro_mercancia_confirm{ font-size: 20px; font-weight:bold; /*margin-top:60px; */color: #535353;
	font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding:10px 0 45px 0;
	background: url('../img/loadingAnimation.gif') 50% 90% no-repeat;
	/* opacity:0.7; */
}

#seguro_mercancia_confirm.preconfirm div.btn{  
	background-color: #ccc; text-align: center; text-transform: uppercase;
    margin: 0.7em auto; padding: 15px; width: 30%; border-radius: 5px;
}
#seguro_mercancia_confirm.preconfirm div.btn a{ color:#444444; text-decoration:none }
#seguro_mercancia_confirm.preconfirm div.btn a:hover{ color:#ce142b; }
#seguro_mercancia_confirm.preconfirm div.btn:hover a{ color:#ce142b; }

#seguro_mercancia_confirm.preconfirm{background-image:none; padding-bottom:10px;}
#seguro_mercancia_confirm.confirming{padding:10px 0 45px 0;
	background: url('../img/loadingAnimation.gif') 50% 90% no-repeat;
	opacity:0.7;
}
#seguro_mercancia_confirm.confirmed{background-image:none; color: #1c286a;opacity:0.8;}
#seguro_mercancia_confirm.noconfirmed{background-image:none; color: #ce141c;opacity:0.8;}
/* Confirmacion Orden carga proveedor */
#confirmacion_oc_container{ width: 95% }
#confirmacion_oc_confirm.preconfirm div.btn,
#confirmacion_ocflex_confirm.preconfirm div.btn
{ 
  background-color: #3c3c3c;
  text-align: center; text-transform: uppercase;  margin: 10px auto; padding:15px; width:55%;
  border-radius:4px; max-width: 500px 
}
#confirmacion_oc_confirm.preconfirm div.btn a,#confirmacion_ocflex_confirm.preconfirm div.btn a{color:white;}
#confirmacion_oc_confirm.preconfirm div.btn a:hover,#confirmacion_ocflex_confirm.preconfirm div.btn a:hover{color:#ff0000;}
#confirmacion_oc_confirm.preconfirm div.btn:hover a,#confirmacion_ocflex_confirm.preconfirm div.btn:hover a{color:#ff0000;}

#confirmacion_oc_confirm.preconfirm,#confirmacion_ocflex_confirm.preconfirm{background-image:none; padding-bottom:10px;}
#confirmacion_oc_confirm.confirming,#confirmacion_ocflex_confirm.confirming{padding:10px 0 45px 0;
	background: url('../img/loadingAnimation.gif') 50% 90% no-repeat;
	opacity:0.7;}
#confirmacion_oc_confirm.confirmed,#confirmacion_ocflex_confirm.confirmed{background-image:none; color: #1c286a;opacity:0.8; 
    text-align: center; font-weight: bold;}
#confirmacion_oc_confirm.noconfirmed,#confirmacion_ocflex_confirm.noconfirmed{background-image:none; color: #ce141c;opacity:0.8;
	text-align: center; font-weight: bold;}

/*-------------------------------------------------------------- */
/* LOGIN, RECORDAR CONTRASEÑA, REGISTRO
/*-------------------------------------------------------------- */

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */
.stl_1{ font-family: "Alegreya Sans",sans-serif; margin-top: 10px; text-align: center; font-size: 1.2em; }
.stl_2{	text-align: center;	width: 340px; margin: 0px auto 20px auto;
	font-family: "Alegreya Sans",sans-serif; font-size: 15px;
}
.stl_3{ text-align: center;	font-family: "Alegreya Sans",sans-serif; font-size: 11px; color:#999; }
.t_center{ text-align:center; }
div.margin50{ margin:50px auto 50px; }
.mb-20{	margin-bottom:20px; }
.mt-20{	margin-top:20px; }
.mt-10{ margin-bottom: 10px; }
.mb-10{ margin-bottom: 10px; }
div#usuario-registro{ width:800px;	margin:50px auto 50px; }
#usuario-form,
#usuario-form-proveedor{
/*#respuesta-multimail-form{*/
	max-width:400px;
	margin:30px auto;
/*	background-color:#efefef;
	padding:10px;*/
}
#vehiculos-proveedor-form-login{ max-width:460px; /* margin:30px auto; */ }
#respuesta-multimail-form{ max-width:750px!important; width:100%; }

#usuario-form ul,
#usuario-form-proveedor ul,
#vehiculos-proveedor-form-login ul,
#respuesta-multimail-form ul{
	margin:0; padding:0;
}
#usuario-form li,
#usuario-form-proveedor li,
#vehiculos-proveedor-form-login li,
#respuesta-multimail-form li{
	list-style:none; padding:0;
}
#usuario-form label,
#usuario-form-proveedor label,
#respuesta-multimail-form label{
	font-family: "Alegreya Sans",sans-serif;
	font-size:16px;	font-weight: bold;
}

#respuesta-multimail-form select,
#respuesta-multimail-form textarea{
	font-family: 'Alegreya Sans', sans-serif; font-size: 15px;
	padding:2px; margin:0px; border:1px solid #666;
}
#usuario-form input.error,
#usuario-form-proveedor input.error,
#respuesta-multimail-form input.error{
	background-color:#862424; color:#fff!important;
}
#usuario-form .button,
#usuario-form-proveedor .button,
#respuesta-multimail-form .button{
	/*clear:both;*/
	/*margin-top:20px;*/
	/*margin:30px auto 0 auto;*/
	/*display:block;*/
}
#usuario-form ul li,
#usuario-form-proveedor ul li,
#vehiculos-proveedor-form-login ul li{
/*#respuesta-multimail-form ul li{*/
	margin:0 0 20px 0;
	clear:both!important;
}

#usuario-form .w1 input,
#usuario-form-proveedor .w1 input,
#vehiculos-proveedor-form-login .w1 input,
#respuesta-multimail-form .w1 input{
/*	width:65%;
	float:left;*/
}

#usuario-form .w1 label,
#usuario-form-proveedor .w1 label,
#vehiculos-proveedor-form-login .w1 label,
#respuesta-multimail-form .w1 label{
/*	width:30%;
	float:left;
	margin-right:10px;
	margin-top:3px;*/
}

#usuario-form .w2 input,
#usuario-form-proveedor .w2 input,
#vehiculos-proveedor-form-login .w2 input{
/*	width:40%;
	float:left;*/
}
#respuesta-multimail-form .w2 input,
#respuesta-multimail-form .w2 select{
	/*width:40%!important;*/
	float:left;
}
/*
#usuario-form input:not(.button),
#usuario-form-proveedor input:not(.button),
#respuesta-multimail-form input:not(.button){
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 15px;
	padding:2px;
	margin:0px;
	border:1px solid #666;
}
*/

#usuario-form .w2 label,
#usuario-form-proveedor .w2 label,
#vehiculos-proveedor-form-login .w2 label,
#respuesta-multimail-form .w2 label{
/*	width:30%;
	float:left;
	margin-right:10px;
	margin-top:3px;*/
}

#usuario-form .w3 input,
#usuario-form-proveedor .w3 input,
#respuesta-multimail-form .w3 input{
/*	width:20%;
	float:left;*/
}

/*#response_tipo_id{
	width:40%!important;
}*/

#usuario-form .w3 label,
#usuario-form-proveedor .w3 label,
#respuesta-multimail-form .w3 label{
/*	width:30%;
	float:left;
	margin-right:10px;
	margin-top:3px;*/
}

#usuario-form ul li span,
#usuario-form-proveedor ul li span,
#respuesta-multimail-form ul li span{
	clear:both;
	font-size:11px;
	display:block;
	margin:5px 0;
	color:#ccc;
	font-weight:bold;
}
.usuarioSelect{	margin-bottom:0!important; }
.advice{ color:#111111; }
.in-line input{	margin-bottom:0px!important; }
.in-line td{ vertical-align: middle; }
#vehiculos-proveedor-form .w1 input{ width:70px!important; margin:0 auto; }
#vehiculos-proveedor-form .w2 input{ width:100% !important; margin:0 auto; }

form li span.m_error,
form#usuario-form li span.m_error,
form#usuario-form-proveedor li span.m_error,
form#respuesta-multimail-form li span.m_error{
	color:rgba(220,51,51,1);
}

th div.dir-sign { float: right; width: 10px; height:15px; border:none;
	vertical-align:middle; padding-right:2px;
}
th div.dir-sign img{}
th div.dir-sign img.up{ margin-top:4px; }
th div.dir-sign img.down{ margin-top:6px; }

form#usuario-form span.register_field_descr,
form#usuario-form-proveedor span.register_field_descr{
	/*display:inline;*/
	font-size:0.8em; color:#666; font-weight: normal; margin-left:10px
}

th.dbl-border-left,
td.dbl-border-left{
	border-left-width:4px !important; border-left-color:#dcdcdc;
}

td.hasService.dbl-border-left{ text-align:center; }

td.caps{text-transform: uppercase;}

td.eval-retraso,
td.eval-retrasoplus{color:#ce141c;}

div#AjaxUpdate div#tab-paginacion.seguimiento-portes{ /* 28/01/2017 height:2.6em; padding-top:6px; */ 
	/* font-size:0.9em; */ }

tr.servicio td.hist-pos-lbl{ text-align:right; vertical-align:middle;
	padding-right:30px; font-style:italic; font-size:1.1em;
	/*font-weight:bold;border-right:4px solid #c7c7c7;*/
}

tr.servicio td.obs{text-align:center;padding:0;margin:0;}
tr.servicio td.obs span{cursor:pointer;}

/*div.ui-tooltip*/
.htg-tooltip {
  background:#f1f7f8 !important;
  border:1px solid #ccc;
  padding:1em;
  max-width:300px;
  color:#333;
  text-align:left;
  font-size:0.8em;
  box-shadow:0 0 8px #666;
  opacity:0.95;
}


/* ESTILOS PARA EL MENU DE USUARIO EN AREA DE CLIENTE */
.area-clientes-content .titles{
	margin-bottom:20px;	display:block;
}
.area-clientes-content h1.header-title-vehiculos{
	/*margin-top:30px;*/
	display:inline-block!important;
}

.area-cliente-menu{ position:absolute; top:-20px; right:16px; }
.area-cliente-menu-ul{}
.area-cliente-menu-ul li{ display:inline-block;	margin:0 0 0 10px; }
.area-cliente-menu-ul li a{
  font-family: 'Alegreya Sans', sans-serif;
  padding: 5px 10px 5px 10px;
  background-color: #f5f5f5;
  margin: 0px;
  text-transform: none;
  font-size:12px;
  border-radius:3px;
  border:1px solid #dddddd;
  color:#666;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230));
  vertical-align:middle;
  margin-left:10px;
  font-weight:bold;
}

.area-cliente-menu-ul li a:hover,
.area-cliente-menu-ul li.current_page_item a{
  box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.65)!important;
}

.area-cliente-menu-ul li a:active{ box-shadow: 0px 0px 0px 1px rgba(50, 50, 50, 0.65); }

/*Home*/
.area-cliente-menu-ul li.home a{
	background: url(imgs/home.png) no-repeat 4px 3px, linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)) repeat-x top center;
    background-size: 20px 20px, 100% 100%;
	padding-left:26px;
}

/*Historico de portes*/
.area-cliente-menu-ul li.historico a{
	background: url(imgs/reloj.png) no-repeat 4px 3px, linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)) repeat-x top center;
    background-size: 20px 20px, 100% 100%;
	padding-left:30px;
}
/*Listado de portes*/
.area-cliente-menu-ul li.tracking a{
	background: url(imgs/camion.png) no-repeat 4px 3px, linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)) repeat-x top center;
    background-size: 20px 20px, 100% 100%;
	padding-left:30px;
}
/*Logout*/
.area-cliente-menu-ul li.logout a{
	background: url(imgs/logout.png) no-repeat 4px 3px, linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)) repeat-x top center;
    background-size: 20px 20px, 100% 100%;
	padding-left:26px;
}

a.excel{
	background: url(imgs/excel-xls-icon.png) no-repeat 4px 3px #000000;
    background-size: 20px 20px, 100% 100%;
	width:30px;
	height:30px;
	display:block!important;
}

ul#menu-area-cliente-nologged li,
ul#menu-area-cliente-nologged-aleman li{
	font-family:'Montserrat', sans-serif;
	padding: 0 0 0 2.5%;
	float: right;
}

ul#menu-area-cliente-nologged.menunav-menu,
ul#menu-area-cliente-nologged-aleman.menunav-menu{
	width: 160%; margin-top: 6px;
}

#cboxLoadedContent {}
#cboxLoadedContent div.form{ width:95%; margin:auto; }
#cboxLoadedContent div.form div{ width:100%; padding:5px 0px 2px 0px; }
#cboxLoadedContent div.form span{ margin:0; padding:0; }
#cboxLoadedContent input[type="text"]{ width:100%;margin:0px;font-size:0.8em; }
#cboxLoadedContent input[type="button"],
#cboxLoadedContent input[type="submit"]{
	margin:0px;
}
#cboxLoadedContent input[type="submit"]:hover{ margin:0px; }
#cboxLoadedContent textarea{ width:100%; height:70px;font-size:0.8em; }

td.hasService span.showposbtn.active{ letter-spacing:-1px; }
td.hasService span.showposbtnresp img{ width: 0.8em; margin: 2px 0 0 2px }

div.invalidform{
	position:fixed; 
	border-radius:4px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(148,143,148,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(148,143,148,1);
	box-shadow: 10px 10px 5px 0px rgba(148,143,148,1);
	border:1px solid #ccc; 
	margin:0px auto; 
	width:50%; 
	left:25%;
	background:#fff; 
	padding:15px;
	font-size:1.1em; 
	text-align:center;
	font-weight:bold; 
	color:#ce141c;
	z-index:100;
}
div.validform{
	color:#1c286a;
}

div#respuesta-multimail{margin-top:20px;}
div#respuesta-multimail-form{margin-top:5px;}

div#respuesta_multimail_result,
div#vehiculosproveedor_result{
	position:fixed; border-radius:5px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(148,143,148,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(148,143,148,1);
	box-shadow: 10px 10px 5px 0px rgba(148,143,148,1);
	border:1px solid #ccc; margin:1.5em auto; width:50%; left:25%;
	background:#fff; padding:0.8em; z-index:1;
}
div#respuesta_multimail_result.inactive,
div#vehiculosproveedor_result.inactive{
	opacity:0;visibility:hidden;
}
div#respuesta_multimail_result.active,
div#vehiculosproveedor_result.active{
	opacity:1;visibility:visible;
}

div#vehiculosproveedor_result.large{
	margin:0px auto; width:94%; left:2%; background:#fff; padding:15px; z-index:101; font-size:0.9em;
}

div#vehiculosproveedor_result.large td{ font-size:0.95em; }

div#respuesta_multimail_result ul.errors,
div#vehiculosproveedor_result ul.errors,
div#satisfaccion_cliente_result ul.errors{
	color:#ce141c; list-style:none; margin:0; margin-left:1.5em; font-size:0.9em
}

div#vehiculosproveedor_result ul.errors{ 
	list-style: decimal; margin-top: 0.7;
}

div#vehiculosproveedor_result span.errors{color:#ce141c;}

div#respuesta_multimail_result ul.errors li,
div#vehiculosproveedor_result ul.errors li,
div#satisfaccion_cliente_result ul.errors li{
	padding-left:0.4em;
}

div#respuesta_multimail_result div.success,
div#vehiculosproveedor_result div.success,
div#satisfaccion_cliente_result div.success{
	font-size:1.1em; text-align:center;
	font-weight:bold; color:#1c286a; padding:15px;
}

div#respuesta_multimail_result div.btns,
div#vehiculosproveedor_result div.btns,
div#satisfaccion_cliente_loader div.btns{
	text-align:center; border-top:#f0f0f0 1px solid;
	width:100%; padding:0.8em 0px 5px 0px; 
	margin-top:0.8em; margin-bottom: 0.4em;
}

.clear{ clear:both; }
.form-1{ width:65%;	margin:0 auto; background-color:#f6f6f6; padding:20px; }
.w-5{ width:5%!important; }
.w-10{ width:10%!important; }
.w-15{ width:15%!important; }
.w-17{ width:17%!important; }
.w-20{ width:20%!important; }
.w-25{ width:25%!important; }
.w-30{ width:30%!important; }
.w-40{ width:40%!important; }
.w-50{ width:50%!important; }
.w-60{ width:60%!important; }
.w-70{ width:70%!important; }
.w-75{ width:75%!important; }
.w-100{ width:100%!important; }
.w-25,
.w-40,
.w-50,
.w-60,
.w-75,
.w-100{
	margin-left:0!important;
	margin-right:0!important;
}
.mt-0{ margin-top:0px!important; }
.form-1 .title{
	width:100%;
	color: #ce141c;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin:0 0 20px 0;
    text-transform: uppercase;
    font-size: 18px;
}
.form-1 .subtitle{
/*	color: #ce141c;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 14px;*/
}
.form-1 .col3-1 .right,
.form-1 .col3-2 .right,
.form-1 .col3-3 .right{
	float:right; margin-right:0;
}
.form-1 .col3-1 .right select,
.form-1 .col3-2 .right select,
.form-1 .col3-3 .right select{
	width:100%!important;
}
.form-1 .col3-1{ width:46%;	float:left!important; margin-left:10px!important; margin-right:4%; }
.form-1 .col3-2{ width:30%;	float:left!important; /*margin-right:4%;*/ }
.form-1 .col3-3{ width:80%; float:left;	margin-left:10px; }
.form-1 ul li{ margin-bottom:20px; }
.form-1 select,
.form-1 input:not(.button),
.form-1 textarea{
	background-color: #fff!important;
	border-radius:3px;
}
.f_left{ float:left; }
.f_right{ float:right; }

div.separador{
	border-bottom:1px solid #dedada;
	margin:20px 0;
}

/* TR VEHICULOS PROVEEDOR */
#vehiculos-proveedor-form table tr.vehprov td{padding:4px 6px 4px 6px;}
tr.vehprov td.centered{text-align:center}
tr.vehprov td input,select,textarea{padding:1px 2px 1px 2px; line-height:12px}
tr.vehprov td input.matricula{width:7em; font-size:12px}
tr.vehprov td input.dia{font-size:12px; width:6em !important;}
tr.vehprov td input.hora{font-size:12px; width:3em !important}
tr.vehprov td select.pais{font-size:12px; width:4em !important;}
tr.vehprov td input.cp{font-size:12px; width:4em !important}
tr.vehprov td select.tipo{font-size:12px; width:6em  !important}
tr.vehprov td select.base{font-size:12px; width:5em !important;}
tr.vehprov td input.horasdisco{font-size:12px; width:5em !important}
tr.vehprov td textarea.obs,
tr.vehprov td input.obs{font-size:12px; margin:4px 0px 0px 0px; min-width:12em; height:25px; line-height:13px;}
tr.vehprov td div.unactiver,
tr.vehprov td div.activer_btn{display:none}

/* TR VEHICULOS PROVEEDOR NO ACTIVOS */
tr.vehprov.no-active{}
tr.vehprov.no-active td{position:relative; border-color:#b1b1b1; color:#fff; overflow:hidden}
tr.vehprov.no-active td div.unactiver{display:inherit;top:0px;left:0px;width:100%; height:100%; cursor:pointer;
			min-height:50px; background:#999; opacity:.5; border:0px solid #333; position:absolute;}
tr.vehprov.no-active td div.activer_btn{display:inherit;left:0; top:1px; border-radius:3px;
			padding:3px 5px 5px 5px; position:absolute; white-space:nowrap; width:100%}
tr.vehprov td.btns{ min-width:60px}
tr.vehprov td.btns a,
tr.vehprov.no-active td div.activer_btn a{ display:inline; padding:1px 3px 3px 3px; 
	margin-right:0.2em;}
tr.vehprov.no-active td div.activer_btn a:hover{}
tr.vehprov td.btns a:hover img,
tr.vehprov.no-active td div.activer_btn a:hover img{opacity:0.8}
tr.vehprov td.btns a img,
tr.vehprov.no-active td div.activer_btn a img{width:16px; height:16px; margin:0; margin-top:3px;padding:0}
tr.vehprov.no-active:hover td div.unactiver{background:#bfbebe; cursor:pointer;}
tr.vehprov.no-active:hover td div.activer_btn{}
tr.vehprov.no-active td div.activer_btn a{}
tr.vehprov.no-active td input,
tr.vehprov.no-active td span,
tr.vehprov.no-active td textarea,
tr.vehprov.no-active td select{color:#666; border-color:#ddd; font-style:italic}
tr.vehprov.no-active td input.matricula{font-weight:bold}
/*tr.vehprov.no-active td select{color:#fff; border-color:#ddd; text-shadow:1px 1px 2px #000000;}*/
tr.vehprov.no-active td.btns a{display:none}

div#statusmsg{font-weight:normal; font-size:1.1em;padding:5px;margin:5px auto;color:#ce141c; border-radius:5px; width:inherit; font-style:italic; }
div#statusmsg.on{/*border:1px solid #ce141c;*/ text-shadow:1px 1px 1px #e4e3e3;}

h1.header-title-vehiculos.proveedor{ color:#495388 }

/*** Edicion detalle responsive ***/
tr.vehprov td.btns a.max750,
tr.vehprov.no-active td.btns a.max750,
tr.vehprov.no-active td.btns a.max750 img,
tr.vehprov.no-active td div.activer_btn a.max750,
tr.vehprov.no-active td div.activer_btn a.max750 img {display:none}

/* Botones vehiculos proveedor */
#vehiculosproveedor_loader input.button{ background-color: #ce141c !important; margin: 0.5em 0;
    color: white; max-width: 9em;  border: 0px; font-size: 0.9em; }

#vehiculosproveedor_loader input.button:hover{box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);}

#vehiculosproveedor_loader{ margin-bottom: 2em}

/*RESPONSIVE RESPUESTA MULTIMAIL*/

@media (max-width: 768px) {

	#content{ display:default!important; width:100%!important; }

	#content{ margin-left:auto!important; margin-right:auto!important; }

	.clearfix{ display: auto!important;	/*width:100%!important;*/ }

	#respuesta-multimail-form .w-25,
	#respuesta-multimail-form .w-30,
	#respuesta-multimail-form .w-40,
	#respuesta-multimail-form .w-60,
	#respuesta-multimail-form .w-70,
	#respuesta-multimail-form .w-75,
	#respuesta-multimail-form textarea,
	#respuesta-multimail-form select,
	#respuesta-multimail-form .w2 select,
	#respuesta-multimail-form label,
	#respuesta-multimail-form .w2 label,
	#respuesta-multimail-form .w2,
	#respuesta-multimail-form .w1,
	#respuesta-multimail-form .col3-1,
	#respuesta-multimail-form .col3-2,
	#respuesta-multimail-form .col3-3,
	#respuesta-multimail-form input:not(.button),
	#respuesta-multimail-form #response_tipo_id{
		clear:both!important;
		float:none!important;
		/*width:100%!important;*/
		margin-left:0px!important;
		margin-right:0px!important;
		white-space:wrap!important;
	}

	div#respuesta_multimail_result{
		margin-top:0px!important;
	}
}

@media (max-width: 1450px){

	/*
	.vehprov.compress .hideIt,
	.vehprov.no-active .hideIt{
		display:none;
	}

	.vehprov.no-active label{ color:#000; }
	.vehprov label{ display:block!important; width:100%; font-weight:bold;	}
	.tab-veh-datos td{ font-size:14px!important; text-align:center;	border-bottom:1px solid #efefef!important; }

	tr.vehprov input,
	tr.vehprov select,
	tr.vehprov textarea{
		font-size:16px!important;
		padding:5px!important;
		width: 50%!important;
		text-align:center;
		margin:10px 0!important;
		font-weight:normal;
	}

	tr.vehprov label{ font-size:16px !important; margin:5px 0 0 0; }
	
	tr.vehprov td input.matricula{ width: 50%!important; }
	tr.vehprov td input.dia{ width: 50%!important; }
	tr.vehprov td input.hora{ width: 50%!important; }
	tr.vehprov td select.pais{ width: 50%!important; }
	tr.vehprov td input.cp{	width: 50%!important; }
	tr.vehprov td select.tipo{ width: 50%!important; }
	tr.vehprov td select.base{ width: 50%!important; }
	tr.vehprov td input.horasdisco{	width: 50%!important; }
	tr.vehprov td textarea.obs,
	tr.vehprov td input.obs{
		width: 50%!important;
	}
	*/

	tr.vehprov td.btns{ max-width:30px; }

	div#vehiculosproveedor_result{
		margin-top:0px!important;
	}

	/** Botones vehiculos proveedor **/
	#vehiculosproveedor_loader input.button{font-size:0.7em}

	/** Titulo vehiculos proveedor **/
	h1.header-title-vehiculos.proveedor{ font-size:1.1em}

	tr.vehprov td.btns a.min750,
	tr.vehprov.no-active td.btns a.min750,
	tr.vehprov.no-active td.btns a.min750 img,
	tr.vehprov.no-active td div.activer_btn a.min750,
	tr.vehprov.no-active td div.activer_btn a.min750 img{display:none}

	tr.vehprov td.btns a.max750,
	tr.vehprov.no-active td.btns a.max750,
	tr.vehprov.no-active td div.activer_btn a.max750 {display: inline; width:10px; padding:0px; padding-bottom:0 }
	tr.vehprov td.btns a.max750 img,
	tr.vehprov.no-active td.btns a.max750 img,
	tr.vehprov.no-active td div.activer_btn a.max750 img{display: inline; height:12px}

	div#vehiculosproveedor_result{width:85%; left: 2.5%; top: 12%; margin:0 auto; position:absolute; font-size: 0.9em}
	div.invalidform{width:80%; left:5%; margin-left: auto; margin-right: auto; font-size: 0.8em}

	/** Seguro mercancia Responsive **/
	#seguro_mercancia_confirm.preconfirm div.btn{
		width: 65%; font-size: 0.7em
	}

}

/*
.errors{
	background-color:#FF999D;
	padding:20px!important;
	margin:20px auto;
	width:80%;
	border-radius:3px;
	color:#333;
	list-style: none!important;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
}
.errors li{
	margin:10px 0;
}
*/

.login-body{
	/*background: url(imgs/linea_gris.png) repeat-y center top;*/
	width:100%;
	display:block;
	margin:20px 0;
}
.login-left{
	width:50%;
	float:left;
}
.login-right{
	width:50%;
	float:left;
}

.login-body .lBody{
	max-width: 400px;
}
.login-body .login-left .lBody{
	float:right;
}
.login-body .login-right .lBody{
	float:left;
}
.login-body .login-left .lBody{
	padding-right:40px;
	border-right:1px solid gray;
}
.login-body .login-right .lBody{
	padding-left:40px;
}

.login-body .login-form,
.login-body #usuario-form,
.login-body #usuario-form-proveedor{
	margin:0 0 10px;
}
.login-body #usuario-form .button,
.login-body #usuario-form-proveedor .button{
	margin:0;
}
.login-body .header-subtitle-vehiculos{
	/*color:#444444;*/
	color:#e84950;
	font-size:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	margin-bottom:0px;
}

.login-body .login-form ul{
	min-height:130px;
}

.login-body .login-form .void{
	height:48px;
}

/* EXCEPCIONES */
.login-body a.btn-regular,
.login-body span.btn-regular{
	margin-left:0;
}
.main-intranet .btn-regular{
	text-decoration:none;
}
.btn-regular img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
  margin-bottom: 18px;
}

#usuario-registro h1.header-title-vehiculos{
	width:100%;
	font-size:23px;
}
#usuario-registro h1.header-title-vehiculos.big{font-size:36px;}
#usuario-registro .advice{
	margin-bottom:0px!important;
}
#usuario-registro .stl_1 a.btn-regular,
#usuario-registro .stl_1 span.btn-regular{
	clear:both;
	margin: 0 0 10px 0!important;
}

.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}

.vehprov label{
	display:none;
}

a.btn-regular.btn-block{
	margin:0px 10px 0px 10px; vertical-align:middle;
}

#respuesta-multimail-form span.radio_label{
	float:left; clear:none; font-size:1em; color:#666; padding:0; margin:0; cursor:pointer;
}

/* SATISFACCION CLIENTES */

#satisfaccion_cliente_loader .ratingContainer {
	/*border:1px solid blue;*/ text-align:center; height: 1.5em; padding-top:0.5em
}
#satisfaccion_cliente_loader .rating {
    width:8em; /*border:1px solid red;*/ margin: 0px auto;  white-space: nowrap;
}
#satisfaccion_cliente_loader .rating span { 
	float:right; position:relative; transition: all 0.2s linear; 
}
#satisfaccion_cliente_loader .rating span input {
    position:absolute; top:0px; left:0px; opacity:0;
}

/* Apagado */
#satisfaccion_cliente_loader .rating span label {
    display:inline-block;
    width:1.5em;
    height:1.5em;
    text-align:center;
    /*color:#FFF;
    background:#ccc;*/
    color:#ccc;
    margin-right:1px;
    border-radius:2px;
    -webkit-border-radius:2px;
    cursor:pointer;
    background: url('../img/star-off-big.png');
    background-size: contain;
}

/* Encendido */
#satisfaccion_cliente_loader .rating span:hover ~ span label,
#satisfaccion_cliente_loader .rating span:hover label,
#satisfaccion_cliente_loader .rating span.checked label,
#satisfaccion_cliente_loader .rating span.checked ~ span label {
    /*background:#F90;
    color:#FFF;*/
    background: url('../img/star-on-big.png');
    background-size: contain;
}

#satisfaccion_cliente_loader .rating span#rating0_span label{
	background: url('../img/star-off-big.0.1.png');
	background-size: cover;
	font-size:0.7em; margin-top:0.3em;
}

#satisfaccion_cliente_loader .rating span#rating0_span.hide label{
	visibility:none;
	display:none
}

#satisfaccion_cliente_loader .rating span#rating0_span.show label{
	visibility:visible;
	display:inherit;
	position:absolute;
	margin-left:-1.4em;
}

#satisfaccion-cliente-form ul{
	list-style:none;
	padding:0;
	margin:0;
}

#satisfaccion-cliente-form textarea{ padding: 5px; line-height: 1em }

#satisfaccion-cliente-form ul li{ margin-bottom: 5px; }

#satisfaccion_cliente_loader{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

@media (max-width: 768px) {

	/*.ratingDiv{ padding:20px; } */
	#remarks{width:100%!important;}

}

/* NEW WP */

.tab-veh-dis tr:not(.tabla-top),
.tab-veh-dis tr:not(.tabla-top) td{
    border: 1px solid #EAEAEA;
    font-size:0.9em;
    padding: 5px;
}

.tab-veh-dis tr:not(.tabla-top) td.btns{

}

.subtit-veh{
	/*font-family: 'Alegreya Sans', sans-serif;*/
	/*margin-top: 10px;*/
	margin:10px 0;
	text-align: center;
	/*font-size: 1em;*/
}

.tabla-top{
	background-color: #495388;
	color: white;
}

.tabla-top th,
.tabla-top tr{
	font-size:13px;
	padding:6px 2px 6px 4px;
	font-weight: bold;
	vertical-align: middle;
}

#fle-tab{
	float: right;
	margin-top: -4px;
	height: 20px;
	width: 10px;
}

.fle-tab-arr{
	height: 10px;
	float: right;
	margin-bottom: 2px;
}

.fle-tab-aba{
	height: 10px;
	float: right;
}

.tab-veh-dis{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.tab-veh-dis th,
.tab-veh-dis tr{
	border: 1px solid #EAEAEA;
	vertical-align: baseline;
}
/*
.tab-veh-dis tr{
    border: 5px solid #1C286A;
		clear: both;
}
*/
.tab-veh-dis td{
    /*border: 0px solid #EAEAEA;*/
}

.row-mob-display td{
    border: 0px solid #EAEAEA;
}

.tab-veh-dis select {
    width: 70% !important;
}

#buscador-tab-veh{
	background-color: #EEE;
	padding: 5px;
	/*text-align: end;*/
	margin-top: -0px;
}

#buscador-tab-veh #vehiculos-disponibles-filtros{ margin-left:auto; margin-right:auto }

#tab-paginacion{
	height: 20px;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0px;
    margin:15px 0;
	border: 0px !important;
}

#tab-paginacion a{ color: #ce141c; text-decoration: none; }

a.btn-regular,
span.btn-regular{
  font-family: 'Alegreya Sans', sans-serif; 
  padding: 5px 10px 5px 10px;
  background-color: #f5f5f5;  
  margin: 0px; 
  text-transform: none;
  font-size:12px; 
  border-radius:3px;
  border:1px solid #dddddd; 
  color:#666!important;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230));
  vertical-align:middle; margin-left:10px;
  white-space: nowrap; text-decoration: none;
}

a.btn-regular:hover,
span.btn-regular:hover{
  box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.65);
}

a.btn-regular:active,
span.btn-regular:active{
  box-shadow: 0px 0px 0px 1px rgba(50, 50, 50, 0.65);
}

a.btn-regular.b,
span.btn-regular.b{font-weight: bold;font-size:0.8em;}
a.btn-regular.fit,
span.btn-regular.fit{white-space: nowrap; margin-left:0px; font-size:1.2em; padding: 0px 5px 0px 5px;}

span.btn-regular.fit:hover{
	cursor: pointer;
}

span.btn-regular.showobsbtn{ font-style:normal ;}
span.btn-regular.showobsbtn:hover,
span.btn-regular.showobsbtn:active{box-shadow:none; font-style:normal;}

td.hasService span.btn-regular.showobsbtn{
	margin-left:5px;
}

.main-intranet h1{
	font-size:24px;
	/* margin-bottom:24px; */
}

/** Ocultamos el div para poder ver mas **/
tr td.overlay div.overlay{ display: none }

/** Genericas para ocultar en desktop [Desktop first] **/
.max750,
.max750line{ display: none }

@media (max-width: 1350px) {

	#content.mt-30{	margin-top:20px; }

	.tabla-top{	/* display:none; */	}

   	#veh-dis{ display:table; position:relative; padding-top:7.5em; margin:auto; width:96% }
   	/* #main-intranet form[name='ListadoPortes'] #veh-dis{} */

   	#veh-dis #AjaxUpdate div.header{
   		display:table-header-group;
   		position:absolute;	top:-10px;
   		font-size:0.8em;
   		max-height:9.5em; 	width:100%;
   		margin-left:auto;  	margin-right:auto;
   		overflow:hidden;
   	}

   	#veh-dis #AjaxUpdate div.header div#centx100switch{
   		margin:15px auto;
   	}

   	#veh-dis #AjaxUpdate div.header div#centx100switch a{
   		white-space:nowrap;
   	}

   	#veh-dis #buscador-tab-veh{
   		display: table-row-group;
   	}

   	#veh-dis #AjaxUpdate{
   		display:table-footer-group;
   		padding-top:1em;   	width:100%
   	}

   	#veh-dis #AjaxUpdate table.tab-veh-dis{	margin-top:0.5em }
   	/* tab-veh-dis tab-ped-dis-filtro */

	table#vehiculos-disponibles-filtros{
		margin-top:0; padding:0; 
		margin-bottom: 1em;
	}

	table#vehiculos-disponibles-filtros td{
		display: block;
	}

	table#vehiculos-disponibles-filtros td,
	table#vehiculos-disponibles-filtros td.lbl,
	table#vehiculos-disponibles-filtros td select,
	table#vehiculos-disponibles-filtros td input,
	table#vehiculos-disponibles-filtros td input[type='button']{
		text-align:center;
	 	font-size: 0.8em; 
	}

	table#vehiculos-disponibles-filtros td select,
	table#vehiculos-disponibles-filtros td input[type='text']{
		width:80%;
		color: #444;
	}

	table#vehiculos-disponibles-filtros td input[type='button']{
		height:30px; padding: 5px 15px 5px 15px;
	}

  	td.obs:before {	color: #eaeaea !important;	}

  	th.dbl-border-left, 
  	td.dbl-border-left{
    	border-left-width: 1px !important;
  	}

	.tab-veh-dis{ width: 96%; }
  	.tab-veh-dis tr{ /* border: 5px solid #1C286A!important; clear: both; */ }
  	.tab-veh-dis td{ border: 0px solid #EAEAEA;	}

  	.row-mob-display td{ border: 0px solid #EAEAEA;	}

  	.tab-veh-dis select { width: 70% !important; }

  	table#listado-portes-filtros{ width: 100% }
	table#listado-portes-filtros td input[type='text'] { color: #444 }
  	table#listado-portes-filtros td{ clear:both; display:block }
  	table#listado-portes-filtros table{	width: 100%; /* float: left; */ }

  	table#listado-portes-filtros table tr { border: 0px solid #ddd; }

  	table#listado-portes-filtros td,
  	table#listado-portes-filtros table td{ text-align: center;	}

  	table#listado-portes-filtros td.lbl,
  	table#listado-portes-filtros td table td.lbl{ text-align: center; }

  	table#listado-portes-filtros td table td input[type="button"]{ font-size: 1em; }

  	.boton-filtro-hist{	/* height: 50px; */ }
  	.desap-mob{	display: none;	}
  	.desap-mob-barr{ display: none; }
  	.apar-mob{ display: inherit; }

  	#buscador-tab-veh{
  		padding:0;
  		margin:20px auto;
  	}

	#vehiculos-disponibles-filtros,
	#buscador-tab-veh{
		width:96%;
	}

	#vehiculos-disponibles-filtros tr,
	#buscador-tab-veh tr{
		border:0;
		padding:0;
	}

	table#listado-portes-filtros td.lbl,
	table#listado-portes-filtros td{
		text-align:center;
	    font-size:16px;
	}  

	table#vehiculos-disponibles-filtros td input{
		width:30%!important;
	}

	table.tab-veh-dis.tab-ped-dis-filtro{
		text-align:center;
	}

	table.tab-veh-dis.tab-ped-dis-filtro select[name="servicio"]{
		
	}
	table.tab-veh-dis.tab-ped-dis-filtro b{
		/* clear:both; display: block */
	}

	table#listado-portes-filtros td input[type="button"]{ height: inherit; padding:10px 15px; }

	/* Boton tracking ver todos */
	table.tab-veh-dis.tab-ped-dis-filtro td.lbl input[type="button"]{ font-size:1em }

  	h1.header-title-vehiculos{ width: 85%;	display: inline; margin-left: auto; margin-right: auto; }

  	.row-red{ background-color: #ce141c!important; color: white; }

  	/** Recordar contraseña y alta usuario */
  	form#usuario-form input, textarea, select{ width: 95% }

  	/** Login de proveedores y documentos de proveedores **/
  	form#proveedor-form input, 
  	form#proveedor-form textarea,
  	form#vehiculos-proveedor-form-login input,
  	form#vehiculos-proveedor-form-login textarea{ width: 95% }

  	/** Ver mas informacion en movil **/
  	table.tab-veh-dis.tab-ped-dis tr.porte_:hover,
  	table.tab-veh-dis.tab-ped-dis tr.porte_1:hover{ cursor: pointer; }
  	table.tab-veh-dis.tab-ped-dis tr.porte_:hover td.overlay,
  	table.tab-veh-dis.tab-ped-dis tr.porte_1:hover td.overlay{ position: relative; overflow: hidden}
  	table.tab-veh-dis.tab-ped-dis tr.porte_:hover td.overlay div.overlay,
  	table.tab-veh-dis.tab-ped-dis tr.porte_1:hover td.overlay div.overlay{ height:100%; position:absolute;
  		display: block; left:0px; right:-1px; top:0px; background: #999; opacity: 0.6; min-height:1000%;
  	}

  	table.tab-veh-dis.tab-ped-dis td.overlay img {
  		margin:0 auto; width:1.5em; opacity:.7
  	}

  	/* Boton ayuda responsive vehiculos proveedor */
  	a#btnAyudaResponsiveVehiculosProveedor{ font-size: 0.6em; padding: 3px 6px 3px 6px; }

  	/* No se ve en moviles */
  	.spacer{ display: none; }

  	/* No se ve en moviles */
  	.min750{ display: none }
  	.max750{display: block }
  	tr.max750{ display: table-row; }
  	td.max750, th.max750{ display: table-cell; }
  	.max750line{ display: inline }
}

table.tab-ped-dis{
	border-collapse: collapse;
}
table.tab-ped-dis th,
table.tab-ped-dis td{
	padding: 6px 10px;	
}

.tabla-sup-top th{
	text-align:center;
}
.tabla-sup-top th.top_1{
	background-color:#f6f6f6!important;
}
.tabla-sup-top th.top_2{
	background-color:#ce141c!important;
	color:#fff!important;
}
table.tab-ped-dis tr.tabla-sup-top th{
  /*border: 1px solid #EAEAEA;*/
  vertical-align: baseline;
  color:#666666;
}
.tabla-sup-top th{
  padding: 4px 10px!important;
  font-weight:bold;
  font-size:15px;
}
table.tab-veh-dis tr.tabla-top.portes th tr{
	text-align: center!important;
  border: none;
  padding: 6px 2px!important;
  margin: 0;
}
table.tab-veh-dis tr.tabla-top.portes th tr td{
	text-align: center!important;
	border:none;
	padding: 0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	margin:0;
}
table.tab-ped-dis tr.tabla-top th{
	text-align:center;
}
table.tab-ped-dis tr.tabla-top.portes th{
	vertical-align:middle;
}
table.tab-ped-dis tr.tabla-top th a{
	color:white; 
}
table.tab-ped-dis tr.tabla-top th a:hover{
	color:#ccc;
}
table tr.tabla-top th table{
	margin:0; 
	padding:0; 
	border-spacing: 0; 
	border-collapse: collapse;
	vertical-align:middle;
	width:100%;
}
table tr.tabla-top th table tr.ordenable{
	cursor:pointer;
}
table tr.tabla-top th table tr.ordenable:hover,
table tr.tabla-top th table tr.ordenable:hover td{
	color:#ccc;
}
table tr.tabla-top th table tr.ordenable td.ordenado{
	padding-left:16px;
}
table tr.tabla-top th table tr td.dir-sign-pos{ 
	width: 16px; 
	vertical-align:middle; 
	padding:0px 3px 0px 3px; 
}
table tr.tabla-top th table tr td.dir-sign-pos img{
	margin:0;
	padding:0; 
	vertical-align:middle;
}
table tr.tabla-top th table tr td.dir-sign-pos img.up{
	margin-top:4px;
}
table tr.tabla-top th table tr td.dir-sign-pos img.down{
	margin-top:6px;
}

/*** CSS de la celda del servicio que de despliega en Historico portes */
table.tab-veh-dis.tab-ped-dis tr.servicio td.serv_ndoc{
	text-align:right;padding-left:1.8em;font-style:italic;
}

/* Formularios */

.header-title-oferta,
.header-title-cargue {
	margin:30px 0 10px 0;
	text-align:center;
}
#txt-pr-oferta,
#txt-pr-cargue {
    text-align: center;
    width: 90%;
    margin: 0px auto;
    text-transform: uppercase;
    font-size: 15px;
}

#oferta-form table,
#cargue-form table{
	margin-top:0;
	border-color: grey;
	border-collapse: collapse;
    border-spacing: 0;	
}

#oferta-form td a,
#cargue-form td a{
	color: #ce141c;
	text-decoration: none;
}

#oferta-form td a:hover,
#cargue-form td a:hover{
	text-decoration: underline;
}

#oferta td,
#cargue-nosotros td{
	border: 0px;
    text-align: left;
}

#oferta tr,
#cargue-nosotros tr{
	border: 0px;
}

#oferta h3,
#cargue-nosotros h3{
	text-align: center;
	text-transform: uppercase;
	font-size:18px;
	font-weight:normal;
	margin:5px 0 10px 0;
}

#oferta td,
#cargue-nosotros td{
	font-size: 0.85em;
	font-family: 'Alegreya Sans', sans-serif;
}

#oferta,
#cargue-nosotros{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    min-height: 592px;
    max-width: 400px;
}

#oferta-form,
#cargue-form{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#oferta-form input[type="text"], input[type="email"], input[type="password"], 
textarea, #cargue-form input[type="text"]{
	margin-bottom: 4px;
}

#oferta input[type="text"], input[type="email"], input[type="password"], 
textarea, #cargue-nosotros input[type="text"]{
    width: 100%;
}

#oferta textarea, #cargue-nosotros textarea{height:4em;}

#oferta input[type='reset'], #oferta input[type='button'], #oferta input[type='submit'], #oferta button,
#cargue-nosotros input[type='reset'], #cargue-nosotros input[type='button'], 
#cargue-nosotros input[type='submit'], #cargue-nosotros button{
	background-color:#ce141c; margin-top:2px; float:right; margin-bottom:-5px; color:white; max-width:7em;
}

#oferta tbody, #cargue-nosotros tbody{
	border: 1px solid #EAEAEA;
}

#oferta .form-bord-sup,
#cargue-nosotros .form-bord-sup{
	border-top: 1px solid #EAEAEA;
}

#oferta td, #cargue-nosotros td{
	border: initial;
}

#oferta td, #oferta th, #cargue-nosotros td, #cargue-nosotros th{
	padding: 4px 10px;	
}

/**** VISOR DETALLE RESPONSIVE EN TABLAS ***/

/* Visor del detalle de un elemento de la lista */
div#responsiveDetailViewer{
	position:absolute; left:0; right:0; bottom: 0; top:0; margin:0; padding:0; z-index:3;
	/* padding-top: 50%; */
}

/* No mostramos los auxiliares */
div#responsiveDetailViewer div.overlay,
div#responsiveDetailViewer .overlay-btn{
	display:none;
}

/* Fondo */
div#responsiveDetailViewer div.bg{
	background: #000; opacity:.5; top:0; left:0; bottom:0; right:0; position: fixed;  z-index: 3
}

/* Ventana donde sale el detalle teoricamente solo sale en resoluciones mobiles */
div#responsiveDetailViewer div.container{
	background: #fff; opacity:0;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: 5px 5px 5px 0px #444;
	-moz-box-shadow: 5px 5px 5px 0px #444;
	box-shadow: 5px 5px 5px 0px #444;
	border:1px solid #666; border-radius:4px; z-index:5; position: relative;
	width: 86%; padding: 1.3em 1em; z-index:4; margin: auto; /* margin-top: -18%;  */
}

div#responsiveDetailViewer div.container.off{  opacity:0; }
div#responsiveDetailViewer div.container.on{  opacity:1; }

div#responsiveDetailViewer div.container div{  }

div#responsiveDetailViewer div.container div.closebtn,
div#responsiveDetailViewer div.container div.btns{
	position:absolute; margin: 0 auto; margin-top: -1.8em;
  	left: 0; right: 0; text-align:center;
}

div#responsiveDetailViewer div.container div.btns.down{
	position:absolute; margin: 0 auto; margin-bottom: -2.5em;
  	left: 0; right: 0; text-align:center; margin-top: 0;
}

div#responsiveDetailViewer div.container div.closebtn span,
div#responsiveDetailViewer div.container div.btns span,
div#responsiveDetailViewer div.container div.btns.down span{
	font-family: 'Alegreya Sans', sans-serif; padding: 0.2em 0.5em 0.2em 0.5em;
  	background-color: #495388;  color: #fff;  text-transform: none;
  	/*font-size:1em;*/ border-radius:2px;  border:1px solid #e8e7e7; 
  	background-image: linear-gradient(rgb(86, 130, 186), rgb(26, 78, 143));
  	vertical-align:middle; margin: 0 auto; cursor:pointer;
}

div#responsiveDetailViewer div.container div.closebtn span + span,
div#responsiveDetailViewer div.container div.btns span + span,
div#responsiveDetailViewer div.container div.btns.down span + span{
	margin-left:0.4em;
}

div#responsiveDetailViewer div.container div.closebtn span:hover,
div#responsiveDetailViewer div.container div.btns span:hover,
div#responsiveDetailViewer div.container div.btns.down span:hover{
	box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.65);
}

/* div#responsiveDetailViewer div.closebtn{ position: absolute; right: -0.5em; width: 1.6em; 
	margin-top: -1.6em; padding:0; cursor:pointer } */


/* Linea / dato del detalle se compone de un label y el valor (o campo) */
div#responsiveDetailViewer div.row{ padding-top:0.2em }
div#responsiveDetailViewer div.sep{ margin-top:0.3em; margin-bottom: 0.3em; 
	padding-bottom:0em; border-bottom: 1px solid #f5f5f5 }
div#responsiveDetailViewer div.row > span{ display: inline-block; width:63%; text-align:left; 
	vertical-align:middle; }
div#responsiveDetailViewer div.row span.label{font-weight: bold; width:30%; padding-right:0.2em}

/** Tamaño fuente inputs **/
div#responsiveDetailViewer div.row > span input[type='text']{ font-size:0.9em; }
div#responsiveDetailViewer div.row > span select{ font-size:0.9em }
div#responsiveDetailViewer div.row > span textarea{ font-size:0.9em }

div#responsiveDetailViewer div.historico{margin-top:0.3em; overflow:hidden}
div#responsiveDetailViewer div.historico table{ font-size: 0.85em; border-left:1px solid #ccc;
	border-top: 1px solid #ccc; width:100%; margin: 0 auto}
div#responsiveDetailViewer div.historico table th{color: white; background: #495388; text-align:center; 
	vertical-align:middle; padding: 2px; border-right: 1px solid #ccc;}
div#responsiveDetailViewer div.historico table td{ border-bottom:1px solid #ccc; vertical-align:middle;
	border-right:1px solid #ccc; 1px; text-align:left }

/** Fin visor detalle **/

header .principal nav ul.header-menu-intranet {}
header .principal nav ul.header-menu-intranet li { margin-left:1.5em; } 
header .principal nav ul.header-menu-intranet li:nth-child(5) a{ font-weight: normal; padding-left: 0; 
	background-image: none 
}

div#vehiculosDisDiv{
	font-family: "Alegreya Sans",sans-serif;
	font-size: 16px;
	font-weight: bold; 	
}
.vehiculosDisTable {
    display: table;
    width: 96%;      
}
.vehiculosDisRow {display: table-row;}
.vehiculosDisCell {
    display: table-cell; 
    width: 50%;   
    padding-top: 10px;	
}

.vehiculosDisLastLabelCell {
    display: table-cell; 
    width: 20%;   
    padding-top: 10px;	
}

.vehiculosDisLastElementsCell {
    display: table-cell; 
    width: 80%;   
    padding-top: 10px;	
}

.vehiculosDisLocLeftCells {
    display: table-cell; 
    width: 50%;   
    padding-top: 10px;	
}

.vehiculosDisLocRightCells {
    display: table-cell; 
    width: 30%;   
    padding-top: 10px;	
}

input#multimail-enviar{
    width: 200px;
    font-family: 'Alegreya Sans', sans-serif;
    height: 40px;
    padding: 10px 25px 10px 25px;
    background-color: #ce141c;
    font-size: 16px;
    margin-top: 20px;
    border: none;
    padding: 6px 2px!important;
    margin: 0;
  }
  table.tab-veh-dis tr.tabla-top.portes th tr td{
      text-align: center!important;
      border:none;
      padding: 0px 0px 0px 0px;
      font-size:13px;
      font-weight:bold;
      margin:0;
  }
  table.tab-ped-dis tr.tabla-top th{
      text-align:center;
  }
  table.tab-ped-dis tr.tabla-top.portes th{
      vertical-align:middle;
  }
  table.tab-ped-dis tr.tabla-top th a{
      color:white; 
  }
  table.tab-ped-dis tr.tabla-top th a:hover{
      color:#ccc;
  }
  table tr.tabla-top th table{
      margin:0; 
      padding:0; 
      border-spacing: 0; 
      border-collapse: collapse;
      vertical-align:middle;
      width:100%;
  }
  table tr.tabla-top th table tr.ordenable{
      cursor:pointer;
  }
  table tr.tabla-top th table tr.ordenable:hover,
  table tr.tabla-top th table tr.ordenable:hover td{
      color:#ccc;
  }
  table tr.tabla-top th table tr.ordenable td.ordenado{
      padding-left:16px;
  }
  table tr.tabla-top th table tr td.dir-sign-pos{ 
      width: 16px; 
      vertical-align:middle; 
      padding:0px 3px 0px 3px; 
  }
  table tr.tabla-top th table tr td.dir-sign-pos img{
      margin:0;
      padding:0; 
      vertical-align:middle;
  }
  table tr.tabla-top th table tr td.dir-sign-pos img.up{
      margin-top:4px;
  }
  table tr.tabla-top th table tr td.dir-sign-pos img.down{
      margin-top:6px;
  }
  
  /*** CSS de la celda del servicio que de despliega en Historico portes */
  table.tab-veh-dis.tab-ped-dis tr.servicio td.serv_ndoc{
      text-align:right;padding-left:1.8em;font-style:italic;
  }
  
  /* Formularios */
  
  .header-title-oferta,
  .header-title-cargue {
      margin:30px 0 10px 0;
      text-align:center;
  }
  #txt-pr-oferta,
  #txt-pr-cargue {
      text-align: center;
      width: 90%;
      margin: 0px auto;
      text-transform: uppercase;
      font-size: 15px;
  }
  
  #oferta-form table,
  #cargue-form table{
      margin-top:0;
      border-color: grey;
      border-collapse: collapse;
      border-spacing: 0;	
  }
  
  #oferta-form td a,
  #cargue-form td a{
      color: #dd3333;
      text-decoration: none;
  }
  
  #oferta-form td a:hover,
  #cargue-form td a:hover{
      text-decoration: underline;
  }
  
  #oferta td,
  #cargue-nosotros td{
      border: 0px;
      text-align: left;
  }
  
  #oferta tr,
  #cargue-nosotros tr{
      border: 0px;
  }
  
  #oferta h3,
  #cargue-nosotros h3{
      text-align: center;
      text-transform: uppercase;
      font-size:18px;
      font-weight:normal;
      margin:5px 0 10px 0;
  }
  
  #oferta td,
  #cargue-nosotros td{
      font-size: 0.85em;
      font-family: 'Alegreya Sans', sans-serif;
  }
  
  #oferta,
  #cargue-nosotros{
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      min-height: 592px;
      max-width: 400px;
  }
  
  #oferta-form,
  #cargue-form{
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  
  #oferta-form input[type="text"], input[type="email"], input[type="password"], 
  textarea, #cargue-form input[type="text"]{
      margin-bottom: 4px;
  }
  
  #oferta input[type="text"], input[type="email"], input[type="password"], 
  textarea, #cargue-nosotros input[type="text"]{
      width: 100%;
  }
  
  #oferta textarea, #cargue-nosotros textarea{height:4em;}
  
  #oferta input[type='reset'], #oferta input[type='button'], #oferta input[type='submit'], #oferta button,
  #cargue-nosotros input[type='reset'], #cargue-nosotros input[type='button'], 
  #cargue-nosotros input[type='submit'], #cargue-nosotros button{
      background-color:#dd3333; margin-top:2px; float:right; margin-bottom:-5px; color:white; max-width:7em;
  }
  
  #oferta tbody, #cargue-nosotros tbody{
      border: 1px solid #EAEAEA;
  }
  
  #oferta .form-bord-sup,
  #cargue-nosotros .form-bord-sup{
      border-top: 1px solid #EAEAEA;
  }
  
  #oferta td, #cargue-nosotros td{
      border: initial;
  }
  
  #oferta td, #oferta th, #cargue-nosotros td, #cargue-nosotros th{
      padding: 4px 10px;	
  }
  
  /**** VISOR DETALLE RESPONSIVE EN TABLAS ***/
  
  /* Visor del detalle de un elemento de la lista */
  div#responsiveDetailViewer{
      position:absolute; left:0; right:0; bottom: 0; top:0; margin:0; padding:0; z-index:3;
      /* padding-top: 50%; */
  }
  
  /* No mostramos los auxiliares */
  div#responsiveDetailViewer div.overlay,
  div#responsiveDetailViewer .overlay-btn{
      display:none;
  }
  
  /* Fondo */
  div#responsiveDetailViewer div.bg{
      background: #000; opacity:.5; top:0; left:0; bottom:0; right:0; position: fixed;  z-index: 3
  }
  
  /* Ventana donde sale el detalle teoricamente solo sale en resoluciones mobiles */
  div#responsiveDetailViewer div.container{
      background: #fff; opacity:0;	
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-box-shadow: 5px 5px 5px 0px #444;
      -moz-box-shadow: 5px 5px 5px 0px #444;
      box-shadow: 5px 5px 5px 0px #444;
      border:1px solid #666; border-radius:4px; z-index:5; position: relative;
      width: 86%; padding: 1.3em 1em; z-index:4; margin: auto; /* margin-top: -18%;  */
  }
  
  div#responsiveDetailViewer div.container.off{  opacity:1; }
  div#responsiveDetailViewer div.container.on{  opacity:1; }
  
  div#responsiveDetailViewer div.container div{  }
  
  div#responsiveDetailViewer div.container div.closebtn,
  div#responsiveDetailViewer div.container div.btns{
      position:absolute; margin: 0 auto; margin-top: -1.8em;
        left: 0; right: 0; text-align:center;
  }
  
  div#responsiveDetailViewer div.container div.btns.down{
      position:absolute; margin: 0 auto; margin-bottom: -2.5em;
        left: 0; right: 0; text-align:center; margin-top: 0;
  }
  
  div#responsiveDetailViewer div.container div.closebtn span,
  div#responsiveDetailViewer div.container div.btns span,
  div#responsiveDetailViewer div.container div.btns.down span{
	  font-family: 'Alegreya Sans', sans-serif; padding: 0.2em 0.5em 0.2em 0.5em;
	    display:-webkit-inline-box; width: 100px;
	    background-image: none;
        background-color: #C91C2F;  color: #fff;  text-transform: none;
        /*font-size:1em;*/ border-radius:2px;  border:1px solid #e8e7e7; 
        /* background-image: linear-gradient(rgb(86, 130, 186), rgb(26, 78, 143)); */
        vertical-align:middle; margin: 0 auto; cursor:pointer;
  }
  
  div#responsiveDetailViewer div.container div.closebtn span + span,
  div#responsiveDetailViewer div.container div.btns span + span,
  div#responsiveDetailViewer div.container div.btns.down span + span{
      margin-left:0.4em;
  }
  
  div#responsiveDetailViewer div.container div.closebtn span:hover,
  div#responsiveDetailViewer div.container div.btns span:hover,
  div#responsiveDetailViewer div.container div.btns.down span:hover{
      box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.65);
  }
  
  /* div#responsiveDetailViewer div.closebtn{ position: absolute; right: -0.5em; width: 1.6em; 
      margin-top: -1.6em; padding:0; cursor:pointer } */
  
  
  /* Linea / dato del detalle se compone de un label y el valor (o campo) */
  div#responsiveDetailViewer div.row{ padding-top:0.2em }
  div#responsiveDetailViewer div.sep{ margin-top:0.3em; margin-bottom: 0.3em; 
      padding-bottom:0em; border-bottom: 1px solid #f5f5f5 }
  div#responsiveDetailViewer div.row > span{ display: inline-block; width:63%; text-align:left; 
      vertical-align:middle; }
  div#responsiveDetailViewer div.row span.label{font-weight: bold; width:30%; padding-right:0.2em; color:white ; background-color:#084894;}
  
  /** Tamaño fuente inputs **/
  div#responsiveDetailViewer div.row > span input[type='text']{ font-size:0.9em; }
  div#responsiveDetailViewer div.row > span select{ font-size:0.9em }
  div#responsiveDetailViewer div.row > span textarea{ font-size:0.9em }
  
  div#responsiveDetailViewer div.historico{margin-top:0.3em; overflow:hidden}
  div#responsiveDetailViewer div.historico table{ font-size: 0.85em; border-left:1px solid #ccc;
      border-top: 1px solid #ccc; width:100%; margin: 0 auto}
  div#responsiveDetailViewer div.historico table th{color: white; background: #495388; text-align:center; 
      vertical-align:middle; padding: 2px; border-right: 1px solid #ccc;}
  div#responsiveDetailViewer div.historico table td{ border-bottom:1px solid #ccc; vertical-align:middle;
      border-right:1px solid #ccc; 1px; text-align:left }
  
  /** Fin visor detalle **/
  
  header .principal nav ul.header-menu-intranet {}
  header .principal nav ul.header-menu-intranet li { margin-left:1.5em; } 
  header .principal nav ul.header-menu-intranet li:nth-child(5) a{ font-weight: normal; padding-left: 0; 
      background-image: none 
  }
  
  div#vehiculosDisDiv{
      font-family: "Alegreya Sans",sans-serif;
      font-size: 16px;
      font-weight: bold; 	
  }
  .vehiculosDisTable {
      display: table;
      width: 96%;      
  }
  .vehiculosDisRow {display: table-row;}
  .vehiculosDisCell {
      display: table-cell; 
      width: 50%;   
      padding-top: 10px;	
  }
  
  .vehiculosDisLastLabelCell {
      display: table-cell; 
      width: 20%;   
      padding-top: 10px;	
  }
  
  .vehiculosDisLastElementsCell {
      display: table-cell; 
      width: 80%;   
      padding-top: 10px;	
  }
  
  .vehiculosDisLocLeftCells {
      display: table-cell; 
      width: 50%;   
      padding-top: 10px;	
  }
  
  .vehiculosDisLocRightCells {
      display: table-cell; 
      width: 30%;   
      padding-top: 10px;	
  }
  
  input#multimail-enviar{
      width: 200px;
      font-family: 'Alegreya Sans', sans-serif;
      height: 40px;
      padding: 10px 25px 10px 25px;
      background-color: #ce141c !important;
      font-size: 16px;
      margin-top: 20px;
      border: none;
      font-weight: bold;
      color: white;
  }
  
  div#vehiculosDisDiv	input,
  div#vehiculosDisDiv	select{
      width: auto!important;
  }
  
  .vehiculosDisLbl{
      margin-right: 15px;	
  }
  
  #response_tipo_id{
      width: 85%!important;
  }
  
  .celdaHTGApp{
      padding: 0 0 0 20px;
  }
  
  .appRadioLbl{
      cursor: pointer;
      margin: 0 0 0 15px;
  }
  
  @media (max-width: 768px) {
      .vehiculosDisCell,
      .vehiculosDisLocLeftCells,
      .vehiculosDisLocRightCells,
      .vehiculosDisLastLabelCell,
      .vehiculosDisLastElementsCell{
          display: block;
      }
  
      .vehiculosDisCell,
      .vehiculosDisLbl{
          white-space: nowrap;
      }
  
      .celdaHTGApp{
          padding: 20px 0 0 0;
      }
  
      div#vehiculosDisDiv	input,
      div#vehiculosDisDiv	select{
          width: auto!important;
      }
  
      #respuesta-multimail-form {
          /*max-width: 750px !important;*/
          width: 85%;
      }
  
  }
  
  /** Degradado tamaño fuente **/
  @media (max-width: 750px) {
      .main-intranet table td,
      .main-intranet table th,
      div#responsiveDetailViewer div.container,
      .main-intranet table.tab-veh-dis tr td{ font-size: 0.85em }
      .main-intranet table.tabla-sup-top th,	
      .main-intranet table#listado-portes-filtros td,
      .main-intranet table#listado-portes-filtros td select,
      .main-intranet table#listado-portes-filtros td input,
      .main-intranet div#tab-paginacion,
      .tab-veh-dis tr:not(.tabla-top) td,
      .main-intranet table.tab-veh-dis tr.tabla-top.portes th tr td{ font-size: 0.9em }
  }
  
  @media (max-width: 640px) {
      .main-intranet table td,
      .main-intranet table th,
      div#responsiveDetailViewer div.container,
      .main-intranet table.tab-veh-dis tr td{ font-size: 0.8em }
      .main-intranet table.tabla-sup-top th,	
      .main-intranet table#listado-portes-filtros td,
      .main-intranet table#listado-portes-filtros td select,
      .main-intranet table#listado-portes-filtros td input,
      .main-intranet div#tab-paginacion,
      .tab-veh-dis tr:not(.tabla-top) td,
      .main-intranet table.tab-veh-dis tr.tabla-top.portes th tr td{ font-size: 0.9em }
      #seguro_mercancias_form{ padding: 1em; font-size: 0.7em; }
      #seguro_mercancias_form p.tbl_seguro_title{margin-left: 1em;}
  }
  
  @media (max-width: 420px) {
      .main-intranet table td,
      .main-intranet table th,
      div#responsiveDetailViewer div.container,
      .main-intranet table.tab-veh-dis tr td{ font-size: 0.75em }
      .main-intranet table.tabla-sup-top th,	
      .main-intranet table#listado-portes-filtros td,
      .main-intranet table#listado-portes-filtros td select,
      .main-intranet table#listado-portes-filtros td input,
      .main-intranet div#tab-paginacion,
      .tab-veh-dis tr:not(.tabla-top) td,
      .main-intranet table.tab-veh-dis tr.tabla-top.portes th tr td{ font-size: 0.8em }
      #seguro_mercancias_form{ padding: 1em; font-size: 0.7em; }
      #seguro_mercancias_form p.tbl_seguro_title{margin-left: 1em;}
  }
  
  @media (max-width: 360px) {
      .main-intranet table td,
      .main-intranet table th,
      div#responsiveDetailViewer div.container,
      .main-intranet table.tab-veh-dis tr td{ font-size: 0.70em }
      .main-intranet table.tabla-sup-top th,	
      .main-intranet table#listado-portes-filtros td,
      .main-intranet table#listado-portes-filtros td select,
      .main-intranet table#listado-portes-filtros td input,
      .main-intranet div#tab-paginacion,
      .tab-veh-dis tr:not(.tabla-top) td,
      .main-intranet table.tab-veh-dis tr.tabla-top.portes th tr td{ font-size: 0.8em }
      #seguro_mercancias_form{ padding: 1em; font-size: 0.7em; }
      #seguro_mercancias_form p.tbl_seguro_title{margin-left: 1em;}
  }
  
  @media (max-width: 320px) {
      .main-intranet table td,
      .main-intranet table th,
      div#responsiveDetailViewer div.container,
      .main-intranet table.tab-veh-dis tr td{ font-size: 0.70em }
      .main-intranet table.tabla-sup-top th,	
      .main-intranet table#listado-portes-filtros td,
      .main-intranet table#listado-portes-filtros td select,
      .main-intranet table#listado-portes-filtros td input,
      .main-intranet div#tab-paginacion,
      .tab-veh-dis tr:not(.tabla-top) td,
      .main-intranet table.tab-veh-dis tr.tabla-top.portes th tr td{ font-size: 0.8em }
      #seguro_mercancias_form{ padding: 1em; font-size: 0.7em; }
      #seguro_mercancias_form p.tbl_seguro_title{margin-left: 1em;}
  }