﻿/******************Modal******************/
.ventanaModal { display: none; }
.ventanaModal .ventanaModalEnvoltura { transition: all 0.2s; margin-left: -125px; margin-top: -125px; left: 50%; top: 50%; min-width: 100px; z-index: 1001; position: fixed; }
.ventanaModal .ventanaModalFondo { z-index: 1000; }
.ventanaModal .ventanaModalTitulo {  font-size: 14px; padding: 5px 5px; height: 33px; display: block; background: #151515; color: white;  white-space: nowrap; min-width: 100px; }
.ventanaModal .ventanaModalTitulo .manejador { }

.ventanaModalTituloHerramientas { float: right; }
.ventanaModalTituloHerramientas a { display: block; float: left; margin-right: 8px; position: relative; top:7px; height:20px; font-size: 12px; padding: 0 5px 0 5px; cursor: pointer !important; width: 15px; text-align: center; }
.ventanaModalTituloHerramientas a.cerrar { color: white; text-align: center; width: 20px; padding: 0; font-size: 19px; font-weight: bold; line-height: 17px; vertical-align:top; }
.ventanaModalTituloHerramientas a.ocultar { background-image: url('../../img/btnModalContraer_2.gif'); }
.ventanaModalTituloHerramientas a.mostrar { background-image: url('../../img/btnModalExpandir_2.gif'); }
.ventanaModalTituloHerramientas a.centrar { background-image: url('../../img/btnModalCentrar_2.gif'); }
.ventanaModalTituloHerramientas a.ocultar, .ventanaModalTituloHerramientas a.mostrar, .ventanaModalTituloHerramientas a.centrar { background-repeat: no-repeat; background-position: center center; }
.ventanaModalTituloHerramientas a:hover { text-decoration: none; }
.ventanaModalTituloHerramientas { position: relative; top: -5px; right: -5px; }
.ventanaModalTituloHerramientas a.cerrar:hover { background: #ff7333; border-radius: 50%; }

.ventanaModal .ventanaModalContenido { /*transition: max-width linear 0.2s;*/ padding: 15px; border-style: none; cursor: default !important; background: #dddddd; background: white; overflow: auto; }
.ventanaModal .ventanaModalContenidoDinamico { border-style: none; overflow: auto; }
.ventanaModal .ventanaModalContenido, .ventanaModal .ventanaModalTitulo { box-sizing:border-box; }
.ventanaModal .ventanaModalTitulo .manejador { display: block; margin: 3px 70px 0 5px; }
.ventanaModal .ventanaModalFondo { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); background-color: black; }