/* Estilos CSS específicos para MEPRE.
   Author:	Augusto Bianchi
   ----------------------------------------------------*/
/* Referencias en este archivo:

   RESET BLUEPRINT
   TYPOGRAPHY BLUEPRINT
   GRID
   CLEARFIX
   GENERIC & HEADER
   BREADCRUMBS
   LAYOUT
   FOOTER
   MEPRE Específicos
*/
/**/
/* =RESET BLUEPRINT
   ----------------------------------------------------*/
html
{
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body
{
    line-height: 1.5;
    background: white;
}

table
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td
{
    text-align: left;
    font-weight: normal;
    float: none !important;
}
/*table, th, td {vertical-align:middle;}*/
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
}

blockquote, q
{
    quotes: "" "";
}

a img
{
    border: none;
}

:focus
{
    outline: 0;
}

/* =TYPOGRAPHY BLUEPRINT
   ----------------------------------------------------*/
html
{
    font-size: 100%;
}

body
{
    font-size: 12px;
    color: #222;
    background: #fff;
    font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    color: #111;
}

h1
{
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}

h2
{
    font-size: 1.7em;
    margin-bottom: 0.75em;
}

h3
{
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

h4
{
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

h5
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6
{
    font-size: 1em;
    font-weight: bold;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
    {
        margin: 0;
    }

p
{
    margin: 0 0 1.5em;
}

.left
{
    float: left !important;
}

p .left
{
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}

.right
{
    border-bottom: 0px solid transparent !important;
    float: right !important;
}

p .right
{
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
}

a:focus, a:hover
{
    color: #09f;
}

a
{
    color: #06c;
    text-decoration: underline;
    cursor: pointer;
}

blockquote
{
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong, dfn
{
    font-weight: bold;
}

em, dfn
{
    font-style: italic;
}

sup, sub
{
    line-height: 0;
}

abbr, acronym
{
    border-bottom: 1px dotted #666;
}

address
{
    margin: 0 0 1.5em;
    font-style: italic;
}

del
{
    color: #666;
}

pre
{
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt
{
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

ol
{
    list-style-type: decimal;
}

dl
{
    margin: 0 0 1.5em 0;
}

    dl dt
    {
        font-weight: bold;
    }

dd
{
    margin-left: 1.5em;
}

caption
{
    background: #eee;
}

.small
{
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}

.large
{
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}

.hide
{
    display: none;
}

.quiet
{
    color: #666;
}

.loud
{
    color: #000;
}

.highlight
{
    background: #ff0;
}

.added
{
    background: #060;
    color: #fff;
}

.removed
{
    background: #900;
    color: #fff;
}

.first
{
    margin-left: 0;
    padding-left: 0;
}

.last
{
    margin-right: 0;
    padding-right: 0;
}

.top
{
    margin-top: 0;
    padding-top: 0;
}

.bottom
{
    margin-bottom: 0;
    padding-bottom: 0;
}
/* =GRID
   ----------------------------------------------------*/
html,
body,
form
{
    height: 100%;
}

.container
{
    width: 970px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    background-image: url("images/sombras_laterales.png");
    background-position: center center;
    background-repeat: repeat-y;
}

.showgrid
{
    background-image: url(src/grid_background_970.png);
    background-repeat: repeat-y;
    background-position: center;
}

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24
{
    float: left;
    margin-right: 10px;
}

.last
{
    margin-right: 0;
}

.span-1
{
    width: 30px;
}

.span-2
{
    width: 70px;
}

.span-3
{
    width: 110px;
}

.span-4
{
    width: 150px;
}

.span-5
{
    width: 190px;
}

.span-6
{
    width: 230px;
}

.span-7
{
    width: 270px;
}

.span-8
{
    width: 310px;
}

.span-9
{
    width: 350px;
}

.span-10
{
    width: 390px;
}

.span-11
{
    width: 430px;
}

.span-12
{
    width: 470px;
}

.span-13
{
    width: 510px;
}

.span-14
{
    width: 550px;
}

.span-15
{
    width: 590px;
}

.span-16
{
    width: 630px;
}

.span-17
{
    width: 670px;
}

.span-18
{
    width: 710px;
}

.span-19
{
    width: 750px;
}

.span-20
{
    width: 790px;
}

.span-21
{
    width: 830px;
}

.span-22
{
    width: 870px;
}

.span-23
{
    width: 910px;
}

.span-24
{
    width: 100%;
    margin-right: 0;
}

input.span-1, textarea.span-1,
input.span-2, textarea.span-2,
input.span-3, textarea.span-3,
input.span-4, textarea.span-4,
input.span-5, textarea.span-5,
input.span-6, textarea.span-6,
input.span-7, textarea.span-7,
input.span-8, textarea.span-8,
input.span-9, textarea.span-9,
input.span-10, textarea.span-10,
input.span-11, textarea.span-11,
input.span-12, textarea.span-12,
input.span-13, textarea.span-13,
input.span-14, textarea.span-14,
input.span-15, textarea.span-15,
input.span-16, textarea.span-16,
input.span-17, textarea.span-17,
input.span-18, textarea.span-18,
input.span-19, textarea.span-19,
input.span-20, textarea.span-20,
input.span-21, textarea.span-21,
input.span-22, textarea.span-22,
input.span-23, textarea.span-23,
input.span-24, textarea.span-24
{
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

input.span-1, textarea.span-1
{
    width: 18px;
}

input.span-2, textarea.span-2
{
    width: 58px;
}

input.span-3, textarea.span-3
{
    width: 98px;
}

input.span-4, textarea.span-4
{
    width: 138px;
}

input.span-5, textarea.span-5
{
    width: 178px;
}

input.span-6, textarea.span-6
{
    width: 218px;
}

input.span-7, textarea.span-7
{
    width: 258px;
}

input.span-8, textarea.span-8
{
    width: 298px;
}

input.span-9, textarea.span-9
{
    width: 338px;
}

input.span-10, textarea.span-10
{
    width: 378px;
}

input.span-11, textarea.span-11
{
    width: 418px;
}

input.span-12, textarea.span-12
{
    width: 458px;
}

input.span-13, textarea.span-13
{
    width: 498px;
}

input.span-14, textarea.span-14
{
    width: 538px;
}

input.span-15, textarea.span-15
{
    width: 578px;
}

input.span-16, textarea.span-16
{
    width: 618px;
}

input.span-17, textarea.span-17
{
    width: 658px;
}

input.span-18, textarea.span-18
{
    width: 698px;
}

input.span-19, textarea.span-19
{
    width: 738px;
}

input.span-20, textarea.span-20
{
    width: 778px;
}

input.span-21, textarea.span-21
{
    width: 818px;
}

input.span-22, textarea.span-22
{
    width: 858px;
}

input.span-23, textarea.span-23
{
    width: 898px;
}

input.span-24, textarea.span-24
{
    width: 938px;
}

.append-1
{
    padding-right: 40px;
}

.append-2
{
    padding-right: 80px;
}

.append-3
{
    padding-right: 120px;
}

.append-4
{
    padding-right: 160px;
}

.append-5
{
    padding-right: 200px;
}

.append-6
{
    padding-right: 240px;
}

.append-7
{
    padding-right: 280px;
}

.append-8
{
    padding-right: 320px;
}

.append-9
{
    padding-right: 360px;
}

.append-10
{
    padding-right: 400px;
}

.append-11
{
    padding-right: 440px;
}

.append-12
{
    padding-right: 480px;
}

.append-13
{
    padding-right: 520px;
}

.append-14
{
    padding-right: 560px;
}

.append-15
{
    padding-right: 600px;
}

.append-16
{
    padding-right: 640px;
}

.append-17
{
    padding-right: 680px;
}

.append-18
{
    padding-right: 720px;
}

.append-19
{
    padding-right: 760px;
}

.append-20
{
    padding-right: 800px;
}

.append-21
{
    padding-right: 840px;
}

.append-22
{
    padding-right: 880px;
}

.append-23
{
    padding-right: 920px;
}

.prepend-1
{
    padding-left: 40px;
}

.prepend-2
{
    padding-left: 80px;
}

.prepend-3
{
    padding-left: 120px;
}

.prepend-4
{
    padding-left: 160px;
}

.prepend-5
{
    padding-left: 200px;
}

.prepend-6
{
    padding-left: 240px;
}

.prepend-7
{
    padding-left: 280px;
}

.prepend-8
{
    padding-left: 320px;
}

.prepend-9
{
    padding-left: 360px;
}

.prepend-10
{
    padding-left: 400px;
}

.prepend-11
{
    padding-left: 440px;
}

.prepend-12
{
    padding-left: 480px;
}

.prepend-13
{
    padding-left: 520px;
}

.prepend-14
{
    padding-left: 560px;
}

.prepend-15
{
    padding-left: 600px;
}

.prepend-16
{
    padding-left: 640px;
}

.prepend-17
{
    padding-left: 680px;
}

.prepend-18
{
    padding-left: 720px;
}

.prepend-19
{
    padding-left: 760px;
}

.prepend-20
{
    padding-left: 800px;
}

.prepend-21
{
    padding-left: 840px;
}

.prepend-22
{
    padding-left: 880px;
}

.prepend-23
{
    padding-left: 920px;
}

.border
{
    padding-right: 4px;
    margin-right: 5px;
    border-right: 1px solid #ddd;
}

.colborder
{
    padding-right: 24px;
    margin-right: 25px;
    border-right: 1px solid #ddd;
}

.pull-1
{
    margin-left: -40px;
}

.pull-2
{
    margin-left: -80px;
}

.pull-3
{
    margin-left: -120px;
}

.pull-4
{
    margin-left: -160px;
}

.pull-5
{
    margin-left: -200px;
}

.pull-6
{
    margin-left: -240px;
}

.pull-7
{
    margin-left: -280px;
}

.pull-8
{
    margin-left: -320px;
}

.pull-9
{
    margin-left: -360px;
}

.pull-10
{
    margin-left: -400px;
}

.pull-11
{
    margin-left: -440px;
}

.pull-12
{
    margin-left: -480px;
}

.pull-13
{
    margin-left: -520px;
}

.pull-14
{
    margin-left: -560px;
}

.pull-15
{
    margin-left: -600px;
}

.pull-16
{
    margin-left: -640px;
}

.pull-17
{
    margin-left: -680px;
}

.pull-18
{
    margin-left: -720px;
}

.pull-19
{
    margin-left: -760px;
}

.pull-20
{
    margin-left: -800px;
}

.pull-21
{
    margin-left: -840px;
}

.pull-22
{
    margin-left: -880px;
}

.pull-23
{
    margin-left: -920px;
}

.pull-24
{
    margin-left: -960px;
}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24
{
    float: left;
    position: relative;
}

.push-1
{
    margin: 0 -40px 1.5em 40px;
}

.push-2
{
    margin: 0 -80px 1.5em 80px;
}

.push-3
{
    margin: 0 -120px 1.5em 120px;
}

.push-4
{
    margin: 0 -160px 1.5em 160px;
}

.push-5
{
    margin: 0 -200px 1.5em 200px;
}

.push-6
{
    margin: 0 -240px 1.5em 240px;
}

.push-7
{
    margin: 0 -280px 1.5em 280px;
}

.push-8
{
    margin: 0 -320px 1.5em 320px;
}

.push-9
{
    margin: 0 -360px 1.5em 360px;
}

.push-10
{
    margin: 0 -400px 1.5em 400px;
}

.push-11
{
    margin: 0 -440px 1.5em 440px;
}

.push-12
{
    margin: 0 -480px 1.5em 480px;
}

.push-13
{
    margin: 0 -520px 1.5em 520px;
}

.push-14
{
    margin: 0 -560px 1.5em 560px;
}

.push-15
{
    margin: 0 -600px 1.5em 600px;
}

.push-16
{
    margin: 0 -640px 1.5em 640px;
}

.push-17
{
    margin: 0 -680px 1.5em 680px;
}

.push-18
{
    margin: 0 -720px 1.5em 720px;
}

.push-19
{
    margin: 0 -760px 1.5em 760px;
}

.push-20
{
    margin: 0 -800px 1.5em 800px;
}

.push-21
{
    margin: 0 -840px 1.5em 840px;
}

.push-22
{
    margin: 0 -880px 1.5em 880px;
}

.push-23
{
    margin: 0 -920px 1.5em 920px;
}

.push-24
{
    margin: 0 -960px 1.5em 960px;
}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24
{
    float: left;
    position: relative;
}

div.prepend-top, .prepend-top
{
    margin-top: 10px;
}

div.append-right
{
    margin-right: 10px;
}

div.append-left
{
    margin-left: 10px;
}

div.append-bottom, .append-bottom
{
    margin-bottom: 10px;
}

.box
{
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #e5eCf9;
}

hr
{
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0 0 17px;
    border: none;
}

    hr.space
    {
        background: #fff;
        color: #fff;
        visibility: hidden;
    }
/* =CLEARFIX
   ----------------------------------------------------*/
.clearfix:after, .container:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix, .container
{
    display: block;
}

.clear
{
    clear: both;
}
/* =GENERIC & HEADER
   ----------------------------------------------------*/
body
{
    background-color: #c2c2c2;
}

.header
{
    position: relative;
    margin-bottom: 0px;
    width:100%;
}

    .header h1,
    .header h2,
    .header h3,
    .header h4,
    .header h5,
    .header h6
    {
        margin-bottom: 0;
    }

    .header .container {
      width:100%;
      padding: 0;
      background-image:none;
    }
    .header .container .logos {
      background-color: #37BBED;
      padding: 10px 0;
    }
    .header .container .logos .inner {
      width:1170px;
      margin:auto;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
    }

.sub-header
{
    display: block;
    background: #71BCDC;
    color:#ffffff;
}
.sub-header .contenedor {
  max-width:1170px;
  margin:auto;
  width:100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

    .sub-header .logo
    {
        margin-top: 4px;
    }

    .sub-header h1
    {
        display: none;
    }

    .sub-header h2
    {
        color: #ffffff;
        font-size: 14px;
        padding-top: 5px;
        float: left;
    }
    /* =session */
    .sub-header .session
    {
        height: 30px;
        padding: 0 10px 0;
        float: right;
        position: relative;
    }

        .sub-header .session span
        {
            height: 20px;
            padding-top: 5px;
            display: inline-block;
            color: #ffffff;
            padding-left: 10px;
            padding-right: 5px;
        }

            .sub-header .session span:nth-child(2)
            {
                background: url(images/session-pipe.png) no-repeat left;
            }

            .sub-header .session span a
            {
                color: #ffffff;
                padding-right: 5px;
                display: block;
            }

            .sub-header .session span.version
            {
                padding-right: 10px;
                padding-left: 10px;
                margin-right: 10px;
            }

            .sub-header .session span.username
            {
                padding-left: 15px;
                background: url(images/user-icon.png) no-repeat left center;
            }
/* =BREADCRUMBS
   ----------------------------------------------------*/
span.breadcrumbs-label
{
    background-color: #eceC00;
    border: 2px solid #fc0;
    color: #000000;
    float: left;
    font-size: 10px;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 5px;
    text-align: center;
    width: 92px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    span.breadcrumbs-label span
    {
        display: block;
    }

        span.breadcrumbs-label span.stage
        {
            font-weight: bold;
        }

ul.breadcrumbs
{
    margin-bottom: 10px;
    display: block;
    font-size: 0.9em;
}

    ul.breadcrumbs li
    {
        float: left;
        list-style-type: none;
        background-image: url(images/breadcrumbs-arrow.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 13px;
        margin-right: 10px;
        font-weight: bold;
        color: #000;
        margin-top: 7px;
        white-space: nowrap;
    }

        ul.breadcrumbs li.first
        {
            background: none;
        }

        ul.breadcrumbs li span.step
        { /* AZUL */
            background-image: url(images/breadcrumbs-step-background.png);
            background-position: center -54px;
            background-repeat: no-repeat;
            display: block;
            float: left;
            height: 22px;
            margin: 3px 3px 0 0;
            padding-left: 11px;
            padding-top: 4px;
            width: 18px;
            font-weight: bold;
            color: #fff;
        }

        ul.breadcrumbs li span.step-label
        {
            display: block;
            float: left;
        }

        ul.breadcrumbs li div.disabled span.step-label
        {
            color: #999999;
        }

        ul.breadcrumbs li span.small
        {
            display: block;
            font-size: 1em;
            line-height: 1.875em;
            margin-bottom: -2px;
            font-weight: normal;
        }

        ul.breadcrumbs li div.current
        {
            color: #000000;
        }

            ul.breadcrumbs li div.current span.step
            {
                background-position: center -27px;
                color: #000000;
            }

        ul.breadcrumbs li div.disabled span.step
        {
            background-position: center top;
            color: #999999;
        }
/* =LAYOUT
   ----------------------------------------------------*/
.layout
{
    padding: 10px 10px;
    min-height: 560px; /* cross browser minimun height */
    height: auto !important;
    height: 560px;
    font-size: 90%;
    width: 950px;
    background-color: #fff;
    padding-bottom: 20px;
}
/* =FOOTER
   ----------------------------------------------------*/
.footer
{
    margin: 0 auto;
    background-color: #37BBED;
    padding: 20px 0 40px 0;
}

    .footer .container
    {
        max-width:1170px;
        width:100%;
        background-image: none;
        padding-top: 10px;
        padding-bottom: 8px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        box-sizing: border-box;
    }

        .footer .container .direccion
        {
            color: #fff;
            font-size: 11px;
            text-align: right;
            float:right;
        }

            .footer .container .direccion p
            {
                margin: 0;
            }
            .footer .logofooter {
              margin-bottom: 20px;
              max-width: 300px;
              float: left;
            }
            .footer .logofooter img{
              width: 100%;
            }
            .footer .container .direccion a
            {
                color: #fff;
                font-weight:700;
                text-decoration: none;
            }

/* =MISC
   ----------------------------------------------------*/
::-webkit-input-placeholder
{
    color: #888;
}

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

input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input.text,
input.title
{
    height: 17px;
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input.text,
input.title,
textarea
{
    margin: 0 0 0.5em;
    width: 99%;
    /*padding: 2px;*/
}

select
{
    display: block;
    width: 100%;
    height: 23px;
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0 0 0.5em;
}

input[disabled]
{
    background-color: #f0f0f0 !important;
    color: #303030 !important;
}
/* =MEPRE Específicos
   ----------------------------------------------------*/
iframe
{
    height: 100%;
    width: 100%;
}

.pagina
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    background: #ffffff;
}

    .pagina > .container
    {
        background-image: none;
        padding: 30px 20px;
        width: 1170px !important;
    }

/*  elementos del menú desplegable          */
.ctl00_Navbar1_Menu1_1.itemDinamic.ctl00_Navbar1_Menu1_5
{
    display: block;
}

#ctl00_Navbar1_Menu1n0Items,
#ctl00_Navbar1_Menu1n1Items,
#ctl00_Navbar1_Menu1n2Items,
#ctl00_Navbar1_Menu1n3Items,
#ctl00_Navbar1_Menu1n4Items
{
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #71bddc;
    border-bottom-color: #71bddc;
    border-left-color: #71bddc;
}
/*  cambios al menú lateral          */
#ctl00_MainContainer_pnlNavegacion ol
{
    padding-top: 13px;
    padding-left: 0
}

#ctl00_MainContainer_pnlNavegacion li
{
    list-style-type: none;
    margin-bottom: 3px;
}

#ctl00_MainContainer_pnlNavegacion a
{
    display: block;
    height: 24px;
    padding-left: 5px;
    padding-top: 8px;
    text-decoration: none;
}

    #ctl00_MainContainer_pnlNavegacion a.complete
    {
        background: url(images/tab.png) no-repeat left center;
        color: #fff;
    }

    #ctl00_MainContainer_pnlNavegacion a.current
    {
        color: #e17009;
        background: url(images/tab-current.png) no-repeat left center;
        cursor: default;
    }

    #ctl00_MainContainer_pnlNavegacion a.disabled
    {
        color: #999999;
        background: url(images/tab-disabled.png) no-repeat left center;
        cursor: default;
    }
/*--------------------------------------------------------------*/
input.fecha
{
    width: 75px;
}

.arancel
{
    width: 95px !important;
}
/* el !important es transitorio - a revisar */
.monto
{
    height: 14px;
    width: 100px !important;
}

/* el !important es transitorio - a revisar */
.tramiteFinalizado
{
    width: 50px !important;
}
/* el !important es transitorio - a revisar */

/*---*/
input[type="radio"]
{
    margin-right: 3px;
}

span.radio-label
{
    margin: 5px 15px 0 0;
    display: inline-block;
}

div.options label
{
    display: inline;
    margin-right: 10px;
}

.content fieldset
{
    border: 1px solid #ccc;
    padding-top: 10px;
    padding-right: 9px;
    padding-bottom: 10px;
    padding-left: 9px;
}

    .content fieldset legend
    {
        background-color: #eff0f0;
        border: 1px solid #ccc;
        color: #000000;
        padding: 0.3em 0.5em;
        font-size: 11px;
        font-weight: normal;
    }

    .content fieldset fieldset
    {
        border: 1px solid #ccc;
        padding: 10px;
        margin-top: 10px;
        margin-right: 0;
        margin-bottom: 10px;
        margin-left: 0;
    }

        .content fieldset fieldset legend
        {
            background-color: transparent;
            border: none;
            color: #000000;
            padding: 0.3em 0.5em;
            font-size: 0.9em;
            font-weight: bold;
        }

.tabs textarea
{
    width: 98%;
}

label
{
    /*display: block;*/
    font-size: 0.9em;
    font-weight: bold;
}
    /*fix para labels dentro de labels (caso audiencia - reconvencion)*/
    label label
    {
        font-size: 100%;
    }
/**/
.image-button
{
    padding-top: 10px;
}

textarea
{
    font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif;
}

.span-20.actions.clearfix
{
    margin-left: 10px;
}

/*---------------------------------------------------------------*/
/*  Formato para campos destacados en Carátula  */
.destacado
{
    font-weight: bold;
}

    .destacado label
    {
        display: inline;
    }

.ui-autocomplete
{
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*Adecuación de div de información contextual*/
.ui-state-highlight,
.ui-state-error
{
    margin: 0 0 10px;
    padding: 0.5em;
}

#ctl00_MainContainer_ImageCitaciones
{
    float: right;
}

.ui-state-highlight p,
.ui-state-error p
{
    margin: 0;
}

.ui-state-hover p,
.ui-state-active p
{
    margin: 0;
    padding: 0.5em;
}

    .ui-state-highlight p .ui-icon,
    .ui-state-error p .ui-icon,
    .ui-state-hover p .ui-icon,
    .ui-state-active p .ui-icon
    {
        float: left;
        margin-right: 0.3em;
        margin-top: 0.1em;
    }

/*Formato para la caja de login a la app*/
.login-form
{
    border: 1px solid #ccc;
    float: none;
    margin: 30px auto;
    padding: 15px;
    width: 455px;
}

    .login-form label
    {
        margin-right: 10px;
        display: inline-block;
        width: 65px;
    }

    .login-form input
    {
        width: auto;
    }

        .login-form input[type='text'],
        .login-form input[type='password']
        {
            width: 150px;
        }

        .login-form .olvidoSuContrasenia
        {
            margin-left: 10px;
        }

    .login-form .ingreso
    {
        padding-left: 76px;
    }

    .login-form .disclaimer
    {
        margin-top: 25px;
        padding-left: 76px;
        color: #666;
    }

        .login-form .disclaimer p
        {
            margin: 0;
        }

/**/
.datos-judiciales label,
.audiencia-reconvencion label
{
    display: inline;
}

/*formato de títulos para todas las pantallas*/
.section-header
{
    background-color: #fff;
}

    .section-header h1
    {
        font-size: 1.9em;
        color: #999999;
    }

    .section-header h2
    {
        margin-bottom: 0.1em;
        font-weight: bold;
    }

    .section-header .subtitle
    {
        font-size: 1.5em;
        display: none;
    }

/*clase para elementos de grilla que estén incompletos*/
.incompleto
{
    border: 1px solid #fad42e;
    background-color: #fcf5c8;
    padding: 2px;
}

/*clase para elementos de grilla que sean mediaciones gratuitas*/
.gratuita
{
    font-family: Verdana;
    color: #ff00ff;
}

/*clase para elementos de grilla que sean conciliaciones*/
.conciliacion
{
    font-family: Verdana;
    color: #0066cc;
}

/*  pantalla tipo de mediacion vTipoMediacion*/
.tipo-mediacion
{
    background: url(images/pix-999999.png) repeat-y center center;
}

    .tipo-mediacion label
    {
        display: inline;
    }

#ctl00_MainContainer_rblCargaDeVinculacion label
{
    margin-right: 10px;
    display: inline;
}

.vinculacion
{
    border: 1px solid #ccc;
    padding: 10px;
}

.vincular fieldset,
#ctl00_MainContainer_pnlMediacionPublica fieldset
{
    margin-top: 15px;
    border: 1px solid #ccc;
    margin: 15px 0;
    padding: 10px;
}

    .vincular fieldset legend,
    #ctl00_MainContainer_pnlMediacionPublica fieldset legend
    {
        background-color: transparent;
        border: medium none;
        color: #000000;
        font-size: 0.9em;
        font-weight: bold;
        padding: 0.3em 0.5em;
    }

/*  estilos para fieldset de vinculación*/
.vincular .inline label
{
    display: inline-block;
    width: 415px;
}

.vincular .inline select
{
    width: auto;
    display: inline-block;
}

#ctl00_MainContainer_pnlTipoMediacionFormulario
{
    margin-top: 15px;
}

/*  tipo de mediación en búsqueda*/
.criterios label
{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.criterios table
{
    display: inline-block;
}

.criterios #ctl00_MainContainer_rblMediacionJudicial_0
{
    margin-left: 0;
}

.criterios input.calendario
{
    width: 100px;
}

.hint
{
    color: #666;
    font-size: 0.9em;
    font-weight: normal;
}

#ctl00_MainContainer_rblMediacionJudicial label
{
    margin-right: 10px;
    display: inline;
}
/*  incompleto  */
.incompleto
{
    color: #ff0000;
}

/*     formato para grillas:    */
table.stripes td
{
    /*border-bottom: 1px solid #E4E4E4;*/
    border: 1px solid #e4e4e4;
    font-size: 11px;
    padding: 3px;
}

/*  clase para dar margen lateral a grillas y grupos de acciones de grilla  */
.centered
{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
/*  fix para div que contienen botones alineados con inputs*/
.fix-button
{
    padding-top: 10px;
    padding-left: 15px;
}

/*  modificaciones de compatibilidad para IE */
/*  Formulario de Login */
html.ie .login-form label
{
    vertical-align: middle;
}

html.ie .login-form .ingreso
{
    margin: 0;
}

/*  Margen superior de mensaje en cierre*/
#ctl00_MainContainer_pnlMsgIncomparecientes
{
    margin-top: 10px;
}

/*  tamaño font del textarea Aplia Objeto en Caratula   */
.acta-textarea
{
    font-size: 13px;
}

/*  tamaño font del textarea Observaciones en Audiencia   */
#ctl00_MainContainer_txtObservaciones
{
    font-size: 13px;
}

/*  modificación para ocultar la búsqueda de meciaciones por defecto */
a.mostrarBusqueda, a.ocultarBusqueda
{
    cursor: pointer;
}

.busqueda
{
    display: none;
    position: relative;
}

.busqueda div.divOcultarBusqueda
    {
        padding-top: 8px;
    }

    .busqueda a.ocultarBusqueda
    {
        margin-left: 8px;
    }

.ultimas-mediaciones
{
    position: relative;
}

    .ultimas-mediaciones div.divMostrarBusqueda
    {
        padding-top: 8px;
    }

    .ultimas-mediaciones div.divMostrarAgenda
    {
        padding-top: 8px;
    }

    .ultimas-mediaciones div.divVerificarConciliacion
    {
        padding-top: 8px;
    }

    .ultimas-mediaciones a.mostrarBusqueda
    {
        margin-left: 8px;
    }

    .ultimas-mediaciones a.mostrarAgenda
    {
        margin-left: 8px;
    }

    .ultimas-mediaciones a.verificarConciliacion
    {
        margin-left: 8px;
    }

#ctl00_MainContainer_pnlCitacionesAlarma
{
    position: absolute;
    margin-top: -10px;
    right: 15px;
    z-index: 99;
}

html.ie .ultimas-mediaciones a.mostrarBusqueda
{
    /*position: absolute;
    left: 20px;*/
}

/*  Formulario de cambio de contraseña    */
html.ie #ctl00_MainContainer_ChangePassword1 table table table td
{
    width: 190px;
}

/**/

.mayusculas
{
    text-transform: uppercase;
}

/*  Pantalla de impresión de formularios  */
#ctl00_MainContainer_rblActaTipo label
{
    display: inline;
    margin-right: 120px;
}

#ctl00_MainContainer_rblImprimible label
{
    display: inline;
    margin-right: 40px;
}

#ctl00_MainContainer_rblIncluirParticipantesInformados label
{
    display: inline;
    margin-right: 20px;
}

ctl00_MainContainer_rblIncluirParticipantesInformados .generacion-de-formulario
{
    padding-left: 10px;
}

/*  Icono de PDF en login e impresión de formularios */
a.pdf
{
    display: block;
    padding-left: 20px;
    background: url(images/icon-pdf.png) no-repeat left;
}

#ctl00_Message1_LabelMessage p
{
    margin: 0 !important;
}

.checklist-Cierre-Acta
{
    margin-top: 13px;
}

    .checklist-Cierre-Acta h3
    {
        margin-top: 0;
    }

    .checklist-Cierre-Acta .ui-accordion .ui-state-highlight
    {
        margin: 0;
        margin-top: 5px;
        padding: 0.5em 0.5em 0.5em 2.2em;
    }

    .checklist-Cierre-Acta .ui-accordion .ui-accordion-content
    {
        border-color: #fcefa1;
    }