/* ::::::::::::::::::::::::::
   FONTS 
   :::::::::::::::::::::::::: */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/


body {
    background-color: #F1F1F1 !important;
    color: #666 !important;
    font-size: 13px;
    line-height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
a:focus {
    outline: none !important;
}
.black10
{
    font-size: 8pt !important;
    color: #767676;
    line-height: 10px !important;
    text-decoration: none
}
/* ::::::::::::::::::::::::::
   HEADER 
   :::::::::::::::::::::::::: */

#menu,
#submenu {
    margin: 0 auto;
    padding: 0;
    width: 1000px;

}
#menu,
#logo { height: 43px; }
#logoCarplan { height: 43px; }
#submenu { height: 35px; }

#menu ul { 
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#logo {
    background: transparent url('../images/logo.png') no-repeat;
    display: inline-block;
    float: left;
    height: 32px;
    margin: 7px 0 0 5px;
    max-width: 158px;
    width: 158px;
}
#logoCarplan {
    background: transparent url('../images/logoCarplan.png') no-repeat;
    display: inline-block;
    float: right;
    height: 32px;
    margin: 7px 5px 0 0px;
    max-width: 158px;
    width: 158px;
}
.logoCabecera {
    width:15%;
    float:left;
    padding-top:6px;
}
.logoCabeceraDerecha {
    width:15%;
    float:right;
    padding-top:6px !important;
}
/* ::::::::::::::::::::::::::
   CONTENIDOS 
   :::::::::::::::::::::::::: */
#sectContenidos {
    margin: 0 auto;
    width: 992px;
}
#sectContenidos > h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 14px;
}

#sectContenidosVentana {
    margin: 0 auto;
    width: 100%;
}
#contContenidos {
    background-color: #FFF;
    border: 1px solid #D5D5D5;
    margin: 0 auto;
    min-height: 150px;
    padding: 30px;
}
#sectDatos {
    background: #F1F1F1;
    border: 1px solid #D5D5D5;
    padding: 25px;
    min-height: 50px;
}
.fila { min-height: 41px; }

.fila-btn {    
    margin-top: 10px;
    padding-right: 0px;
    text-align: right;
}
.fila-btn-izq {    
    margin-top: 10px;
    padding-left: 0px;
    text-align: left;
    margin-left:-12px;
}


.fila-btn-ventana {
    bottom: 0;
    margin-top: 10px;
    padding-right: 0px;
    position: absolute;
    right: 0;
    text-align: right;
}

.fila-btn-ventana-izq {
    bottom: 0;
    margin-top: 11px;
    padding-left: 0px;
    position: absolute;
    left: -10px;
    text-align: left;
}

.fila-btn-filtro {
    margin-top: 15px;
    text-align: right;
    padding-right: 33px;
    padding-bottom:15px; 
}

.fila-input-btn-filtro { padding: 15px 0; }

.fila-btn-login {    
    margin-left: 150px;
    margin-top: 5px;
}

/*#formLogin .fila input { text-transform: uppercase; }*/



/* ::::::::::::::::::::::::::
   FOOTER
   :::::::::::::::::::::::::: */
footer {
    line-height: 18px;
    margin: 16px;
    text-align: center;
    font-size: 8pt !important;
}

/* ::::::::::::::::::::::::::
   CONTENEDORES CONTROLES 
   :::::::::::::::::::::::::: */

*[class|="cont"] {
    display: inline-block !important;
    margin: 2px !important;
}

/* ::::::::::::::::::::::::::
   CONTROLES 
   :::::::::::::::::::::::::: */


/* CONTROLES TEXTBOX -------------- */
.lbl, .lbllabel {
    color: #767676 !important;
    display: block !important;
    font-size: 13px !important;
    margin: 12px 0 !important;
    /*text-align: right !important;*/
}
.lbl {
    text-align: right !important;
}
.txt {
    background-color: #FFF !important;
    border: 1px solid #CDCDCD !important;
    color: #222 !important;
    font-size: 13px !important;
    line-height: 30px !important;
    padding-top: 0 !important;
    vertical-align: middle !important;
}

.txt:disabled { 
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter:alpha(opacity=50);
}
.riDisabled {
    color: #666 !important;
    background-color: #f6f6f6 !important;
}
/*.riTextBox .riFocused .txt {
    border: 0 !important;
}*/
/* CONTROLES CHECKBOX ------------- */
.rbToggleCheckbox {
    background-image: url('../images/cbUnchecked.png') !important; 
    background-position: 0px 0px !important;
    left: 0px !important;
    cursor: pointer !important;
}
.rbDisabled .rbToggleCheckbox {
    cursor: default !important;
}
.rbToggleCheckboxChecked {
    background-image: url('../images/cbChecked.png') !important; 
    background-position: 0px 0px !important;
    left: 0px !important;
    cursor: pointer !important;
}
.rbDisabled .rbToggleCheckboxChecked {
    cursor: default !important;
}
.rbToggleCheckboxSelected {
    background-image: url('../images/cbSelected.png') !important; 
    background-position: 0px 0px !important;
    left: 0px !important;
    cursor: pointer !important;
}
.rbDisabled .rbToggleCheckboxSelected {
    cursor: default !important;
}
.rbText { 
    color: #767676 !important;
    font-size:13px !important;
}

/*.rbToggleButton, .rbText, .rbHovered { height: 34px !important; }*/

.checkbox .rbText { 
    padding: 0 8px !important; 
    text-align: left !important;
    cursor: pointer !important;
}
.checkbox:focus {
    outline:none !important;   
}
/* CONTROLES BOTON --------------- */
.rbDisabled, .rbDisabled .rbDecorated{
    background-color: transparent !important;
    color: black !important;
}
.btn-gris {
    background-color: #f4f4f4 !important;
    border: none !important;
    -webkit-box-shadow: 1px 1px #bfbfbf !important;
       -moz-box-shadow: 1px 1px #bfbfbf !important;
            box-shadow: 1px 1px #bfbfbf !important;
    cursor: default !important;
    display: inline-block !important;
    font-size: 13px !important;
    height: 28px !important;
    line-height: normal !important;
    margin: 0 0 0 11px !important;
    outline: 1px solid #bfbfbf !important;
    padding: 1px 6px !important;
    text-align: center !important;
}
.btn-transp {
    background: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
   outline: none !important;
}
.btn-gris input {
    color: #424242 !important;
    font-size: 13px !important;
    height: 25px !important;
    text-shadow: 0 1px 0 #fff !important;
}
.btn-transp .rbPrimaryIcon,
.btn-gris .rbPrimaryIcon { background-size: 100% !important; }
.btn-gris:hover { background-color: #d4d4d4 !important; }

.img-btn {
    background-color: #fefefe !important;
    border: none !important;
    -webkit-box-shadow: 1px 1px #bfbfbf !important;
       -moz-box-shadow: 1px 1px #bfbfbf !important;
            box-shadow: 1px 1px #bfbfbf !important;    
    outline: 1px solid #bfbfbf !important;
    text-align: center !important;
}

.img-btn:hover { background-color: #d4d4d4 !important; }

/* Iconos Blancos */
.ico-acceder-bl { background: transparent url('../images/icons/icoAcceder_b.png') left center no-repeat; }
.ico-acceder-ng { background: transparent url('../images/icons/icoAcceder_n.png') left center no-repeat; }
.ico-aceptar { background: transparent url('../images/icons/icoAceptar.png') left center no-repeat; }
.ico-adjuntar2 { background: transparent url('../images/icons/icoAdjuntar2.png') left center no-repeat; }
.ico-altaConductor { background: transparent url('../images/icons/icoAltaConductor.png') left center no-repeat; }
.ico-bajaConductor { background: transparent url('../images/icons/icoBajaConductor.png') left center no-repeat; }
.ico-buscar { background: transparent url('../images/icons/icoBuscar.png') left center no-repeat; }
.ico-cancelar { background: transparent url('../images/icons/icoCancelar.png') left center no-repeat; }
.ico-config2 { background: transparent url('../images/icons/icoConfig2.png') left center no-repeat; }
.ico-descargar { background: transparent url('../images/icons/icoDownload.png') left center no-repeat; }
.ico-flotaVh2 { background: transparent url('../images/icons/icoFlotaVh2.png') left center no-repeat; }
.ico-guardar { background: transparent url('../images/icons/icoGuardar.png') left center no-repeat; }
.ico-nuevo2 { background: transparent url('../images/icons/icoNuevo2.png') left center no-repeat; }
.ico-pdf2 { background: transparent url('../images/icons/icoPdf2.png') left center no-repeat; }
.ico-subir { background: transparent url('../images/icons/icoSubir.png') left center no-repeat; }
.ico-verDatos2 { background: transparent url('../images/icons/icoVerDatos2.png') left center no-repeat; }
.ico-volver2 { background: transparent url('../images/icons/icoVolver2.png') left center no-repeat; }
.ico-documento2 { background:  url('../images/icons/icoDocumento2.png') left center no-repeat; }
.ico-multiOferta{ background:  url('../images/icons/icoSelMultiple.png') left center no-repeat; }
.ico-calculadora{ background:  url('../images/icons/icoCalculadora.png') left center no-repeat; }
.ico-orden{ background:  url('../images/icons/icoOrden.png') left center no-repeat; }
.ico-ordenmatriculacion{ background:  url('../images/icons/icoOrdenMatriculacion.png') left center no-repeat; }
.ico-asignarentidad{ background:  url('../images/icons/icoAsignarentidad.png') left center no-repeat; }
.ico-moneda2 { background: transparent url('../images/icons/icoImporteFacturado2.png') left center no-repeat; }
.ico-tarjeta { background: transparent url('../images/icons/icoTarjeta.png') left center no-repeat; }
.ico-datosCoche2 { background: transparent url('../images/icons/icoCoche2.png') left center no-repeat; }
.ico-siniestrosVh2 { background: transparent url('../images/icons/icoSiniestrosVh2.png') left center no-repeat; }
.ico-pdf3 { background: transparent url('../images/icons/icoPdf3.png') left center no-repeat; }
.ico-editar2 { background: transparent url('../images/icons/icoEditar2.png') left center no-repeat; }
.ico-mailenvio{ background: transparent url('../images/icons/icoEmailEnvio.png') left center no-repeat; }
.ico-imprimir2{ background: transparent url('../images/icons/icoImprimir2.png') left center no-repeat; }
.ico-GuardarVisualizar { background: transparent url('../images/icons/icoGuardarVisualizar.png') left center no-repeat; }
.ico-GuardarMultiple { background: transparent url('../images/icons/icoGuardarMultiple.png') left center no-repeat; }
.ico-extras2 { background: transparent url('../images/icons/icoExtras2.png') left center no-repeat; }

/* Iconos Negros */
.ico-aceptar-ng { background: transparent url('../images/icons/icoAceptar_n.png') left center no-repeat; }
.ico-adjuntar { background: transparent url('../images/icons/icoAdjuntar.png') left center no-repeat; }
.ico-buscar2 { background: transparent url('../images/icons/icoBuscar2.png') left center no-repeat; }
.ico-cancelar2 { background: transparent url('../images/icons/icoCancelar2.png') left center no-repeat; }
.ico-coche { background: transparent url('../images/icons/icoCoche.png') left center no-repeat; }
.ico-cocheNuevo { background: transparent url('../images/icons/icoCocheNuevo.png') left center no-repeat; }
.ico-comentarios {background: transparent url('../images/icons/icoComentarios_n.png') left center no-repeat;}
.ico-compartir { background: transparent url('../images/icons/icoCompartir.png') left center no-repeat; }
.ico-datosCoche { background: transparent url('../images/icons/icoCoche.png') left center no-repeat; }
.ico-documento { background: transparent url('../images/icons/icoDocumento.png') left center no-repeat; }
.ico-editar { background: transparent url('../images/icons/icoEditar.png') left center no-repeat; }
.ico-eliminar { background: transparent url('../images/icons/icoDelete.png') left center no-repeat; }
.ico-email { background: transparent url('../images/icons/icoEmail.png') left center no-repeat; }
.ico-extras { background: transparent url('../images/icons/icoExtras.png') left center no-repeat; }
.ico-flechaArriba-rojo { background: transparent url('../images/icons/icoFlechaArriba_rojo.png') 10px 88px no-repeat; }
.ico-flechaAbajo-verde { background: transparent url('../images/icons/icoFlechaAbajo_verde.png') 10px 88px no-repeat; }
.ico-flotaVh { background: transparent url('../images/icons/icoFlotaVh.png') left center no-repeat; }
.ico-graficaPieChart { background: transparent url('../images/icons/icoGraficaPieChart.png') left center no-repeat; }
.ico-guardar2 { background: transparent url('../images/icons/icoGuardar2.png') left center no-repeat; }
.ico-igual-negro { background: transparent url('../images/icons/icoIgual_negro.png') 10px 88px no-repeat; }
.ico-imprimir { background: transparent url('../images/icons/icoImprimir.png') left center no-repeat; }
.ico-mantenVh { background: transparent url('../images/icons/icoManten.png') left center no-repeat; }
.ico-nuevo { background: transparent url('../images/icons/icoNuevo.png') left center no-repeat; }
.ico-pdf { background: transparent url('../images/icons/icoPdf.png') left center no-repeat; }
.ico-power { background: transparent url('../images/icons/icoPower.png') left center no-repeat; }
.ico-seleccionar { background: transparent url('../images/icons/icoSeleccionar.png') left center no-repeat; }
.ico-siniestrosVh { background: transparent url('../images/icons/icoSiniestrosVh.png') left center no-repeat; }
.ico-taller { background: transparent url('../images/icons/icoTaller.png') left center no-repeat; }
.ico-telefono { background: transparent url('../images/icons/icoTelefono.png') left center no-repeat; }
.ico-vencimiento { background: transparent url('../images/icons/icoVencimiento.png') left center no-repeat; }
.ico-verDatos { background: transparent url('../images/icons/icoVerDatos.png') left center no-repeat; }
.ico-volver { background: transparent url('../images/icons/icoVolver.png') left center no-repeat; }
.ico-xls { background: transparent url('../images/icons/icoXls.png') left center no-repeat; }
.ico-emisiones { background: transparent url('../images/icons/icoEmisiones.png') left center no-repeat; }
.ico-itv { background: transparent url('../images/icons/icoItv_ne.png') left center no-repeat; }
.ico-alerta { background: transparent url('../images/icons/icoAlerta_ne.png') left center no-repeat; }
.ico-asignar { background: transparent url('../images/icons/icoAsignar.png') left center no-repeat; }
.ico-info{ background: transparent url('../images/icons/icoInfo.png') left center no-repeat; }
.ico-contacto{ background: transparent url('../images/icons/icoContacto.png') left center no-repeat; }
.ico-solicitar{ background: transparent url('../images/icons/icoSolicitar.png') left center no-repeat; }
.ico-selmultiple{ background: transparent url('../images/icons/icoSelMultiple.png') left center no-repeat; }
.ico-imprimirmultioferta{ background: transparent url('../images/icons/icoImprimirMultiOferta.png') left center no-repeat; }
.ico-mail{ background: transparent url('../images/icons/icoEmail.png') left center no-repeat; }
.ico-moneda { background: transparent url('../images/icons/icoImporteFacturado.png') left center no-repeat; }
.ico-CambioGestor { background: transparent url('../images/icons/icoCambioGestor.png') left center no-repeat; }
.ico-generico{ background: transparent left center no-repeat; }
.ico-Warning {	background: transparent url('../images/icons/icoWarning.png') left center no-repeat;}

/* CONTROLES CALENDAR ------------- */
.btnCalendar {
    height: 30px !important;
    width: 30px !important;
}
.txt-calendar {
    margin-top: 13px !important;
    width: 150px !important;
}

/* CONTROLES COMBOBOX ------------- */
.RadComboBox {    
    border-color: #CDCDCD !important;
    height: 30px !important;
}
.RadComboBox table {
    height: 28px !important;
}
.RadComboBox .rcbDisabled {
    color: #CDCDCD !important;
}
.RadComboBoxDropDown .rcbScroll {
    height: 198px !important;
}
.rcbInputCell {
    background-color: white !important;
    height: 28px !important;
    padding: 0px !important;
}
.rcbFocused .rcbInputCell { 
    border:0 !important;
}

.rcbInputCell .rcbInputCellLeft {
    background-color: white !important;
    height: 28px !important;
}

.rcbInput {
    background-color: white !important;
    font-size: 13px !important;
    height: 28px !important;
    padding: 0 0 0 5px !important;
} 

.rcbItem {
    background-color: white !important;
    font-size: 13px !important;
    height: 25px !important;
}

.rcbHovered {
    background-color: #cdcdcd !important;
    font-size: 13px !important;
    height: 25px !important;
    cursor: pointer !important;
}

.rcbList { 
    background-color: white !important; 
}
ul.rcbList > li { 
    padding: 8px 0 0 5px !important;
}

.rcbArrowCell {
    background-color: white !important;
    height: 28px !important;
    border: 1px solid #cdcdcd !important;
    cursor: pointer !important;
}

.rcbFocused .rcbArrowCell { 
    border:0 !important;
    cursor: pointer !important;
}

.rcbArrowCell .rcbArrowCellRight {
    background-color: white !important;
    height: 28px !important;
    padding: 0px !important;
    border: 1px solid #cdcdcd !important;
    cursor: pointer !important;
}

.rcbArrowCell a {
    background-color: white !important;
    width:22px !important;
    height: 28px !important;
    padding: 0px !important;
    cursor: pointer !important;
    background: transparent url('../images/cmbArrow.png') left center no-repeat !important; 

}
.rcbEmptyMessage { color: #767676 !important; }
.rcbReadOnly{ border: 1px solid #cdcdcd !important; }
.RadComboBox .rcbDisabled .rcbReadOnly .rcbInput {
    cursor: default !important; 
}
.RadComboBox .rcbDisabled .rcbArrowCell a {
    cursor: default !important; 
}.RadComboBox .rcbDisabled .rcbArrowCell {
    cursor: default !important; 
}
.RadComboBox .rcbReadOnly .rcbInput {
    cursor: pointer !important; 
}
.rcbLoading {
    color: #767676 !important;   
    font-size: 13px !important;
}

/*Combos con checkbox*/
.rcbItem > label {
    font-size: 13px !important;
    height: 34px !important;
    padding: 0 0 0 10px !important;
    cursor: pointer !important;
}
.rcbHovered > label {
    font-size: 13px !important;
    height: 34px !important;
    padding: 0 0 0 10px !important;
    cursor: pointer !important;
}
.rcbCheckAllItems{
    background-color: white !important;
}
.rcbCheckAllItemsHovered{
    background-color: #cdcdcd !important;
}
.rcbCheckAllItems > label{
    font-size: 13px !important;
    height: 34px !important;
    padding: 0 0 0 10px !important;
    cursor: pointer !important;
}
.rcbCheckAllItemsHovered > label{
    font-size: 13px !important;
    height: 34px !important;
    padding: 0 0 0 10px !important;
    cursor: pointer !important;
}
.rcbCheckBox, .rcbCheckAllItemsCheckBox {
    background-image: url('../images/cbUnchecked.png') !important; 
    background-position: 0px 0px !important;
    left: 0px !important;
    cursor: pointer !important;
}
.rcbCheckBox:checked, .rcbCheckAllItemsCheckBox:checked {
    background-image: url('../images/cbChecked.png') !important; 
    background-position: 0px 0px !important;
    left: 0px !important;
    cursor: pointer !important;
}
/* CONTROLES BARRAPANEL ------------- */
.RadPanelBar .rpText {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 0 0 45px !important;
}

.sect-panel { padding: 15px 0; }


/* CONTROLES DATAGRID ------------- */
[id$=PageSizeComboBox_DropDown]{
    height: 102px !important;
}
.rgRow>td { border: none !important; }
.rgHoveredRow a { color: white !important; }

.datos-expandible > div {
    color: #666;
    display: inline-block;
    padding: 10px 0px 10px 50px;
}

/* CONTROLES BUSQUEDAS ------------- */
.cabecera-busquedas { font-size: 12px !important; }

.rcbHeader {
    margin: 0 !important;
    padding: 0 5px !important;
}

table.rcbHovered td { border: 1px solid #cdcdcd !important; }

.lbl-cbo-busquedas {
    display: inline-block !important;
    font-size: 11px !important;
    line-height: 11px !important;
    text-align: left !important;
}

.rcbMoreResults { font-size: 11px !important; }


/* CONTROLES AJAX ------------- */
.RadAjaxPanel { display: inline-block !important; /*width: 100%;*/ }
.sect-datagrid .RadAjaxPanel { display: block !important; }

/* CONTROLES LISTBOX ------------- */
.RadListBox { border-color: #CDCDCD !important; }
.rlbDisabled { color: #CDCDCD !important; }

.rlbText { margin:5px !important; }
.rlbGroup {
    background-color: white !important;
    padding: 0px !important;
    width: 100% !important;
}

.rlbGroupRight { margin-right: 40px !important; }

.rlbHoovered { background-color: #f9f9f9 !important; }
.rlbTemplateContainer { margin-right: 40px !important; }
.rlbButton {
    background-color: #f4f4f4 !important;
    border: none !important;
    -webkit-box-shadow: 1px 1px #bfbfbf !important;
       -moz-box-shadow: 1px 1px #bfbfbf !important;
            box-shadow: 1px 1px #bfbfbf !important;
    cursor: default !important;
    display: inline-block !important;
    font-size: 13px !important;
    height: 28px !important;
    line-height: normal !important;
    margin: 0 0 0 11px !important;
    outline: 1px solid #bfbfbf !important;
    text-align: center !important;
    opacity:1 !important;
}

.rlbButton input {
    color: #424242 !important;
    font-size: 13px !important;
    height: 25px !important;
    text-shadow: 0 1px 0 #fff !important;
}

.rlbButton:hover { background-color: #d4d4d4 !important; }

.RadListBox_MetroTouch .rlbButtonText:before { background:none !important ; }

.cont-lista a[title="To Right"] { background: transparent url('../images/lbRight.png') center no-repeat; }
.cont-lista a[title="To Left"] { background: transparent url('../images/lbLeft.png') center no-repeat; }
.cont-lista a[title="All to Right"] { background: transparent url('../images/lbAllRight.png') center no-repeat; }
.cont-lista a[title="All to Left"] { background: transparent url('../images/lbAllLeft.png') center no-repeat; }
.cont-lista a[title="Delete"] { background: transparent url('../images/lbDelete.png') center no-repeat; }
.cont-lista a[title="To Top"] { background: transparent url('../images/lbTop.png') center no-repeat; }
.cont-lista a[title="To Bottom"] { background: transparent url('../images/lbBottom.png') center no-repeat; }
.cont-lista a[title="All to Top"] { background: transparent url('../images/lbAllTop.png') center no-repeat; }
.cont-lista a[title="All to Bottom"] { background: transparent url('../images/lbAllBottom.png') center no-repeat; }

.lbHeaderText {
    color: #767676 !important;
    display: block !important;
    font-size: 13px !important;
    text-align: center !important;
    font-weight: bold !important;
}

.lbFooter {
    display:inline-block !important;
    vertical-align:middle !important;
    width:100%;
    padding-bottom: 3px !important;
}

.lbFooterButton {
    background: transparent url('../images/lbAdd.png') center no-repeat !important;
    background-color: transparent !important;
    border: none !important;
    cursor: default !important;
    display: inline-block !important;
    height: 32px !important;
    margin: 0px !important;
    outline: none !important;
    opacity:1 !important;
}

/* CONTROLES UPLOAD ------------- */
.cont-upload .RadAsyncUpload {
    border-color: #CDCDCD !important;
    font-size: 13px !important;
    width:254px;
    overflow-y:auto;
    height:100px;
}
.cont-upload .RadUpload_MetroTouch .ruButton{
    background-color: #f4f4f4 !important;
    cursor:pointer !important;
    height: 32px !important;
    width: 36px !important;
    margin: 0 !important;
}
.cont-upload .RadUpload_MetroTouch .ruButtonHover { background-color: #d4d4d4 !important; }

.cont-upload .ruBrowse { background: transparent url('../images/icoBuscar.png') center no-repeat !important; }
.cont-upload .RadUpload_MetroTouch .ruRemove, .cont-upload .RadUpload_MetroTouch .ruCancel {
    background-position: 0 0 !important;
    background-color: transparent !important;
    background: transparent url('../images/lbDelete.png') center no-repeat !important;
    border: 0 !important;
    height: 32px !important;
    width: 32px !important; 
    color: white !important; 
}

.cont-upload .ruRemove, .cont-upload .ruCancel { background: transparent url('../images/lbDelete.png') center no-repeat !important; }
.cont-upload .RadUpload_MetroTouch .ruRemove:hover, .cont-upload .RadUpload_MetroTouch .ruCancel:hover { background-position: 0 0 !important; }
.cont-upload .RadUpload_MetroTouch .ruRemove:active, .cont-upload .RadUpload_MetroTouch .ruCancel:active {
    border: 0 !important;
    outline: none !important;
}
.cont-upload .RadUpload_MetroTouch .ruFakeInput {
    height: 30px !important;
    width: 200px !important;
    font-size: 13px !important;
    color: #767676 !important;
    font-style:italic !important;
}
.cont-upload .RadUpload_MetroTouch .ruUploadProgress {
    margin-right: 0px!important;
    padding-left: 15px!important;
    background-position: 0 10%;
    width:185px;
}
.cont-upload .RadUpload .ruInputs li {
    margin: 0 0 -10px 0;
    color: #767676 !important;
    /*display:none;*/
}

/* ::::::::::::::::::::::::::
   ESTILOS GENERALES
   :::::::::::::::::::::::::: */

.filtro-item {
    background-color: #fff !important;
    display: block !important;
    float: left !important;
    font-size: 12px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 4px 5px 0 0 !important; 
    padding: 2px 5px !important;
}
.ancho-fijo {
    max-width: 115px;
    overflow-x: hidden;
}

.filtro-item > span {
    font-weight: bold;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: 250px;
    white-space: nowrap;
}
.negrita { font-weight: bold !important; }
.txt-rojo { color: #ff0000 !important; }
.txt-verde { color: green !important; }

.float-left { float: left; }
.float-right { float: right; }
/* DATOS VEhÍCULOS */

.cont-dato { 
    color: #767676;
    font-size: 12px;
    width: 49%;
}

.borde-arriba { border-top: 1px dotted #ccc; }
.borde-abajo { border-bottom: 1px dotted #ccc; }


.fotos-vehiculo { 
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 1px #aaa !important;
       -moz-box-shadow: 0 0 1px #aaa !important;
            box-shadow: 0 0 1px #aaa !important;
    margin: 0 auto 10px;
}

.sect-datos {
    background: #fff;
    border: none;
    height: 350px;
    padding: 10px 25px;
    min-height: 50px;
    overflow: hidden;
    overflow-y: auto;
}

.datagrid-height-auto { height: auto !important; }



/* CAMBIAR CONTRASEÑA */
.mensaje-ventana {
    display: block;
    text-align: justify;
    width: 90%;
}
.nota-ventana-info {
    background-color: #f4f4f4;
    display: block;
    font-size: 11px;
    margin-top: 10px;
    padding: 5px;
    text-align: justify;
    width: 100%;
}


/* INDICADORES */
.wrap-box-2x2 {
    display: block;
    float: left;
    width: 372px;
}

.box {
    background-color: #f4f4f4;
    border: 1px solid #f2f2f2;
    color: #777;
    display: block;
    float: left;
    height: 168px;
    margin: 8px;
    line-height: 18px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 168px;
}

.box-2x1,
.box-2x2 { width: 354px; }
.box-5x1 { width: 912px; }

.box-2x2,
.box-1x2 { height: 354px; }
.box-1x2 {
    background-position: center 50px;
    background-size: 125px;
}

.box-1x1 .item,
.box-2x1 .item,
.box-2x2 .item,
.box-1x2 .item,
.box-5x1 .item {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    height: 50%;
}
.box-1x1 .item {
    height: 45%;
    left: 0;
    top: 55%;
    width: 100%;
}
.box-2x2 .item { height: 25%; }
.box-1x2 .item { 
    /*background: url("../images/icons/icoAcceder_bl.png") no-repeat 100px 60%;*/
    height: 45%; 
    left: 0; 
    top: 55%;
    width: 100%;
}

.box-5x1 .item-2x2 {
    height: 100%;
    left: 32%;
    margin-top: 11%;
    width: 72%;
}
.box-5x1 .item-2x1 {
    left: 0;
    width: 100%;
}
.wrap-item-5x1-1,
.wrap-item-5x1-2 { 
    float: left;
    overflow: hidden;
    width: 30%;
}
.wrap-item-5x1-1 { 
    width: 32%;
}
.wrap-item-5x1-2 { 
    height: 100%;
    padding-left: 91px;
    width: 24%;
}

.item { 
    /*background: url("../images/icons/icoAcceder_bl.png") no-repeat 145px center;*/
    background-position: 125px 10px;
    color: #777;
    left: 38%;
    padding: 15px 25px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
            transition: all .5s;
    width: 100%;
}

.item > * { 
    display: block !important;
    text-align: left;
}
.item { text-align: center; }
/*.item .box-1x1-dato { text-align: center; }*/
.item .box-1x1-dato-empresa { 
    line-height: 12px;
    margin: -12px -15px;
    text-align: center;
}
.item .box-1x1-dato label { 
    font-size: 24px !important;
    text-align: center; 
}
.item .box-1x1-dato-empresa label { font-size: 10px !important; }

.item .box-1x1-info { 
    bottom: 15px; 
    font-size: 11px;
    line-height: 12px;
    position: absolute; 
    text-transform: uppercase; 
}
.item .info {
    font-size: 11px;
    line-height: 12px;
    padding: 0 0 5px;
    text-transform: uppercase;
}
.box-1x2 .item:hover { /*background-position-x: 110px;*/ }
.item:hover label,
.item:hover .box-1x1-dato label
 {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: bold !important;
}
.item:hover .box-1x1-dato label { font-size: 24px !important; margin-top: 5px; }
.item:hover .box-1x1-dato-empresa label { font-size: 11px !important; }
.item:hover .tipo { color: #c6e5fa; }

.ico-flotaVh,
.ico-cocheNuevo,
.ico-vencimiento,
.ico-taller,
.ico-mantenVh,
.ico-siniestrosVh,
.ico-estadistVh { 
    background-position: left center; 
    background-size: 96px; 
}
.ico-flotaVh,
.ico-cocheNuevo,
.ico-vencimiento { background-position: 8% center; }
.item-1x1-ico { background-position: center 13px; }
.box .dato {
    margin: 0 !important;
    padding: 0 !important;
}



/*SIN LABEL */
.cmbSinLabel, .ckbSinMargen, .txtSinMargen { display: inline-block !important; }
.cmbSinLabel > .cont-control > .cont-label { display: none !important; }
.txtSinMargen > .cont-control > .cont-label { display: none !important; }
.cmbSinLabel > .cont-control > .cont-combo { margin-left: 0 !important; }
.cmbSinLabel > .RadAjaxPanel > .cont-control > .cont-label { display: none !important; }
.cmbSinLabel > .RadAjaxPanel > .cont-control > .cont-combo { margin-left: 0 !important; }
.ckbSinMargen > .cont-control { margin-left: 0 !important; }
.txtSinMargen > .cont-control { margin-left: 0 !important; }

.zoomtofit 
{
    -webkit-transform: scale(0.86);  /* Saf3.1+, Chrome */
    -moz-transform: scale(0.86);  /* FF3.5+ */
    -ms-transform: scale(0.86);  /* IE9 */
    -o-transform: scale(0.86);  /* Opera 10.5+ */
    transform: scale(0.86);
    margin: -55px -58px 0 !important;
}

.RadTile.rtileSquare { 
    width: 146px !important;  
    margin: 0 4px 4px 0 !important; 
}
.RadTile.rtileWide { 
    width: 302px !important; 
    margin: 0 4px 4px 0 !important; 
}
.RadTile .rtileBottomContent {
    position:inherit !important;
}
.rtileTopContent {
    cursor: pointer !important;
}
.rtileBottomContent {
    cursor: pointer !important;
    line-height: 13pt !important;
}


/*pass colors*/
.Base {
	display: inline-block;
	font: 12px/18px "segoe ui",arial,sans-serif;
	height: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 121px;
	color: #fff;
	border: 1px solid #333;
}

.L0 {
	border: 0 none;
}

.L1 {
	background-color: #ff3933;
}

.L2 {
	background-color: #ff6633;
}

.L3 {
	background-color: #ff3399;
}

.L4 {
	background-color: #cccc33;
}

.L5 {
	background-color: #33cc00;
}

.subtitulo{
    padding-left: 4px;
    margin-top: 1px;
	font-weight: bolder; 
	font-size: 13px; 
	letter-spacing: 0.02em; 
	line-height: 14pt; 
	color: #A2BCDC;
	text-align:left;
    font-family:Arial,Helvetica,sans-serif;
}


.titulo-filtros {
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: -20px;
	font-weight: 500 !important; 
	font-size: 12px !important; 
	letter-spacing: 0.02em !important; 
	line-height: 14pt !important; 
	color: #bababa !important;
    font-family:Arial,Helvetica,sans-serif;
}




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 200; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
   
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }