﻿html {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff;
    color: #414141;
    font-size: 12px;
    font-family: 'Trebuchet MS', Tahoma;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

a {
    color: #FFFFFF;
    outline: none;
    text-decoration: none;
}

.contgeneral {
    width: 960px;
    float: left;
    background-color: #FFFFFF;
}

/* header
----------------------------------------------------------*/

#header {
    width: 960px;
    height: 110px;
    float: left;
    background-color: #AB322E;
}

#contheader {
    width: 960px;
    height: 110px;
    float: left;
    /*background-color: #FFFFFF;*/
    background: url("../images/bgd_logo_chico.png") repeat center center;
    margin:0px;
    padding:0px;
}

.logo {
    width: 310px;
    float: left;
    text-align:left;
    /*background-color: #FFFFFF;*/
}


#espacios {
    width: 15px;
    float: left;
    background-color: #FFFFFF;
}

#contusuario {
    width: 310px;
    float: left;
    vertical-align:top;
    /*background-color: #FFFFFF;*/
}

#icousuario {
    width: 30px;
    float: left;
    margin-top: 34px;
    /*margin-left: 264px;*/
    /*background-color: #FFFFFF;*/
}


.textousuario {
    COLOR: #FFFFFF;
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 12px;
    text-align: left;
    margin-left: 6px;
    margin-top: 35px;
    float: left;
}

#contadmin {
    width: 280px;
    float: left;
    vertical-align:top;
    /*background-color: #FFFFFF;*/
}

#icoadmin {
    width: 17px;
    float: right;
    margin-top: 16px;
    /*background-color: #FFFFFF;*/
}

#icobuscar {
    width: 24px;
    float: right;
    margin-top: 26px;
    /*background-color: #FFFFFF;*/
}

#cajatexto {
    width: 182px;
    margin-top: 25px;
    float: left;
    /*background-color: #FFFFFF;*/
}

.textbox {
    border: 1px solid #DBE1EB;
    font-size: 12px;
    font-family: Arial, Verdana;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    width: 174px;
}

#margenright {
    width: 29px;
    float: left;
    background-color: #FFFFFF;
}

/* fin header
----------------------------------------------------------*/

/* Bloques
----------------------------------------------------------*/

.contbloques {
    width: 310px;
    float: left;
}
/* FinBloques
----------------------------------------------------------*/


/* Bloque izquierdo
----------------------------------------------------------*/


.bloqueleft1 {
    width: 310px;
    float: left;
    background-color: #29c7b7;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
}

.bloqueleft2 {
    width: 310px;
    float: left;
    background-color: #28c6c7;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
}

.bloqueleft3 {
    width: 310px;
    float: left;
    background-color: #28aac7;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
}


.img_bloqueleft {
    width: 310px;
    height: 53px;
    float: left;
    /*background-color: #29c7b7;*/
}

.back_titulosbloque1 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #4bd0c3;
}

.back_titulosbloque2 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #4bcfd0;
}

.back_titulosbloque3 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #4bb8d0;
}

.titulosbloques {
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 16px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: left;
    margin-left: 21px;
    margin-top: 18px;
    margin-bottom: 18px;
    float: left;
}

.bulletlinks {
    width: 3px;
    float: left;
    height: 3px;
    /*background-color: #29c7b7;*/
    margin-left: 21px;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.candado {
    width: 8px;
    float: left;
    height: 10px;
    /*background-color: #29c7b7;*/
    margin-left: 19px;/*21px;*/
    margin-top: 8px;/*10px;*/
    margin-bottom: 8px;
    margin-right: 2px;
}

.backlinksbloques {
    width: 310px;
    float: left;
    height: 23px;
}


a.linkbloques {
    color: #ffffff;
    float: left;
    text-align: left;
    text-decoration: none;
    margin-left:5px;
    margin-top: 8px;
    margin-bottom: 6px;
}

    a.linkbloques:hover {
        background-color: transparent;
        color: #AB322E;
        float: left;
        text-align: left;
        text-decoration: none;
        margin-top: 8px;
        margin-bottom: 6px;
    }

a.linkbloquesver {
    color: #ffffff;
    float: right;
    text-align: right !important;
    text-decoration: none;
    margin-right:5px;
    margin-top: 8px;
    margin-bottom: 6px;
}

    a.linkbloquesver:hover {
        background-color: transparent;
        color: #AB322E;
        float: right;
        text-align: right !important;
        text-decoration: none;
        margin-top: 8px;
        margin-bottom: 6px;
    }

.lineabloque {
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 9px;
    color: #FFFFFF;
    margin-left: 26px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 29px;
    float: left;
}

.espaciotitbloque {
    height: 20px;
    float: left;
}


/* Fin Bloque izquierdo
----------------------------------------------------------*/

/* Bloque medio
----------------------------------------------------------*/

.bloquemedio1 {
    width: 310px;
    float: left;
    background-color: #ffffff;
}


.espaciosbloques {
    width: 13px;
    float: left;
    background-color: #ffffff;
    margin-left:2px;
}

.candadom {
    width: 8px;
    float: left;
    height: 10px;
    /*background-color: #29c7b7;*/
    margin-left: 21px;
    margin-top: 9px;
    margin-bottom: 8px;
    margin-right: 0px;
}

a.linkbloquem {
    color: #000000;
    float: left;
    text-align: left;
    font-size: 14px;
    text-decoration: none;
    margin-top: 7px;
    margin-left: 22px;
}

    a.linkbloquem:hover {
        background-color: transparent;
        color: #AB322E;
        float: left;
        text-align: left;
        font-size: 14px;
        text-decoration: none;
        margin-top: 7px;
        margin-left: 22px;
    }

.lineabloquem {
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 9px;
    color: #46cec1;
    margin-left: 20px;
    float: left;
}


.lineabloquem2 {
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 9px;
    color: #AB322E;
    margin-left: 20px;
    float: left;
}

.bloquemedio2 {
    width: 310px;
    float: left;
    background-color: #ffffff;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
    margin-top: 34px;
}

.img_bloquemedio2 {
    width: 310px;
    height: 174px;
    float: left;
    background-color: #ffffff;
}

.back_titulosbloquem2 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #AB322E;
}

a.linkbloquem2 {
    color: #AB322E;
    float: left;
    text-align: left;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 6px;
    margin-left: 12px;
}

    a.linkbloquem2:hover {
        background-color: transparent;
        color: #000000;
        float: left;
        text-align: left;
        text-decoration: none;
        margin-top: 8px;
        margin-bottom: 6px;
    }

a.linkbloquem2ver {
    color: #AB322E;
    float: right;
    text-align: right !important;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 6px;
    margin-right: 5px;
}

    a.linkbloquem2ver:hover {
        background-color: transparent;
        color: #000000;
        float: right;
        text-align: right !important;
        text-decoration: none;
        margin-top: 8px;
        margin-bottom: 6px;
    }

.backlinksbloquem2 {
    width: 310px;
    float: left;
    height: 23px;
}

.bulletlinks2 {
    width: 3px;
    float: left;
    height: 3px;
    /*background-color: #ffffff;*/
    margin-left: 21px;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.textofecha {
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 14px;
    color: #AB322E;
    width: 960px;
    height:40px;
    float: left;
    margin-top:35px;
    text-align :center;
}

/* Fin bloque medio
----------------------------------------------------------*/

/* Bloque derecho
----------------------------------------------------------*/

.bloqueright1 {
    width: 310px;
    float: left;
    background-color: #31c9af;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
}

.bloqueright2 {
    width: 310px;
    float: left;
    background-color: #37a983;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
}

.bloqueright3 {
    width: 310px;
    float: left;
    background-color: #156a49;
    border: solid;
    border-color: #AB322E;
    border-width: 1px;
}

.back_titulosbloqueright1 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #52d2bc;
}

.back_titulosbloqueright2 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #57b797;
}

.back_titulosbloqueright3 {
    width: 310px;
    float: left;
    height: 48px;
    background-color: #3b8266;
}


/* Fin bloque derecho
----------------------------------------------------------*/

/* Footer
----------------------------------------------------------*/

#footer {
    width: 960px;
    height: 70px;
    float: left;
    background-color: #AB322E;
    text-align:center;
}

.textohora {
    FONT-FAMILY: 'Trebuchet MS', Tahoma;
    FONT-SIZE: 14px;
    color: #FFFFFF;
    margin-top: 27px;
    margin-left: 768px;
    margin-right: 15px;
    float: left;
}

#imgreloj {
    width: 52px;
    float: left;
    margin-top: 9px;
    background-color: #AB322E;
}

/* finfooter
----------------------------------------------------------*/


/*BackEnd*/
.AL {
    display: inline-block;
    height: 24px;
    width: 24px;
}

    .AL.Edit {
        background: url("../images/Edit_icon20.png") no-repeat center center;
    }

    .AL.Detail {
        background: url("../images/Search_icon20.png") no-repeat center center;
    }

    .AL.Delete {
        background: url("../images/Delete_icon20.png") no-repeat center center;
    }

    .AL.Download {
        background: url("../images/Download_icon20.png") no-repeat center center;
    }

    .AL.History {
        background: url("../images/Historial_icon20.png") no-repeat center center;
    }

    .AL.Card {
        background: url("../images/Card_icon20.png") no-repeat center center;
    }

    .AL.Habilitado {
        background: url("../images/Accept_icon20.png") no-repeat center center;
    }

    .AL.Deshabilitado {
        background: url("../images/Cancel_icon20.png") no-repeat center center;
    }

    .AL.ResetPassword {
        background: url("../images/ResetPass.png") no-repeat center center;
    }

    .AL.Roles {
        background: url("../images/person_icon20.png") no-repeat center center;
    }

    .AL.Configuration {
        background: url("../images/Configuration_icon24.png") no-repeat center center;
    }

    .AL.Configurations {
        background: url("../images/Configurations_icon24.png") no-repeat center center;
    }

    .AL.Omitir {
        background: url("../images/Quitar-icon24.png") no-repeat center center;
    }

    .AL.Locales {
        background: url("../images/Locales_icon20.png") no-repeat center center;
    }
    .AL.Precio {
        background: url("../images/green-dollar-icon20.png") no-repeat center center;
    }
    .AL.PuntoPedido {
        background: url("../images/pedido-icon48.png") no-repeat center center;
    }
    .AL.AdmMarcas {
        background: url("../images/AdmMarcas_icon20.png") no-repeat center center;
    }
    .AL.FormaDePago {
        background: url("../images/Credit-Card-2-icon24.png") no-repeat center center;
    }

    .AL.NuevoCliente {
        background: url("../images/NuevoCliente-icon24.png") no-repeat center center;
    }

    .AL.Recibir {
        background: url("../../../images/Recibir-icon24.png") no-repeat center center;
    }

     .AL.Aprobar {
        background: url("../../../images/Aprobar-icon24.png") no-repeat center center;
    }

     .AL.GenerarVenta {
        background: url("../../../images/Venta-icon20.png") no-repeat center center;
    }

.SinPermiso {
    color: #FFFFFF;
    outline: none;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    display: inline-block;
    height: 24px;
    width: 16px;
    background: url("../images/SinPermiso.png") no-repeat center center;
    }


/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    
    border-bottom: 0px #5E4B3D solid;
    padding: 0 0 0 0;
    position: relative;
    text-align:left;
    margin-top: 85px;
    margin-bottom: 0px;
    
}

    ul#menu li {
        display: inline-block;
    }


        ul#menu li a {
            display: table-cell;
            width: 106px;
            height: 40px;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 13px;
            padding-bottom: 2px;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
            vertical-align: bottom;
            font-size: 14px;
            background-color: #AB322E;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: top;
            color: #ffffff;
            border-radius: 4px 4px 4px 4px;
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
        }

.opm_Home {
    background: url("../images/Home-icon48.png") no-repeat center center;
}

.opm_Account {
    background: url("../images/Account-icon48.png") no-repeat center center;
}

.opm_Funcion {
    background: url("../images/Funcion-icon48.png") no-repeat center center;
}

.opm_Role {
    background: url("../images/Role-icon48.png") no-repeat center center;
}

.opm_Perfil {
    background: url("../images/Perfil-icon48.png") no-repeat center center;
}
.opm_Area {
    background: url("../images/Area-icon48.png") no-repeat center center;
}
.opm_Link {
    background: url("../images/Link-icon48.png") no-repeat center center;
}
.opm_GrillaConjunta {
    background: url("../images/Grilla-icon48.png") no-repeat center center;
}
.opm_Permiso {
    background: url("../images/Permiso-icon48.png") no-repeat center center;
}

.opm_Local {
    background: url("../images/Local-icon48.png") no-repeat center center;
}

.opm_Proveedor {
    background: url("../images/Proveedor-icon48.png") no-repeat center center;
}

.opm_Marca {
    background: url("../images/Marca-icon48.png") no-repeat center center;
}

.opm_Color {
    background: url("../images/Color-icon48.png") no-repeat center center;
}

.opm_Material {
    background: url("../images/Material-icon48.png") no-repeat center center;
}

.opm_Familia {
    background: url("../images/Familia-icon48.png") no-repeat center center;
}

.opm_Articulo {
        background: url("../images/Articulos-icon20.png") no-repeat center center;
    }

.opm_FormaPago {
        background: url("../images/FormaPago-icon48.png") no-repeat center center;
    }

.opm_RemitoRecepcion {
        background: url("../images/RemitoRecepcion-icon48.png") no-repeat center center;
    }

.opm_Venta {
        background: url("../images/Venta-icon32.png") no-repeat center center;
    }

.opm_Cliente {
        background: url("../images/Cliente-icon.png") no-repeat center center;
    }

.opm_RemitoLogistica {
        background: url("../images/RemitoLogistica-icon48.png") no-repeat center center;
    }
.opm_RemitoBaja {
        background: url("../images/BajaArticulo-icon48.png") no-repeat center center;
    }
.opm_Reporte {
        background: url("../images/Reportes-icon48.png") no-repeat center center;
    }
.opm_Novedad {
        background: url("../images/Novedad-icon48.png") no-repeat center center;
    }
.opm_Pedido {
        background: url("../images/Pedido-icon32.png") no-repeat center center;
    }

ul#menu li a:hover {
    background-color: #D87270;
    color: #ffffff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #9D9CA1;
    color: #ffffff;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #9D9CA1;
    color: #ffffff;
}


        
li.current a {
    background-color: #949392 !important;
    color: #ffffff !important;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    text-align: left;
    color: #AB322E;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
    color: #AB322E;
}

textarea {
    font-family: inherit;
    min-height: 75px;
    font-size: 1.0em;
    background-color: #EEE;
}

    textarea:focus {
        background-color: #F1ECD2;
    }

input[type="text"], input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.0em;
    color: #444;
    background-color: #EEE;
}

    input[type="text"]:focus, input[type="password"]:focus {
        background-color: #F1ECD2;
    }

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.0em;
    color: #444;
    background-color: #EEE;
}

input[type="submit"] {
    padding: 5px 8px 5px 8px !important;
    /*
    font-size   : 1.0em;
    padding     : 5px;
    border-width: 1px;
    border-color:#26288B;
    border-style:groove;

    /* Agregado para los íconos */
    /*
    background-repeat   : no-repeat;
	background-position : left;
	padding-left        : 20px;
	width               : 80px;
    */
}

.CVButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    border-color: #BFBFBF !important;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    /*color: #38393c;*/
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-align: center !important;
    padding: 5px 8px 5px 8px;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #ffffff;
}

    .CVButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        background-color: #dfdfdf;
    }

    .CVButton:active {
        position: relative;
        top: 1px;
    }

.CVButtonDownload {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    border-color: #BFBFBF !important;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    /*color: #38393c;*/
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-align: center !important;
    padding: 5px 8px 5px 8px;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #ffffff;
}

    .CVButtonDownload:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        background-color: #dfdfdf;
    }

    .CVButtonDownload:active {
        position: relative;
        top: 1px;
    }
/*TABLAS*/
table {
    border: solid 1px #aaa;
    border-collapse: collapse;
    background-color: white;
}

    table td {
        padding: 5px;
        border: solid 1px #aaa;
    }

    table th {
        padding: 6px 5px;
        text-align: left;
        background-color: #e8eef4;
        border: solid 1px #aaa;
    }

        TABLE TH.A2R {
            text-align: right;
        }

        TABLE TH.A2L {
            text-align: left;
        }

    TABLE TD {
        text-align: center;
    }

        TABLE TD.A2R {
            text-align: right;
        }

        TABLE TD.A2L {
            text-align: left;
        }

        TABLE TD.nodata {
            color: #777;
            font-style: italic;
        }

    TABLE.ListadosCSS {
        font-family: inherit;
        width: 960px;
    }

        TABLE.ListadosCSS TH {
            background-color: #BFBFBF;
            color: #414141;
            text-align: center;
        }

        TABLE.ListadosCSS TD {
            color: #AB322E;
        }

        TABLE.ListadosCSS TH a {
            background-color: #BFBFBF;
            color: #414141;
            text-align: center;
            text-decoration: none;
        }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
    font-weight: bold;
    color: #414141;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
    color: #AB322E;
}

.text-box {
    width: 20em;
}

.text-box-short {
    width: 10em;
}

.text-box.multi-line {
    height: 6.5em;
    width: 30em;
}

.tri-state {
    width: 6em;
}

.A2L {
    text-align: left;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #AB322E;
}

h1 {
    font-size: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 0 0;
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5, h6 {
    font-size: 1.1em;
}

.pagination {
	text-align: center;
    font-weight:bold;
	margin: 15px auto;
}
.pagination .current
{
    background-color: #AB7370;
    border-radius: 5px;
    color: #000000;
    padding: 3px 7px 3px;
}

.pagination a
 {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    padding: 3px 7px 3px;    
    color: #000000;
    text-decoration: none;
}

.pagination a:hover 
{
	background-color:#B8BEC7;
}

.page-size
{
	display: inline-block;
    margin-left: 50px;
    
}

.page-size select {
	border: 1px solid #AAAAAA;
	padding: 2px 2px 2px 5px;
	border-radius: 5px;
	cursor: pointer;
}