﻿body, html, form { height: 100%; min-height: 100%; margin-top: 0; padding: 0px; margin: 0px; }
body { background-color: #FAFAFA; font-size: 12px; color: #333; }
body, textarea { font-family: Tahoma, Verdana, Geneva, sans-serif !important; }
/* Miscelaneus */
h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h1, h2, h3, h4 { font-weight: bold; }
div.fl { float: left; }
div.fr { float: right; }
div.cl { clear: both; }
div.padd { padding: 10px; margin: 0; }
div.paddHalf { padding: 5px; margin: 0; }
a { text-decoration: none; color: #069; }
a:hover { text-decoration: underline; }
hr { border-top: 1px solid #999; }
.hidden { display: none; }
form { margin: 0px; padding: 0px; }
input[type="submit"], input[type="button"] { transition: 0.25s all; background: #848488; font-weight: normal; color: #fff !important; padding: 4px 8px; border: 0; margin: 2px; cursor: pointer; }
input[type="submit"]:hover, input[type="button"]:hover { color: #848488 !important; background: #D1d1d1; }
input[type="text"], input[type="password"], select, textarea { border: 1px solid #9e9e9e; color: #333; }
input[type="submit"].botonEdicion, input[type="button"].botonEdicion { margin: 5px 0; }
textarea { font-size: 11px; }
legend { font-weight: bold; }
fieldset { border: 1px solid #cdcdcd; border-radius: 5px; }
fieldset:hover { background: white; }
.wrapper, .footer { margin: 0 auto; background: url(../../images/WrapperBg.gif) repeat-y; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px; width: 940px; padding: 0 20px; }
/* Header */
div.header { padding: 10px 0 0 0; position: fixed; z-index: 100; width: 940px; background-color: #FFF; }
div.header .paddHalf { border-bottom: 10px solid #00ACBA; }
.headerSepFlow { height: 103px; _height: 0; }
.header img { border: none; }
.header .headerUserInfo { float: right; text-align: center; height: 50px; }
.header .headerUserInfo span { /*display:block;  */ font-size: 16px; }
.header .headerUserInfo div { padding: 8px 0; }
.header .headerUserInfo a { font-size: 11px; color: #D60056; }
.header .AppInfo h3, .header .AppInfo span { color: #999; }
.header .AppInfo h3 { margin-bottom: 5px; }
.content { padding-bottom: 30px; }
.sectionTitle { padding: 2px 5px; }
.sectionTitle span { font-size: 12px; font-weight: bold; color: #333; }
.sectionTitle img { border: 0; height: 18px; }
.configButtoms img { border: 0; cursor: pointer; }
/* Footer */
.footer { font-size: 11px; width: 960px; }
.wrapper .footer { margin: 0 0 0 -10px; }
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; }
.footer .footerContent { background-color: #999999; color: #fff; text-align: center; padding: 3px; position: fixed; bottom: 0; width: 954px; height: 14px; }
/* Box */
.box { background-color: #dddddd !important; font-family: Tahoma, Verdana, Geneva, sans-serif !important; }
.boxTitle { background: #646464 none repeat scroll 0 0 !important; font-size: 13px; color: #fff; }
.sectionTitle, .menuTop ul li a.selected, legend, input, select, textarea { color: #1a5579; }
.accordionPaneHeader { border: 1px solid #cdcdcd; cursor: pointer; font-size: 11px; font-weight: bold; background: #dfe9f5; padding: 5px; }
.accordionPaneContent { overflow: auto; padding: 7px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f1f1f0; }
.sectionTitle { font-weight: bold; }
.boxTitle div { padding-left: 4px; }
.boxTitle span { display: block; padding: 5px; }
.boxContent { overflow: auto; padding: 7px; }
.boxPrincipal { background-color: #dddddd; padding: 10px; }
/* Menus */
.menuTop { background: #646464 none repeat scroll 0 0; height: 32px; margin-top: 1px; }
.menuTop ul, .menuVertical ul, .menuHorizontal ul { list-style-type: none; padding: 0; margin: 0; }
.menuTop ul li { display: block; float: left; }
.menuTop ul li a { font-size: 13px; display: block; padding: 7px 10px 9px 10px; color: #FFF; text-decoration: none; transition: all 0.25s ease 0s; }
.menuTop ul li a:hover { color: #00acba; }
.menuTop ul li a.selected { background: #333; color: #fff; }
.menuVertical ul li, .menuVertical ul li a { display: block; }
.menuVertical ul li, .menuHorizontal ul li { background-color: #f1f1f0; }
.menuVertical ul li a, .menuHorizontal ul li a { background-position: 3px center; padding: 2px 8px 3px 20px; color: #333; }
.menuVertical ul li a, .menuHorizontal ul li a, .menuVertical ul li.selected a, .menuHorizontal ul li.selected a { border: 1px solid #BBBBBB; }
.menuVertical ul li { margin-bottom: 2px; }
.menuVertical ul li a { _height: 13px; }
.menuVertical ul li.selected, .menuHorizontal ul li.selected { background-color: #646464; }
.menuVertical ul li.selected a, .menuHorizontal ul li.selected a { color: #fff; }
.menuVertical ul li a:hover, .menuHorizontal ul li a:hover { color: #999; text-decoration: none; }
.menuHorizontal { height: 21px; background-color: #f5f5f5; }
.menuHorizontal ul li, .menuHorizontal ul li a { display: block; }
.menuHorizontal ul li { float: left; margin-right: 3px; }
/* grids */
.grid960_12_1 { width: 60px; }
.grid960_12_2 { width: 140px; }
.grid960_12_3 { width: 220px; }
.grid960_12_4 { width: 300px; }
.grid960_12_5 { width: 380px; }
.grid960_12_6 { width: 460px; }
.grid960_12_7 { width: 540px; }
.grid960_12_8 { width: 620px; }
.grid960_12_9 { width: 700px; }
.grid960_12_10 { width: 780px; }
.grid960_12_11 { width: 860px; }
/* Notifications */
.notificacion { z-index: 1002; width: 940px; font-size: 11px; font-style: italic; background-position: 2px 4px; position: fixed; _position: absolute; }
.notificacionControles { float: right; padding: 3px 3px 0 0; }
.notificacionContenido { display: block; }
.notificacionError, .notificacionExcepcion { border-color: #D60056; color: #D60056; border-style: solid; border-width: 1px; }
.notificacionError { background: url('../../images/iconError15x15.png') no-repeat #F8CCDB; }
.notificacionExcepcion { border-color: #aa3535; background: url('../../images/iconException15x15.png') no-repeat #F8CCDB; }
.notificacionError hr, .notificacionExcepcion hr { border-top: 1px solid #a70304; }
.notificacionAdvertencia { border-color: #FF5000; color: #FF5000; background: url('../../images/iconWarning15x15.png') no-repeat #FFF8CC; border-style: solid; border-width: 1px; }
.notificacionAdvertencia hr { border-top: 1px solid #FF5000; }
.notificacionInformacion { border-color: #011689; color: #011689; background: url('../../images/iconInformation15x15.png') no-repeat #CBD0E6; border-style: solid; border-width: 1px; }
.notificacionInformacion hr { border-top: 1px solid #011689; }
.notificacionRealizado { border-color: #3fae2b; color: #4d6100; background: url('../../images/iconDone15x15.png') no-repeat #daeed5; border-style: solid; border-width: 1px; }
.notificacionRealizado hr { border-top: 1px solid #3fae2b; }
.notificacionError, .notificacionAdvertencia, .notificacionInformacion, .notificacionRealizado, .notificacionExcepcion { padding: 5px 5px 5px 18px; background-position: 0px 5px; }
.notificacionCerrar, .notificacionAnclar { font-size: 8px; border-style: solid; border-width: 1px; padding: 1px 2px; font-style: normal; cursor: pointer; color: #333; border-color: #ccc; background-color: #fff; }
/* Loading */
.loading { display: none; }
.loading .bg { position: fixed; _position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; }
.loading .content { position: fixed; _position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; z-index: 1001; border-radius: 5px; text-align: center; background-color: #FFF; padding: 8px; border: 1px solid #CCC; color: #1a5579; width: 140px; box-shadow: 0px -3px 3px rgba(180, 180, 180, 0.5); }
.loading a { display: block; width: 72px; height: 20px; background-image: url(../../images/stopButtom.gif); color: #FFF; margin: 5px auto 0 auto; }
.loadingSmall { display: none; width: 16px; height: 16px; z-index: 100; background-color: #FFF; padding: 2px; background: url(../../images/loadingSmall.gif) no-repeat center center; border: 1px solid #CCC; }
/**/
image.imageTree { display: block; padding: 0 3px 3px 3px; }
.textBoxFilterDate, .textBoxFilterDateDisabled { border: 1px solid #6ba5cc !important; width: 70px; }
.textBoxFilterDateDisabled { border: 1px solid #a8a8a8 !important; background-color: #F0F0F0; color: #CCC !important; }
.textoValidador { color: red; font-size: 11px; font-style: italic; }
.sectionTitle .fl img { position: relative; top: 4px; margin-right: 3px; }
.sectionTitle .fl { color: #333 !important; font-weight: bold; display: inline-block; margin-bottom: 6px; }
/*Tabs*/
a.ajax__tab_tab { color: #65646a; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, .ajax__tab_xp .ajax__tab_header .ajax__tab_inner, .ajax__tab_xp .ajax__tab_header .ajax__tab_outer { background: #f3f3f4 none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab { border: 1px solid #d0d1d3; font-size: 13px; padding: 6px 12px !important; }
.ajax__tab_xp .ajax__tab_body { background: white none repeat scroll 0 0 !important; border-color: #d0d1d3 !important; padding: 20px !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background: white none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab:hover { background: white none repeat scroll 0 0 !important; cursor: default; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner { padding-left: 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer { margin-right: 0 !important; padding-right: 0 !important; }
.ajax__tab_xp .ajax__tab_header { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab { height: auto !important; }
.ajax__tab_active .ajax__tab_tab { border-bottom-color: Transparent !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer { height: auto !important; }
.ajax__tab_container { background: #ddd none repeat scroll 0 0 !important; padding: 5px !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { background: #e0e0e1 none repeat scroll 0 0 !important; }
.ajax__tab_active.ajax__tab_hover { background: white none repeat scroll 0 0 !important; }
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:active { text-decoration: none; }
