/*
 * Estilosgenericos para las plantillas de CMS 2
 */
/* Estados de pago */
.estadoPago_-1 { color:#ff0000; }
.estadoPago_0 { color:#F29400; }
.estadoPago_1 { color:#009430; }
.estadoPago_2 { color:#0000ff; }
.estadoPago_3 { color:#0000ff; }

/* Mensajes de aviso */
.msg { margin:0 0 10px; padding:10px 25px;  color:#424242; text-align:center; background: #A2A2A2; }
.msg .btn { max-width: 300px; margin:10px auto 5px; }
.msg.info { text-align: left; }
.msg.error { background:#f80000; color:#fff; }
/* .msg.warn { background:#ff723a; color:#fff; } */
.msg.warn { background: #0066a6; color:#fff; }
.msg.info {background: rgb(0, 94, 115)};


/* Login popup */

.login_popup, .login_popup p { text-align: center !important; }
.login_popup img { max-height: 100px; }
.login_popup p { font-size:1.2rem; display: block; line-height: 2rem; }
.login_popup p, .login_popup a { color: #2e2e2e; }
.login_popup .inforegister a, .login_popup .forgotpass a:hover { text-decoration: underline; }
.login_popup .forgotpass a { font-style: italic; font-size: 1rem; }

.login_popup p > span { display: block; line-height: 1rem; margin: 10px 0;}
.login_popup input[type="submit"], .login_popup button { width:100%; padding: 14px 0; height: auto; color:#000000; border: 1px solid; text-transform: none; background: #686868; }
.login_popup input[type="submit"]:hover, .login_popup button:hover { background: #000000 !important; color:#ffffff !important;  }


.tingle-modal { z-index: 1050 !important; }

.table { display:table !important; }
.table > div { display:table-row  !important; }
.table > div > div { display:table-cell !important; vertical-align:top; }


/*
 Estilos principalmente para resumen de pedido (compatibilidad para PDF)
*/
.basic_format { width: 100% !important; margin-bottom:40px;}
.doubleColumn table td:first-child, .doubleColumn > div > .table > div > div:first-child { width:30%; }
.precios td:first-child { width:auto !important; }
.basic_format.precios > div > div:nth-child(1) { width: auto !important; }
.precios td, .basic_format.precios > div > div:nth-child(2) { text-align: right; }
.border tr td, .border tr th, .basic_format.border > div > div { border-bottom: 1px solid #D0D0D0; padding:3px 0; }
.border tr td { padding:3px 0 !important; }
.basic_format .header > div, .border th { font-weight: bold; padding-bottom: 10px !important; }
.fillRows > div:nth-child(3n+2) > div, .fillRows tr:nth-child(3n+2) td { background:#e3e3e3; border:0 !important; }


@media print {
    /* Impresiones (PDF, etc...)) */
    * { font-family: Arial, "Times new Roman", Georgia, Serif; }
    .msg { padding:1px 0 0; margin-bottom:0px; }
    
    .doubleColumn { margin-bottom: 5px; }
    .doubleColumn_break { clear:both; padding-right:2%; }
    .basic_format { margin-bottom:0px; }
    
    h2 { font-weight: normal; margin:13px 0 0; }
    th { text-align: left; }
    .fillRows tr th, .fillRows tr:nth-child(3n+1) td { border-bottom:0; }

    hr { margin:3px 0; }
    
    .doubleColumn > div:nth-child(2n+1), .doubleColumn_break { clear:both; margin-right:2%; }
    
    .pedidos.table, .proceso_compra .table { width:100%; }
    .pedidos.table .cabecera { font-weight:bold; text-align:center; font-size:1.3rem; }
}

@media screen and (min-width: 860px), print {
    /* .doubleColumn { overflow:hidden; } */
    .doubleColumn { overflow:visible; }
    .doubleColumn > div, .doubleCloumn_Column { float:left; width:49%; }
    .doubleColumn > div:nth-child(2n+1), .doubleColumn_break { clear:both; margin-right:2%; }
}

@media print {
    /* Importante dejar esto aqui para sobreescribir el estilo anterior */
    .doubleColumn > div, .doubleCloumn_Column { width:48%; }
}



.imageAuto, .imageAutoFull { position: relative; overflow: hidden; display: block;  }
/*.imageAuto img { max-widht: 100%; max-height: 100%; }*/
/*.imageAuto img { display:block; margin: 0 auto;  }*/
.imageAutoFull img, .imageAuto img {  
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
}
.imageAuto img { max-width: 100% !important; max-height: 100% !important; width: auto; height: auto; }
.imageAutoFull img { 
    min-width: 100%; 
    min-height: 100%; 
}
    

/* Fix para las plantillas del epanel */
p.template { height: 0; margin:0 0 5px; line-height:10px; }