@charset "utf-8";
/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5, p, a, img, form, table, tr, td, fieldset, input, ul, li {
    border: 0 none;
    font-family: 'Open Sans', Arial,Verdana,Helvetica,sans-serif;
    font-weight: normal;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Open Sans', Arial,Verdana,Helvetica,sans-serif;}
:focus {
    outline: 0;
    /* or */
    outline: none;
}

.borrado {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
.ui-dialog  { background: url(../images/patron.jpg); padding:0px;}
.ui-widget-header { background:#ffffff url(../images/patron.jpg); border:0px;}
.ui-dialog .ui-dialog-titlebar{ padding-bottom:4px; padding-top:4px;}
.ui-button .ui-icon { background: #ffffff url(../images/x.png) no-repeat; border:0px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background:#ffffff;}
.ui-dialog .ui-dialog-titlebar-close { border:0px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{background: #ffffff ; border:0px;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{ background: #ffffff url(../images/x.png) no-repeat; border:0px;}
/**************************************************************************************

font-family: 'Open Sans', sans-serif;


300 light   -   400 normal

***************************************************************************************/

/*
 * Tamao modal
*/
.modal-dialog {
    /* new custom width */
    width: 50%;
    /* must be half of the width, minus scrollbar on the left (30px) 
    margin-left: -35%;*/
}


.ventana_modal_login { width: 700px;}
.ventana_modal_login .titulo { border-bottom:1px solid #e10025; margin-bottom:54px; padding-bottom:5px;}
.ventana_modal_login .titulo p { font-size:26px; color:#686868; text-align:center; font-weight:300;}

.ventana_modal_login .contenedor_campos { width:460px; margin: 0 auto; margin-bottom:30px;}
.ventana_modal_login .bloque { padding-bottom:19px;}
.ventana_modal_login .bloque .bajada { padding-bottom:5px; color:#686868; font-weight:300;}
.ventana_modal_login .bloque .estilo_caja_txt { border:1px solid #dadada; width:450px; padding:2px 2px 2px 10px; color:#7c7c7c; font-size:14px; position:relative; z-index:10;}

.ventana_modal_login .btn_acceder { width:152px; margin: 0 auto; padding-top:40px;}
.ventana_modal_login .btn_acceder input { background:#e10025  url(../images/bullet.png) no-repeat 115px 9px; width:152px; cursor:pointer; color:#ffffff; padding-top:4px; padding-bottom:4px; font-size:16px; }
.ventana_modal_login .btn_acceder input:hover {background:#b12a3f    url(../images/bullet.png) no-repeat 115px 9px;} 
.ventana_modal_login .btn_cancelar {  text-align:center; padding-top:15px;}
.ventana_modal_login .btn_cancelar a {color:#e10025; font-size:16px; text-decoration:none;}
.ventana_modal_login .btn_cancelar a:hover { color:#b12a3f;}
.ventana_modal_login .posicion_img { position:absolute; right:0px; bottom:0px;}
.ventana_modal_login .loginImage {
    padding: 10px;
    color: #FFF;
    cursor: pointer;
    position: relative;
}
.ventana_modal_login .loginImage img {
    padding: 0 5px 10px 10px;
    position: absolute;
    bottom: 0;
    right: 0;   
}

 .centrado_btn { text-align:center; padding-top:30px;}
 
 
#ventana_modal_repuesto {}
#ventana_modal_repuesto .titulo { border-bottom:1px solid #e10025; margin-bottom:54px; padding-bottom:5px; width:623px; margin:0 auto;}
#ventana_modal_repuesto .titulo p { font-size:26px; color:#686868; text-align:center; font-weight:300;}

#ventana_modal_repuesto .contenedor_campos { width:623px; margin: 0 auto; margin-bottom:30px;}
#ventana_modal_repuesto .bloque { padding-bottom:19px;}
#ventana_modal_repuesto .bloque .bajada { padding-bottom:5px; color:#686868; font-weight:300;}
#ventana_modal_repuesto .bloque .estilo_caja_txt { border:1px solid #dadada; width:611px; padding:2px 2px 2px 10px; color:#c7c7c7; font-size:14px; position:relative; z-index:10;}

#ventana_modal_repuesto .btn_acceder { width:152px; margin: 0 auto; padding-top:15px;}
#ventana_modal_repuesto .btn_acceder input { background:#e10025  url(../images/bullet.png) no-repeat 115px 9px; width:152px; cursor:pointer; color:#ffffff; padding-top:4px; padding-bottom:4px; font-size:16px; }
#ventana_modal_repuesto .btn_acceder input:hover {background:#b12a3f    url(../images/bullet.png) no-repeat 115px 9px;} 
#ventana_modal_repuesto .btn_cancelar {  text-align:center; padding-top:15px;}
#ventana_modal_repuesto .btn_cancelar a {color:#e10025; font-size:16px; text-decoration:none;}
#ventana_modal_repuesto .btn_cancelar a:hover { color:#b12a3f;}
#ventana_modal_repuesto .posicion_img { position:absolute; right:0px; bottom:0px;}
 
.ventana_modal {}
.ventana_modal .titulo { border-bottom:1px solid #e10025; margin-bottom:54px; padding-bottom:5px; width:623px; margin:0 auto;}
.ventana_modal .titulo p { font-size:26px; color:#686868; text-align:center; font-weight:300;}

.ventana_modal .contenedor_campos { width:623px; margin: 0 auto; margin-bottom:30px;}
.ventana_modal .bloque { padding-bottom:19px;}
.ventana_modal .bloque .bajada { padding-bottom:5px; color:#686868; font-weight:300;}
.ventana_modal .bloque .estilo_caja_txt { border:1px solid #dadada; width:611px; padding:2px 2px 2px 10px; color:#c7c7c7; font-size:14px; position:relative; z-index:10;}
.ventana_modal .bloque .estilo_caja_2_txt { border:1px solid #dadada; width:40%; padding:2px 2px 2px 10px; color:#c7c7c7; font-size:14px; position:relative; z-index:10;}

.ventana_modal .btn_acceder { width:152px; margin: 0 auto; padding-top:15px; }
.ventana_modal .btn_acceder input {
    background:#e10025  url(../images/bullet.png) no-repeat 115px 9px;
    width:152px; cursor:pointer; color:#ffffff;
    padding-top:4px;
    padding-bottom:4px;
    font-size:16px;
    text-align:center;
}
.ventana_modal .btn_acceder input:hover {background:#b12a3f    url(../images/bullet.png) no-repeat 115px 9px;} 
.ventana_modal .btn_cancelar { text-align:center; padding-top:15px;}
.ventana_modal .btn_cancelar a {color:#e10025; font-size:16px; text-decoration:none;}
.ventana_modal .btn_cancelar a:hover { color:#b12a3f;}
.ventana_modal .posicion_img { position:absolute; right:0px; bottom:0px;}
  
 
 

body {
    font-family: "Segoe UI", sans-serif;
    font-size:100%;
}

.sidebar {
    position: fixed;
   height: 657px;
    width: 0;
    top: 170px;
    left: 0;
    z-index: 1;
    background-color: #f5f5f5;
    overflow-x: hidden;
    transition: 0.4s;
    padding: 0px;
    box-sizing:border-box;
}

.sidebar .boton-cerrar {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 2rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    vertical-align: top;
}

.sidebar ul, .sidebar li{
    margin:0;
    padding:0;
    list-style:none inside;
}

.sidebar ul {
    margin:0;
    display: block;
    width: 80%;
    min-width:170px;
}

.sidebar a {
    display: block;
    font-size: 14px;
    color: #636363;
    text-decoration: none;
	padding-left:10px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
    
}
.btn_cerrar a {color:#ffffff;
	background:#e30d23 url(../images/ico_hover.png) no-repeat 155px 12px;}
.sidebar ul li a:hover{
	color: #afabab;
	

}
.btn_volver:hover {color:#E30D23; }





h1 {
    color:#f90;
    font-size:180%;
    font-weight:normal;
}
#contenido {
    transition: margin-left .4s;
    padding: 0px;
	overflow:hidden;
}

.abrir-cerrar {
    color: #2E88C7;
    font-size:1rem;   
}

#abrir {
    
}
#cerrar {
    display:none;
}



.contenedor_general { width:1100px; margin:0 auto; display: none}
.contenedor_general .header { position:relative; }

.contenedor_general .bloque_salir { position:absolute; right:10px; width:100px; top:68px;}
.contenedor_general .bloque_salir .caja_contenido { position:relative;}
.contenedor_general .bloque_salir .caja_contenido .txt_sup { position:absolute; right:110px; top:5px;}
.contenedor_general .bloque_salir .caja_contenido .txt_sup a { font-size:16px; color:#545454; text-decoration:none; text-transform:uppercase;}
.contenedor_general .bloque_salir .caja_contenido .ico_salir {}
.posicion_btn_abrir { position:absolute; left:0px; top:170px;}

.contenedor_general .bloque_1 { background:#e8e8e8; padding-top:33px; padding-bottom:30px; padding-left:20px; margin-top:50px; margin-bottom:20px;}
.txt_1 { font-size:16px; color:#545454;}


.contenedor_general .largo_1 { font-size:14px; color:#c7c7c7; width:290px; border:1px solid #dadada; padding-left:10px;}
.contenedor_general .largo_2 { font-size:14px; color:#c7c7c7; width:70px; border:1px solid #dadada; padding-left:10px;}
.contenedor_general .select_1 { font-size:14px; color:#c7c7c7; width:290px; border:1px solid #dadada; padding-left:10px;}
.estilo_btn { color:#e30d23; font-size:12px; display:block; text-decoration:none; background:#ffffff; border:1px solid #e30d23; width:130px; text-align:center; padding-top:3px; padding-bottom:3px; cursor:pointer;}
.estilo_btn:hover { background:#e30d23;  color:#ffffff;} 


.contenedor_general .bloque_2 { background:#e8e8e8; padding-top:7px; padding-left:12px; padding-bottom:10px; padding-right:12px;}
.contenedor_general .bloque_2 .titulo_2 { padding-bottom:11px; font-size:16px; color:#545454;}
.contenedor_general .bloque_2 .fondo_blanco { background:#ffffff;  padding-top:9px; padding-left:4px; border:1px solid #dadada; overflow:hidden;}
.contenedor_general .bloque_2 .estilo_btn_2 {color:#e30d23; font-size:12px; display:block; text-decoration:none; background:#ffffff; border:1px solid #e30d23; width:70px; text-align:center; padding-top:3px; padding-bottom:3px; text-transform:uppercase; float:left; margin-right:10px; cursor:pointer;}
.contenedor_general .bloque_2 .estilo_btn_2:hover {background:#e30d23;  color:#ffffff;}

.caja_buscador { float:right; margin-top:0px; margin-right:5px;}
.caja_buscador .txt_buscador { color:#545454; float:left; margin-right:10px; font-size:12px;padding-top:5px;}
.caja_buscador .input_buscador { border:1px solid #dbdbdb; padding:2px; color:#c6c5c5; width:108px;}

/*
 * search FAR
*/

.dataTables_filter { float:right; margin-top:0px; margin-right:5px;}
.dataTables_filter .txt_buscador { color:#545454; float:left; margin-right:10px; font-size:12px;padding-top:5px;}
.dataTables_filter .input_buscador { border:1px solid #dbdbdb; padding:2px; color:#c6c5c5; width:108px;}


.contenedor_tabla_principal { padding-top:10px; }
.contenedor_tabla_principal th { background:#e30d23; font-size:12px; color:#ffffff;padding-top:15px; padding-bottom:15px; position:relative;}
.contenedor_tabla_principal td { font-size:11px; color:#777777; text-align:left; padding-top:8px; padding-bottom:8px;}


.contenedor_tabla_principal tr:nth-child(odd) {
    background: #eeeeee;
}
.contenedor_tabla_principal tr:nth-child(even) {
    background: #f8f8f8;
}


.bullet_top { position:absolute; right:5px; top:16px;}
.bullet_bottom { position:absolute; right:5px; top:27px;}
.activo_arriba { position:absolute; right:5px; top:21px;}
.activo_abajo { position:absolute; right:5px; top:21px;}

.paginador { width:270px; margin:0 auto; padding-top:10px; padding-bottom:30px;}
.paginador .anterior {
  background: rgba(0, 0, 0, 0) url("../images/bullet_flecha_1.png") no-repeat scroll left 5px;
  display: block;
  float: left;
  height: 18px;
}
.paginador .anterior:hover { background-position:left -9px;} 


.paginador .siguiente {
  background: rgba(0, 0, 0, 0) url("../images/bullet_flecha_2.png") no-repeat scroll right 5px;
  display: block;
  float: left;
  height: 18px;
}
.paginador .siguiente:hover { background-position:right -9px;} 

.paginador a { font-size:12px; color:#777777; text-decoration:none; margin-left:15px; margin-right:15px;}
.paginador a:hover {color:#e30d23; }
.paginador .active { color:#e30d23; font-size:12px;}
.paginador .puntos { color:#777777;}
.paginador span { float:left;}
.paginador .puntos { margin-top:-4px;}

.bloque_1 td {
  padding-bottom: 10px;
}

.dos_bloques  { padding-top:40px; padding-bottom:20px;}
.dos_bloques .bloque_dos { float:right;}
.dos_bloques .bloque_uno { float:left;}

.dos_bloques .bloque_uno .bajada {  color: #686868; font-weight:300;    padding-bottom: 5px;}
.dos_bloques .bloque_uno .select_2 { width:300px; border:1px solid #dadada; color:#d7d7d7; font-size:14px;}



.dos_bloques .bloque_dos .bajada {  color: #686868;font-weight:300; 
    padding-bottom: 5px;}
.dos_bloques .bloque_dos .select_2 { width:300px; border:1px solid #dadada; color:#d7d7d7; font-size:14px;}



.ui-widget.ui-widget-content { border:1px solid #dadada;}