#principal {
margin: 2em;
float: left;
width: 90%;
*width: 85%;
/*border-right: 1px #aaa solid;*/
/*height: 200px;*/
}

#lopd {
width: 90%;
height: 500px;
margin: auto;
margin-bottom: 10px;
padding: .2em;
overflow: auto;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #555555;
border: solid #555555 1px;
background: #cccccc;
}


/* Menú y menú pie*/

#menu_ad{
margin: 0;
padding-top: 0;
padding-bottom: 1em;
*padding-bottom: 0em;
clear: both;
width: 100%;
height: 50px;
background: #444444;
color: #eee;
}

#menu_ad ul {
height: auto;
text-align: center;
font-size: .8em;
padding-left: 0;
*padding-top: 3px;
*margin-left: 0;
/*border: 1px solid #33FF00;*/ /*-> borde para control de tabla  */ 
}

#menu_ad ul li {
display: inline;
list-style: none;
width: auto;
text-align: center;
float: left;
padding-right: 10px;
}

#menu_ad ul li a {
display: block;
text-decoration: none;
color: #fff;
}
#menu_ad ul li a:hover {
color: #FF6600;
}

#ad_menu {
/*border: 1px solid #33FF00;*/ /*-> borde para control de tabla  */ 
text-align: center;
width: 98%;
}

.ad_empresa {
font-size: 10px;
float: right;
text-align: right;
margin-top: 0;
padding-top: 5px;
*padding-top: 0;
}

.ad_nempresa {
color: #FF6600;
font-size: 12px;
font-weight: bold;
}


/* Tablas */

#tablaResult {
width: 100%;
}

#tablaResult th {
padding-left: 10px;
background-color: #555555;
color: #eeeeee;
}

#tablaResult th a {
padding-left: 10px;
background-color: #555555;
color: #eeeeee;
}

#tablaResult th a:hover {
color: #FF6600;
}

#tablaResult td {
padding-left: 10px;
font-size: 11px;
}


/* -> Estilos de la paginación */

#tablaResult tfoot {
text-align: center;
font-size: 11px;
height: 30px;
}

#tablaResult tfoot a {
border: 1px solid #ff6600;
padding: 3px;
margin: 3px;
height: 15px;
background: #333;
/*background: #fff url(img/back_pagination.png) repeat-x;*/
background-position: bottom;
font-family: "Courier New", Courier, monospace;
color: #ff6600;
}

#tablaResult th a:hover {
background: #ff6600;
color: #333333;
font-weight: bold;
}

#tablaResult th span.current {
border: 1px solid #ff6600;
padding: 3px;
margin: 3px;
height: 20px;
background: #ff6600;
background-position: bottom;
color: #eeeeee;
}


/* -> Tabla de Datos */

.tablaDatos {
width: 85%;
border: 1px solid #CCCCCC;
}

.tablaDatos tfoot tr th {
margin-top: 5px;
padding: 2px;
text-align: center;
height: 30px;
}

.datEtiqueta {
padding: 5px;
font-size: 10px;
font-weight: bold;
color: #eeeeee;
background: #FF6600 url('../../img/datCorner.png') no-repeat right bottom;
border: 0;
width: 105px;
}

.datDatos {
padding-left: 10px;
border: 1px #CCCCCC solid;
font-size: 11px;
}

.datBoton {
margin-left: 10px;
margin: 3px;
}

.datBoton a {
border: #FF6600 solid 1px;
padding: 3px;
width: 75px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
font-weight: bold;
background: #333333;
color: #FF6600;
}

.datBoton a:hover {
background: #FF6600;
color: #333333;
/*border: #FF6600 solid 1px;*/
}

.formBoton {
border: #FF6600 solid 1px;
padding: 2px;
margin-top: 5px;
width: 75px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
font-weight: bold;
background: #333333;
color: #FF6600;
}

.formBoton:hover {
background: #FF6600;
color: #333333;
}

/*===============================================*/
/*  Formularios									 */
/*===============================================*/

.admForm {
margin: auto;
}

.admForm fieldset {
width: 600px;
border: 1px #333333 solid;
margin: auto;
margin-top: 10px;
-moz-border-radius: 9px;
border: 1px solid #555555;
}

.admForm legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background: #FF6600;
border: 1px #333333 solid;
color: #333333;
}


.admForm label {
padding: 5px;
margin-bottom: 3px;
font-size: 10px;
font-weight: bold;
color: #eeeeee;
background: #FF6600 url('../../img/datCorner.png') no-repeat right bottom;
border: 0;
width: 105px;
}

.admForm input {
width: 500px;
margin-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555555;
}

.admForm input.formInput {
width: 150px;
margin-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555555;
}

.admForm textarea {
width: 500px;
}

.admForm input.formBoton {
border: #FF6600 solid 1px;
padding: 3px;
margin-top: 5px;
width: 75px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
font-weight: bold;
background: #333333;
color: #FF6600;
display: inline-block;
}

.admForm input.formBoton:hover {
background: #FF6600;
color: #333333;
}



/*===============================================*/
/*  Definición de clases						 */
/*===============================================*/

.icoRight {
height: 30px;
margin-bottom: 5px;
margin-right: 5px;
border: 0;
float: right;
vertical-align: top;
}

.mnsBox {
position: absolute;
display: none;
border: 1px solid #cccccc;
padding: 3px;
background: #FDB74D;
width: 200px;
color: #555555;
font-size: 12px;
font-family: "Courier New", Courier, monospace;
}

.info {
width: 500px;
background: #FF9944;
border: 1px #555555 solid;
padding: 10px;
margin: auto;
margin-bottom: 30px;
font-size: .8em;
}

.contador {
text-align: left;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
color: #FF6600;
font-weight: bold;
}