/* DEFAULTS ----------------------------------------------------------*/ html { background-color: #fff; margin: 0; padding: 0; } a { color: blue; outline: none; padding-left: 3px; padding-right: 3px; text-decoration:none ; cursor :pointer ; } a:link, a:visited, a:active, a:hover { color: blue; } a:hover { } /* a[href^="tel"]:before { content: "260E"; display: block; margin-right: 0.5em; } */ p { margin-bottom: 0px; line-height: 1.6em; } header, footer, hgroup, nav, section { display: block; } /* HEADINGS ----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { background :#fff; color: #000; margin-bottom: 0; padding-bottom: 0; font-family :'arial' } h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; font-weight:normal; } h5, h6 { font-size: 1em; } /* this rule styles

and

tags that are the first child of the left and right table columns */ .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; } header { left:0; position:fixed; top:0; /*width:365px;*/ width:100%; height:60px; background-color: #ffffff; color: #ffffff; z-index :2131231; } footer { position: fixed; left:0; bottom: 0; font-family :Arial ; font-size :small ; width :100%; color: #202020; background-color :#ffffff; /*padding: 8px 0px 0px 0px;*/ margin: 0px auto; left: 0px; padding-left :10px; margin-top : 5px; padding-top : 15px; height:30px; border-top :1px solid #E0E0E0; } footer a { color: blue; outline: none; padding-left: 3px; padding-right: 3px; text-decoration:none ; cursor :pointer ; } footer a:link, footer a:visited, footer a:active, footer a:hover { color: blue; } footer a:hover { } .bell { position: relative; float :right ; right: 30px; top:-10px; } /* texto usuario inferior*/ .icon_bottom { position: relative; float :left ; left: 20px; color :#202020; } /* icono usuario inferior*/ .icon_bottom1 { position: relative; float :left ; left: 10px; top:-10px; } /* formatea todas las tablas del sitio web table { width: 97%; border :solid ; } th, td { border :solid ; } */ acercade { padding-left :200px; } /* ----------------------------------------------------------------------- */ /* pantalla de inicio movil */ @media (max-width: 800px) { header nav { background:#ffffff; background:red; z-index:1000; max-width: 1000px; width: 80%; height: 80%; right:100%; position: fixed; margin: 0px ; overflow:auto ; border :solid ; border-color :#808080; border-width :1px; left:-100%; } .acceso { position :absolute ; top:400px; margin-left :45px; width :80%; } .imagen { display:none; } .imagen_fondo { margin-left :10px; } .imagen_fondo_pas { margin-left :10px; } ol { text-align :left ; } ol li { list-style: none; } body { border-top : solid 5px #404040; color: black; font-size: 0.85em; font-family: Arial, Verdana; /*font-family: "Segoe UI", Arial, Verdana;*/ /*margin: 0;*/ /*padding: 0;*/ padding-top: 60px; /* eliminado de moento para ver prueba padding-top: 80px; padding-bottom: 300px; height :200px;*/ width:90%; } .imagen_logo { /*padding-left : 5px;*/ text-align :center ; } img.logo { height :80px; } /*barra de seleccion de conceptos*/ .divSelectF { position :fixed ; top:0px; left:0px; height :60px; width :100%; z-index :900000000000; text-align :right ; overflow :visible ; background-color :#e0e0e0; display :none; } .divSelect { position :fixed ; top:0px; left:0px; height :60px; width :100%; z-index :900000000000; text-align :right ; overflow :visible ; background-color :#e0e0e0; display :none; } .imgDivSelect { height :28px; vertical-align :middle ; cursor :pointer ; text-align :right ; margin-top :15px; margin-right :10px; } .lblDivSelect { margin-top :18px; float :left ; margin-left :15px; font-size :large ; } .cancelDivSelect { margin-top :12px; float :left ; margin-left :15px; margin-right :5px; font-size :x-large ; font-weight:bold ; cursor :pointer ; width :40px; height :40px; text-align :center ; } /* ventana de confirmacion */ .pregunta { display :none; position: absolute ; z-index: 2000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .4 ) ; } .contenidoPregunta { position :absolute ; /*background-color :#dfdfFF;*/ background-color :#E0E0E0; color:#577a82; top:50%; left:0px; width:97%; /*margin-left :-200px;*/ height :250px; margin-top :-125px; z-index :1000; background:url('/imagenes/body_bg.jpg') repeat-x left bottom #e5e5e5; border: 1px solid rgba(33, 33, 33, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; } #tituloPregunta { font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5; padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; letter-spacing:0.3px; color:#888; } #textoPregunta { font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5; padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; background:none; font-size:16px; line-height:1.4; padding-top: 35px; } #botonesPregunta { padding:15px 0 25px; text-align:center; } .btnPregunta { cursor: pointer; display:inline-block; background:url('/imagenes/buttons.png') no-repeat; color:white; position:relative; height: 33px; font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-right: 15px; padding: 0 35px 0 40px; text-decoration:none; border:none; } /* formateo de los textbox de validacion*/ input.TextEntrada { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 1.7em; margin: 5px 0 6px 0; padding: 5px; width: 90%; height: 50px; font-family: inherit; } input.TextEntrada1 { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 1.7em; margin: 5px 0 6px 0; padding: 5px; width: 90%; height: 40px; font-family: inherit; } /*boton de validacion pantalla de acceso*/ .boton1 { background-color: #ff7f27; border: 1px solid #787878; border:none; color:white; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 5px; margin: 5px 0 6px 0; width: 93%; height: 60px; /* bordes redondos */ /* -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; */ /* degradado */ background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000)); background: -moz-linear-gradient(top, #ff7f27, #ffc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000'); } .boton1:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffaf27), to(#fff000)); background: -moz-linear-gradient(top, #ffaf27, #fff000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf27', endColorstr='#fff000'); } .pass_ok{ } /*boton de validacion pantalla de acceso*/ .boton1_pas { background-color: #ff7f27; border: 1px solid #787878; border:none; color:white; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 5px; margin: 5px 0 6px 0; width: 93%; height: 60px; /* bordes redondos */ /* -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; */ /* degradado */ background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000)); background: -moz-linear-gradient(top, #ff7f27, #ffc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000'); } .boton1_pas:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffaf27), to(#fff000)); background: -moz-linear-gradient(top, #ffaf27, #fff000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf27', endColorstr='#fff000'); } /*nombre de la empresa en el movil*/ .menu_bar2 { position : absolute ; margin-left :68px; margin-top :14px; border-style :none ; color :white ; text-align :left ; padding-left :0px; font-family :Arial, Helvetica, sans-serif; font-size :1.7em ; /*width :60%;*/ background-color :transparent ; /*ajuste para iphone*/ -webkit-text-size-adjust :none; } /* formateo de las tablas */ .tabla_ficha { width: 100%; border :none ; color: #202020; overflow-x :hidden ; border-spacing: 0px; } /* formateo de las tablas DE LA FICHA DE PROPIEDADES*/ .tabla_ficha1 { width: 100%; border :none ; color: #202020; overflow-x :hidden ; border-spacing: 0px; } /* div contenedor de las carpetas*/ .contenido_carpetas { width :107%; height :auto ; margin-left :5px; } .div_file { } .barra_iconos { margin-top :-30px; margin-right : -10px; height :50px; text-align :right ; position :relative ; float :right ; border :none ; } .barra_iconos_td { vertical-align :top; } .barra_iconos1 { height :50px; text-align :right ; /* margin-top :-30px; margin-right : -10px; height :50px; text-align :right ; position :relative ; float :right ; */ } /*edit multilinea*/ .main_campo { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :97%; margin-top :1px; margin-bottom :1px; } /*texto y otros*/ .main_campo_edit { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; margin-top :1px; margin-bottom :1px; -webkit-appearance: none; -moz-appearance:textfield; //-webkit-outer-spin-button:none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } /*texto y otros*/ .main_campo_edit_number { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; text-align :right ; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; margin-top :1px; margin-bottom :1px; } /*texto y otros*/ .tabla_campo_edit { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; /* background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); */ color: #2E3133; width :95%; margin-top :1px; margin-bottom :1px; } /*botones*/ .main_boton { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; height :50px; width :105%; margin-top :1px; margin-bottom :1px; cursor :pointer ; } .main_boton_upload { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; height :50px; width :105%; margin-top :1px; margin-bottom :1px; cursor :pointer ; } .main_campo_check { appearance: none; -moz-appearance: none; -webkit-appearance: none; /*border: 1px solid #c8c6c6;*/ border: none; /*width: 15px;*/ width: 95%; height: 15px; border-radius: 2px; margin: 0 5px 0 0; } /*combobox*/ .main_campo_combo { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/flecha.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :98%; margin-top :1px; margin-bottom :1px; cursor :pointer ; } /*edit multilinea disabled*/ .main_campo_disabled { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :97%; margin-top :1px; margin-bottom :1px; } /*texto y otros disabled*/ .main_campo_edit_disabled { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :99%; margin-top :1px; margin-bottom :1px; } /*texto y otros disabled*/ .main_campo_edit_number_disabled { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; text-align :right ; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :97%; margin-top :1px; margin-bottom :1px; } /*combobox disabled*/ .main_campo_combo_disabled { /* border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :105%; margin-top :1px; margin-bottom :1px; */ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/flecha.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #2E3133; width :100%; margin-top :1px; margin-bottom :1px; cursor :pointer ; } /*combobox de cambio de estado*/ .estado_campo { font-family :Arial ; font-size :medium; cursor: pointer; text-align:right ; border:none ; height :30px; width :100%; text-align :right ; color: #000000; background-color :#ffffff; /*background-color :#faf8a9;*/ } .celda_avisos { background: red; border-radius: 1.2em; -moz-border-radius: 1.2em; -webkit-border-radius: 1.2em; color: #ffffff; display: inline-block; font-weight: bold; font-size :12px; line-height: 1.7em; text-align: center; width: 1.7em; vertical-align :middle ; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); } .img_sindatos { padding-top :30px; padding-left :40%; height :70px; } .lbl_sindatos { height :50px; text-align :center ; padding-left :10%; font-size :18px; /*font-weight:bold ;*/ } .cal { margin-left :-9px; margin-top :-10px; width :112%; } .calMes { margin-left :-9px; margin-top :-10px; width :112%; } /* ventana modal */ .modalBackground{ background-color: #E0E0E0; filter: alpha(opacity=70); opacity: 0.8; } .modalPopup{ background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #E0E0E0; font-family :Arial ; font-size :16px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; box-shadow: 2px 2px 15px #000; -moz-box-shadow: 2px 2px 15px #000; -webkit-box-shadow: 2px 2px 15px #000; z-index :1000; } .modal-header { height :60px; width :100%; color:#202020; font-family :Arial ; font-size :18px; border-bottom :1px solid #E0E0E0; margin-bottom :20px; vertical-align :top; } .modal-title{ float :left ; background-color :transparent ; vertical-align :top ; margin-left :20px; /*margin-top :-30px;*/ margin-top :20px; } .image-tittle{ vertical-align :top ; float :left ; margin-left :20px; margin-top :10px; width :40px; height :40px; } .modal-close{ float :right; height :20px; margin-right :15px; margin-top :20px; display :none ; } .modal-body { color :#505050; text-align :left ; margin-left :10px; padding-left :10px; padding-right :10px; overflow :auto ; /*height :180px;*/ } .btn-primary{ background-color: #8080ff; background-color: #0080c0; color: #ffffff; cursor: pointer; border: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 1.0em; font-weight: 300; padding: 5px; height: 40px; width: 110px; margin-top: 10px; text-align: center; float :right ; margin-right :20px; z-index :300; } .btn-primary:hover { background-color: #1b0c5a; } .btn-default { background-color: #FFFFFF; color: #202020; cursor: pointer; border: 1px solid #E0E0E0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 1.0em; font-weight: 300; padding: 5px; height: 40px; width: 110px; margin-top: 10px; text-align: center; float :right ; margin-right :20px; } .btn-default:hover { background-color: #E0E0E0; } .modal-footer { height :50px; width :100%; border-top :1px solid #E0E0E0; padding-top :10px; padding-bottom :20px; } /* fin de ventana modal*/ /* chat de avisos */ .chat_edicion{ border :solid; position: fixed; left:0; bottom: 80px; font-family :Arial ; font-size :small ; width :100%; color: #202020; background-color :#ffffff; /*padding: 8px 0px 0px 0px;*/ margin: 0px auto; left: 0px; padding-left :10px; margin-top : 5px; padding-top : 15px; height:30px; border-top :1px solid #E0E0E0; } .chat_nombre{ color :red; font-family :Arial ; font-size :medium ; font-weight :bold ; margin-bottom :20px; } .chat_nombre_destino{ color :cadetblue; font-family :Arial ; font-size :small; /*margin-bottom :20px;*/ } .chat_fecha{ color :cadetblue; font-family :Arial ; font-size :small ; text-align :right ; float :right ; } .chat_texto { margin-top :80px; margin-right :40px; margin-left :20px; margin-bottom :20px; } .chat_fecha_div { margin-top:15px; margin-bottom :15px; text-align :center ; } .chat_fecha_movil{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #767AA0); background: -moz-linear-gradient(left, #FFFFFF, #767AA0); background: -webkit-linear-gradient(left, #FFFFFF, #767AA0); background: -o-linear-gradient(left, #FFFFFF, #767AA0); color: #2E3133; width :60%; margin-top :1px; margin-bottom :1px; display:inline-block ; text-align :center ; } .chat_mensaje{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :70%; margin-top :1px; margin-bottom :1px; } .chat_mimensaje{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #B4CDAB); background: -moz-linear-gradient(left, #FFFFFF, #B4CDAB); background: -webkit-linear-gradient(left, #FFFFFF, #B4CDAB); background: -o-linear-gradient(left, #FFFFFF, #B4CDAB); color: #2E3133; width :70%; margin-top :1px; margin-bottom :1px; float :right ; } .chat_campo_edit_mensajes{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 47px; padding-top: 6px; padding-bottom: 6px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; /*width :80%;*/ margin-top :1px; margin-bottom :1px; /*margin-left :10px;*/ height :50px; /* ajusta el texto al control superior */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width :100%; } .chat_campo_edit_imagen{ width :48px; height :48px; border :none ; float :right ; /*margin-right :20px;*/ margin-top :-5px; } .chat_tabla{ width :95%; border :none; margin-left :30px; } .chat_edicion{ height :100px; position: fixed; left:0px; bottom: 30px; border-top:solid; border-width :1px; border-left-width :0px; border-right-width :0px; border-color:#DBE1EB; } .chat_grupomensajes{ margin-bottom :180px; } .chat_campo_lista_mensajes{ position :fixed ; float :right ; right :45px; margin-right :45px; bottom: 75px; /*margin-top :20px;*/ border:none; width:50px; height :50px; cursor :pointer ; border: none; font-size: 16px; font-family: Arial, Verdana; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('imagenes/human.png'); background-position: right; background-position-x : 90%; background-repeat: no-repeat; background-color :transparent; color :transparent ; /*color: #2E3133;*/ margin-top :1px; margin-bottom :1px; cursor :pointer ; } .chat_campo_edit_lista{ width :48px; height :48px; border :none ; float :right ; position :fixed ; float :right ; right :120px; margin-top :10px; z-index :2000; } /* fin de chat de avisos */ .main_boton_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:60px; margin-top :0px; margin-bottom :1px; margin-left :1px; margin-right :10px; float :left; /* margin-top :1px; margin-bottom :1px; margin-left :1px; */ } .main_boton1_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:40px; margin-top :0px; margin-bottom :1px; margin-left :-10px; margin-right :0px; float :left ; } .main_boton2_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:40px; margin-top :0px; margin-bottom :1px; margin-left :0px; margin-right :-1px; /*float :right ;*/ float:left; } .main_campo_edit_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; margin-top :0px; margin-bottom :1px; height :25px; width:auto; float:left; /* float :left ; padding-right :90px; position :absolute ; */ } .main_menu_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:60px; margin-top :0px; margin-bottom :1px; margin-left :1px; margin-right :10px; float :right ; } .LblDiaSemana { position :absolute ; margin-left :-80px; margin-top:15px; color :#808080; } .res_cab_col_b { border :none; } .res_cab_col { border :1px solid ; color: #ffffff; font-family:arial ; background-color: #0080c0; margin-left: 50px; vertical-align :middle ; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# 202020', endColorstr='#808080'); } .mov_barra_botones2{ display :none; } .res_tabla { margin-left:0px; width :100%; border-spacing: 0px; } /* .main_campo_tipo_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/flecha.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; margin-top :1px; margin-bottom :1px; float :right ; width :40px; cursor :pointer ; } */ .main_campo_tipo_reserva{ /*position :fixed ;*/ float :right ; right :35px; margin-right :15px; bottom: 95px; /*margin-top :20px;*/ border:none; width:30px; height :30px; cursor :pointer ; border: none; font-size: 16px; font-family: Arial, Verdana; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('imagenes/reserva-arrow.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; /*background-color :transparent;*/ color :transparent ; /*color: #2E3133;*/ margin-top :5px; margin-bottom :1px; cursor :pointer ; } .btn_plus { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; font-weight:bold ; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #d52f2b, red); background: -moz-linear-gradient(left, #d52f2b, red); background: -webkit-linear-gradient(left, #d52f2b, red); background: -o-linear-gradient(left, #d52f2b, red); color: white; margin-top :1px; margin-bottom :1px; width :40px; cursor :pointer ; float:right ; margin-right :5px; } .btn_plus_label { font-size: 16px; font-family: Arial, Verdana; font-weight:bold ; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; margin-top :1px; margin-bottom :1px; width :30px; float:right; margin-left:10px; } } /* fin de configuracion movil*/ /* configuracion para PC*/ @media (min-width: 800px) { header nav { background:#ffffff; z-index:1000; max-width: 1000px; width: 30%; height: 80%; right:100%; position: fixed; margin: 0px ; overflow:auto ; border :solid ; border-color :#808080; border-width :1px; left:-100%; } .imagen { width:40%; border :none ; position :absolute ; margin-left :75px; float :left ; top:120px; height :450px; } .acceso { position :absolute ; top:450px; float :right ; margin-left :65%; width :40%; } .imagen_fondo_pas { border :none ; position :absolute ; text-align :center ; height:500px; margin-left :30%; margin-top :7%; width :40%; } .imagen_fondo { /* background: url("imagenes/cloud.jpg") no-repeat; background-size :50px; margin-left :80px; height:500px; */ border :none ; position :absolute ; float :right ; text-align :center ; height:500px; margin-left :60%; width :40%; } ol { text-align :left ; margin-left :1%; } ol li { list-style: none; } body { border-top : solid 5px #404040; color: black; font-size: 0.85em; font-family: Arial, Verdana; /*font-family: "Segoe UI", Verdana, arial,Helvetica;*/ /*margin: 0;*/ /*padding: 0;*/ padding-top: 80px; padding-bottom: 300px; height :400px; width:97%; } .imagen_logo { padding-left : 75px; } /* logotipo jump*/ img.logo { height :100px; } /*barra de seleccion de conceptos*/ .divSelectF { position :fixed; float :right ; margin-top :-35px; margin-right :40px; display :none; /*width :20%;*/ } .divSelect { /*position :fixed;*/ position :inherit ; float :right ; margin-top :1px; margin-right :20px; display :none; /*width :20%;*/ } .imgDivSelect { height :28px; vertical-align :middle ; cursor :pointer ; } .lblDivSelect { margin-right :5px; vertical-align :middle ; font-size :large ; } .cancelDivSelect { display :none; } /* ventana de confirmacion */ .pregunta { display :none; position: absolute ; z-index: 2000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .4 ) ; } .contenidoPregunta { position :absolute ; color:#577a82; top:50%; left:50%; width:500px; margin-left :-200px; height :250px; margin-top :-125px; z-index :1000; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #E0E0E0; font-family :Arial ; font-size :16px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; box-shadow: 2px 2px 15px #000; -moz-box-shadow: 2px 2px 15px #000; -webkit-box-shadow: 2px 2px 15px #000; z-index :1000; } #tituloPregunta { font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; /*background:url('/imagenes/remove.png') no-repeat left bottom #f5f5f5;*/ border-bottom :1px solid #E0E0E0; /*padding: 18px 25px;*/ padding-left :85px; padding-top :-35px; margin-top :-55px; height :45px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; letter-spacing:0.3px; color:#888; } .ImagenPregunta { width :48px; height :48px; margin-left :24px; margin-top :15px; margin-bottom :15px; border :none ; } #textoPregunta { font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5; padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; background:none; font-size:16px; line-height:1.4; padding-top: 35px; } #botonesPregunta { padding:20px 0 20px; text-align:center; } .btnPregunta { cursor: pointer; display:inline-block; background:url('/imagenes/buttons.png') no-repeat; color:white; position:relative; height: 33px; font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-right: 15px; padding: 0 35px 0 40px; text-decoration:none; border:none; } /* formateo de los textbox de validacion*/ input.TextEntrada { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 2.2em; margin: 5px 0 6px 0; padding: 5px; /*width: 300px;*/ width:80%; height: 50px; font-family: inherit; } input.TextEntrada1 { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 2.2em; margin: 5px 0 6px 0; padding: 5px; width: 300px; height: 40px; font-family: inherit; } /*boton de validacion pantalla de acceso*/ .boton1 { background-color: #ff7f27; /*border: 1px solid #787878;*/ border:none; color:white; cursor: pointer; font-size: 1.2em; font-weight: 600; /*padding: 5px; margin: 5px 0 6px 0; width: 310px;*/ width :82%; height: 60px; /* degradado */ background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000)); background: -moz-linear-gradient(top, #ff7f27, #ffc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000'); } .boton1:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffaf27), to(#fff000)); background: -moz-linear-gradient(top, #ffaf27, #fff000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf27', endColorstr='#fff000'); } .pass_ok{ margin-left :80px; margin-top :50px; } /*boton de validacion pantalla de contraseña*/ .boton1_pas { background-color: #ff7f27; /*border: 1px solid #787878;*/ border:none; color:white; cursor: pointer; font-size: 1.2em; font-weight: 600; /*padding: 5px; margin: 5px 0 6px 0; width: 310px;*/ margin-top :20px; width :63%; height: 60px; /* degradado */ background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000)); background: -moz-linear-gradient(top, #ff7f27, #ffc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000'); } .boton1_pas:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffaf27), to(#fff000)); background: -moz-linear-gradient(top, #ffaf27, #fff000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf27', endColorstr='#fff000'); } /*nombre de la empresa*/ .menu_bar2 { position : absolute ; margin-left :67px; margin-top :12px; border-style :none ; color :white ; text-align :left ; padding-left :0px; font-family :'Segoe UI'; font-size :x-large ; /*width :60%;*/ background-color :transparent ; } /* formateo de las tablas */ .tabla_ficha { width: 100%; color: #202020; border :none ; overflow-x :hidden ; } /* div contenedor de las carpetas*/ .contenido_carpetas { width :100%; height :auto ; margin-left :20px; } .tbl_iconos { margin-top :-10px; margin-right : -5px; /*height :40px;*/ text-align :right ; position :relative ; float :right ; border :none; } /* iconos ficha propiedades*/ .barra_iconos { margin-top :-30px; margin-right : 0px; height :50px; text-align :right ; position :relative ; float :right ; border:none; } /*edit multilinea*/ .main_campo { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; margin-top :1px; margin-bottom :1px; } /*texto y otros*/ .main_campo_edit { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; margin-top :1px; margin-bottom :1px; -webkit-appearance: none; -moz-appearance:textfield; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } /*texto y otros*/ .main_campo_edit_number { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; text-align :right ; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; margin-top :1px; margin-bottom :1px; -webkit-appearance: none; } /*texto y otros*/ .tabla_campo_edit { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; /* background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); */ color: #2E3133; width :95%; margin-top :1px; margin-bottom :1px; } /*botones*/ .main_boton { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; height: 50px; /*width :105%;*/ margin-top: 1px; margin-bottom: 1px; cursor :pointer ; } .main_boton_upload_lbl { width :92%; position :absolute; text-align :center ; vertical-align :middle ; border :none ; margin-top :40px; font-size: 16px; font-family: Arial, Verdana; color :#808080; } .main_boton_upload_cell { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; text-align :right ; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; height :100px; text-align :center ; margin-top :1px; margin-bottom :1px; -webkit-appearance: none; } /*botones*/ .main_boton_upload { border :none ; background-color:transparent ; user-select :none ; color :transparent ; opacity: 0; /* oculta el boton */ border:solid ; vertical-align :top; padding-bottom :-32px; height :100px; width :99%; text-decoration: none; font: 0px Arial; cursor: pointer; } .main_campo_check { } /*edit multilinea*/ .main_campo_combo_edit { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :99%; margin-top :1px; margin-bottom :1px; -webkit-appearance: none; } .main_campo_combo { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/flecha.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :100%; margin-top :1px; margin-bottom :1px; height :40px; cursor :pointer ; } .main_campo_combo option { background-color :#F7F9FA; font-size: 16px; font-family: Arial, Verdana; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); } .main_campo_combo select { background-color :#F7F9FA; font-size: 16px; font-family: Arial, Verdana; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); } /*check*/ .main_campo_check { font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; color: #2E3133; width :99%; } /*edit multilinea disabled*/ .main_campo_disabled { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :99%; } /*texto y otros disabled*/ .main_campo_edit_disabled { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :99%; } .main_campo_edit_number_disabled { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; text-align :right ; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #808080; width :99%; } /*edit multilinea disabled*/ .main_campo_combo_disabled { /* border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; color: #808080; width :101%; cursor :pointer ; background-image : url('/imagenes/flecha.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); */ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/flecha.png'); background-position: right; background-position-x : 97%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #c0c0c0); background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0); background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0); background: -o-linear-gradient(left, #FFFFFF, #c0c0c0); color: #2E3133; width :101%; margin-top :1px; margin-bottom :1px; height :40px; cursor :pointer ; } .main_campo_check_disabled { font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; color: #808080; width :99%; } /*combobox de cambio de estado*/ .estado_campo { font-family :Arial ; font-size :medium; cursor: pointer; text-align:right ; border:none ; height :30px; width :100%; text-align :right ; color: #000000; background-color :#ffffff; /*background-color :#faf8a9;*/ } /* rotulos de los campos */ .FuenteFicha { font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; color: #2E3133; /*height :50px;*/ } .celda_avisos { background: red; border-radius: 1.2em; -moz-border-radius: 1.2em; -webkit-border-radius: 1.2em; color: #ffffff; display: inline-block; font-weight: bold; font-size :12px; line-height: 2.0em; text-align: center; width: 2.0em; vertical-align :middle ; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75); } .img_sindatos { padding-top :30px; padding-left :47%; height :70px; } .lbl_sindatos { height :50px; text-align :center ; padding-left :39%; font-size :20px; /*font-weight:bold ;*/ } .calMes { /* margin-left :-9px; width :112%; margin-top :-10px; */ } /* ventana modal */ .modalBackground{ background-color: #E0E0E0; filter: alpha(opacity=70); opacity: 0.8; } .modalPopup{ background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #E0E0E0; font-family :Arial ; font-size :16px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; box-shadow: 2px 2px 15px #000; -moz-box-shadow: 2px 2px 15px #000; -webkit-box-shadow: 2px 2px 15px #000; z-index :1000; } .modal-header { height :60px; width :100%; color:#202020; font-family :Arial ; font-size :20px; border-bottom :1px solid #E0E0E0; margin-bottom :20px; vertical-align :top; } .modal-title{ float :left ; background-color :transparent ; vertical-align :top ; margin-left :30px; margin-top :20px; } .image-tittle{ vertical-align :top ; float :left ; margin-left :20px; margin-top :10px; width :40px; height :40px; } .modal-close{ float :right; height :20px; margin-right :15px; margin-top :20px; } .modal-body { color :#505050; text-align :left ; margin-left :10px; padding-left :10px; padding-right :10px; overflow :auto ; /*height :180px;*/ } .btn-primary{ background-color: #8080ff; background-color: #0080c0; color: #ffffff; cursor: pointer; border: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 1.0em; font-weight: 300; padding: 5px; height: 40px; width: 110px; margin-top: 10px; text-align: center; float :right ; margin-right :20px; z-index :300; } .btn-primary:hover { background-color: #1b0c5a; } .btn-default { background-color: #FFFFFF; color: #202020; cursor: pointer; border: 1px solid #E0E0E0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 1.0em; font-weight: 300; padding: 5px; height: 40px; width: 110px; margin-top: 10px; text-align: center; float :right ; margin-right :20px; } .btn-default:hover { background-color: #E0E0E0; } .modal-footer { height :50px; width :100%; border-top :1px solid #E0E0E0; padding-top :10px; padding-bottom :20px; } /* fin de ventana modal*/ /* chat de avisos */ .chat_edicion{ border :solid; position: fixed; left:0; bottom: 80px; font-family :Arial ; font-size :small ; width :100%; color: #202020; background-color :#ffffff; /*padding: 8px 0px 0px 0px;*/ margin: 0px auto; left: 0px; padding-left :10px; margin-top : 5px; padding-top : 15px; height:30px; border-top :1px solid #E0E0E0; } .chat_nombre{ color :red; font-family :Arial ; font-size :medium ; font-weight :bold ; margin-bottom :20px; } .chat_nombre_destino{ color :cadetblue; font-family :Arial ; font-size :small; /*margin-bottom :20px;*/ } .chat_fecha{ color :cadetblue; font-family :Arial ; font-size :small ; text-align :right ; float :right ; } .chat_texto { margin-top :80px; margin-right :40px; margin-left :20px; margin-bottom :20px; } .chat_mensaje{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :70%; margin-top :1px; margin-bottom :1px; } .chat_mimensaje{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #B4CDAB); background: -moz-linear-gradient(left, #FFFFFF, #B4CDAB); background: -webkit-linear-gradient(left, #FFFFFF, #B4CDAB); background: -o-linear-gradient(left, #FFFFFF, #B4CDAB); color: #2E3133; width :70%; margin-top :1px; margin-bottom :1px; float :right ; } .chat_campo_edit_mensajes{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 6px; padding-bottom: 6px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :94%; margin-top :1px; margin-bottom :1px; margin-left :30px; height :50px; } .chat_campo_edit_imagen{ width :48px; height :48px; border :none ; /*float :right ;*/ /*margin-right :20px; margin-top :10px;*/ } .chat_tabla{ width :95%; border :none; margin-left :30px; } .chat_edicion{ height :100px; position: fixed; left:0px; bottom: 30px; border-top:solid; border-width :1px; border-left-width :0px; border-right-width :0px; border-color:#DBE1EB; } .chat_grupomensajes{ margin-bottom :180px; } .chat_campo_lista_mensajes{ /*position :fixed ;*/ float :right ; /*right :100px;*/ /*margin-right :90px;*/ /**/bottom: 72px;*/ /*margin-top :-28px;*/ border:none; width:50px; height :50px; cursor :pointer ; border: none; font-size: 14px; font-family: Arial, Verdana; text-align :right ; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/human.png'); background-position: right; background-position-x : 50%; background-repeat: no-repeat; background-color :transparent; color :transparent ; /*color: #2E3133;*/ margin-top :1px; margin-bottom :1px; cursor :pointer ; } .chat_campo_edit_lista{ width :48px; height :48px; border :none ; float :right ; position :fixed ; float :right ; right :120px; margin-top :10px; z-index :2000; } /* fin de chat de avisos */ .main_boton_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:80px; margin-top :1px; margin-bottom :1px; margin-left :50px; } .main_boton1_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:40px; margin-top :1px; margin-bottom :1px; margin-left :10px; margin-right :10px; } .main_boton2_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width:80px; margin-top :1px; margin-bottom :1px; margin-left :5px; } .main_campo_edit_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :300px; margin-top :1px; margin-bottom :1px; height :25px; } .LblDiaSemana { position :absolute ; margin-left :-180px; margin-top:15px; color :#808080; } .res_cab_col_b { border :none; } .res_cab_col { border :1px solid ; color: #ffffff; font-family:arial ; background-color: #0080c0; margin-left: -10px; vertical-align :middle ; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# 202020', endColorstr='#808080'); } .res_tabla { margin-left:-25px; width :102%; border-spacing: 0px; } .main_campo_tipo_reserva { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('imagenes/flecha.png'); background-position: right; background-position-x : 50%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; margin-top :1px; margin-bottom :1px; float :right ; width :300px; cursor :pointer ; } .btn_plus { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; font-weight:bold ; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #d52f2b, red); background: -moz-linear-gradient(left, #d52f2b, red); background: -webkit-linear-gradient(left, #d52f2b, red); background: -o-linear-gradient(left, #d52f2b, red); color: white; margin-top :1px; margin-bottom :1px; width :40px; cursor :pointer ; float:right ; margin-right :5px; } .btn_plus_label { font-size: 16px; font-family: Arial, Verdana; font-weight:bold ; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; margin-top :1px; margin-bottom :1px; width :30px; float:right; margin-left:10px; } } /* fin de media PC*/ /*tablas de navegacion*/ #contenido1 { position :absolute ; left:50px; width :90%; margin-top :-200px; } /*tablas de navegacion*/ #contenido { left:10px; width :90%; } /* menu ----------------------------------------------------------*/ ul#menu { font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: right; } ul#menu li { display: inline; list-style: none; padding-left: 15px; } ul#menu li a { background: #fff; color: #202020; text-decoration: none; } ul#menu li a:hover { color: #FE7510; text-decoration: none; } .Nmenu { font-size: 1.3em; font-weight: 300; padding: 0; text-align: left; } .Nmenu li { display: inline; list-style: none; padding-left: 10px; } .Nmenu li a { background: none; color: #999; text-decoration: none; } .Nmenu li a:hover { color:#ff4205; text-decoration: none; } .label { font-weight: 700; } /* site title ----------------------------------------------------------*/ /* .site-title { color: black; font-size: 2.3em; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; } .site-title a, .site-title a:hover, .site-title a:active { background: none; color: #c8c8c8; outline: none; text-decoration:none ; } */ /* login page */ #loginForm { border-right: solid 2px #c8c8c8; float: left; margin :40px; width: 45%; vertical-align :top ; } #loginForm .validation-error { display: block; margin-left: 15px; } #socialLoginForm { margin-left: 20px; float: left; width: 45%; } #socialLoginForm h2 { margin-bottom: 5px; } fieldset.open-auth-providers { margin-top: 5px; } fieldset.open-auth-providers button { margin-bottom: 5px; } fieldset { border: none; margin: 0; padding: 0; } fieldset legend { display: none; } fieldset ol { padding: 0; list-style: none; } fieldset ol li { padding-bottom: 0px; } input:focus, textarea:focus { border: 1px solid #7ac0da; } input[type="checkbox"] { background: transparent; border: inherit; width: auto; display:inline ; } /* info and errors */ /* .message-info { border: 1px solid; clear: both; padding: 10px 20px; } .message-error { clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; } .message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; } .error { color: #e80c4d; } /* styles for validation helpers */ .field-validation-error { color: #e80c4d; /*font-weight: bold;*/ } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid #e80c4d; } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: #e80c4d; font-weight:normal ; font-size: 1.1em; margin-left :50px; text-align :left ; } .validation-summary-valid { display: none; } .imenu { z-index :100; background-color: #202020; height :60px; } /* PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------*/ .page { /*width: 960px;*/ background-color: #fff; /*margin: 20px auto 0px auto;*/ margin: 0px auto 0px auto; border: 1px solid #496077; } .header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; } .main { padding: 0px 12px; margin:12px 8px 8px 8px; min-height: 420px; } /* .leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; } */ .img_cloud { width :100%; } .menu_lateral { position :absolute ; width :25%; max-width :480px; height :auto ; float:right; } /*campos de login*/ /* .milogin { width :100%; background-color :aqua ; text-align :center ; } */ .main_ficha { font-family :Arial ; font-size :medium; vertical-align :central ; width :50%; color: #4e5766; } .boton_ficha { font-family :Arial ; font-size :medium; vertical-align :central ; color: #4e5766; border :none ; background-color :transparent ; } /* formateo de las tablas de estado*/ .tabla_ficha_estado { width: 100%; color: #202020; border :none ; overflow-x :hidden ; } /* formateo de las filas de separacion de tablas */ .fila_tabla { border-bottom: 1px solid #999; } .fila_cabecera_tablaPC { height :30px; background-color :#202020; color :#ffffff; text-decoration :none ; border-style :none ; } .fila_tablaPC1 { height :60px; /*background-color :#ffffff;*/ text-decoration :none ; color: #202020; text-decoration-color : #808080; /*border-style :none ;*/ border-bottom: 1px solid #999; } .fila_tablaPC2 { height :60px; /*background-color :#e0e0e0;*/ color: #202020; text-decoration :none ; text-decoration-color :#202020; /*border-style :none ;*/ border-bottom: 1px solid #999; } .enlacePC { z-index :100; text-decoration :none ; color : #202020; } a.enlacePC:link, a.enlacePC:visited { z-index :100; text-decoration :none ; color : #202020; } .main_cab { color: #000000; background-color :#ffffff; margin: 0px auto; } .main_cab1 { width :75%; font-family :Arial ; font-size :medium; color: #000000; } .pestana { font-family :Arial ; font-size :medium; border-left :solid ; border-right :solid ; border-bottom :solid ; border-top:solid; border-bottom-color:azure ; border-width :1px; color: #000000; /*background-color :#faf8a9;*/ } /* TAB MENU ----------------------------------------------------------*/ div.hideSkiplink { background-color:#3a4f63; width:100%; } div.menu { padding: 4px 0px 4px 8px; } div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; } div.menu ul li a, div.menu ul li a:visited { /*background-color: #465c71;*/ background-color: #fff; border: 1px #fff solid; color: #202020; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 1.25em; /*border-left-color :#202020;*/ /* background-color: #202020; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; */ } div.menu ul li a:hover { /*background-color: #202020;*/ color:#ff4205; text-decoration:none; /* background-color: #bfcbd6; color: #465c71; text-decoration: none; */ } div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; } /* FORM ELEMENTS ----------------------------------------------------------*/ fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; } fieldset p { margin: 2px 12px 10px 10px; } fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; } fieldset label.inline { display: inline; } legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; } input.textEntry { width: 320px; border: 1px solid #ccc; } input.passwordEntry { width: 320px; border: 1px solid #ccc; } div.accountInfo { width: 42%; margin :30px; } /* MISC ----------------------------------------------------------*/ .clear { clear: both; } .title { /* display: block; float: left; text-align: left; width: auto; */ color: black; font-size: 1.3em; font-family: "Arial"; /* font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/ margin: 0; } /* login ----------------------------------------------------------*/ #login { display: block; font-size: .85em; margin: 0 0 10px; text-align: right; } #login a { /*background-color: #d3dce0;*/ background-color: #fff; margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none; } #login a.username { background: none; margin-left: 0px; text-decoration: underline; } #login ul { margin: 0; } #login li { display: inline; list-style: none; } .failureNotification { font-size: 1.2em; color: Red; } .bold { font-weight: bold; } .submitButton { text-align: right; padding-right: 10px; } tentL2 { margin-top : 10px; } .progress { visibility :hidden ; /* background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ff0000)); background: -moz-linear-gradient(top, #ffff00, #ff0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#ff0000'); */ } /* label seccion*/ .etiqueta { /*cursor: pointer;*/ color : #202020; text-decoration: none; font: x-large Arial; } .etiqueta:hover { text-decoration: none; } /* Botón */ .boton { z-index :-3; display: inline-block; zoom: 2; *display: inline; vertical-align: baseline; cursor: pointer; text-decoration: none; font: 7px Arial; padding: .5em 2em .55em; /* text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);*/ } .boton:hover { text-decoration: none; } /* Redondez */ .redondo { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } .naranja { color: #ffffff; border: solid 0px #ff0000; background: #ff0000; background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ff0000)); background: -moz-linear-gradient(top, #ffff00, #ff0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#ff0000'); } .naranja:hover { background: #ff0000; /* background: #ff0000; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ff0000)); background: -moz-linear-gradient(top, #ffffff, #ff0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff0000'); */ } /*Header*/ .Tab .ajax__tab_header { color: #ffffff; font-family:arial ; background-color: #0080c0; margin-left: -10px; height: 50px; vertical-align :middle ; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# 202020', endColorstr='#808080'); } /*Body*/ .Tab .ajax__tab_body { /*border:1px solid #78a167;*/ padding-top:20px; height: 5.5em; width :98%; } /*Tab Active*/ .Tab .ajax__tab_active .ajax__tab_tab { background-color :#005984; text-align :center ; vertical-align :middle ; color :#ffffff; margin-left :5px; padding-left :6px; padding-right :6px; padding-top :16px; height:34px; background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0)); background: -moz-linear-gradient(top, #808080, #c0c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0'); } .Tab .ajax__tab_active .ajax__tab_inner { color: #ffffff; vertical-align :middle ; color :#ffffff; padding-left :6px; padding-right :6px; } .Tab .ajax__tab_active .ajax__tab_outer { color: #ffffff; vertical-align :middle ; color :#ffffff; padding-left :6px; padding-right :6px; } /*Tab Hover*/ .Tab .ajax__tab_hover .ajax__tab_tab { color: #ffffff; background-color :#006697; vertical-align :middle ; padding-left :6px; padding-right :6px; padding-top :16px; height:34px; background: -webkit-gradient(linear, left top, left bottom, from(#FF7f27), to(#FFc000)); background: -moz-linear-gradient(top, #FF7f27, #FFc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7f27', endColorstr='#FFc000'); } .Tab .ajax__tab_hover .ajax__tab_inner { color: #ffffff; vertical-align :middle ; padding-left :6px; padding-right :6px; } .Tab .ajax__tab_hover .ajax__tab_outer { color: #ffffff; vertical-align :middle ; padding-left :6px; padding-right :6px; } /*Tab Inactive*/ .Tab .ajax__tab_tab { color: #ffffff; vertical-align :middle ; padding-left :6px; padding-right :6px; padding-top :16px; height:34px; } .Tab .ajax__tab_inner { color: #ffffff; vertical-align :middle ; padding-left :6px; padding-right :6px; } .Tab .ajax__tab_outer { color: #ffffff; vertical-align :middle ; padding-left :6px; padding-right :6px; } .contact_title { margin-left :50px; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; } .contact { margin-left :100px; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; } /* contact */ .contact h3 { font-size: 1.2em; } .contact p { margin: 5px 0 0 10px; } .contact iframe { border: 1px solid #333; margin: 5px 0 0 10px; } .boton2 { background-color: #ffc90e; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 5px; margin: 50px 0 60px 0; width: 310px; height: 40px; } .err_conex { color: black; margin-left: 10px; text-align :center ; font-weight :500 ; font-size:large ; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; } .err_conex1 { color: black; margin-left: 30px; text-align :center ; font-weight :500 ; font-size:large ; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; } .overlay{ position: fixed; z-index: 98; top: -127px; left: 0px; right: 0px; bottom: 127px; filter: alpha(opacity=80); opacity: 0.8; } .overlayContent{ z-index: 99; margin: 400px auto; width: 64px; height: 64px; } .overlayContent h2 { font-size: 18px; font-weight: bold; color: #000; } .overlayContent img { width: 48px; height: 48px; } .style1 { width: 400px; } .OptionMov { font-family :Arial ; font-size :medium; height :30px; width:200px; color: #000000; /*background-color :#faf8a9;*/ } /* tamaño de la flecha*/ .flecha { width: 20px; height:20px; vertical-align :middle ; text-align :left ; margin-top:5px; /*right :300px;*/ } .texto_flecha { display :block ; float :left ; width: 80%; height:20px; vertical-align :middle ; text-align :left ; margin-left :20px; margin-top:5px; } /* panel de las pestañas */ .collapsePanel { height:300px; background-color: #ffffff; color:#202020; overflow:hidden; padding:2px; margin-top :10px; width:99%; border :none; } /* cabecera panel de las pestañas */ .collapsePanelHeader{ /*width:340px; */ width :100%; height:30px; color: #ffffff; background-color: #ff7f27; border :solid ; border-radius:10px; border-spacing :10px; border-width :thin ; font-weight:normal ; cursor: pointer; padding:5px; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f202020', endColorstr='#808080'); } .collapsePanelHeader:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#fff000)); background: -moz-linear-gradient(top, #ff7f27, #fff000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#fff000'); } .treedoc { text-decoration: none; color:#000000; text-decoration-color :#000000; padding-bottom :10px; } .mgbtn { cursor: pointer; height :30px; vertical-align :middle ; margin-left :20px; /* position :fixed ; border :none ; cursor: pointer; height :40px; margin-left :20px; margin-top:5px; */ } .mboton { background-color: transparent ; border :none ; cursor: pointer; color :#202020; width :70%; left:50px; height :50px; /*margin-left :0px; padding-left :60px;*/ text-align :left ; font-family :Arial ; font-size :14px; } .menu_bar { position : absolute ; margin-left :1px; margin-top :15px; } .menu_bar1 { position : absolute ; margin-left :36px; margin-top :15px; border :none ; border-bottom-style :none ; height :32px; } .menu_bar3 { margin-right : 20px; position :relative ; margin-top: 10px; border-style:none; height :30px; float :right ; color:white ; text-align: right; vertical-align :middle ; padding-left: 40px; background: url('/imagenes/icon_user.png') no-repeat left center ; } .menu_bar3 { padding-top :10px; } header nav ul li { display: block; /*padding :20px;*/ margin :0px; margin-left :-40px; border-bottom:1px solid rgba(128,128,128,.5); } header nav ul li a { display: block; } header nav ul li:hover .children { display: none; } header nav ul li .children { width: 100%; position: relative; } header nav ul li .caret { float: right; } /* estilos para pestañas */ .contenedor_pestanas { background: #f9f9f9; /* Fondo de las pestañas */ border :solid ; } /* estilo de la pestaña*/ .pestana_ficha { background: #ffffff; /* Fondo de las pestañas */ color :#ffffff ; border :none ; width :98%; } .pestana_ficha .ajax__tab_header { font-family: verdana,tahoma,helvetica; font-size: 11px; background-color :#eedd56; } .pestana_ficha .ajax__tab_body { background-color :#e43423; } .inputModificado { margin: 0px; /*10px 0px 10px 50px;*/ clear: both; } .inputImagen { /* background: #ffcc99; opacity: 0.5; box-shadow: 0px 0px 5px black, inset 0 0px 5px 2px black; padding: 5px; border-radius: 4px; color: #000; font-weight: bold; float: left; margin-top: -2px; */ } .botonInputFileModificado { height :30px; position: relative; border-radius: 10px; background-color: #fff; color: #ffffff; border: 2px solid #666; background: url("/imagenes/clip.png") no-repeat; padding-bottom: 2px; /*box-shadow: inset 0 0px 8px 2px black;*/ width: 32px; margin-left: 180px; } .botonInputFileModificado:hover { /* border: 2px solid #fff; background-color: #333; color: #fff; */ } .botonInputFileModificado .inputImagenOculto { opacity: 0; position: absolute; margin-left: -125px; width: 225px; } .botonInputFileModificado .boton { text-align: center; } /* .btnEliminar { background-color :#E0E0E0; color :white ; font-family :Verdana,Arial ; font-size :smaller ; vertical-align :central ; border :none ; cursor: pointer; text-align :right ; } .btnEliminar:hover { background-color :red; } */ .btnEliminar { height :20px; margin-right :10px; } .btnFavoritos { height :24px; margin-right :10px; } .Propiedades { z-index :-3; position :relative ; text-align :left ; float :left ; margin-top :-28px; font-weight :bold ; font-size :large ; } .Div_ruta a { color: black; outline: none; padding-left: 3px; padding-right: 3px; text-decoration:none ; font-size :medium ; font-weight :bold; cursor :pointer ; } .Div_ruta a:link, .Div_ruta a:visited, .Div_ruta a:active, .Div_ruta a:hover { color: black; } /*nombre del usuario inferior*/ .menu_bar4 { border-style :none ; background-color :transparent ; cursor :pointer ; } /*nombre del usuario superior*/ .menu_bar5 { border-style :none ; background-color :transparent ; color :white; cursor :pointer ; } /* botones de la ficha de detalle*/ .BotonesFichaDetalle { z-index :100; vertical-align :top; } .BotonesFichaDetalle:hover { /* background: linear-gradient(left, #FFFFFF, #FF7F27); background: -moz-linear-gradient(left, #FFFFFF, #FF7F27); background: -webkit-linear-gradient(left, #FFFFFF, #FF7F27); background: -o-linear-gradient(left, #FFFFFF, #FF7F27); */ } .fila_tabla_movil { padding-top :30px; padding-bottom :30px; height :50px; } /* formatos de cliemtes.css copiados aqui*/ /*Este es el formato grilla en las tablas de datos*/ .sortable td{ border: 1px solid #EEEEEE; border-collapse: collapse; padding: 5px; } /*Quitar los bordes de la ultima celda de cada fila, para la columna del color.*/ .sortable tr td:last-child { border: 0px; padding: 0px; } /*Formato de la cabecera de las tablas */ .sortable th{ text-align: center; background-color: #367FB6; color:#FFFFFF; height: 48px; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# 202020', endColorstr='#808080'); } /*Formato de las cabeceras cuando pasa por encima*/ /* -----------ANULADO para ver el orden------------------ .sortable th:hover{ background-color: #2B6484; color:white; background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0)); background: -moz-linear-gradient(top, #808080, #c0c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0'); } */ /*formato de las filas cuando pasa por encima*/ .fila_tablaPC1:hover, .fila_tablaPC2:hover{ background-color: #EEEEEE; background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0)); background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e0e0e0'); } /*Color de fondo los botones del menu.*/ /*Quitar tu formato las lineas inferiores*/ .fila_tablaPC1 { border-bottom: 0px solid #999; } .fila_tablaPC2 { border-bottom: 0px solid #999; } .cont_buscar { width :95%; } .divBuscar { float :right ; margin-top :1px; width :20%; } .txtBuscar { float :right ; border: 1px solid #DBE1EB; font-size: 14px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 4px; padding-bottom: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :100%; margin-top :1px; margin-right :10px; /* margin-top :1px; margin-bottom :1px; */ } .btnExcel { float :right ; text-align :right ; margin-right:5px; border-style :none ; background-color :transparent ; cursor :pointer ; } .GridDatos { margin-left: 20px; width: 98%; font-family: verdana,tahoma,helvetica; font-size: 12px; border-color :#808080; } .GridCabecera { margin-left :20px; width :100%; background-color :#202020; color :white ; height :30px; font-family: verdana; font-size: 14px; } .GridFilaPar { background-color :white ; height :20px; border-color :#E0E0E0; } .GridFilaImpar { background-color :#E0E0E0 ; background-color :white ; height :20px; border-color :#E0E0E0; } .iprocesos { /* z-index :100; background-color: #202020; height :60px; position : absolute ; margin-left :1px; margin-top :15px; */ } .mbotonP { background-color: transparent ; border :none ; cursor: pointer; color :#202020; width :100%; height :50px; text-align :left ; font-family :Arial ; font-size :14px; } .chkCerrar { } .licerrar { margin-top :20px; } .liprocesos { border-bottom :1px solid #DBE1EB; } .liprocesos:hover{ background-color: #2B6484; color:white; background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0)); background: -moz-linear-gradient(top, #808080, #c0c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0'); } .limenug { border-bottom :1px solid #DBE1EB; } .limenug:hover{ background-color: #2B6484; color:white; background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0)); background: -moz-linear-gradient(top, #808080, #c0c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0'); } .menu_procesos { position :absolute ; width :280px; max-width :280px; height :auto ; margin-right :20px; /*padding :10px;*/ float :right ; list-style: none; right :0; border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; z-index: 1; } .calloutUp { /* es el borde del triangulito hacia arriba */ border-bottom: 10px solid #DBE1EB; border-left: 10px dotted transparent; border-right: 10px dotted transparent; right: 0px; top: 0px; height: 0; width: 0; margin-right: 10px; margin-top :-20px; float :right ; z-index: 10; } .calloutUp2 { /* un triangulito más chico adentro del anterior */ border-bottom: 9px solid #F7F9FA; border-left: 9px dotted transparent; border-right: 9px dotted transparent; position: relative; left: -9px; top: 2px; /* lo posicionamos desplazado */ height: 0; width: 0; /* no tendrá dimensiones */ z-index: 11; } .diaavisa { display: none; position: fixed; z-index: 1000; top: 25%; left: 25%; height: 50%; width: 50%; background-color : #808080; /* background: rgba( 255, 255, 255, .8 ) url('imagenes/loader.gif') 50% 50% no-repeat; */ } .modal { display: none; position: fixed; z-index: 2000; top: 0; left: 0; height: 100%; width: 100%; /* background: rgba( 255, 255, 255, .8 ) url('imagenes/loader.gif') 50% 50% no-repeat; */ background: url("/imagenes/loader.gif") 50% 50% no-repeat; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading .modal { display: block; } .Imagen--Tabla { z-index :1000; } .celda--Imagen{ width :60px; } .lista_botones { height :40px; width :70px; background-color :#e0e0e0; color :#202020; text-decoration: none; border :solid 1px; border-color :#808080; font-size :small ; cursor :pointer ; margin-left :-5px; } .lista_botones:hover { background-color :#f0f0f0; color :#202020; border-color :#202020; } .barra_lista_botones { float :right ; } .barra_botones { margin-bottom :10px; } .boton_agenda { height :40px; width :70px; background-color :#e0e0e0; color :#202020; text-decoration: none; border :solid 1px; border-color :#808080; font-size :small ; margin-right :30px; cursor :pointer ; } .boton_agenda:hover { background-color :#f0f0f0; color :#202020; border-color :#202020; } .boton_agenda1 { height :40px; width :40px; background-color :#e0e0e0; color :#202020; text-decoration: none; border :solid 1px; border-color :#808080; font-size :large; cursor :pointer ; margin-left :-5px; } .boton_agenda1:hover { background-color :#f0f0f0; color :#202020; border-color :#202020; } .etiqueta_agenda { height :40px; margin-left :30px; } .ficha_act { height :40px; list-style :none ; } .cal_izq { z-index :-3; width :150px; } .cal_dcha { z-index :-3; margin-left:150px; margin-top :-160px; } .iarchivos { margin-right :-40px; margin-top :-40px !important; } .iimagen { position :absolute ; margin-left :-30px; margin-top: 0px; } /* Reglas de Safari 3.0 y Opera 9 */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { .iimagen { position :absolute ; margin-left :0px; margin-top: 0px; } } */ .rm-input { position :absolute ; border :none ; background-color:transparent ; user-select :none ; color :transparent ; background: url('/imagenes/clip.png') no-repeat; opacity: 0; /* oculta el boton */ /*padding-left :32px; display:compact ; */ margin-left :-30px; margin-top :0px; vertical-align :top; height :32px; width :32px; text-decoration: none; font: 0px Arial; cursor: pointer; } .ical { float :right ; } .mov_tit { margin-top :-17px; text-align :center ; vertical-align :middle ; width :70% ; border :none ; color :white ; font-size :large ; background-color :transparent ; } .mov_atras { margin-left :10px; margin-top :5px; } .mov_adelante { float :right ; margin-right :20px; margin-top :5px; } .mov_barra_botones { background-color :transparent; margin-top :-33px; margin-left :-8px; margin-bottom :10px; width :113%; height :40px; background: linear-gradient(left, #E0E0E0, #B0B0B0); background: -moz-linear-gradient(left, #E0E0E0, #B0B0B0); background: -webkit-linear-gradient(left, #E0E0E0, #B0B0B0); background: -o-linear-gradient(left, #E0E0E0, #B0B0B0); color: #202020; background-image : url('/imagenes/ReservasT.png'); background-repeat: no-repeat; background-position: right; background-position-x:98%; /*background-position-x : 95%;*/ } .barra_lista_botonesM { z-index :100; position: fixed; left:0; bottom: 0; font-family :Arial ; font-size :small ; width :100%; margin: 0px auto; left: 0px; padding-left :10px; padding-top : 10px; height:40px; border-top :1px solid #E0E0E0; background: linear-gradient(left, #E0E0E0, #B0B0B0); background: -moz-linear-gradient(left, #E0E0E0, #B0B0B0); background: -webkit-linear-gradient(left, #E0E0E0, #B0B0B0); background: -o-linear-gradient(left, #E0E0E0, #B0B0B0); color: #202020; } .lista_botones1 { height :30px; width :70px; background-color :#e0e0e0; color :#202020; text-decoration: none; border :solid 1px; border-color :#808080; font-size :small ; cursor :pointer ; margin-left :5px; margin-right :5px; } .lista_botones1:hover { background-color :#f0f0f0; color :#202020; border-color :#202020; } .DocCeldaFecha { width:100px; text-align :center ; } .DocCeldaRes { /*width:100%;*/ } .tabla_doc { width :100%; } /*formato de las filas cuando pasa por encima*/ .tabla_doc_fila:hover{ background-color: #EEEEEE; background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0)); background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e0e0e0'); } .cnt_agenda { position :absolute ; top:150px; background-color :red; height :50px; margin-top :30px; } .res_tabla1 { margin-top :30px; margin-left:-45px; /*border :1px solid;*/ border-spacing: 0px; } /* cabecera dias de la semana de la agenda mensual*/ .res_cab_col_b1 { border :none; } .res_cab_col1 { border :1px solid ; color: #ffffff; font-family:arial ; background-color: #0080c0; margin-left: -10px; vertical-align :middle ; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# 202020', endColorstr='#808080'); } .div_map { width :100%; height :600px; border :none ; } .mapa { width :1200px; height :800px; } .DocCeldaIconos { text-align :right; } /* boton de borrar documentos */ .FichaDocDelete { margin-right :20px; } /* boton de enviar documentos por mail */ .FichaDocMail { text-align :right; } .div_rutaA { width: 100%; /*margin-left :20px;*/ } .div_rutaB { width: 100%; margin-left :20px; } /* seccion de subir documentacion*/ .doc_cab { height :30px; } .doc_contenido { width :100%; } .doc_OK { text-align: center; padding-top :50px; } .imgOK { text-align :center ; vertical-align :middle ; height :100px; padding-right :20px; } .lblOK { font-size :large ; } .nom_prv { width: 100%; height :60px; color :white ; text-align :center ; font-size :large ; font-weight :bold ; vertical-align :middle ; padding-top :20px; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080)); background: -moz-linear-gradient(top, #202020, #808080); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# 202020', endColorstr='#808080'); font-family: "Segoe UI", Verdana, arial,Helvetica; } .doc_button { padding-top :40px; text-align :center ; } .tblDoc { width: 111%; border :none ; color: #202020; overflow-x :hidden ; border-spacing: 0px; } .tblDocFilaCabecera { height :30px; background-color :#202020; color :#ffffff; text-decoration :none ; border-style :none ; } .tblDocFila { height :60px; /*background-color :#ffffff;*/ text-decoration :none ; color: #202020; text-decoration-color : #808080; /*border-style :none ;*/ border-bottom: 1px solid #999; } .fila_tablaPC2 { height :60px; /*background-color :#e0e0e0;*/ color: #202020; text-decoration :none ; text-decoration-color :#202020; /*border-style :none ;*/ border-bottom: 1px solid #999; } /*imagen*/ .tblDocCeldaImg { width :100px; text-align :center ; } /*descrpicion*/ .tblDocCelda1 { font-size :large ; } /*Nombre recurso*/ .tblDocCeldaRes { font-size :large ; font-weight:bold ; padding-left :30px; } /*estado caducado*/ .tblDocCelda2_caducado { font-size :large ; color:#8080FF; } /*estado no presentado*/ .tblDocCelda2_nopresentado { font-size :large ; color:red; } /* boton*/ .tblDocCelda3 { width :100px; text-align :center ; } .ErrorTitA { width :80%; position :absolute; left:20px; top:20px; font-size :x-large; font-weight :bold; color :#606060; } .ErrorTitB { margin-top :-60px; border :none ; width :20%; vertical-align :top; text-align :right; /*position:absolute;*/ float:right ; top:30px; } .ErrorLogo { height :100px; vertical-align :middle ; } .ErrorLogoJump { height :30px; text-align :right ; float:right ; right :20px; } .lblDoc { position :absolute ; width :110%; font-size :xx-large ; color :#606060; text-align :center; top:20px; } .btnDoc { outline :0px; border :none ; border-width :0px; outline-color :white ; } /* ventana de aviso */ .aviso { display :none; position: absolute ; z-index: 2000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .2 ) ; } .contenidoAviso { position :absolute ; background-color :#E0E0E0; color :#404040; top:50%; left:50%; width:400px; margin-left :-200px; height :250px; margin-top :-125px; z-index :1000; background:url('/imagenes/body_bg.jpg') repeat-x left bottom #e5e5e5; border: 1px solid rgba(33, 33, 33, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; } #tituloAviso { font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5; padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; letter-spacing:0.3px; color:#888; } #textoAviso { font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5; padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; background:none; font-size:16px; line-height:1.4; padding-top: 35px; } #botonAviso { padding:15px 0 25px; text-align:center; } .btnAviso { cursor: pointer; display:inline-block; background:url('/imagenes/buttons.png') no-repeat; color:white; position:relative; height: 33px; font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-right: 15px; padding: 0 35px 0 40px; text-decoration:none; border:none; } /* boton nuevo en tablas de consultas*/ .btnNuevoTbl { background-color :red; color :white; float :right ; cursor :pointer ; color :white ; font-family :Verdana,Arial ; font-size :smaller ; vertical-align :central ; border :none ; cursor: pointer; text-align :right ; margin-top :-15px; margin-right :7px; margin-bottom :5px; } /* estilo para on/off */ .onoffswitch { position: relative; width: 60px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; height: 36px; padding: 0; line-height: 36px; border: 2px solid #CCCCCC; border-radius: 36px; background-color: #FFFFFF; transition: background-color 0.3s ease-in; } .onoffswitch-label:before { content: ""; display: block; width: 36px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 22px; border: 2px solid #CCCCCC; border-radius: 36px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #9BACD1; } .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before { border-color: #9BACD1; } .onoffswitch-checkbox:checked + .onoffswitch-label:before { right: 0px; } .wrapper input { max-height: 0; max-width: 0; opacity: 0; } .wrapper input + label { display: block; position: relative; box-shadow: inset 0 0 0px 1px #d5d5d5; text-indent: -5000px; text-size-adjust :auto; height: 20px; width: 50px; border-radius: 10px; top:-10px; cursor :pointer ; } .wrapper input + label:before { content: ""; position: absolute; display: block; height: 20px; width: 30px; top: 0; left: 0; border-radius: 10px; background: rgba(19, 191, 17, 0); -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } .wrapper input + label:after { content: ""; position: absolute; display: block; height: 20px; width: 30px; top: 0; left: 0px; border-radius: 10px; background: white; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2); -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } .wrapper input:checked + label:before { width: 50px; background: rgba(19, 191, 17, 1); } .wrapper input:checked + label:after { left: 20px; box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2); } .check_nv{ left:-1000px; display:none; } /*Tipos de agenda*/ .menu_sel_agenda { position :absolute ; width :280px; max-width :280px; height :auto ; margin-right :20px; /*padding :10px;*/ float :right ; list-style: none; right :0; border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; z-index :2000; } .Age_tbl { width :90%; } .Age_fil{ height :5px; } .Age_col1 { width :10px; } .Age_col2 { font-size: 10px; font-family: Arial, Verdana; padding-left :5px; } .Age_col3 { vertical-align :middle; width :50px; } .itipos { float :right ; } .cnt1{ position :absolute ; top:137px; left:9px; width :50px; height :19px; /*float :left ;*/ background-color :#F0F0F0; /*z-index :19;*/ } .barra_botones_agenda { margin-bottom :20px; margin-top:-20px; } .boton_verde { background-color :#497847; color :white ; /*height :20px;*/ border :none ; float :right ; margin-top :10px; /*width :200px;*/ cursor :pointer ; } .boton_rojo { background-color :#CC4233 ; color :white ; height :20px; border :none ; float :right ; margin-top :10px; width :200px; cursor :pointer ; } .img_bus_ficha{ margin-left :10px; } .img_bus_ficha_gris{ margin-left :10px; } /* botonera menu princiapl*/ .botonera { float:right ; margin-right :30px; padding-right :30px; margin-top :15px; z-index :10; } .botonera_image{ padding-right :10px; z-index :10; } .menu_iconos_barra { margin-top :-20px; position :absolute ; width :280px; max-width :280px; height :auto ; margin-right :20px; /*padding :10px;*/ float :right ; list-style: none; right :0; border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; z-index :2000; } .arbol{ font-size: 16px; font-family: Arial, Verdana; } .admon_arbol { width:28%; float :left; /*border :1px solid;*/ overflow :auto ; height :450px; } .admon_iconos{ margin-left :30%; text-align :right ; /*border :1px solid;*/ width :70%; height :30px; } .admon_contenidos{ margin-left :30%; height :400px; width :70%; /*border :1px solid ;*/ } .admon_campo_edit { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :97%; margin-top :10px; margin-bottom :10px; height :385px; } .admon_botones_iconos{ height :24px; padding-right :10px; } .admon_label{ float :left; text-align :left; } /*=================================================*/ /*Barra de iconos de favoritos*/ .menu_sel_iconos { /*margin-top :-20px;*/ position :absolute ; width :280px; max-width :280px; height :auto ; /*margin-right :140px;*/ /*padding :10px;*/ float :right ; list-style: none; right :0; border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; z-index :2000; } .botonera_image_img{ height :20px; } .botonera_image_lbl{ font-size: 12px; font-family: Arial, Verdana; } .botonera_image_lbl:hover { font-size: 12px; font-family: Arial, Verdana; /*font-weight :bold ;*/ } /*formato de las filas cuando pasa por encima*/ .fila_botonera:hover{ background-color: #EEEEEE; background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0)); background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e0e0e0'); } .celda_img_botonera { text-align :center ; } .tabla_botonera{ width :100%; cursor :pointer ; padding :0px 0px 0px 0px; } /* SQUARED FOUR */ .squaredFour { width: 20px; margin-bottom :20px; /*margin: 20px auto;*/ position: relative; } .squaredFour input[type=checkbox]{ display:none; } .squaredFour label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); } .squaredFour label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredFour label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5; } .squaredFour input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /*edit */ .tabla_campo { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; margin-top :1px; margin-bottom :1px; width :95%; } .tabla_campo2 { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; margin-top :1px; margin-bottom :1px; width :85%; } .tabla_campo_baja { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #FF0000; margin-top :1px; margin-bottom :1px; width :95%; } .tabla_campo2_baja { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #FF0000; margin-top :1px; margin-bottom :1px; width :85%; } .btn_save { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #859c77, green); background: -moz-linear-gradient(left, #859c77, green); background: -webkit-linear-gradient(left, #859c77, green); background: -o-linear-gradient(left, #859c77, green); color: white; margin-top :1px; margin-bottom :1px; width :100px; cursor :pointer ; float:right ; margin-right :5px; } /*numero*/ .blb { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :50px; margin-top :1px; margin-bottom :1px; } .MiTabla { width:100%; } .MiBoton{ margin-left :10px; margin-top :20px; border:none; width :42px; } .ImgDocMov { margin-top :16px; } .fila_tabla_doc { padding-top :30px; padding-bottom :30px; height :20px; } .FilUpMov { position :relative ; overflow :hidden ; margin-left :10px; width :107px; height :30px; font-size :large ; padding-top :10px; padding-bottom :10px; } .CelFilUpMov { } .boton_blue { background-color: #8080ff; background-color: #0080c0; color: #ffffff; cursor: pointer; border: none; font-size: 1.2em; font-weight: 400; padding: 5px; /*margin: 5px 0 6px 0;*/ height: 40px; width: 110px; margin-top: 10px; text-align: center; } th.headerSortUp { background-image: url('imagenes/asc.gif'); /*background-color: #3399FF;*/ background-repeat: no-repeat; background-position: center right; cursor: pointer; background-color: #808080; /* color:white; background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0)); background: -moz-linear-gradient(top, #808080, #c0c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0'); */ } th.headerSortDown { background-image: url('imagenes/desc.gif'); background-color: #3399FF; background-repeat: no-repeat; background-position: center right; cursor: pointer; background-color: #808080; } /* tables */ table.tablesorter { font-family:arial; /*background-color: #CDCDCD;*/ background-color: #3399FF; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { /*background-color: #e6EEEE;*/ background-color: #3399FF; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-image: url('imagenes/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align:top; } table.tablesorter tbody tr.odd td { /*background-color:#F0F0F6;*/ background-color: #3399FF; } table.tablesorter thead tr .headerSortUp { background-image: url('imagenes/asc.gif'); background-color: #3399FF; } table.tablesorter thead tr .headerSortDown { background-image: url('imagenes/desc.gif'); background-color: #3399FF; } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { /*background-color: #8dbdd8;*/ } /* etiqueta de año en el calendario*/ .lblano{ vertical-align :middle ; margin-left :15px; margin-right :15px; margin-bottom :50px; font-size :xx-large ; } .tblrotu { margin-left:100px; margin-top:20px; /*text-align :center ;*/ } .panel_cal{ text-align:center ; float:right ; margin-left :40px; position :center ; } .tit_tbl { font-family :Arial; font-size :x-large ; margin-bottom :100px; } .canvas { border :1px solid black; background-color :#000000; width :200px; height :200px; } .btn_canvas { width: 145px; padding: 0; margin: 0; font-size: 18px; } /* Partes por proyectos*/ .GridViewPry{ width :100%; } .Pryfila{ border-bottom-style :solid ; border-bottom-width :1px; border-bottom-color :#E0E0E0; background-color :white; font-size: 16px; font-family: Arial, Verdana; font-weight:normal; } .campo_edit_horas { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; width :100%; margin-top :1px; margin-bottom :1px; } .HeadPry{ font-size: 16px; font-family: Arial, Verdana; font-weight:normal; } .pry_rechazar{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; height: 50px; width :100px; margin-top: 1px; margin-bottom: 1px; cursor :pointer ; background-color:#FFAAAA; color:#FFFFFF; float :right; } .pry_rechazar:hover{ background-color:#FF0000; } .pry_aceptar{ border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; height: 50px; width :100px; margin-top: 1px; margin-bottom: 1px; cursor :pointer ; background-color:#AAFFAA; color:#FFFFFF; float :right; margin-right :10px; } .pry_aceptar:hover{ background-color:#00FF00; } .codigo { display :none ; position :absolute ; left :50%; top:50%; width :600px; height :300px; margin-top :-150px; margin-left :-301px; background-color :white; border :solid ; border-color :gray ; border-width:1px; text-align :center ; z-index :3000; overflow :visible ; } .totales_partes { width :50px; margin-left :10px; text-align :right ; } /* clase para los contenedores de iframes*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embed-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } .DivFilUp { background-color :red; border :1px solid black; } .SelecFile{ border :none ; background-color:transparent ; user-select :none ; color :transparent ; opacity: 0; /* oculta el boton */ border:solid ; /* margin-top :0px; vertical-align :top; */ vertical-align :top; margin-left :-32px; margin-top :00px; padding-bottom :-32px; height :32px; width :32px; text-decoration: none; font: 0px Arial; cursor: pointer; } .SelecFileImage { position :inherit; margin-left:25px; margin-top :5px; /*cursor: pointer;*/ } .lbl_justificado { font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; color: #2E3133; text-align :justify ; } .main_campo_tipo_reserva_m { /* border: 1px solid #DBE1EB; font-size: 10px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('imagenes/flecha.png'); background-position: right; background-position-x : 50%; background-repeat: no-repeat; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; margin-top :1px; margin-bottom :1px; float :right ; width :100px; cursor :pointer ; */ width:50px; height :40px; cursor :pointer ; text-align :right ; /*border: none;*/ font-size: 16px; font-family: Arial, Verdana; -webkit-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-image : url('/imagenes/human.png'); background-position: right; background-position-x : 90%; background-repeat: no-repeat; background-color :transparent; /*color :transparent ;*/ /*color: #2E3133;*/ margin-top :1px; margin-bottom :1px; cursor :pointer ; /* position :absolute ; border :none ; background-color:transparent ; user-select :none ; color :transparent ; background: url('/imagenes/clip.png') no-repeat; */ opacity: 0; /* oculta el boton */ /* margin-left :-30px; margin-top :0px; vertical-align :top; height :32px; width :32px; text-decoration: none; font: 0px Arial; cursor: pointer; */ } .imagetipos{ z-index:-300; position :absolute ; top:50px; right :30px; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embed-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } /* formateo de las tablas */ .tabla_ficha_demo { width: 50%; color: #202020; border :none ; overflow-x :hidden ; } .pan_flotante { position :relative ; top:10px; width :40%; float :right ; text-align :center ; /*margin-top :-290px;*/ } .btn_key { width :100px; height :100px; font-weight:bolder; font-size:30px; } .btn_borrar { width :201px; height :100px; background-color :red; color:white ; font-weight:bolder; font-size:30px; } .btn_aceptar { width :80px; height :80px; background-color :green; color:white ; font-weight:bolder; font-size:30px; } .menu_bar_mod { position : absolute ; margin-left :1px; margin-top :15px; } .boton_verde_na { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; height: 50px; width :100px; margin-top: 1px; margin-bottom: 1px; cursor :pointer ; /*position :absolute ; margin-right :70px; right :0;*/ float :right; width:100px; background-color :#006c36 ; color:#FFFFFF; } .boton_rojo_na { border: 1px solid #DBE1EB; font-size: 16px; font-family: Arial, Verdana; padding-left: 7px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; height: 50px; width :100px; margin-top: 1px; margin-bottom: 1px; cursor :pointer ; float :right; width:100px; background-color:#C40000; color:#FFFFFF; } /* calendario mensual */ cal_tabla{ width:100%; } .cal_mensual_cabecera{ border-style :solid ; background-color :black ; color :white ; } .cal_mensual_filas{ border-style :solid ; border-color:#808080; } .tblrotucal { margin-left: 2px; margin-top: 5px; } .lblano_pan{ border:solid ; /*vertical-align :middle ;*/ margin-left :5px; margin-right :15px; vertical-align :middle ; font-size :xx-large; height :40px; } .lblmes_pan{ border:solid ; /*vertical-align :middle ;*/ margin-left :15px; margin-right :5px; vertical-align :middle ; font-size :xx-large; height :40px; } .field{ border-style :none ; width:auto ; line-height:200px; margin:0px auto; text-align:center; padding :0; } .field img { vertical-align:middle; } .field_txt{ background-size: 100%; box-sizing: border-box; text-align :center ; display :block; } .marginAuto { margin: 0 auto; padding-top :100px; width: 400px; } .alin { text-align:center !important; margin-top: 5em; }