/* 
    Document   : alta_de_informacion
    Created on : 13/01/2013, 01:59:46 PM
    Author     : CARLOS CORDOVA
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
	--------------------------------------------------------------------------------------------------------------------------------
		alta de informacion
*/
#menu_alta_de_informacion{
    margin:0 auto;
    width:1130px;
    padding-left: 20px;
    padding-top: 20px;
    border-radius: 15px;
    text-align: center;
    background-color: #2756a3;
    height: 220px;
}


        #ul_menu_alta_de_informacion li{

            font-family:Arial, Helvetica, sans-serif;
            float: left;
            width:175px;
            height: 57px;
            background-color: #f5f5f5;
            margin:0 auto;
            border: 1px solid #E13300;
            margin-top:3px;
            margin-bottom:3px;
            margin-left: 3px;
            margin-right: 3px;
            border-radius: 15px;
            padding-bottom:1px;
            padding-top: 30px;
            text-align: center;

            }

        #ul_menu_alta_de_informacion li:hover{
		background-color:#9BCEFF;
		color:#00F;
                 border-radius: 15px;
		}

	/*
             alta de informacion
	--------------------------------------------------------------------------------------------------------------------------------

		*/

                
                



                /*
       botones salir menu y regresar

	--------------------------------------------------------------------------------------------------------------------------------
    	*/
        .boton_salir_regresar_menu
        {
         width: 800px;
         margin: 0 auto;
         height: 100px;
        }

        .boton_salir_regresar_menu_ul_
            {
               margin-left: 120px;
            }
            .boton_salir_regresar_menu_ul_ a
            {
             
               color: #FFFFFF;
            }


    .boton_salir_regresar_menu_ul_ li
        {
            float: left;
            margin-right: 20px;
            margin-left: 20px;
            border-radius: 20px;
            background-color: #7d8085;
            color: #FFFFFF;
            width: 150px;
            height: 40px;
            padding-top: 15px;
            text-align: center;
            font-size: 15px;

            }


            .boton_salir_regresar_menu_ul_ li:hover
            {

                background-color:#70AFE6;
                color: #000;

            }

            .boton_enviar_altas{
                 background-color: #7d8085;
                 border-radius: 20px;
             
               height: 30px;                
            }
            .boton_enviar_altas input{
                  color: #FFFFFF;
            }
            .boton_enviar_altas:hover{
                background-color: #FFFFFF;
                cursor: pointer;
            }

/*

posicion del formulario --------------------------------------------------------------------------------------------------------------------------------
*/



    #posicion_formulario_alta_de_informacion label{
            color: #000;
    }

    #posicion_formulario_alta_de_informacion input
    {
    font-size: 17px;
    color: #000;
    text-align: right;

}








		/*
        ventas
	--------------------------------------------------------------------------------------------------------------------------------
    	*/


        #acreditamientos,#ventas, #pagos_de_clientes, #pago,#compras, #pagos_a_proveedor,
        #gastos,#activos,#impuestos,#honorarios,#prestamos,#costos,#nominas,#ajustes,#deudores_diversos{
            background:url(../imagenes/login/fondo_altas.png);
        }
        #acreditamientos label,#ventas label, #pagos_de_clientes label, #pago label,#compras label, #pagos_a_proveedor label,
        #gastos label,#activos label,#impuestos label,#honorarios label,#prestamos label,#costos label,#nominas label,#ajustes label,
        #deudores_diversos label{
          color: #FFFFFF;
        }

     #acreditamientos{
	
	width:970px;
        height: 400px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}

#ventas {
	
	width:970px;
        height: 350px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        color: #FFFFFF;
       font-size: 20px;
       

	}


     .ventas_xD{
            width: 450px;
            float: left;
          margin-right: 100px;
     }
 .activo_caja_o_banco{
            width: 450px;
            float: left;
            margin-left: 100px;
     }

.ventas_xD_1{

    width: 200px;

    float: left;
    text-align: left;
}

        .requerido{



        }
        .no_requerido
        {
            border: 2px solid #E13300;
                background-color: #9BCEFF;
        }
        .radio_error{
            background-color: #9BCEFF;
            margin: 0 auto;
            width: 300px;
            color: #E13300;
            }

.radio_ventas{
    width: 550px;
    text-align: center;

        }


        .posicion{
           text-align: left;
           padding-right: 10px;
}
#posicion_formulario_alta_de_informacion input{

width: 120px;
padding-left:  10px;
text-align: center;
}
.archivo_xml_su {
    width: 520px !important;
}

.posicion_1{
    float: left;
text-align: right;
    width: 360px;
    height: 50px;
   

}
.posicion_2{
    text-align: right;
    float: left;
    width: 323px;
    height: 50px;

}
.posicion_3{
    text-align: right;
    float: left;
    width: 270px;
    height: 50px;

}
.posicion_divide{
    text-align: right;
   float: right;
    width:970px;
    height: 50px;

}

/* activo*/
.activo_caja_o_banco,.activo_a_credito_bancos{
    float: left;
    margin-left: 5px;
    margin-right: 150px;
    
   
    width: 400px;
}
/* activo*/
        /*
        ventas
	--------------------------------------------------------------------------------------------------------------------------------
    	*/


        /*
        pago_de_clientes
	--------------------------------------------------------------------------------------------------------------------------------
    	*/
        #pagos_de_clientes{
	
	width:970px;
        height: 320px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}



        /*
        pago_de_clientes
	--------------------------------------------------------------------------------------------------------------------------------
    	*/





         /*
        compras
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

        #compras{
	
	width:970px;
        height: 550px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}
        
        .va_archivo_lee2:hover{
            cursor: pointer;
        }
.archivo_xml_su:hover{
            cursor: pointer;
        }
        .pago_1{

            float: left;
            width: 370px;
            margin-left: 20px;
            
           
}
 .pago_2{

            float: left;
            width: 150px;
            margin-left: 150px;
}



         /*
        pagos aproveedor
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

        #pagos_a_proveedor{

	width:970px;
        height: 380px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}


/*
	--------------------------------------------------------------------------------------------------------------------------------
		costos
	*/
        #costos{
	
	width:970px;
	margin:0 auto;
        height: 320px;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}






        /*
	--------------------------------------------------------------------------------------------------------------------------------
		gastos
	*/
        #gastos{
	
	width:970px;
        height: 590px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}







/*
	--------------------------------------------------------------------------------------------------------------------------------
		activos
	*/
         #activos{
	
	width:970px;
        height: 400px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}

        .activo_a_credito_bancos{

           
}
.activo_a_credito_bancos_2{

    width: 200px;

    float: left;
    text-align: left;
}

         /*
	--------------------------------------------------------------------------------------------------------------------------------
		impuestos
	*/
         #impuestos{
	
	width:970px;
        height: 340px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}
        .impuesto_boton{
            text-align: center;
}


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

	*/




         /*
	--------------------------------------------------------------------------------------------------------------------------------
		prestamos
	*/

         #prestamos{
	
	width:970px;
        height: 320px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}

        /*
	--------------------------------------------------------------------------------------------------------------------------------
		honorarios
	*/



         #honorarios{
	
	width:970px;
        height: 300px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}

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

	*/



        /*
	--------------------------------------------------------------------------------------------------------------------------------
		costos
	*/
        #costos{
	
	width:970px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}
         /*
        nominas
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

        #nominas{
	
	width:970px;
        height: 380px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}


         /*
        ajustes
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

        #ajustes{
	
	width:970px;
	margin:0 auto;
        height: 350px;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}
        
           #deudores_diversos{
	
	width:970px;
        height: 350px;
	margin:0 auto;
	margin-left: 3px solid #333;
	margin-right:3px solid #000;
        border-radius: 15px;
        text-align: center;
        color:#FFFFFF;
       font-size: 20px;

	}
.nav-tab
{
   margin: .5rem auto;
   width: 98%;
   overflow: hidden;
   text-align: center;
   
}
.nav-tab > .activo
{
    border-bottom: none;
    border-left: 1px solid lightgrey;
    border-right : 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    box-shadow: 0px -3px 2px rgba(0,0,0,0.2);
}
.tab
{
    box-sizing: border-box;
    padding: .5rem;
    border-bottom: 1px solid lightgrey;
    /*width: 8.3333%;*/
    float: left;
}
.tab-x2
{
    width: 50%;
    border-right: 1px solid lightgrey;
}
.tab:hover
{
    background: rgba(0,0,0,0.045);
}
.tab, .tab > a
{
    display: block;
}