/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate   */

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 {
    margin:0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;overflow: visible}
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

/*::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }*/

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #142B78; }
a:hover { color: #036; }


/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:58px; }
.grid_2 { width:19%; }
.grid_3 { width:218px; }
.grid_4 { width:19%; }
.grid_5 { width:378px; }
.grid_6 { width:458px; }
.grid_7 { width:538px; }
.grid_8 { width:79%; }
.grid_9 { width:698px; }
.grid_10 { width:79%; }
.grid_11 { width:858px; }
.grid_12 { width:99%; }

.column {
    margin: 0 5px;
    overflow: hidden;
    float: left;
    display: inline;
}
.row {
    min-width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.row .row {
    margin: 0 -10px;
    width: auto;
    display: inline-block;
}

/* Formalize! */
/* `Widths
----------------------------------------------------------------------------------------------------*/

.input_tiny {
    width: 40px;
}

.input_small {
    width: 60px;
}
.input_small2 {
    width: 40px;
}
.input_tiny2 {
    width: 15px;
}

.input_medium {
    width: 100px;
}

.input_large {
    width: 125px;
}

.input_xlarge {
    width: 150px;
}

.input_xxlarge {
    width: 200px;
}

.input_xxxlarge {
    width: 250px;
}
.input_xxxlargex {
    width: 500px;
}

.input_full {
    width: 100%;
}
.input_large_multiple {
    width:125px;
}
.input_xlarge_multiple {
    width:150px;
}
.input_xxlarge_multiple {
    width:200px;
}
.input_tiny, .input_small, .input_small2, .input_tiny2, .input_medium, .input_large, .input_xlarge, .input_xxlarge, .input_xxxlarge,.input_full,.input_large_multiple, .input_xlarge_multiple, .input_xxlarge_multiple {
    font-size: 10px;   
}

/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
    display: block;
    padding-right: 0px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

input,
button,
select,
textarea {
    margin: 0;
    vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
    /*    position: relative;*/
    vertical-align: middle;
    top: 3px;
    /* IE8, IE9, IE10 */
    top: 0\0;
    /* IE7 */
    *top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
    input[type="radio"],
    input[type="checkbox"] {
        vertical-align: baseline;
        top: 2px;
    }
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
    input[type="radio"],
    input[type="checkbox"] {
        vertical-align: baseline;
        top: 0;
    }
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
    input[type="radio"],
    input[type="checkbox"] {
        vertical-align: baseline;
        top: 0;
    }
}

button,
input[type="reset"],
input[type="file"],
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background: #ddd url('/img/button.png') repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    color: #000;
    /*
      Helvetica Neue present, because it works better
      for line-height on buttons than Arial, on OS X.
    */
    /*    bold*/
    font:  9px/0.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    outline: 0;
    overflow: visible;
    padding: 1px 5px;
    /*    text-shadow: #fff 0 1px 1px;*/
    width: auto;
    height: 15px;

    /* IE7 */
    *padding-top: 2px;
    *padding-bottom: 0px;
}

button {
    /* IE7 */
    *padding-top: 1px;
    *padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="entero"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    /*    -webkit-appearance: none;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    /*    color: #fff;*/
    outline: 0;
    padding: 2px 3px;
    font-size: 13px;
    /*
      Leaving out Helvetica Neue, to not throw off size="..."
      on inputs. Arial is more reliable, on Windows and OS X.
    */
    font-family: 'Varela', Arial, 'Liberation Sans', FreeSans, sans-serif;
    height: 1.8em;

    /* IE7 */
    *padding-top: 2px;
    *padding-bottom: 1px;
    *height: auto;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
    color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
    color: #888;
}

:invalid {
    /*
      Suppress red glow that Firefox
      adds to form fields by default,
      even when user is still typing.
    */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    -moz-box-shadow: #06f 0 0 7px;
    -webkit-box-shadow: #06f 0 0 7px;
    box-shadow: #06f 0 0 7px;

    /* for Opera */
    z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="entero"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
    background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #888;
    cursor: default;
}

textarea,
select[size],
select[multiple] {
    height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
    select {
        /*        background-image: url('/img/select_arrow.gif');*/
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }

    select[size],
    select[multiple] {
        background-image: none;
        padding: 0;
    }

    ::-webkit-validation-bubble-message {
        box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
        border: 1px solid;
        border-color: #747474 #5e5e5e #4f4f4f;
        color: #fff;
        font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
        padding: 15px 15px 17px;
        text-shadow: #000 0 0 1px;
    }

    ::-webkit-validation-bubble-arrow,
    ::-webkit-validation-bubble-top-outer-arrow,
    ::-webkit-validation-bubble-top-inner-arrow {
        display: none;
    }
}

textarea {
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
}

optgroup {
    color: #000;
    font-style: normal;
    font-weight: normal;
}

/* `IE6
----------------------------------------------------------------------------------------------------*/

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

.ie6_button,
* html button {
    background: #ddd url('/img/button.png') repeat-x;
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    /*    color: #fff;*/
    font: bold 12px/1.2 Arial, sans-serif;
    padding: 2px 10px 0px;
    overflow: visible;
    width: auto;
}

* html button {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
    background: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    padding: 2px 3px 1px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    vertical-align: top;
}

* html select {
    margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
    color: #888;
}

.ie6_input_disabled {
    background: #eee;
}


/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/


/*=======================Marco============================*/

/*Fonts*/
@font-face {
    font-family: 'Myriad';
    src: url('/fonts/MyriadProCond.ttf');
}
/*@font-face {
    font-family: 'Myriad';
    src: url('/fonts/MyriadProCond.ttf');
}
@font-face {
    font-family: 'Lora-Regular';
    src: url('/fonts/MyriadProCond.ttf');
}*/
@font-face {
    font-family: 'Lora';
    src: url('/fonts/Lora-Regular.ttf');
}

body, input, textarea, select, button {
    text-rendering: optimizeLegibility;
    text-shadow: 0 0 1px rgba(0,0,0,0.01);
}

body {
    background:#E0EBF3;
    font:normal normal 15px/1.7em Arial, Sans-Serif;
    color: #000;
}

h1,h2,h3,h4,h5,h6 {font-family:Arial,Sans-Serif;}

.centered{
    width: 600px;
    margin: 0 auto;
    padding: 5px;
    overflow: hidden;
    display: block;
}

/* info */
.info {
    border-top:4px solid #607890;
    background-color:#f2f2f2;
    display:block;
    overflow:hidden;
    min-width: 1100px;
    max-width: 100%;
    /*    padding:9px 0 6px;*/
    color:#666;
    border-bottom:1px solid #CABCBB;
    -moz-box-shadow:0px 1px 5px #888;
    -webkit-box-shadow:0px 1px 5px #888;
    box-shadow:0px 1px 5px #888;
    background-image: -moz-linear-gradient(top, #fafafa, #e0e0e0e);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#e0e0e0));
    background-image: -o-linear-gradient(top, #fafafa, #e0e0e0);
    background-image: linear-gradient(top, #fafafa, #e0e0e0);
    position:relative;
    z-index:1000;
}

.rightie {text-align:right;}

#header {
    padding:3px 0;
    display:block;
    overflow:hidden;
}

#header h1 {
    float:left;
    margin-right:22px;
}

#header h1 a {
    width:140px;
    height:136px;
    display:block;
    overflow:hidden;
    background: transparent url('/img/logo.png') 0 0 no-repeat;
    line-height:1000;
}

/*Logo*/
#main-logo {
    margin:0;
    padding:0;
    float:left;
    display:block;
    width:20%;
    text-align: center;
    font-size: 40px;
    height: 90px;
    /*    margin-bottom:6px;*/
    font-family:'Lora',Arial,Sans-Serif;
    color: #036;
}
#main-logo img{
    height: 100%;
    vertical-align: middle;
    width: 0px;
}

/* Menu */
#main-menu {
    list-style:none;
    margin:0;
    padding-top:10px;
    float:left;
    display:block;
    /*    overflow:hidden;*/
    width:80%;

    /*    margin-bottom:6px;*/
    font-family:'Lora',Arial,Sans-Serif;
}
#main-menu li {
    float:left;
}
#main-menu li .lii {
    /*    color:#7A8794;
        font-size:19px;
        text-decoration:none;
        display:block;
        padding:15px;
        font-weight:600;*/
    color: #003366;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 1px;
    background: #ccc;
    margin: 1px;
    text-align: center;
    border-radius:1px;
    height: 38px;
    width: 100%;
}
#main-menu li .lii:hover{
    color:#003366;
    font-size: 15px;
    font-weight: bold;
    border-radius:1px;
    background-color: #28649E;
    padding: 1px;
    height: 40px;
}

#main-menu li .act{
    color: #003366;
    font-size: 15px;
    text-decoration: none;
    display: block;
    padding: 1px;
    background: #28649E;
    margin: 1px;
    text-align: center;
    border-radius:1px;
    height: 40px;

    /*    text-decoration: none;
        display: block;
        margin: 1px;
        text-align: center;
        
        color:#fff;
        font-size: 14px;
        font-weight: bold;
        border-radius:5px;
        background-color: #28649E;
        padding: 1px;*/

}
/* intro */
.intro {
    display:block;
    float:left;
    overflow:hidden;
    width:650px;
    margin-left:14px;
}
.intro h2 {
    font-size:40px;
    font-weight:bold;
    line-height:1.1em;
    text-transform:capitalize;
    margin-bottom:4px;
    text-shadow: 1px 1px 0 #fff;
}
.intro p {
    margin-left:2px;
}

/* Content */
#content {display:block;overflow:hidden;position:relative;}
#content h1 {font-size:20px;line-height:1.3em;text-transform:capitalize;}
#content h2, .lightbox h2 {font-family:'Varela',Arial,Sans-Serif;font-size:19px;line-height:1em;color:#28649E;margin-bottom:4px;margin-top:4px;}
#content #content h4, #content h5, #content h6 {font-size:22px;line-height:24px;margin-top:32px;cursor: pointer;}
#content h3 {color: #607890;font-size:12px;}
#content h3:hover { color: #036; }
#content h4 {font-size:18px;}
#content h5 {font-size:14px;}
#content h6 {font-size:12px;}
#content h7 {font-size:22px; font-weight: bold}
#content p, .lightbox, input,textarea,button {font-family: 'Varela', Arial, Sans-Serif;margin:2px 0 2px; padding: 5px}
#content .column {margin-bottom:28px;}

/* Boxy and Lightbox */
.boxy, .lightbox {
    margin-top:4px;
    margin-bottom:4px;
    background-color:#fafafa;
    border:1px solid #bbb;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0px 2px 2px #888;
    -webkit-box-shadow:0px 2px 2px #888;
    box-shadow:0px 2px 2px #888;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.3, #F7F4F4),
        color-stop(1, #FAFAFA)
        );
    background-image: -moz-linear-gradient(
        center bottom,
        #F7F4F4 30%,
        #FAFAFA 100%
        );
    display:block;
    overflow:hidden;
}

/* Lightbox */
.lightbox {display:none;padding:24px;width:698px;}
.lightbox label {display:block;clear:both;float:none;overflow:hidden;margin:0;padding:0;font-weight:bold;}
.lightbox p {margin:8px 0 16px;padding:0;}
.lightbox h2 {margin:4px 0 20px;color:#BF3C31;}
.lightbox .lost_pass {display:none;}

/* Buttons */
.button {
    /*    color: #ffffff;*/
    font-size: 10px;
    line-height:15px;
    padding: 1px 2px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    /*    text-shadow: 1px 1px 3px #666666;*/
    border: solid #444 1px;
    cursor: pointer;
    /*    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#444));
        background: -moz-linear-gradient(top, #ccc, #444);*/
}
.buttonMAY{
    font-size: 15px;
    height: 20px;
}
/* button floated */
.floated {
    float:right;
    position:absolute;
    top:25px;
    right:30px;
}

.floated-sub1 {
    float:right;
    position:absolute;
    top:25px;
    right:30px;
}
.button2 {
    color: #ffffff;
    font-size: 22px;
    line-height:1em;
    padding: 2px 20px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    /*    text-shadow: 1px 1px 3px #666666;*/
    border: solid #444 2px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#659fd8), to(#28649E));
    background: -moz-linear-gradient(top, #659fd8, #28649E);
}
.floated-sub2 {
    float:right;
    position:absolute;
    top:255px;
    right:30px;
}

.button:hover {
    background: #bbb;
    color:#fff;
}
.button:visited {
    color:#bbb;
    color: #fff;
}

.description {float:left;margin-right:28px;width:460px;}
.description p {font-style:italic;}

.padded {padding:5px 5px;}

/* Footer */
#footer {
    border-top:1px solid #456;clear:both;float:none;display:block;overflow:hidden;
    color:#fafafa;
    background:transparent url('/img/concrete_wall.png') 0 0 repeat;
    /*    padding:32px 0;*/
    margin-top:50px;
    display:block;
    overflow:hidden;
    text-shadow:1px 1px 0 rgba(0,0,0,0.6);
}
#footer a {color:#fafafa;}

/* Formalize styles */
input[type=submit], input[type=reset] {padding: 1px 6px;/*font-size:12px;*/}
input.input_full, input.input_xxxlarge, input.input_xxlarge, input.input_xlarge, input.input_large, input.input_medium, input.input_small, input.input_tiny2, input.input_small2, select {padding:0 1px;font-size:10px;margin:0;font-family:'Varela',Arial,Sans-Serif;}

/* `Errors
----------------------------------------------------------------------------------------------------*/

label.error {
    background: #ffc;
    color: #c00;
    font-style: italic;
}

input.error,
select.error,
textarea.error {
    background-color: #fee;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               Application styles!            ||
   ||                                              ||
    \\ ========================================== //
*/
/*.backgroundheader{
     border-top:4px solid #607890;
    background-color:#f2f2f2;
    display:block;
    overflow:hidden;
    min-width: 1100px;
    max-width: 100%;
        padding:9px 0 6px;
    color:#666;
    border-bottom:1px solid #CABCBB;
    -moz-box-shadow:0px 1px 5px #888;
    -webkit-box-shadow:0px 1px 5px #888;
    box-shadow:0px 1px 5px #888;
    background-image: -moz-linear-gradient(top, #fafafa, #e0e0e0e);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#e0e0e0));
    background-image: -o-linear-gradient(top, #fafafa, #e0e0e0);
    background-image: linear-gradient(top, #fafafa, #e0e0e0);
    position:relative;
    z-index:1000;
}*/

/* main menu styles */

/* tabs section */
#tabs-container {
    clear:both;
    font-size:11px;
    height:26px;
    margin:0 auto;
    padding:0
}
.tabs li {
    float:left;
    list-style:none;
    position:relative
}
.tabs li a:first-child {
    margin-left:0px
}
.tabs li a {
    background:#f3f3f3;
    border:none;
    border-left:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-top:1px solid #d5d5d5;
    color:#333;
    display:block;
    margin:0 2px 0 0;
    padding:0px 15px 0px
}
.tabs li.active a {
    -webkit-border-radius:4px 4px 0 0;
    background:#fff;
    border-bottom:1px solid #fff;
    border-left:1px solid #d5d5d5;
    border-radius:4px 4px 0 0;
    border-right:1px solid #d5d5d5;
    border-top:1px solid #d5d5d5;
    color:#222;
    display:block;
    padding:0px 15px 0px
}
.tabs li.child a {
    -webkit-border-radius:0 4px 0 0;
    background:#f3f3f3;
    border-radius:0 4px 0 0;
    color:#333;
    display:block;
    margin:0;
    padding:0px 15px 0px
}
.tabs li a:hover {
    background:#fafafa;
    border-bottom:1px solid #d5d5d5;
    color:#fff;
    text-decoration:none
}

/* Targeting the first level menu */
.tabs {
    display:block;
    margin:0;
    padding:1px 0 2px;
    position:absolute;
    z-index:100;
}
.tabs > li > a:hover {
    background:#ececec;
    color:#222
}
.tabs > li.active > a:hover {
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    background:#fff;
    border-bottom:1px solid #fff;
    border-radius:3px 3px 0 0;
    color:#222
}

/*Middle Drop-Down Navigation*/
#nav-container {
    /*    border-bottom:1px solid #d5d5d5;*/
    border-top:2px solid #d5d5d5;
    clear:both;
    font-size:11px;
    height:33px;
    margin:0 auto;
    padding:0;
    background-color: #FFF;
}

/* Targeting both first and second level menus */
.nav li {
    float:left;
    list-style:none;
    position:relative
}
.nav li a {
    /*    background:url(images/arrow.png) no-repeat right;*/
    border:none;
    color:#222;
    display:block;
    margin:0 2px 0 0;
    padding:0px 10px 0px 10px;
    text-align: center;
}

/* Targeting the first level menu */
.nav {
    display:block;
    margin:0;
    padding:5px 0 2px;
    position:absolute;
    z-index:100
}
.nav > li > a:hover {
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    background:#507aa5;
    border-radius:3px 3px 3px 3px;
    color:#fff;
    padding:0px 10px 0px 10px
}

/* Targeting the second level menu */
.nav li ul {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topright:3px;
    -moz-box-shadow:1px 1px 1px #333;
    -webkit-border-bottom-right-radius:3px;
    -webkit-box-shadow:1px 1px 1px #333;
    background:#507aa5;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
    box-shadow:1px 1px 1px #333;
    color:#222;
    display:none;
    margin:0;
    padding:2px 0;
    position:absolute;
    width:140px
}
.nav li ul li {
    /*    width:100%*/
}
.nav li ul li a {
    background:#507aa5;
    border:none;
    color:#fff;
    line-height:25px;
    margin:0;
    padding:0 0 0 8px
}
.nav li ul li a:hover {
    background:#466A90
}
.nav li ul li.strong-archive a {
    border-top:1px solid #466A90;
    font-weight:600
}

/* A class of current will be added via jQuery */
.nav li.current > a {
    -moz-border-radius:3px 3px 0 0;
    -moz-box-shadow:1px 1px 1px #333;
    -webkit-border-radius:3px 3px 0 0;
    -webkit-box-shadow:1px 1px 1px #333;
    background:#507aa5;
    border-radius:3px 3px 0 0;
    box-shadow:1px 1px 1px #333;
    color:#fff
}

/* CSS fallback */
.nav li:hover > ul.child {
    display:block
}
.header_search{
    max-width: 100%;
    min-width: 900px;
    height: 25px;
    font-size: 12px;
    background-color: #E0EBF3;
}
.header_search div{
    float: left;
}
.header_search .s1{
    width: 25%;
}
.header_search .s2{
    text-align: center;
    width: 50%;
}
.header_search .s3{
    width: 25%;
    text-align: right;
}

.header_search_2{
    width: 100%;
    min-width: 900px; 
    background-color: #fff;
    min-height: 80px;
    font-size: 11px;
    float: left;
}

.info_resum{
    max-width: 100%;
    min-width: 900px;
    text-align: center;
    font-size: 12px;
}
.info_resum .title{
    font-size: 25px;
    font-weight: bold;
    line-height: 18px
}
.info_resum p{
    line-height: 15px
}
.listados{
    font-size: 11px;
    float: left;
    width: 100%;
}
.listados table{
    width: 100%;
    min-width: 900px;
    border: 1px solid #003366;
}
.listados table .table_header_td{
    text-align: center;
    color: #003366;
    background-color: #e0e0e0;
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
    vertical-align: middle;
    line-height: 15px;
    font-weight: bold;
}
.listados table .table_tr{
    text-align: center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.listados table .table_tr:hover{
    background-color: #e1e1e1;
    color: #003366;
}
.listados table .table_td{
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    /*    border-left: 1px solid #000;*/
}
.lista2{
    font-size: 11px;
    float: left;
    width: 100%;
}
.lista2 table{
    width: 100%;
    /*    min-width: 900px;*/
    border: 1px solid #003366;
}
.lista2 table .table_header_td{
    text-align: center;
    color: #003366;
    background-color: #e0e0e0;
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
    vertical-align: middle;
    line-height: 15px;
    font-weight: bold;
}
.lista2 table .table_tr{
    text-align: center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.lista2 table .table_tr:hover{
    background-color: #e1e1e1;
    color: #003366;
}
.lista2 table .table_td{
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    /*    border-left: 1px solid #000;*/
}

.calendar_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/calendar.png'); background-position: 0px 0px;}
.information_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/information.png'); background-position: 0px 0px;}
.vcard_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/vcard.png'); background-position: 0px 0px;}
.vcard_edit_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/vcard_edit.png'); background-position: 0px 0px;}
.note_add_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/note_add.png'); background-position: 0px 0px;}
.report_go_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/report_go.png'); background-position: 0px 0px;}
.resultset_next_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/resultset_next.png'); background-position: 0px 0px;}
.resultset_last_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/resultset_last.png'); background-position: 0px 0px;}
.resultset_previous_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/resultset_previous.png'); background-position: 0px 0px;}
.resultset_first_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/resultset_first.png'); background-position: 0px 0px;}
.email_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/email.png'); background-position: 0px 0px;}
.text_list_numbers_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/text_list_numbers.png'); background-position: 0px 0px;}
.page_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/page.png'); background-position: 0px 0px;}
.help_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/help.png'); background-position: 0px 0px;cursor: pointer}
.people_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/people.png'); background-position: 0px 0px;cursor: pointer}
.acrobat_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/acrobat.png'); background-position: 0px 0px;cursor: pointer}
.film_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/film.png'); background-position: 0px 0px;cursor: pointer}
.delete_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/delete.png'); background-position: 0px 0px;cursor: pointer}
.accept_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/accept.png'); background-position: 0px 0px;cursor: pointer}
.folder_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/folder.png'); background-position: 0px 0px;cursor: pointer}
.green_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/green.png'); background-position: 0px 0px;cursor: pointer}
.red_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/red.png'); background-position: 0px 0px;cursor: pointer}
.reloj2_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/reloj2.png'); background-position: 0px 0px;cursor: pointer}
.building_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/building.png'); background-position: 0px 0px;cursor: pointer}
.calculator_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/calculator.png'); background-position: 0px 0px;cursor: pointer}
.resultset_top_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/resultset_top.png'); background-position: 0px 0px;}
.resultset_bottom_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/resultset_bottom.png'); background-position: 0px 0px;}
.delete2_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icon/delete.png'); background-position: 0px 0px;cursor: pointer}
.checkbox_icon {display:inline-block;height:13px;width:13px;position:relative;top:.25em;background-image: url('../img/icons/checkbox.png'); background-position: 0px 0px;cursor: pointer}
.icon_ok {display:inline-block;height:20px;width:20px;position:relative;top:.25em;background-image: url('../img/icon/check.png'); background-position: 0px 0px;cursor: pointer}
.icon_bad {display:inline-block;height:20px;width:20px;position:relative;top:.25em;background-image: url('../img/icon/warning.png'); background-position: 0px 0px;cursor: pointer}
.icon_camera {display:inline-block;height:20px;width:20px;position:relative;top:.25em;background-image: url('../img/icon/camera.png'); background-position: 0px 0px;cursor: pointer}
.icon_folder_out {display:inline-block;height:20px;width:20px;position:relative;top:.25em;background-image: url('../img/icon/folder_out.png'); background-position: 0px 0px;cursor: pointer}
.icon_passed {display:inline-block;height:20px;width:20px;position:relative;top:.25em;background-image: url('../img/icon/passed.png'); background-position: 0px 0px;cursor: pointer}
.icon_failed {display:inline-block;height:20px;width:20px;position:relative;top:.25em;background-image: url('../img/icon/failed.png'); background-position: 0px 0px;cursor: pointer}
.icon_pdf {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/pdf.png'); background-position: 0px 0px;cursor: pointer}

.red{color:red}
.header_info{
    width: 100%;
    text-align: center
}
.header_info h1{
    font-size: 20px;
}
.header_info h2{
    font-size: 18px;
}
.header_info p{
    line-height: 15px;
    font-size: 12px;
}
.header_options{
    width: 100%
}

.content_info {
    width: 100%;
    margin: 0 auto; 
    display: block; 
    overflow: hidden;
}
.content_info fieldset {
    background-color: #E0EBF3;
    font-size: 11px;
    width: 99%;
    border-radius:5px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin: auto;
    padding-bottom: 5px;
    margin-top: 10px;
}
.content_info fieldset legend {
    border: #999;
    height: 30px;
    width: 200px;
    padding: 0px 5px;
    margin-left: 15px;
    border-radius:5px 5px 0 0;
    background-color: #E0EBF3;
	overflow:auto;
}
.content_info fieldset legend h3{text-align: center;font-size: 12px;}
.content_info table{
    width: 99%;
    margin: auto;
    background-color: #fff;
}
.content_info .td_field{
    border: 1px solid #ddd;
    background-color: #eee;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    /*    vertical-align: middle;*/
    line-height: 20px;
}
.content_info .td_info{
    border: 1px solid #ddd;
    padding-left: 5px;
    /*    vertical-align: middle;*/
    line-height: 20px;
    font-size: 10px;
    font-weight: normal;
}
.content_info .td_info2{
    padding-left: 5px;
    /*    vertical-align: middle;*/
    line-height: 20px;
    font-size: 10px;
    font-weight: normal;
}
.content_info .tr_field{
    border: 1px solid #ddd;
    background-color: #eee;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
}
.content_info .tr_info{
    border: 1px solid #ddd;
    padding-left: 5px;
    vertical-align: middle;
    line-height: 20px;
}
.title_manager{
    font-size: 18px;
    color: #466A90;
    font-weight: bold
}

.td_field{
    /*    border: 1px solid #ddd;*/
    background-color: #eee;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    /*    vertical-align: middle;*/
    line-height: 15px;
}
.td_info{
    /*    border: 1px solid #ddd;*/
    padding-left: 5px;
    /*    vertical-align: middle;*/
    line-height: 15px;
    font-size: 10px;
    font-weight: normal;
}
.table_header_td2{
    text-align: center;
    color: #003366;
    background-color: #e0e0e0;
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
    vertical-align: middle;
    line-height: 15px;
/*    font-weight: bold;*/
}
.td_i{
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.td_j{
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
}
.classhrefi{
    padding-left: 2px;cursor: pointer;text-decoration: underline;color: #2a4a73
}
.tachado{
    text-decoration: line-through
}
.noselectable{
    user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
}
.url_fic{color: blue;text-decoration: underline; cursor: pointer}
        .url_fic:hover{color:#4000A0}
        .url_fic:active{color:#900}


/*=======================Victor============================*/
.phone_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/vcard_edit.png'); background-position: 0px 0px;}
.printer_icon {display:inline-block;height:16px;width:16px;position:relative;top:.25em;background-image: url('../img/icons/printer.png'); background-position: 0px 0px;}
/*-------- Dialog-------------*/
.web_dialog_overlay
{
    /*position: fixed;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    /*background: #000000;*/
    opacity: .25;
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    z-index: 101;
    display: none;
}
.web_dialog
{
    display: none;
    position: fixed;
    width: 600px;
    height: 460px;
    top: 30%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    /*overflow:auto;*/
}
.web_dialog2
{
    display: none;
    position: fixed;
    width: 65%;
    height: 90%;
    top: 18%;
    left: 30%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog3
{
    display: none;
    position: fixed;
    width: 500px;
    height: 450px;
    top: 39%;
    left: 42%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog4
{
    display: none;
    position: fixed;
    width: 600px;
    height: 470px;
    top: 30%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog5
{
    display: none;
    position: fixed;
    width: 1000px;
    height: 470px;
    top: 30%;
    left: 28%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog6
{
    display: none;
    position: fixed;
    width: 650px;
    height: 350px;
    top: 30%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog7
{
    display: none;
    position: fixed;
    width: 70%;
    height: 80%;
    top: 20%;
    left: 27%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog9
{
    display: none;
    position: fixed;
    width: 600px;
    height: 300px;
    top: 30%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog10
{
    display: none;
    position: fixed;
    width: 80%;
    height: 90%;
    top: 18%;
    left: 23%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog14
{
    display: none;
    position: fixed;
    width: 700px;
    height: 350px;
    top: 35%;
    left: 35%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog17
{
    display: none;
    position: fixed;
    width: 700px;
    height: 550px;
    top: 35%;
    left: 35%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialogItems
{
    display: none;
    position: fixed;
    width: 750px;
    height: 300px;
    top: 50%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    /*    font-family: Verdana;*/
    font-size: 10pt;
    overflow: auto;
}
.web_dialog_title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 0px 10px;
    color: White;
    font-weight:bold;
    font-size: 11;
    /*    height: 100px;*/
}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
    font-size: 11px;
}
.web_dialog_type
{
    display: none;
    position: fixed;
    width: 300px;
    height: 180px;
    top: 50%;
    left: 50%;
    /*    margin-left: -190px;
        margin-top: -100px;*/
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 20000;
    /*    font-family: Verdana;*/
    font-size: 10pt;
}
/*-------- DialogCal-------------*/
.web_dialog_overlay2
{
    /*position: fixed;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
   /* background: #000000;*/
    opacity: .25;
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    z-index: 101;
    display: none;
}
.web_dialog8
{
    display: none;
    position: fixed;
    width: 750px;
    height: 560px;
    top: 25%;
    left: 35%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog4
{
    display: none;
    position: fixed;
    width: 600px;
    height: 470px;
    top: 25%;
    left: 35%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog11
{
    display: none;
    position: fixed;
    width: 750px;
    height: 560px;
    top: 30%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog12
{
    display: none;
    position: fixed;
    width: 500px;
    height: 270px;
    top: 40%;
    left: 45%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialogItems
{
    display: none;
    position: fixed;
    width: 750px;
    height: 300px;
    top: 50%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    /*    font-family: Verdana;*/
    font-size: 10pt;
    overflow: auto;
}
.web_dialog13
{
    display: none;
    position: fixed;
    width: 500px;
    height: 350px;
    top: 39%;
    left: 42%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog15
{
    display: none;
    position: fixed;
    width: 500px;
    height: 150px;
    top: 39%;
    left: 42%;
    margin-left: -190px;
    margin-top: -100px;
    background: rgb(220, 220, 220);
    border: 2px solid rgb(154, 165, 173);
    padding: 0px;
    z-index: 200;
    /*    font-family: Verdana;*/
    font-size: 8pt;
    overflow:auto;
}
.web_dialog_title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 0px 10px;
    color: White;
    font-weight:bold;
    font-size: 11;
    /*    height: 100px;*/
}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
    font-size: 11px;
}
.web_dialog_type
{
    display: none;
    position: fixed;
    width: 300px;
    height: 180px;
    top: 50%;
    left: 50%;
    /*    margin-left: -190px;
        margin-top: -100px;*/
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 20000;
    /*    font-family: Verdana;*/
    font-size: 10pt;
}
/*Div Messages Testing*/
.content_testing {
    width: 100%;
    margin: 0 auto; 
    display: block; 
    overflow: hidden;
}
.content_testing fieldset {
    background-color: #E0EBF3;
    font-size: 11px;
    width: 99%;
    border-radius:5px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin: auto;
    padding-bottom: 5px;
    margin-top: 10px;
}
.content_testing fieldset legend {
    border: #999;
    height: 30px;
    width: 200px;
    padding: 0px 5px;
    margin-left: 15px;
    border-radius:5px 5px 0 0;
    background-color: #E0EBF3;
}
.content_testing fieldset legend h3{text-align: center;font-size: 12px;}
.content_testing table{
    width: 99%;
    margin: auto;
    background-color: #fff;
}
.content_testing .td_field{
    border: 1px solid #ddd;
    background-color: rgb(220, 220, 220);
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    /*    vertical-align: middle;*/
    line-height: 20px;
}
.content_testing .td_info{
    border: 1px solid #ddd;
    padding-left: 5px;
    /*    vertical-align: middle;*/
    line-height: 20px;
    font-size: 10px;
    font-weight: normal;
}
.content_testing .td_info2{
    padding-left: 5px;
    /*    vertical-align: middle;*/
    line-height: 20px;
    font-size: 10px;
    font-weight: normal;
}
.content_testing .tr_field{
    border: 1px solid #ddd;
    background-color: #eee;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
}
.content_testing .tr_info{
    border: 1px solid #ddd;
    padding-left: 5px;
    vertical-align: middle;
    line-height: 20px;
}
/*css pop-up */

a.popup {  
    position: relative;  
}  

a.popup span {
    display: none;
    position: absolute;
    top: 100%;
    left: 100%;
    width: 140px;
    padding: 5px;
    z-index: 2;
    background: #336699;
    color: #fff;
    cursor:pointer;
    -moz-border-radius: 5px; /* esto sólo funciona en el camino / firefox */
    -webkit-border-radius: 5px; /* esto es sólo para Safari */
}  

a:hover.popup {  
    font-size: 99%; /* esto es sólo para IE */  
}

a:hover.popup span {
    display: block;
} 

/*

    // ========================================== \\
   ||                                              ||
   ||               Application styles!            ||
   ||                                              ||
    \\ ========================================== //
*/

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
    
}

/* Yahzee*/