@font-face
{
    font-family: 'HelveticaNeueThinCondensed';
    src: url('/CPCIMR/Fonts/helveticaneue-thincond-webfont.eot'); /* IE9 Compat Modes */
    src: url('/CPCIMR/Fonts/helveticaneue-thincond-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/CPCIMR/Fonts/helveticaneue-thincond-webfont.woff') format('woff'), /* Modern Browsers */ url('/CPCIMR/Fonts/helveticaneue-thincond-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('/CPCIMR/Fonts/helveticaneue-thincond-webfont.svg#HelveticaNeueThinCondensed') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
body
{
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
}

img
{
    border: none;
}

.topmenu
{
    background-color: #f66c2e;
    width: 100%;
    min-height: 3em;
    position: relative;
}

span
{
    font-family: Sans-Serif;
    color: #505050;
    font-size: 14px;
}

#header
{
    background-color: #fff;
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
}
.navbar_menu
{
    width: 100%;
    margin: 0 auto;
    display: block;
    background-color: #6e6e6e;
    border-bottom: 1px solid #f66c2e;
}

#header > div.navbar_menu > div > div
{
    z-index: 5 !important;
}


#page_wrap
{
    width: 980px;
    margin: auto;
    height: auto;
}

#page_wrap:after
{
    width: 100%;
    height: 85px;
    display: block;
    clear: both;
}
#footer
{
    background-color: #6f6f6f;
    position: fixed;
    margin: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 45px;
    z-index: 5;
    overflow: hidden;
}
.content
{
    width: 100%;
    overflow: auto;
    position: relative;
    right: 0;
    background: #fff;
    padding-bottom: 3em;
}


.topfooter
{
    text-align: center;
    margin: none;
    padding-top: 14px;
}

.logo
{
    float: left;
}
.name_app_login
{
    /*float:left;*/
    text-align: right;
    margin-right: 10px;
    height: 100px;
    padding-top: 10px;
}
.name_app
{
    /*float:left;*/
    text-align: right;
    margin-right: 10px;
    height: 100px;
    padding-top: 10px;
}
.contentmenu
{
    margin: 0 auto;
    width: 980px;
    position: absolute;
    padding-left: 102px;
}
.inner_content
{
    width: 83%;
    margin: 0 auto;
    min-height: 600px;
    padding: 20px 10px 10px 10px;
    overflow: auto;
}

.tbl_loginpage
{
    background: #ededed;
    border: 1px solid #dfdcdc;
}
.tbl_loginpage td
{
    padding: 4px;
}
.copyright
{
    font-family: 'HelveticaNeueThinCondensed' , Sans-Serif;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
}
.imbXolo
{
    vertical-align: bottom;
}
.name_ingenio
{
    font-family: 'HelveticaNeueThinCondensed' , Sans-Serif;
    font-size: 22px;
    color: #646464;
    padding: 0px;
    margin: 0px 0px 0px 22px;
}
.titulo
{
    font-family: Sans-Serif;
    font-size: 30px;
    color: #51514f;
    font-weight: bold;
    float: left;
    margin-left: 20px;
}

.subtitulo
{
    font-family: Sans-Serif;
    font-size: 23px;
    color: #51514f;
    float: left;
    margin-left: 20px;
}


#barmenu
{
    width: 100%;
    font-family: Sans-Serif;
    font-size: 1em;
    color: #FFFFFF;
    text-align: right;
}

#barmenu ul
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 13px;
}

#barmenu ul li
{
    display: inline;
}

#barmenu ul li a
{
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0px 20px;
    color: #FFFFFF;
}

#barmenu ul li.inicio a
{
    background-image: url("/CPCIMR/Images/iconos/ico_inicio.png");
}
#barmenu ul li.usuario a
{
    background-image: url("/CPCIMR/Images/iconos/ico_usuario.png");
}
#barmenu ul li.fecha a
{
    background-image: url("/CPCIMR/Images/iconos/ico_fecha.png");
}
#barmenu ul li.clave a
{
    background-image: url("/CPCIMR/Images/iconos/ico_clave.png");
}
#barmenu ul li.salir a
{
    background-image: url("/CPCIMR/Images/iconos/ico_salir.png");
}

#barmenu ul li.ayuda a
{
    background-image: url("/CPCIMR/Images/iconos/ico_ayuda.png");
}
#barmenu ul li.soporte a
{
    background-image: url("/CPCIMR/Images/iconos/ico_soporte.png");
}

.contenido
{
    background: transparent;
    height: 272px;
    clear: both;
    overflow: hidden;
    width: 980px;
}

.seccion
{
    float: left;
    margin: 0 auto;
    width: 310px;
    padding: 25px 25px 0px 0px;
}

.seccion p
{
    font-family: Sans-Serif;
    font-size: 14px;
    color: #51514f;
    text-align: justify;
}

.seccionright
{
    float: left;
    margin: 0 auto;
    width: 310px;
    padding: 25px 0px 0px 0px;
}

.seccionright p
{
    font-family: Sans-Serif;
    font-size: 14px;
    color: #51514f;
    text-align: justify;
}

.contentpage
{
    padding-top: 20px;
}

.login
{
    margin: 0 auto;
    width: 400px;
    padding-top: 17%;
}

.loginbutton
{
    background: url(/CPCIMR/Images/login/btn_iniciar.png);
    width: 104px;
    height: 30px;
    font-family: Sans-Serif;
    color: #fff;
    border: 0;
    cursor: auto;
}

.checkbox
{
    font-family: Sans-Serif;
    color: #6f6f6f;
    font-size: 15px;
    padding-left: 65px;
}

.datos
{
    font-family: 'HelveticaNeueThinCondensed' , Sans-Serif;
    font-size: 20px;
    font-weight: bold;
    color: #51514f;
    padding-left: 65px;
}

.bglogin
{
    background: url(/CPCIMR/Images/Login/bg_login.png);
    width: 400px;
    height: 265px;
    padding: 20px 0px 20px 0px;
}

.bglogin td
{
    padding-top: 0px;
}

.user
{
    padding-left: 65px;
}
h3
{
    font-family: 'HelveticaNeueThinCondensed' , Sans-Serif;
    color: #51514f;
    margin: 0px;
    font-size: 1.3em;
    font-weight: bold;
}

.tbl_forms
{
    width: 984px;
    margin-top: 20px;
}
.tbl_forms td
{
    width: 246px;
    vertical-align: middle;
    height: 30px;
}


.tbl_buttons td
{
    /*border-bottom:1px dashed #f66c2e;*/
    width: 984px;
    text-align: right;
    padding: 10px 0px;
}
.textbox
{
    width: 100%; /*250px*/
    background: #f2f2f2;
    border: 1px solid #afa5a5;
    padding: 2px 0px;
    color: #333;
    margin: 4px 0px;
}
.textbox-small
{
    width: 65px !important;
    background: #f2f2f2;
    border: 1px solid #afa5a5;
    padding: 2px 0px;
    color: #333;
    margin: 4px 0px;
}
.btn_primary
{
    background: #505050;
    color: #fff;
    font-family: Sans-Serif;
    font-size: 14px;
    border: none;
    min-width: 94px;
    height: 28px;
    cursor: pointer;
}
.btn_primary:hover, .btn_secondary:hover, .btn_primary_busqueda:hover, .btn_secondary_busqueda
{
    background: #302d2d;
}

.btn_primary_busqueda
{
    background: #505050;
    color: #fff;
    font-family: Sans-Serif;
    font-size: 14px;
    border: none;
    min-width: 40px;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
}

.btn_secondary
{
    background: #8e8b8b;
    color: #fff;
    font-family: Sans-Serif;
    font-size: 14px;
    border: none;
    min-width: 94px;
    height: 28px;
    cursor: pointer;
}

.btn_secondary_busqueda
{
    background: #8e8b8b;
    color: #fff;
    font-family: Sans-Serif;
    font-size: 14px;
    border: none;
    min-width: 100px;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
}

.btn_disabled
{
    background: #9d9d9d;
    color: #c2c2c2;
    font-family: Sans-Serif;
    font-size: 14px;
    border: none;
    min-width: 100px;
    height: 28px;
}

.lbl_form, label
{
    font-family: Sans-Serif;
    font-size: 14px;
    color: #505050;
    padding: 4px 10px 4px 0px;
    text-align: left;
}
.loginlabel
{
    padding-left: 65px;
    font-family: Sans-Serif;
    font-size: 15px;
    color: #51514f;
}
.buttons_list label
{
    font-family: Sans-Serif;
    font-size: 14px;
    color: #505050;
    margin: 0px 10px 0px 0px;
}
.buttons_list input
{
    display: inline-block;
    clear: both;
    margin: 0px 6px 0px 0px;
}
.dropdown_list
{
    width: 100%; /*252px*/
    background: #f2f2f2;
    border: 1px solid #afa5a5;
    font-family: Sans-Serif;
    font-size: 14px;
    color: #505050;
    margin: 4px 0px;
}
.checkbox_list label
{
    font-family: Sans-Serif;
    font-size: 14px;
    color: #505050;
    margin: 0px 10px 0px 0px;
}
.checkbox_list input
{
    display: inline-block;
    clear: both;
    margin: 0px 6px 0px 0px;
}

.titulocontent
{
    font-family: Sans-Serif;
    font-size: 25px;
    font-weight: bold;
    color: #51514f;
}

.parrafocontent
{
    padding-top: 10px;
    font-family: Sans-Serif;
    font-size: 15px;
    color: #51514f;
}

.bordertop
{
    border-top: 0;
}

/*** Estilos para GRID GENERICOS  ***/

.gridview_style
{
    border: none;
    margin: 10px 0px;
}
.bg_templategrid
{
    margin: 0px 2px;
}
.gridview_headerstyle th
{
    border: 1px solid #ffffff;
    height: 30px;
    background: #8a8a8a;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    font-family: Sans-Serif;
    text-align: center;
    padding: 4px;
}

.gridview_headerstyle a
{
    font-family: Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none !important;
}

.gridview_headerstyle a:hover
{
    text-decoration: underline !important;
}

.gridview_headerstyle
{
    background-color: #f6f6f6;
    font-family: Sans-Serif;
    font-weight: normal;
    font-size: 14px;
}

.gridview_rowstyle
{
    background-color: #dbdbdb;
    font-family: Sans-Serif;
    color: #505050;
    font-size: 14px;
}

.gridview_alternatingrowstyle
{
    background-color: #f1f1f1;
    color: #505050;
    font-family: Sans-Serif;
    font-size: 14px;
}

.gridview_rowstyle td, .gridview_alternatingrowstyle td
{
    border: 1px solid #dfe6f5;
    padding: 4px;
}

/*--------Corrección para el caso cuando pone un span dentro de un td----*/
.gridview_pagerstyle td table tbody tr td
{
    width: auto !important;
}

.gridview_pagerstyle td table tbody tr td span
{
    padding: 0px;
}
/*---------------------------------------------------------------------*/


.gridview_selectedrowstyle
{
    background-color: #E2DED6;
    font-weight: bold; /*color: #333333;*/
}

.gridview_selectedrowstyle td
{
    border: none !important;
}

.gridview_pagerstyle
{
    background-color: #e0dfdc;
    color: #515559;
    border: 1px solid #ebe9ed;
    color: #4e4e4e;
}
.gridview_footerstyle
{
    /*background-color: #f6f6f6;*/
    font-weight: bold; /*color: #515559;*/
}

.gridview_footerstyle td
{
    border: none !important;
}

.gridview_pagerstyle a
{
    color: #5971a2;
    font-family: Arial;
    font-size: 12px;
}
.gridview_pagerstyle a:hover
{
    text-decoration: underline;
}

.gridview_pagerstyle td
{
    padding: 0px 4px;
    color: #002c5f;
    font-family: Arial;
    font-size: 12px;
}

.gridview_pagerstyle td table
{
    width: auto !important;
}

.gridview_pagerstyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

.gridview_emptystylegrid
{
    background-color: #f2f2f4;
    color: #000;
    border: 1px solid #DBDBDB;
    height: 30px;
    font-size: 12px;
}

.gridview_emptystylegrid td
{
    padding: 4px;
}


/*Barra de ruta SITEMAP*/

.bar_sitemap
{
    height: 42px;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 auto;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.box_sitemap
{
    background: url(/CPCIMR/Images/ico_homesitemap.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 16px;
}
.bar_sitemap a
{
    color: #333;
    text-decoration: none;
    font-size: 13px;
    font-family: Sans-Serif;
}
.bar_sitemap a:hover
{
    color: #333;
    text-decoration: underline;
    font-size: 13px;
    font-family: Sans-Serif;
}
.bar_sitemap span
{
    color: #f66c2e;
    text-decoration: none;
    font-size: 13px;
    font-family: Sans-Serif;
}

/* ListView Subir reporte */


.PageNumbers
{
    text-decoration: none !important;
    font-family: Sans-Serif !important;
    color: #f66c2e !important;
    font-size: 14px !important;
    padding: 0 12px 0 0 !important;
}

.tbl_forms .ListViewClass
{
    border-spacing: 0;
}
.tbl_forms .ListViewClass .head
{
    background-color: #8a8a8a;
    text-align: center;
    border-spacing: 0 !important;
    border-right: 1px solid #ffffff;
}

.tbl_forms .ListViewClass .head a
{
    text-decoration: none !important;
    font-family: Sans-Serif;
    color: #ffffff !important;
    font-size: 14px;
}

/*-------*/

.tbl_report
{
    width: 100%;
    margin-top: 20px;
}

.tbl_report td
{
    width: auto;
    vertical-align: middle;
    height: 30px;
    padding: 0px 5px;
}

.tbl_report .ListViewClass .head
{
    background-color: #8a8a8a;
    text-align: center;
    border-spacing: 0 !important;
    border-right: 1px solid #ffffff;
}

.tbl_report .ListViewClass .head a
{
    text-decoration: none !important;
    font-family: Sans-Serif;
    color: #ffffff !important;
    font-size: 14px;
}

/*-------*/

.ItemCSS
{
    background-color: #dbdbdb; /*font-family:Sans-Serif;           */
    height: 20px;
}
.AlternatingItemCSS
{
    background-color: #f1f1f1; /* font-family:Sans-Serif;            */
    height: 20px;
}


/* fielset border */

.field_set
{
    border: 1px solid #f66c2e;
    font-family: Sans-Serif;
    font-size: 14px;
    color: #505050;
    padding: 2.35em 1.3em;
}

legend
{
    border-bottom: none;
    width: auto;
    font-size: 14px;
}

/* Estilo para BulletList de Alertas/Mensajes para que no muestre viñeta*/

.bullet_mensajes
{
    list-style: none;
}


/******** Estilo especial para grid de consultas producción ******************/

.gridConProd
{
    font-size: 12px !important;
    border: none;
}

.gridview_styleConProd
{
    border: none;
    font-size: 12px !important;
    margin: 10px 0px;
}
.bg_templategridConProd
{
    margin: 0px 2px;
}
.gridview_headerstyleConProd th
{
    border: 1px solid #ffffff;
    height: 30px;
    background: #8a8a8a;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    font-family: Sans-Serif;
    text-align: center;
    padding: 4px;
}

.gridview_headerstyleConProd a
{
    font-family: Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none !important;
}

.gridview_headerstyleConProd a:hover
{
    text-decoration: underline !important;
}
.gridview_headerstyleConProd
{
    background-color: #f6f6f6;
    font-family: Sans-Serif;
    font-weight: normal;
    font-size: 12px;
}
.gridview_rowstyleConProd
{
    background-color: #dbdbdb;
    font-family: Sans-Serif;
    color: #505050;
    font-size: 12px;
}
.gridview_rowstyleConProd span
{
    font-size: 12px;
}

.gridview_alternatingrowstyleConProd
{
    background-color: #f1f1f1;
    color: #505050;
    font-family: Sans-Serif;
    font-size: 12px;
}
.gridview_alternatingrowstyleConProd span
{
    font-size: 12px;
}

.gridview_rowstyleConProd td, .gridview_alternatingrowstyleConProd td
{
    border: 1px solid #dfe6f5;
    padding: 4px;
    font-size: 12px;
}

/*--------Corrección para el caso cuando pone un span dentro de un td----*/
.gridview_pagerstyleConProd
{
    background-color: #ffffff;
    text-align: center;
    color: #515559;
}
.gridview_pagerstyleConProd a
{
    color: #5971a2;
    font-family: Arial;
    font-size: 12px;
}
.gridview_pagerstyleConProd a:hover
{
    text-decoration: underline;
}
.gridview_pagerstyleConProd td
{
    padding-top: 20px;
    color: #002c5f;
    font-family: Arial;
    font-size: 12px;
    border: 0;
}
.gridview_pagerstyleConProd td table
{
    width: auto !important;
}
.gridview_pagerstyleConProd table
{
    margin: 0 auto 0 auto;
}
.gridview_pagerstyleConProd td table tbody tr td
{
    width: auto !important;
    border: 0;
    margin-top: 15px;
}
.gridview_pagerstyleConProd td table tbody tr td span
{
    padding: 0px;
}
/*---------------------------------------------------------------------*/

.gridview_selectedrowstyleConProd
{
    background-color: #E2DED6;
    font-weight: bold;
}
.gridview_selectedrowstyleConProd td
{
    border: none !important;
}
.gridview_footerstyleConProd
{
    font-weight: bold;
    border: none !important;
}
.gridview_footerstyleConProd td
{
    border: none !important;
    font-family: 12px !important;
}
.gridview_footerstyleConProd td span
{
    font-family: 12px;
}

.gridview_emptystylegridConProd
{
    background-color: #f2f2f4;
    color: #000;
    border: 1px solid #DBDBDB;
    height: 30px;
    font-size: 12px;
}
.gridview_emptystylegridConProd td
{
    padding: 4px;
}

/* Estilos para Paginación en GridViews */

.PrevPagination
{
    font-family: Sans-Serif;
    font-size: 14px;
    color: #505050;
    padding: 4px 10px 4px 0px;
    text-align: left;
}


legend{
    margin-bottom:0;
}