/* 00. STANDART STYLES */
hr {
    margin: 15px auto;
    border-top: dashed 1px #666;
    border-bottom: solid 0 #666;
    border-right: solid 0 #666;
    border-left: solid 0 #666;
}

* {
    padding: 0;
    margin: 0 auto;
    border: 0 none;
    list-style-image: none;
    list-style-position: inside;
    list-style: none;
}

a:link {
    color: #0060FF;
    text-decoration: none;
}

a:visited {
    color: #0060FF;
    text-decoration: none;
}

a:hover {
    color: #0060FF;
    text-decoration: none;
}

a:active {
    color: #000000;
    text-decoration: none;
    outline: none;
}

a:focus {
    outline: none;
}

img, acronym {
    border: none;
}

html, body {
    background-color: #ffffff;
    height: 100%;
}

html, body, p, .item, .item_white {
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    font-size-adjust: none;
    line-height: 18px;
    /*color: #666666; Se comenta por error gráfico en Colorbox (aparición de bordes) I.E.P. 14-07-2014*/
    text-align: left;
    overflow: auto;
}

    p a:hover {
        border-bottom: 1px solid #0060FF;
        color: #0060FF;
        text-decoration: none;
    }

    p a:active {
        border-bottom: 1px solid #000000;
        color: #000000;
        text-decoration: none;
        outline: none;
    }

h1, h2 {
    font: normal normal 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    line-height: 18px;
}

.h1 {
    font: normal normal 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    line-height: 18px;
}

h2 {
    line-height: 16px;
    font-size: 21px;
}

.header {
    height: 70px;
    padding-top: 10px;
}

.body {
    background-color: #000000;
    /*padding:				20px 0px;*/
    border-bottom: 4px solid #0060FF; /*solid 1px #CCCCCC*/
    border-top: solid 1px #CCCCCC;
}

.body2 {
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    text-align: center;
}


/*.body3 
{
	background-color:		#FFFFFF;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    padding:20px 5px;
}*/
.body3 {
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; /**/
    overflow: auto;
    text-align: center;
    padding: 5px 20px;
}

.body4 {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.menu {
    height: 30px;
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0px;
    background: #0060FF url(../img/menu_bg.gif) repeat-x left;
}

.submenu {
    height: 20px;
    margin-top: 10px;
}

.footer {
    margin-top: 10px;
}

.container-page {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

.container {
    width: 900px;
}

.marginTop7 {
    margin-top: 7px;
}

.linecontainer {
    width: 100%;
    height: 20px;
}

.formcontainer {
    width: 100%;
    height: 32px;
}

.container-item {
    float: left;
    width: 180px;
    padding: 5px;
}

.container-item-small {
    float: left;
    width: 86px;
}

.container-item1 {
    float: left;
    width: 300px;
}

.container-item-small, .container-item1, .container-item4 {
    padding: 0px 4px 0px 4px;
}

.container-item2 {
    float: left;
    width: 580px;
    padding: 5px;
}

.container-item3 {
    padding: 5px;
}

.container-item4 {
    float: left;
    width: 680px;
}

.container-content {
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 750px;
    background: #FFFFFF;
    padding: 14px 20px 5px;
    border-bottom: solid 1px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
}

.container-content1 {
    /*position:absolute;
    bottom:0px;
    top:0px;
		width:					750px;
		background:				#FFFFFF;
		margin-left:auto;
		margin-right:auto;*/
    padding: 10px 5px;
    border-bottom: solid 1px #CCCCCC;
}

.container-content2 {
    background: #FFFFFF;
    width: 750px;
    padding: 14px 0px 0px; /**/
    text-align: left;
}

.container-content3 {
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 750px;
    background: #FFFFFF;
    padding: 14px 20px 5px;
    border-bottom: solid 1px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
}

.container-content4 {
    width: 750px;
    background: #FFFFFF;
    padding: 10px 15px;
    border-bottom: solid 1px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
}

.container-content5 {
    width: 750px;
    background: #FFFFFF;
    padding: 10px 15px;
    margin-left: auto;
    margin-right: auto;
}

.container-content6 {
    width: 750px;
    background: #FFFFFF;
    padding-bottom: 10px;
    border-bottom: solid 1px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.container-content7 {
    width: 750px;
    background: #FFFFFF;
    padding-bottom: 10px;
    border-bottom: solid 1px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    float: right;
}

    .container-content7 input {
        float: none;
        margin: 5px 2px;
    }

.container-content8 {
    background: #FFFFFF;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    width: 60%;
}

    .container-content8 p {
        vertical-align: top;
        background-position: top left;
    }

        .container-content8 p input select {
            float: right;
            margin: 5px 2px;
            vertical-align: top;
        }

.container-content9 {
    background: #FFFFFF;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    width: 98%;
}

.container-table-border {
    margin: 10px 0px;
    padding: 5px;
    text-align: left;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

.container-table {
    margin: 10px 0;
    text-align: left;
}

    .container-table table {
        margin-left: 0px;
        text-align: left;
    }

.container-table1 {
    margin: 10px -245px;
    text-align: left;
}

    .container-table1 table {
        margin-left: 0px;
        text-align: left;
    }

.container-content2 input {
    float: none;
    margin: 5px 2px;
}

    .container-content2 input.expt {
        margin: 0;
        height: 20px;
    }

.obj_left {
    float: left;
}

.obj_right {
    float: right;
}

.obj_center {
    float: center;
}

.blue {
    color: #005BF1;
}

.red {
    color: #FF0000;
}

/* 01. STANDART FONTS */

.inputextralarge, .inputlarge, .txtsmall, .txtnormal, .input, .item_white, .item_black, .listado_item p, .formtxtsmall {
    font-size: 10px;
    /*line-height:			14px;*/
    color: #808080;
    margin: 5px 0px;
}

.txtPaginado {
    border: 1px solid;
    font: 12px/18px "Lucida Grande","Trebuchet MS";
    width: 30px;
}

.item, .item_white, .item_black, .item2, .item3, .item-right, .itemGde, .itemMedium {
    color: #404040;
    margin: 0px 2px 1px;
    padding: 0px 0px 0px 7px;
    background: transparent url(../img/arrow_gray.gif) no-repeat left;
}

.item_blue {
    color: #00F;
    margin: 0px 2px 1px;
    padding: 0px 0px 0px 9px;
    background: transparent url(../img/arrow_blue.png) no-repeat left;
    font-size: 14px;
}

.item2, .item3 {
    float: left;
}

    .item3:hover {
        text-decoration: underline;
        color: #505050;
    }

.item-right {
    text-align: right;
    background: none;
}

.red {
    color: #ff0000;
}

.itemcol {
    width: 30%;
    float: left;
    color: #404040;
    margin: 0px 2px 1px;
    padding: 0px 0px 0px 7px;
    background: transparent url(../img/arrow_gray.gif) no-repeat 0px 2px;
}

.itemhorizontal {
    float: left;
    padding: 5px 20px 5px 5px;
    text-align: left;
}

.divvip {
    background-color: #FE9900;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    float: left;
}

.divcortesia {
    background-color: #FFD76E;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    float: left;
}

.divnormal {
    background-color: #EFEFEF;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    float: left;
}

.divprueba {
    background-color: #C9E0FD;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    float: left;
}

.divinhabilitado {
    background-color: #000000; /*CCCCCC*/
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    float: left;
}

.divnoregistrado {
    background-color: #BaBaBa;
    width: 12px;
    height: 12px;
    margin: 2px 4px;
    float: left;
}

.tblgrilla {
    background-color: #EFEFEF;
    width: 94%;
}

    .tblgrilla td {
        border-bottom: solid 1px #FFFFFF;
        border-right: solid 1px #FFFFFF;
        height: 30px;
    }

.tblgrilla2 {
    background-color: #E4E4E4;
    width: 100%;
}

    .tblgrilla2 td {
        border-bottom: solid 1px #FFFFFF;
        border-right: solid 1px #FFFFFF;
        height: 30px;
    }

.celheaderazul {
    background: url(../img/menu_bg.gif) repeat-x left;
    padding: 0px 2px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    color: #FFFFFF;
    height: 30px;
    white-space: nowrap;
    text-align: center;
}

    .celheaderazul a {
        font: normal 12px "Lucida Grande", "Trebuchet MS";
        /*background:				transparent url(../img/arrow_white.gif) no-repeat left;*/
        color: #FFFFFF;
        text-decoration: underline;
    }

.celheaderazul2 {
    background: url(../img/menu_bg.gif) repeat-x #0B4F93 left top;
    padding: 0px 2px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    color: #FFFFFF;
    height: 30px;
    text-align: center;
}

    .celheaderazul2 a {
        font: normal 12px "Lucida Grande", "Trebuchet MS";
        /*background:				transparent url(../img/arrow_white.gif) no-repeat left;*/
        color: #FFFFFF;
        text-decoration: underline;
    }

.rowitem {
    background-color: #E4E4E4;
}

.celitem {
    padding: 2px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    text-align: left;
}

.textcolor {
    color: #000000;
}

.celitem2 {
    padding: 4px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    text-align: left;
}

.celitemcenter {
    padding: 2px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    text-align: center;
}

.celitemright {
    padding: 2px 4px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    text-align: right;
}

.celitemcenter2 {
    padding: 2px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    text-align: center;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

.tblbordes {
    border: solid 1px #CCCCCC;
    width: 200px;
}

.tblbordes2 {
    border: solid 1px #CCCCCC;
    width: auto;
}

.rowitemvip {
    background-color: #FE9900;
}

.rowitemcortesia {
    background-color: #FFD76E;
}

.rowitemprueba {
    background-color: #C9E0FD;
}

.rowiteminhabilitado {
    background-color: #000000;
}

    .rowiteminhabilitado .textcolor {
        color: #FFFFFF;
    }

.rowiteminnoregistrado {
    background-color: #B2B2B2;
}

.botonexcelpagina {
    background: url('../img/excel_pag.gif') #E5E5E5 no-repeat 3px 3px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    border: solid 0px;
    padding: 3px 5px 3px 30px;
    color: #666666;
    cursor: pointer;
}

.hidden {
    display: none;
    border: medium solid;
    color: blue;
    float: right;
    font-size: 15px;
    margin: 0 10px;
    padding: 5px;
    width: 200px;
}

.hide {
display:none;
}


.botonexcellista {
    background: url('../img/excel_lista.gif') #E5E5E5 no-repeat 3px 3px;
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    border: solid 0px;
    padding: 3px 5px 3px 30px;
    color: #666666;
    cursor: pointer;
}

.itemcol2 {
    width: 45%;
    float: left;
    color: #404040;
    margin: 0px 2px 1px;
    padding: 0px 0px 0px 7px;
}

.noitem {
    margin: 5px;
    float: left;
    width: 100%;
}

.menusup li {
    color: #404040;
    margin: 0px 2px 1px;
    padding: 0px 0px 0px 7px;
    float: left;
}

.submenu li {
    color: #404040;
    margin: 0px 2px 1px;
    padding: 0px 0px 0px 7px;
    float: left;
}

.menusup a {
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    background: transparent url(../img/arrow_white.gif) no-repeat left;
    color: #FFFFFF;
    padding: 8px 8px 8px 15px;
    float: left;
    margin: 0px 0px 0px 5px;
}

.item_white a:link, .item_white a:visited {
    background: transparent url(../img/arrow_white.gif) no-repeat left;
    color: #FFFFFF;
    padding: 8px 8px 8px 15px;
    float: left;
    margin: 0px 0px 0px 5px;
}

.item_white a:hover {
    background-color: #000000;
}

.item_black a:link, .item_black a:visited {
    font-size: 12px;
    color: #000000;
    float: left;
    padding: 0px 0px 0px 7px;
    margin: 0px 9px 0px 0px;
    background: transparent url(img/arrow_gray.gif) no-repeat left;
}

.item_black a:hover {
    color: #0060FF;
}

.formtxtsmall {
    float: left;
    width: 40px;
}

.tbl540 {
    width: 540px;
}
/* 02. ELEMENTS */
.inputlarge {
    width: 500px;
}

.inputextralarge {
    width: 700px;
}

.input, .inputsmall, .input_area {
    width: 300px;
}

.inputextralarge, .inputlarge, .input, .inputsmall, .input_area {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    /*width:					300px;*/
    /*height:					19px;*/
    color: #000000; /*666666*/
    padding: 3px;
    margin: 0px 0px 7px 0px;
    font: normal 12px Verdana;
}

.input2, .inputsmall2, .input_area2 {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    width: 98%;
    /*height:					19px;*/
    color: #000000; /*666666*/
    padding: 3px;
    margin: 0px 0px 7px 0px;
    font: normal 12px Verdana;
}

.input_area_width {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    width: 90%;
    /*height:					19px;*/
    color: #000000; /*666666*/
    padding: 3px;
    margin: 0px 0px 7px 0px;
    font: normal 12px Verdana;
}

.inputmin {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    color: #015CF1;
    padding: 3px;
    margin: 3px;
    height: 14px;
    width: 20px;
    font-weight: bold;
}

.selectmin {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    color: #015CF1;
    margin: 3px;
    /*padding:				3px;
		height:					14px;*/
    width: 50px;
    font-weight: bold;
    text-align: right;
}

.txtazulbold {
    color: #015CF1;
    font-weight: bold;
}

.txtrojobold {
    color: #FF0000;
    font-weight: bold;
}

.PagerHyperlinkStyle strong {
    /*		background-color: 		#F0F0F0;
		border:					1px solid #D1D1D1;
		padding:				3px;
		margin:					3px;
		height:					14px;
		width:                  20px;*/
    color: #015CF1;
    font-weight: bold;
    font-size: 18px;
}

.fileinput {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    padding: 2px;
    /*width:					300px;*/
    height: 21px;
    color: #666666;
    padding: 3px;
    margin: 0px 0px 7px 0px;
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
}

.input_area {
    height: 80px;
    overflow: auto;
}

.input_area2 {
    height: 140px;
    overflow: auto;
}

.txtvalidator {
    float: left;
    font-weight: bold;
}

.selectbig, .selectsmall {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    width: 300px;
    /*height:					26px;
		padding:				4px;*/
    color: #666666;
    margin: 0px 0px 7px 0px;
}

.selectbig2 {
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    width: 300px;
    /*height:					26px;
		padding:				4px;*/
    color: #666666;
    margin: 0px 0px 0px 0px;
}

.selectsmall, .inputsmall {
    width: 100px;
}

.selectmedium {
    width: 200px;
}

.inputcalendar {
    width: 100%;
    float: left;
    background-color: #F0F0F0;
    border: 1px solid #D1D1D1;
    width: 300px;
    /*height:					19px;*/
    color: #666666;
    padding: 3px;
    margin: 0px 60px 7px 0px;
}
.button.IdiomaColorBox.cboxElement {
    float: none;
    padding: 2px 7px 2px 20px;
}
.button.IdiomaColorBox.cboxElement:hover {
    color:#fff;
}
.button {
    background: url('../img/arrow_white.gif') no-repeat #005BF1 2px 2px; /**/
    border: 1px solid #0054E0;
    height: 21px; /**/
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    color: #ffffff;
    text-align: left;
    padding: 0px 5px 0px 15px; /**/
    cursor: pointer;
    float: left;
}

.fl_none {
    float: none;
}

.button2 {
    background: url('../img/arrow_white.gif') no-repeat #005BF1 2px 2px; /**/
    border: 1px solid #0054E0;
    height: 20px; /**/
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    color: #ffffff;
    text-align: left;
    padding: 0px 5px 0px 15px; /**/
    cursor: pointer;
    float: inherit;
}

.button3 {
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    cursor: pointer;
    float: inherit;
}

.buttonDisabled {
    font: normal 12px "Lucida Grande", "Trebuchet MS";
    cursor: pointer;
    float: inherit;
    padding: 3px;
}

.button4 {
    background-color: #005BF1;
    border: 1px solid #0054E0;
    height: 20px;
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    color: #ffffff;
    text-align: left;
    padding: 0px 2px 0px 2px;
    cursor: pointer;
    float: inherit;
    margin: 1px;
}

.button5 {
    background: url('../img/arrow_white.gif') no-repeat #005BF1 2px 2px; /**/
    border: 1px solid #0054E0;
    height: 21px; /**/
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    color: #ffffff;
    text-align: left;
    padding: 0px 5px 0px 15px; /**/
    cursor: pointer;
    float: right;
}

.button6 {
    background-color: #005BF1;
    border: 1px solid #0054E0;
    height: 20px;
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    color: #ffffff;
    text-align: center;
    padding: 0px 2px 0px 2px;
    cursor: pointer;
    float: inherit;
    margin: 1px;
}

.search3 {
    height: 50px;
    text-align: center;
    vertical-align: middle;
    margin: 10px 0px;
}

    .search3 input {
        float: left;
    }

.search {
    height: 60px;
}

    .search input {
        float: left;
    }

.search2 {
    height: 50px;
}

    .search2 input {
        float: left;
    }

.search4 {
    height: 20px;
}

    .search4 input {
        float: left;
    }

.pnl_separator {
    height: 40px;
}

.listado {
    background-color: #FFFFFF;
    width: 100%; /*790px
		height:					100%;*/
    /*padding:20px 5px;
		position:absolute;
		top:0px;
		bottom:0px;*/
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.listado_item {
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

    .listado_item img {
        width: 60px;
        height: 60px;
        background-color: #CCCCCC; /*FF00FF*/
        float: left;
    }

    .listado_item div {
        float: left;
        padding: 12px 10px 0px;
    }

    .listado_item h2 a:hover {
        color: #FF0000;
    }

    .listado_item p:hover {
        color: #333333;
    }

    .listado_item:hover {
        background-color: #E0E0E0;
        color: #333333;
    }

.div_item_menu {
    text-align: left;
}

.radio {
    float: left;
    margin: 4px 5px 0px 0px;
}

.radiotxt {
    color: #666666;
    font-size: 11px;
    padding-top: 1px;
    float: left;
    margin-right: 1210px;
}

/* 01. HEADER */



/**************************** INCORPORACIONES DE SAYNOMORE ***********************************/
#header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

#body {
    position: absolute;
    top: 90px;
    bottom: 25px;
    left: 0px;
    right: 0px;
    overflow: auto;
}

#footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.tblLogin {
    margin: 0px;
}

.btAdmins {
    font: normal normal 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    line-height: 18px;
    background-color: #FFFFFF;
    height: 60px;
    padding: 8px;
}

.h2 {
    font: normal normal 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    line-height: 18px;
}

.radiobuttonlist input {
    margin: 3px 4px 0px 0px; /**/
}

.radiobuttonlist label {
    /*color: #666666;
		font-size: 11px;
		padding-top: 1px;
		float: left;
		margin-right:1210px;*/
    vertical-align: top;
    color: #666666;
    font-size: 11px;
    padding-top: 3px;
    margin: 4px 7px 0px 0px;
}

.overflowUnset {
    overflow: unset !important
}

.questionBox{
    margin-bottom: 5px;
    margin-top: 5px;
}

/* Se pretende que cada boton tenga un fondo diferente de imagen
por eso hasta que eso ocurra se repiten estos estilos*/
.btnMenuGenerico {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuGenerico:hover {
        background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuRoles1 {
    background: url('../img/AdminUsuariosXPermiso.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuRoles1:hover {
        background: url('../img/AdminUsuariosXPermiso.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuRoles2 {
    background: url('../img/AdminPermisosXUsuario.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuRoles2:hover {
        background: url('../img/AdminPermisosXUsuario.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuSoto1 {
    background: url('../img/AdminSotoEditarCuento.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuSoto1:hover {
        background: url('../img/AdminSotoEditarCuento.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuSoto2 {
    background: url('../img/AdminSotoNuevoCuento.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuSoto2:hover {
        background: url('../img/AdminSotoNuevoCuento.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuSoto3 {
    background: url('../img/AdminSotoVerPublicaciones.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuSoto3:hover {
        background: url('../img/AdminSotoVerPublicaciones.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuSoto4 {
    background: url('../img/AdminSotoAgregarPublicacion.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuSoto4:hover {
        background: url('../img/AdminSotoAgregarPublicacion.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuSdP1 {
    background: url('../img/adminAgregar.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuSdP1:hover {
        background: url('../img/adminAgregar.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuSdP2 {
    background: url('../img/adminBuscar.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuSdP3 {
    background: url("../img/AdminAdHoc2.jpg") no-repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #005bf1;
    cursor: pointer;
    float: left;
    font: bold 19px "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: 60px;
    padding-left: 65px;
    text-align: left;
    width: 33.2%;
}

    .btnMenuSdP2:hover {
        background: url('../img/adminBuscar.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuPrecargarArticulos {
    background: url('../img/PrecargarArticulos.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuPrecargarArticulos:hover {
        background: url('../img/PrecargarArticulos.jpg') no-repeat #FFFFFF;
        height: 60px;
        font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuGenerico2 {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuGenerico2:hover {
        background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
        height: 60px;
        font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.btnMenuProcesar {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuBuscarEnvio {
    background: url('../img/imgBuscarEnvio.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuBuscarAutor {
    background: url('../img/imgBuscarAutor.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuBandejaEntrada {
    background: url('../img/imgBandejaEntrada.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnEstadisticas {
    background: url('../img/adminStats.jpg') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuSotobosque {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuBuscarMedline {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuMiriada {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuPuertoCurioso {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuGuias {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuCore {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuRimaMundoLinks {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuWebProducto {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuReporte {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuAdHoc {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuMisRevistas {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuCim {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

.btnMenuCim2 {
    background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
    height: 60px;
    font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #005BF1;
    width: 33.2%;
    height: 60px;
    background-color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: left;
    padding-left: 65px;
}

    .btnMenuCim2:hover {
        background: url('../img/imgSinImagen.gif') no-repeat #FFFFFF;
        height: 60px;
        font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #005BF1;
        width: 33.2%;
        height: 60px;
        background-color: #E0E0E0;
        float: left;
        cursor: pointer;
        border-bottom: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        text-align: left;
        padding-left: 65px;
    }

.txtGrande {
    font: bold 14px Trebuchet MS;
    color: #333333;
    float: none;
}

.b {
    font-weight: bold;
    color: #000000;
}

.fondogris {
    background-color: #E5E5E5;
    padding: 5px 5px 5px 20px;
    margin: 2px;
    width: 200px;
}

.fondogris2 {
    background-color: #E5E5E5;
    padding: 5px 5px 5px 20px;
    margin: 2px;
}

.panelleft {
    width: 230px;
    float: left;
    text-align: left;
}

.panelleft2 {
    float: left;
    text-align: left;
}

    .panelleft2 p {
        float: left;
        text-align: left;
    }

    .panelleft2 .item {
        float: left;
        text-align: left;
        width: 120px;
    }

    .panelleft2 button {
        float: right;
        text-align: left;
    }

    .panelleft2 .itemGde {
        float: left;
        text-align: left;
        width: 200px;
    }

    .panelleft2 .itemMedium {
        float: left;
        text-align: left;
        width: 150px;
    }

.panelleft3 {
    width: 220px;
    height: 380px;
    float: left;
    text-align: left;
}

.panelleft4 {
    float: left;
    text-align: left;
    margin-top: 20px;
}

.panelleft5 {
    float: left;
    text-align: left;
    width: 400px;
    height: 30px;
    vertical-align: top;
    padding-bottom: 5px;
}

    .panelleft5 table {
        vertical-align: top;
    }

.panelleft table {
    text-align: left;
    margin: 0px;
}

.panelleft3 table {
    text-align: left;
    margin: 0px;
}

.panelleft select {
    float: left;
    margin: 0px;
}

.panelright {
    float: right;
    text-align: left;
}

    .panelright input {
        margin: 5px;
    }

.tabla_detalle td {
    width: 550px;
}

.content-form2 table {
    margin: 0px;
}

.content-left {
    margin-bottom: 15px;
    text-align: left;
    padding: 0px;
}
/*------ aca deje -------*/
.content-form0 {
    width: 500px;
}

.content-form {
    float: right;
    width: 500px;
}

.content-form-left {
    float: left;
    width: 700px;
}

.msgbox-left {
    float: right;
    width: 572px;
}




.queries-overflow {
    height: 320px;
    overflow: auto;
    width: 750px;
}

.border-content {
    border: solid 2px;
}

.query-item {
    width: 720px;
}

.content-form2 {
    float: right;
    width: 500px;
}

.content-form3 {
    float: left;
    width: 710px;
}

.tblhistorial, .tblhistorialder {
    border-top: solid 1px #CCCCCC;
}
/**/
.tblhistorialder2 {
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
}

.tblhistorial td {
    padding: 1px 5px;
    vertical-align: top;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
}

.tblhistorialder td {
    padding: 1px 5px;
    vertical-align: top;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

.tblhistorialder2 td {
    padding: 1px 5px;
    vertical-align: top;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

.celheader {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    background-color: #E5E5E5;
}

.celheader1 {
    background-color: #E5E5E5;
}

.celheader2 {
    padding: 3px;
    text-align: center;
    font-weight: bold;
    color: #404040;
    background-color: #E5E5E5;
}

.container-content1 table {
    text-align: left;
    margin-bottom: 15px;
}

.container-margin-tb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.container-varios {
    border: solid 1px #D1D1D1;
    padding: 0px;
    height: 12px;
    vertical-align: top;
}

.container-reduce {
    padding-right: 20%;
    vertical-align: top;
}

.container-varios table {
    background-color: #F0F0F0;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    height: 12px;
    color: #808080;
}
/*td
{
    vertical-align:top;
}*/
.container-varios td {
    background-color: #F0F0F0;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    height: 12px;
    color: #808080;
}

.container-varios img {
    margin: 0px;
    float: right;
}

.container-varios input {
    background-color: #F0F0F0;
    float: left;
    padding: 0px;
    font: normal normal 12px Trebuchet MS;
    vertical-align: top;
    color: #808080;
    height: 16px;
}


/**************** Para Historial de CIM **********************************/
.filaConsultaPuertoDerecha {
    /*width:33%;*/
    text-align: left;
    padding: 2px;
    color: #666666;
    background-color: #F6F6F6;
    font: normal normal 12px Trebuchet MS;
}

.filaConsultaPuertoIzquierda {
    /*width:33%;*/
    text-align: left;
    padding: 3px;
    color: #666666;
    background-color: #E0E0E0;
    font: normal normal 12px Trebuchet MS;
}

.lbAutor {
    color: #333333;
    font: normal normal 12px Trebuchet MS;
}


.tipoBusqueda {
    text-align: left;
    padding: 2px;
    color: #333333;
    background-color: #FFFFFF;
    font: normal 12px Trebuchet MS;
}

.div_botones {
    height: 20px;
    width: 100%;
}

    .div_botones input {
        float: left;
        margin: 5px 0px 0px 5px;
    }

#panelEclipse {
    background-color: #333333;
    filter: alpha(opacity='60');
    opacity: 0.6;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 500;
}

#bottomHalf {
    background-color: #FFFFFF;
    width: 840px;
    position: absolute;
    /*height:700px;
    left:50px;*/
    right: 10%;
    bottom: 50px;
    top: 50px;
    z-index: 1000;
    border: solid 3px #333333;
    overflow: auto;
}

#messageLinks {
    margin-bottom: 10px;
}

#messageInfo {
    background-color: #E6E6E6;
    padding: 5px;
}

#bodyFrameWrapper {
    padding: 5px;
}

.btnCerrarPopUP {
    background: url('../img/arrow_white.gif') no-repeat #005BF1 2px 2px; /**/
    border: 1px solid #0054E0;
    height: 21px; /**/
    font: normal normal 12px "Lucida Grande", "Trebuchet MS";
    color: #ffffff;
    text-align: left;
    padding: 0px 5px 0px 15px; /**/
    cursor: pointer;
    float: right;
    margin: 3px;
}

#emailsTable {
    color: #000000;
}

.div_separador {
    background-color: #E6E6E6;
    border: solid 1px #CCCCCC;
    padding: 5px;
    margin: 3px 0px;
}

.mapa {
    margin-top: 10px;
    text-align: right;
}

.mapa_det {
    width: 52%;
    float: left;
}

.cont_mapa {
    border: 2px solid #333333;
    width: 370px;
    height: 252px;
    text-align: right;
}

.info_mapa_det {
    margin-left: 59%;
    font: bold bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: left;
    padding-left: 10px;
}

    .info_mapa_det h1 {
        text-transform: uppercase;
        color: #0A8CC5;
        font-size: 12px;
        text-shadow: none;
    }

    .info_mapa_det p {
        color: #555555;
    }

    .info_mapa_det a {
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        text-decoration: underline;
    }




.divinline {
    background-color: White;
}

.padding {
    padding: 30px;
}

.selected {
    background: lightblue;
}

.deselected {
    background: White;
}

.contentButtons {
    position: relative;
}

.divLeft {
    position: absolute;
    left: 20%;
}

.divCenter {
    position: absolute;
    right: 47%;
}

.divRight {
    position: absolute;
    right: 20%;
}

.eliminar {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    cursor: pointer;
}

.examinar:hover {
    color: #FFF;
}

.littleInput {
    width: 130px;
}

.left {
    float: left;
}

.topAlignment {
    vertical-align: top;
}

.width225 {
    width: 225px;
    float: left;
}

.marginbottom5 {
    margin-bottom: 5px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

/*Se utiliza para darle estilo al Colorbox de FileManager - I.E.P. 14-07-2014*/
#divSucces li:nth-child(2n) {
    padding: 0 0 10px 10px;
}

/*Estilos para los colorbox*/

div.popup {
    background-color: white;
    padding: 20px 70px;
    text-align: center;
}

    div.popup h3 {
        color: #198941;
        font: italic 24px Georgia;
        line-height: 34px;
    }

    div.popup button {
        border: solid 1px;
        background-color: #013C8A;
        color: #FFFFFF;
        font: italic 14px Georgia;
        margin: 20px 0;
        padding: 7px 15px;
    }

.div-btn-center {
    margin: 50px 0;
}

.div-btn-center .button {
    float: inherit;
}

#colorbox {
    z-index: 100000;
}