body {
    background-image:url("../img/backg.jpg");
    background-repeat:repeat-x; 
    font-family:arial;
}

#logo {
    width:800px;
    height:100px;
    position:relative;
    background-image:url("../img/logo.png");
    background-repeat:no-repeat;
}

#cuerpo {
    margin:0px auto 0px auto;
    width:1000px;
    height:370px;
    position:relative;
    background-color:white;
    border:solid 1px #cccccc;
    border-radius:5px; /*Esquinas redondeadas*/
    -moz-border-radius:5px; /*Firefox*/ 
    -webkit-border-radius:5px; /*Safari y Chrome*/ 
}

#cuerpo_pequeno {
    margin:0px auto 0px auto;
    width:1000px;
    height:260px;
    position:relative;
    background-color:white;
    border:solid 1px #cccccc;
    border-radius:5px; /*Esquinas redondeadas*/
    -moz-border-radius:5px; /*Firefox*/ 
    -webkit-border-radius:5px; /*Safari y Chrome*/ 
}

#cuerpo_mediano {
    margin:0px auto 0px auto;
    width:1000px;
    height:500px;
    position:relative;
    background-color:white;
    border:solid 1px #cccccc;
    border-radius:5px; /*Esquinas redondeadas*/
    -moz-border-radius:5px; /*Firefox*/ 
    -webkit-border-radius:5px; /*Safari y Chrome*/ 
}

#cuerpo_grande {
    margin:0px auto 0px auto;
    width:1000px;
    height:550px;
    position:relative;
    background-color:white;
    border:solid 1px #cccccc;
    border-radius:5px; /*Esquinas redondeadas*/
    -moz-border-radius:5px; /*Firefox*/ 
    -webkit-border-radius:5px; /*Safari y Chrome*/ 
}

#titulo, #error, #mensaje {
    padding-top:60px;
    text-align:center;
}

hr {
    width:70%;
    border:solid 1px #cccccc;
}

p {
    margin-top:-35px;
    margin-right:15%;
    float:right;
    font-size:12px;
    text-align:left;
}

p old{
    margin-left:12%;
    margin-top:25px;
    font-size:12px;
    text-align:left;
}

/*DIV de textos*/
#grande {
    padding-top:50px;
    text-align:center;
}

#pequeno {
    padding-left:300px;
    font-size:13;
}

#tabla {
    padding-top:60px;
}
/*DIV de textos*/

/*DIV de campos*/
#campo1 {
    margin-top:60px;
}

#campo2 {
    margin-top:20px;
}

#campo3 {
    margin-top:5px;
}

#campo1_Fact {
    margin-top:40px;
}

#campo3_Fact {
    width:50%;
    float:right;
}

#campo_asterisco {
    width:50%;
    float:right;
}

#lista_bitacoras {
    margin:55px 0 0 25px;
}

#lista_config {
    margin:40px 0 0 120px;
}

#lista_transacciones {
    margin:40px 0 0 25px;
}
/*DIV de campos*/

/*Etiquetas*/
label  {
    float: left;
    margin-right:20px;
    text-align:right;
}

#label_usuario, #label_clave, #label_destino, #label_paisPortaOne, #label_domain, #label_portaone {
    width:42%;
}

#label_rep {
    width:47%;
}

#label_reseller, #label_fecIni, #label_fecFin, #label_repBit, #label_repBit2, #label_estatus, #label_idEjec, #label_periodo {
    width:25%;
}

#label_repBit2 {
    margin-top:-10px;
}

#label_reseller_cob_ctas {
    width:42%;
}

#label_asterisco_leyenda {
    font-weight:bold;
    color:red;
}

#oblig {
    margin-top:-55px;
}

#oblig2 {
    margin-top:-15px;
}

#oblig3 {
    margin-top:-15px;
    color:navy;
    font-weight:bold;
}

#label_asterisco {
    width:48%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco1 {
    width:68%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco2 {
    width:9%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco3 {
    width:46%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco4 {
    width:80%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco5 {
    width:82%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco6 {
    width:32%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco7 {
    width:70%;
    float:left;
    font-weight:bold;
    color:red;
}

#label_asterisco8 {
    width:68%;
    float:left;
    font-weight:bold;
    color:red;
}

/*# label_custClass {
    width:42%;
} */
/*Etiquetas*/

/*Campos*/
#usuario, #portaone, #clave, #reporte, #proceso, #reseller, #periodo, #fechaInicio, #fechaFin, #fechaI, #fechaF, #fecInicio, #fecFin, #estatus, #idEjec, #reporteBit, #domain, #pais, #destino {
    padding:2px 2px 2px 5px;
    border:solid 1px #cccccc;
    border-radius:5px; /*Esquinas redondeadas*/
    -moz-border-radius:5px; /*Firefox*/ 
    -webkit-border-radius:5px; /*Safari y Chrome*/ 
}

#usuario, #clave, #portaone {
    width:190px;
}

#estatus, #idEjec {
    margin-top:-5px;
}

#reporteBit {
    margin-top:10px;
    margin-bottom:-5px;
    width:585px;
}

#reporte {
    width:320px;
}

#periodo {
    width:150px;
}

#proceso {
    width:380px;
}

#reseller, #fechaInicio, #fechaFin, #fechaI, #fechaF, #estatus {
    width:210px;
}

#fecInicio, #fecFin, #idEjec {
    width:200px;
}
/*Campos*/

/*Menu*/
#menu{
    list-style:none;
    width:auto;
    position:relative;
    display:block;
	z-index:100;
}

#menu li{
    float:left;
    display:block;
    position:relative;
}

#menu li a{
    text-decoration:none;
    padding:10px 14px 8px 16px;
    display:block;
}

#menu li ul{
    display:none;
    position:absolute;
    border:1px #ccc solid;
    border-radius:5px; /*Esquinas redondeadas*/
    -moz-border-radius:5px; /*Firefox*/ 
    -webkit-border-radius:5px; /*Safari y Chrome*/ 
    background:#F8F8F8;
    margin-top:-8px;
    padding-top:10px;
    width:155%;
}

#menu li ul li{
    list-style:none;
    display:block;
    margin-left:-40px;
}

#menu li ul li a{
    display:block;
    padding-top:0;
    width:150%;
}

#menu li ul li a:hover, #menu li a:hover, #fila1:hover{
    text-decoration:underline;
}

#menu li:hover ul{
    display:block;
}

#menu1:link, #menu2:link, #menu3:link, #menu4:link, #menu5:link, #submenu1:link, #submenu2:link, #submenu3:link, #submenu4:link, #submenu5:link, #submenu6:link, #submenu7:link, #submenu8:link, #menu1:visited, #menu2:visited, #menu3:visited, #menu4:visited, #menu5:visited , #submenu1:visited, #submenu2:visited, #submenu3:visited, #submenu4:visited, #submenu5:visited, #submenu6:visited, #submenu7:visited, #submenu8:visited{ 
    text-decoration:none;
    color:black;
}
/*Menu*/

/*Botones*/
#boton {
    width:25%;
    float:right;
}

#login {
    padding:2px 6px 2px 6px;
    margin-top:40px;
    margin-left:-195px;
    width:30%;
}

#ejecutar {
    padding:2px 6px 2px 6px;
    margin-top:95px;
}

#generar {
    padding:2px 6px 2px 6px;
    margin-top:70px;
}

#mostrar {
    padding:2px 6px 2px 6px;
    margin-top:15px;
    margin-left:40px;
}

#mostrar2 {
    padding:2px 6px 2px 6px;
    margin-top:0px;
    margin-left:40px;
}
/*Botones*/