html, body{
    font-family:arial;
    width: 90%;/*990px;*/
    margin: auto;
    /*background-image: url('../images/background.jpg');*/
    background-color: #ffffff;/*DDECF3;*/
    height: 95.5%;
}
p{
    margin: 0;
}
section{
    font-size: 12px;
}
footer{
    text-align: center;
}
.titulo_encabezado{
    /*height: 40%;/*130px;*/
    width: 80%;
}
.centro{
    width: 70%;
}
.mensaje{
    display: block;
}
.main{
    background-color: #ffffff;/*DDECF3;*/
    /*background-image: url('<?php echo base_url(); ?>images/boy.jpg');*/
    background-repeat:no-repeat;
    width: 100%; 
    height: 83%;/*height: 438px; */
    overflow:auto;
}
.formulario{
    margin: 20px auto 0px auto;
    width: auto;
    border-radius:3px; 
    -moz-border-radius:3px; /* Firefox */ 
    -webkit-border-radius:3px; /* Safari y Chrome */ 
    border:0px solid #333;
    /*background:#eee;*/
    padding: 10px;
}
img{
    border: none;
}
input{
    -opera-border-radius: 6px;
    -webkit-border-radius: 6px; 
    border-radius: 6px;
    -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);    
    -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    /*box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);*/
    padding: 2px;
}
/*
* Estilo para Botones
*/

button {
    margin:2px 5px 3px 3px !important;
    background-color: #F5F5F5;

    border-width: 0px;
    border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
    border-style:solid;
    border-width:1px;

    font-family: bold arial, verdana, helvetica, sans-serif;
    font-size: 90%;
    line-height :130%;
    text-decoration: none;
    color: black;
    cursor: pointer;
    padding: 5px 15px 5px 15px;
    vertical-align:middle;

    border:1px solid #ccc;

    -opera-border-radius: 8px;
    -webkit-border-radius: 8px; 
    border-radius: 8px;

    -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);    
    -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);

    font-weight:bold;
}
button:hover {

    color:#545454;
    border-style: inset;
    background-color:#DFF4FF;
    border:1px solid #C2E1EF;
}
/* Imagenes para Botones */
button.search {
    background-image:url(../images/icons/16/magnifier.png);
}
button.opener1 {
    background-image:url(../images/icons/16/magnifier.png);
}
button.save {
    background-image:url(../images/icons/16/disk.png);
}

button.agregar {
    background-image:url(../images/icons/16/add.png);
}

button.verificar {
    background-image:url(../images/icons/16/accept.png);
}
button.cancel {
    background-image:url(../images/icons/16/cancel.png);
}

button.exit {
    background-image:url(../images/icons/16/exit.jpg);
}

button.volver {
    background-image:url(../images/icons/16/bullet_back.png);
}

button.delante {
    background-image:url(../images/icons/16/bullet_go.png);        
    padding-right: 30px;
    background-position:55px center;
    background-repeat:no-repeat;
}

button.limpiar {
    background-image:url(../images/icons/16/broom.png);
}

button.opener {
    background-image:url(../images/icons/16/book.png);
}

button.opener1 {
    background-image:url(../images/icons/16/text_large_cap.png);
}
button.opener2 {
    background-image:url(../images/icons/16/text_list_numbers.png);
}

button.inicio {
    background-image:url(../images/icons/16/house.png);
}

button.firma {
    background-image:url(../images/icons/16/user_edit.png);
}

button.agrega {
    background-image:url(../images/icons/16/add.png);
}

button.agrega_user {
    background-image:url(../images/icons/16/user_add.png);
}

button.agrega_page {
    background-image:url(../images/icons/16/page_add.png);
}
button.print {
    background-image:url(../images/icons/16/printer.png);
}

button.ingreso {
    background-image:url(../images/icons/16/door_in.png);
}
button.tildar {
    background-image:url(../images/icons/16/check_box.png);
}

/* Estilo para Imagenes */
button.tildar, button.add, button.agregar, button.exit, button.save, button.cancel, button.verificar, button.refresh, button.upload, button.search, 
button.login, button.plus, button.minus, button.next, button.back, button.print, button.agrega_user, button.pdf, 
button.home, button.list, button.wait, button.change_password, button.volver, button.limpiar, button.agrega_page,
button.opener, button.opener1, button.opener2, button.inicio, button.firma, button.agrega, button.ingreso{
    padding-left:30px;
    background-position:8px;
    background-repeat:no-repeat;
}

button.cancel {
    background-color:#F8E8E6;
    border-color: #FFE3DE;
}
button.cancel:hover {
    border-color: #F4E1D0;
    background-color: #FFE3DE;
}