/*
** UI-RESET-CSS - html5doctor.com Reset Stylesheet v1.6.1
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; }

div,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{ display:block; vertical-align:top;  }

blockquote:before, blockquote:after, q:before, q:after
{ content: ''; content: none; }

@media handheld { /* rules for handheld devices */ }
@media print    { /* rules for printer devices */ }

/*
** UI-MASWEB-FRAMEWORK-CSS (clases)
*/
body
{ font-size: 100%; font-family: Geneva, Helvetica, Trebuchet, sans-serif; color: #123; padding: 0 !important; }

/*
** HTML: div, a (.link), img, p, pre, blockquote, hr, br, iframe, .frame
** HTML5: header, footer, hgroup, article, section, aside, nav, nav ul, nav ul li
*/
p, blockquote, hr, br       { margin: 0; float: none; clear: both; white-space: normal; text-align: left; vertical-align: top; }
pre                         { font-family: Monaco, Lucida Console, mosospace; white-space: pre-wrap; }

hr, br                      { text-align: center; vertical-align: middle; }
hr                          { border-top: 1px solid #888; }

a, a:link, a:visited        { color: #000; text-decoration: none; }
a:hover, a:active           { color: #28F; text-decoration: underline; }
a[name='print']             { float: none; clear: both; display: inline-block; }
.link, a.link:link, a.link:visited { color: #28F; text-decoration: none; }
.link:hover, a.link:hover, a.link:active  { cursor: pointer; color: #000; text-decoration: none; }

img     { margin: 0 auto; padding: 0; text-decoration: none; border: none; display: inline-block; vertical-align: inherit; vertical-align: middle; }
.img    { border: 1px solid #FFF; padding: 0; box-shadow: 0em 0.1em 0.5em #CCC; }
.pic    { border: 1px solid #000; margin: 0.8em; padding: 0.8em; border-radius: 0.4em; }

/* HTML5 */
header, footer, hgroup  { }
article, section, aside { }
nav, nav ul, nav ul li  { }

iframe, iframe>html, iframe>body 
{ float: none; clear: both; margin: 0 auto; padding: 0; width: 100%; display: block; }

/*
** HTML: h1, h1, h3, h4, h5, h6, strong, span,
** HTML5: mark, address, sup, sub, hr, br, del, abbr
*/
h1, h2, h3, h4, h5, h6 { cursor: default; float: none; clear: both; text-align: left; font-weight: bolder; display: block; }
h1 { font-size: 1.6em; line-height: 1.6em; }
h2 { font-size: 1.4em; line-height: 1.4em; }
h3 { font-size: 1.3em; line-height: 1.3em; }
h4 { font-size: 1.2em; line-height: 1.2em; }

/* HTML5 */
mark, ins { color: #000; font-size: 1.2em; text-decoration: underline; }
address   { font-style: italic; text-decoration: underline; }
sup       { font-size: 0.8em; vertical-align: text-top;  }
sub       { font-size: 0.8em; vertical-align: text-bottom; }
del                     { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/*
** HTML: listas, formularios y tablas generales con sus elementos internos
*/
ul, ol        { float: none; clear: both; list-style: none; line-height: 1.25em; }
ul li, ol li  { margin: 0; padding: 0; list-style: none; line-height: inherit;  }
ul.list       { margin: 0.25em 0em; padding-left: 1.5em; }
ul.list li    { list-style: disc inside none; vertical-align: top; }

/* formularios */
form, form+div, form+table, table+form, .form
{ float: none; clear: both; text-align: left; margin: 0 auto; vertical-align: top; display: block; }
fieldset, .group  { margin: 0 auto; padding: 1em 1.5em; }
fieldset, .fieldset { border: 1px solid #AAA; border-radius: 6px; display: block; }
legend    { font-size: 1.4em; font-family: Monaco, Arial Narrow, Palatino, serif; color: #444; line-height: 1.4em; text-align: left; border-radius: 5px; display: block; }
label, .label { color: #888; color: #888; font-size: inherit; font-weight: normal; }
input, .input, textarea { margin: 0.1em; padding: 0.1em; font-size: inherit; vertical-align: middle; }
input[type="text"], input[type="password"]  { text-indent: 0.25em; height: 1.25em; line-height: 1.5em; }
input[type="radio"], input[type="checkbox"] { vertical-align: middle; }
input[type="image"], input[type="file"], input[type="submit"] { }
textarea  { text-indent: 0.25em each-line; font-size: 1.25em; line-height: 1.25em; border: 1px solid #AAA; }
.textarea { height: 50px; width: 50%; padding: 1em; border-radius: 6px; border: 1px solid #CCC; overflow: auto; }
select    { vertical-align: auto; font-size: inherit; border: 1px solid #AAA; border-radius: 3px; margin: 0.2em; padding: 0px; background-color: #FFF; }
option    { vertical-align: middle; font-family: sans-serif; background-color: #FFF; line-height: 1.5em;  }

/*
** Clases especiales de reseteo: .normal .none .hover .round .mark .fluor
*/
.none         { margin: 0px; padding: 0px; text-align: left; vertical-align: inherit; border: none; background: transparent; text-decoration: none; list-style: none none inside; position: static !important; }
.none:hover   { border: none; background: transparent; text-decoration: none; }
.reset        { float: left; clear: none; margin: 0px; padding: 0px; text-align: inherit !important; vertical-align: inherit !important; display: inline-block; position: fixed; }
.hide         { display: none !important; visibility: hidden !important; }
.point        { cursor: pointer; }
.point *      { cursor: pointer !important; }
.hover        { outline: none; overflow: visible; opacity: 0.8;  filter: alpha(opacity=80); }
.hover:hover  { cursor: pointer; opacity: 1; filter:alpha(opacity=100); }
.dragdrop       { margin: 0 0.25em; display: block; border: 1px dashed #0AF; radius-border: 5px; }
.dragdrop:hover { cursor: pointer; opacity: 1; filter:alpha(opacity=100); }
.holder         { height: 3em; display: block; border: 1px dashed #0AF; radius-border: 5px; background: #EEE; }
.holder:hover   { cursor: pointer; opacity: 1; filter:alpha(opacity=100); border: 2px dashed  #0AF;  background: #AAA; }
.active        { font-weight: bold; }
.beta         { outline: none; overflow: visible; opacity: 0.5; filter: alpha(opacity=50); }
.beta:hover   { cursor: pointer; opacity: 0.8; filter:alpha(opacity=100); }
.round        { border: 1px solid #AAA; border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; }
.fluor        { color: #FFF; margin: 0px 4px; padding: 0px 4px; background-color: #08F; font-weight: bold; outline: 1px solid #2AF; }
.tagged       { color: inherit; background-color: inherit; opacity: 0.5; filter: alpha(opacity=50); }

/*
** Clases de distribución: .row .col .coll .cell .left .right .center .middle .full .tab .print .noprint, .hide
*/
.row, .raw, .col, .coll, .cell { padding: 0px !important; margin: 0px !important; display: block !important; overflow: hidden !important; }
.row      { float: none !important; clear: both !important; height: auto !important; }
.raw      { float: none !important; clear: both !important; height: auto !important; width: 100%; }
.col      { float: left !important; clear: none !important; width: 49% !important;  }
.cel      { float: left !important; clear: none !important; width: 24% !important; }
.coll     { float: left !important; clear: none !important; width: 69% !important; }
.cell     { float: left !important; clear: none !important; width: 29% !important; }
.cols     { float: left !important; clear: none !important; width: 59% !important; }
.cels     { float: left !important; clear: none !important; width: 39% !important; }
.fix      { float: none !important; clear: both !important; padding: 0px !important; margin: 0px !important; display: block !important; overflow: visible !important; }
.box      { margin: 0.5em 1em;  line-height: 1em; padding: 0.25em 0.5em !important; }
.xbox     { border: 1px solid #456; margin: 0.5em 1em;  line-height: 1em; padding: 0.25em 0.5em !important; }
.full     { float: none !important; clear: none !important; width: auto !important; display: block !important; }
.left     { float: left !important; clear: none; text-align: left !important; vertical-align: top; margin: 0 auto 0 0; }
.right    { float: right !important; clear: none; text-align: right !important; vertical-align: top; margin: 0 0 0 auto; }
.center   { float: none !important; clear: none; text-align: center !important; vertical-align: middle; margin: 0 auto !important; }
.middle   { vertical-align: middle !important; margin: auto 0;}
.top      { vertical-align: top !important; margin: auto 0;}
.rel      { position: relative; }
.abs      { position: absolute; }

.tab      { padding: 0 2.5em; } /*deprecated->box*/
.pad      { padding: 0.2em 0.6em; } /*deprecated->box*/
.simple   { line-height: 1.2em !important; }
.double   { line-height: 2em !important; }
.triple   { line-height: 3em !important; }
.back     { color: #123; background-color: #EEE; }
.list, ul.list  { margin: 0.5em 1.5em; list-style: disc inside none; text-align: left; }
.list li        { list-style: disc inside none; }
.print    { page-break-before: always; }
@media print {  .noprint { display: none; }  }

/*
** Clases de texto: .min .mini .maxi .max .nowrap .textLeft .textCenter .textRight .textFull
*/
.min        { font-size: 0.6em; font-weight: normal; }
.mini       { font-size: 0.8em; font-weight: normal; }
.maxi       { font-size: 1.4em; font-weight: bold; }
.max        { font-size: 1.8em; font-weight: bolder; }
.textLeft   { text-align: left; }
.textCenter { text-align: center; }
.textRight  { text-align: right; }
.textFull   { text-align: justify; }
.imgLeft   { float: left; clear: none; padding-right: 0.5em; }
.imgCenter { float: none; margin: 0px auto; clear: none; padding: 0 0.5em;  }
.imgRight  { float: right; clear: none; padding-left: 0.5em; }
.tiny       { font-weight: lighter !important; }
.strong     { font-weight: bolder !important; }
.normal     { font-weight: normal !important; }
.italic     { font-style: italic !important; }
.under      { text-decoration: underline !important; }
.cross      { text-decoration: line-through !important; }

.nowrap     { white-space: nowrap !important; }
.nowrap *   { white-space: nowrap !important; }
.nolist     { list-style: none !important; }
.nolist ul, .nolist li    { list-style: inside none !important; }
.noborder   { border: none !important; }
.nomargin   { margin: 0 !important; }
.nopadding  { padding: 0 !important; }
.noback     { background-image: none !important; background-color: transparent !important; }

/*
** XHTML: formularios y tablas: .xform .xtable .ytable
*/
.xform  /* formulario alineado en campos */
  { vertical-align: middle; text-align: left; overflow: visible;  }
.xform label, .xform ul
  { float: left; clear: left; width: 34%; margin: 0.25em 0; }
.xform input, .xform select, .xform textarea, .xform div+div, .xform .mceEditor
  { float: left; clear: none;/*max-width: 60%;*/ margin: 0.25em 0; padding: 0 0.25em; }
.xform .mceEditor { float: none; clear: both; }
.xform input[type="hidden"] { display: none; visibility: hidden; }
.xform input[type="file"]   { width: 15em; height: auto !important; }
.xform input[type="submit"] { float: inherit; clear: inherit; }
form .tinymce { line-height: 0.5em; }


table.xform { border: 2px solid #F0F0F0; margin: 0.5em auto; padding: 0.25em 0.75em; border-radius: 5px; }
table.xform input, table.xform label, table.xform select, table.xform textarea, table.xform div+div, table.xform table.mceEditor
  { float: left; clear: none; margin: 0.1em 0; padding: 0 0.2em; width: auto; display: block; }
table.xform ul, table.xform ul li { float: left; clear: both; margin: 0px; width: 100%; display: inline-block; }

/* tablas */
table, caption, tbody, thead, tfoot, table tr, table form, table p
.table { margin: 0px; padding: 0; vertical-align: top; width: 100%; }
table.table { margin: 0px auto; width: auto; }
th { margin: 0; padding: 0; vertical-align: middle;  background: none; }
td { margin: 0; padding: 0; vertical-align: inherit; background: none; }

/* tabla: .xtable para listas y formularios */
.xtable { border-collapse: collapse; width: 100%; vertical-align: middle; }
.xtable tr, tr.xtable { background-color: #EEE; vertical-align: inherit; }
.xtable td, td.xtable, .xtable th, th.xtable { border: 1px solid #FFF; line-height: 1.25em; padding: 0.25em; vertical-align: inherit; }

/*
** XHTML: campos y mensajes: .helper .private .required .msg, .msgInfo, .msgAlert .msgError
*/
.helper, .optional, .required  { border-radius: 4px; background-position: left top; border: 1px solid #AAA; padding-right: 16px; border: 1px solid #888; background-color: #FAFAFA; background-position: center right; background-repeat: no-repeat; }
.helper     { background-image: url(./xhtml/helper.png); }
.optional   { background-image: url(./xhtml/optional.png); }
.required   { background-image: url(./xhtml/required.png); }

/*
** UI-MASWEB-CSS - estilos de componentes
*/

.ui { margin: 0; padding: 0; border: 0px !important; display: inherid !important; } /* ui-reset */

/* sf-admin */

#sf_admin_container
{
  font-size: 0.85em;
  float: none !important;
  clear: both !important;
  margin: 0px !important;
}
ul.sf_admin_td_actions { text-indent: none; display: block !important; }
ul.sf_admin_td_actions li { line-height: 1.5em !important; display: inline-block !important; }

/* mw-navegacion & mw-enlaces & mw-navegar */

ul.nav li  { line-height: 1.65em; }
ul.nav ul  { font-size: 0.85em; }
ul.nav a   { display: block; font-weight: normal; white-space: nowrap; }
ul.nav li.active a.link, a.active { font-weight: bolder; }

ul.nav a.active { font-weight: bolder; }

.navs { display: inline-block; font-size: 0.85em; text-align: center; line-height: 2em; }
.navs a.link { padding: 0 1em; border-left: 1px solid #EEE; }

/* gw-calendario (div.datepick) */
div.datepick {  width: 200px; }
div.datepick div { width: 100%;  } /*overload*/
div.datepick-multi { background-color: transparent; } /*overload*/
div.datepick-multi div.datepick-month { width: 50%; } /*overload*/
div.datepick table th { width: 2em; }
div.datepick table td { height: 1.5em; line-height: 1.5em; } /*overload*/

#gw-calendario div.datepick { width: 100%; width: auto !important; font-size: 100%; }
#gw-calendario div.datepick { font-size: 1em; } /*overload*/

/* gw-geomapa */
div.geomapa   { z-index: 900; width: 900px; height: 500px; border: 1px solid #CCC; border-radius: 8px; }
div.geomapa   { z-index: 900; position: absolute; top: 0px; left: 2%; width: 96%; height: 96%; margin: 2% auto; height: 800px; border: 1px solid #CCC; border-radius: 8px;  box-shadow: 0em 0em 1em #000; }
.geomapa-info { margin: 0px; padding: 0px; width: 300px; font-size: 0.85em; }
.geomapa-info * { margin: 0px; padding: 0px;  line-height: 1.2em; }
.geomapa-info hr { line-height: 0.5em; margin: 4px 0px; border-color: #CCC; }
.geomapa-info h3 { line-height: 1.4em; float: left; clear: none; }
.geomapa-info h4 { line-height: 1.4em; float: right; padding-right: 1em; clear: none; }
.geomapa-info img { padding: 4px; }

/* mw-traductor */
.goog-te-gadget-icon
{
  background-position: 2px 2px !important;
  background-repeat: no-repeat !important;
  background-image: url('./xhtml/language.png') !important;
}

/* tinyMCE: browser plugin */
.mceIframeContainer { vertical-align: top !important; }
.mceGoogleMap       { min-height: 128px; min-width: 128px; display: inline-table; font-size: 0.7em; }
.mceGoogleMap div   { display: block; }
.tiny_gmap_li, ul li.tiny_gmap_li { list-style: none !important; }

/* TinyMCE: editor wysing */
.mceContentBody ul li { list-style: inside disc none; }
.mceToolbar { margin: 0px; padding: 0px; }

/* mw-flash */
.mw-flash { float: none; clear: both; padding: 0.5em; display: block; }
.msg, .msgInfo, .msgAlert, .msgError
{
  float: none; clear: none; display: block;
  vertical-align: middle; white-space: nowrap;
  margin: 0px; padding-left: 1.5em; line-height: 1.5em;
  font-size: 1em; color: #08F;
  background-position: left center; background-color: transparent; background-repeat: no-repeat;
}
ul.error_list, ul.error_list li  { float: none; clear: both; display: block; margin-bottom: 0.2em; }
ul.error_list     { position: relative; margin-left: -1.2em; height: 1.2em; overflow: visible; display: block; }
ul.error_list li  { position: absolute; line-height: 1.2em; overflow: visible; display: block; }

/* mw-plugins */
div.altcaptcha   { float: left; clear: none; display: inline; vertical-align: top; }
input.altcaptcha { display: inline; font-size: 1.2em; font-weight: bolder; text-align: center; }

.msgInfo  { color: #08F; background-image: url(./xhtml/info.png); }
.msgAlert { color: #C80; background-image: url(./xhtml/alert.png); }
.msgError { color: #C00; background-image: url(./xhtml/error.png); }

.socialbar { vertical-align: middle !important; white-space: nowrap; }
div.socialbar>div:nth-child(1) { width: 172px !important; height: 20px; padding: 2px; }
div.socialbar>div:nth-child(2) { width: 144px !important; height: 20px; padding: 2px; }
div.socialbar>div:nth-child(3) { width: 85px !important;  height: 20px; padding: 2px; }