/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/
/*-------------------------------------------*/

#Lista {
    height: auto;
    overflow: hidden;
    vertical-align: middle;
    width: 100%;
    
}

#Lista a:link, #Lista a:visited {
    /*font-weight: bold;*/
    text-decoration: none;
}

#Lista a {
    /*font-weight: bold;*/
    text-decoration: none;
}


#Lista a:Hover { text-decoration: underline; }

#Lista .item:Hover { background-color: #f0f0f0; }

#Lista .Boton {
    border: solid 1px dimGray;
    cursor: hand;
    float: right;
    font-size: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-top: 10px;
}

#Lista .opc { float: left; }

#Lista .txt {
    float: left;
    margin-top: 6px;
}

#Lista .Foto {
    float: Left;
    margin-right: 5px;
    width:50px;
}

#Lista .Nombre {
    float: LEft;
    margin: 10px;
}

#Lista .Titulo { font-weight: bold; }

#Lista .item {
    border-bottom: solid 1px #aaa;
    height: auto;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px;
    
}

#Lista .opcDer { float: right; }

/*--------------------------------------------*/

#menu_config {
    border-bottom: solid 1px #aaa;
    color: #00cc00;
    display: block;
    font-family: Tahoma;
    height: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
    vertical-align: middle;
    
}

#menu_config ul {
    float: left;
    list-style: none;
    width: 75%;
}

#menu_config li { display: inline; }

#menu_config a {
    color: #aaa;
    float: left;
    font-size: 11px;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

#menu_config li a.current { color: #fff; }
 /*********************************************/

#frm {
    font-family: Tahoma;
    height: auto;
    width: 480px;
}

#frm .Item {
    height: auto;
    padding: 4px;
}

#frm .linea {
    border-bottom: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
    margin: 20px;
    overflow: hidden;
    width: 470px;
}

#frm .lbl {
    color: Gray;
    float: left;
    font-weight: 600;
    height: auto;
    text-align: right;
    width: 150px;
}

#frm .txt {
    font-size: 11px;
    height: auto;
    margin-left: 10px;
    overflow: hidden;
    width: 260px;
}

#frm .txtArea {
    font-family: Tahoma;
    font-size: 11px;
    font-size: 11px;
    margin-left: 10px;
    overflow: hidden;
    width: 260px;
}

#frm .bg {
    font-size: 11px;
    margin-left: 160px;
}

#frm .bc {
    font-size: 11px;
    margin-left: 10px;
}

#frm .Title { color: #696969; }

#frm .bgd {
    background-color: #f8f8ff;
    border: solid 1px #aaa;
    height: auto;
    margin: 5px;
    overflow: hidden;
    padding: 10px;
}

#frm .cbx {
    color: Gray;
    font-weight: 600;
    height: auto;
    margin-left: 80px;
}

#frm .b1 {
    border-bottom: solid 1px dimGray;
    border-left: solid 1px #aaa;
    border-right: solid 1px dimGray;
    border-top: solid 1px #aaa;
    font-size: 11px;
}

#frm .lblmin {
    color: dimGray;
    font-size: 11px;
    margin: 0 auto;
}

#ImgEvent {
    border: solid 1px #aaa;
    float: right;
    height: auto;
    margin-right: 5px;
    overflow: hidden;
    padding: 3px;
    width: 200px;
}

#uploader {
    overflow: hidden;
    padding: 5px;
    width: 350px;
}

#uploader .upload {
    display: block;
    font-size: 11px;
    margin-top: 5px;
    overflow: hidden;
}

#uploader .bup {
    border: solid 1px #aaa;
    float: right;
    font-size: 11px;
    margin: 5px;
}

#uploader .val { font-size: 10px; }

#dialog {
    border: solid 5px #aaa;
    height: auto;
    margin: 0 auto;
    margin-top: -300px;
    position: absolute;
    width: 370px;
    z-index: 999999;
}

#dialog .head {
    background-color: #a9a9a9;
    border: solid 1px #aaa;
    color: #FFFFFF;
    font-weight: 600;
    padding: 5px;
}

#dialog .content {
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

#dialog .foot {
    background-color: #f8f8ff;
    border-top: solid 1px #aaa;
    text-align: right;
}

#dialog .foot .close {
    border: solid 1px #aaa;
    font-size: 11px;
    margin: 5px;
    text-align: center;
}

#lHor {
    border: solid 1px #aaa;
    height: auto;
    margin-top: 10px;
    padding: 3px;
    width: 400px;
}

#lHor .item {
    background-color: #f5f5f5;
    border: solid 1px dimGray;
    float: left;
    margin: 4px;
    padding: 4px;
    vertical-align: middle;
    width: auto;
}

#lHor .Imgitem {
    background-color: #f5f5f5;
    border: solid 1px dimGray;
    float: left;
    height: auto;
    margin: 4px;
    padding: 4px;
    vertical-align: middle;
    width: auto;
}

#lHor .Imgitem .photo {
    float: left;
    margin: 3px;
}

#lHor .close {
    border: 0px;
    cursor: hand;
    float: left;
    font-size: 10px;
    margin: 3px;
}

#lHor .but {
    background-color: transparent;
    border: 0px;
    border-left: solid 1px;
    cursor: hand;
    font-size: 9px;
    width: 20px;
}

#lHor .but:hover { background-color: #aaa; }

#lHor .corner { float: right; }

#lHor .albItem {
    background-color: #f5f5f5;
    border: solid 1px dimGray;
    float: left;
    height: auto;
    margin: 4px;
    padding: 4px;
    vertical-align: middle;
    width: auto;
}

/*Control de numeracion***************************/

#numerador {
    background: #FFFFFF;
    border-bottom: 0px solid #333;
    color: #00cc00;
    display: block;
    font-family: Tahoma;
    height: 28px;
    margin-left: 240px;
    margin-top: 14px;
    vertical-align: middle;
}

#numerador ul {
    float: left;
    list-style: none;
    padding: 5px 0 0 0;
    width: 100%;
}

#numerador ul li { display: inline; }

#numerador .button { cursor: hand; }

#numerador .button:hover, #numerador .button:current {
    border-color: Red;
    color: Red;
}

.autoList {
    background-color: inherit;
    border: solid 1px #AAA;
    color: black;
    font-size: 11px;
    list-style-type: none;
    margin: 0px;
    padding: 0;
    text-align: left;
    visibility: hidden;
}

.autoElement {
    background-color: white;
    border-bottom: solid 1px #aaa;
    height: 65px;
    padding: 5px;
}

.autoElement a { font-weight: bold; }

.autoResaltar {
    background-color: #c3ebf9;
    border-bottom: solid 1px #aaa;
    height: 65px;
    padding: 5px;
}

.autoResaltar a { font-weight: bold; }

.autoImg {
    float: left;
    margin: 2px;
}
/*--------------------------*/

.anybtn {
    border-bottom: solid 1px dimGray;
    border-left: solid 1px #aaa;
    border-right: solid 1px dimGray;
    border-top: solid 1px #aaa;
    font-size: 11px;
    margin: 3px;
}

/*menu Opciones no Funcionales*********************************************/

#Opc_nf {
    border-bottom: 0px solid #333;
    display: block;
    font-family: Tahoma;
    height: auto;
    margin-left: 35px;
    margin-top: 14px;
    vertical-align: middle;
}

#Opc_nf ul li {
    border-bottom: solid 1px #dcdcdc;
    list-style: none;
}